 /*s jQgrid CSS */
li.ui-draggable-dragging {
    list-style:none;
}

.ui-jqgrid .ui-jqgrid-htable {
	width: 100%;
	table-layout: fixed;
	min-width: 300px !important;
}
/*group headers*/
.ui-widget-content.jqgroup.ui-row-ltr td {
	background: linear-gradient(#ededed 0%, #e7e7e7 100%);
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #bbb !important;
	height: 18px !important;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	color: #6c6b6b;
}
.ui-jqgrid .ui-jqgrid-htable th {
	vertical-align: middle;
	border: 1px solid #d9d9d9;
	border-top: 0;
	border-bottom: 0;
	height: 20px;
	text-align: center;
	font-weight: normal;
	color: #6c6b6b;
	font-size: 11px/* "占쎌쥙�ο쭩�ｋ쐻占쎌늿��, "dotum"*/;
}
.ui-jqgrid .ui-jqgrid-htable th div {
	overflow: hidden;
	position: relative;
	vertical-align: middle !important;
	height: 20px; 
	line-height:1;
	color: #6c6b6b;
	border-right: 0; font-size:11px/* "占쎌쥙�ο쭩�ｋ쐻占쎌늿��,"dotum"*/;
	padding-top:3px;
}
.ui-jqgrid tr.jqgrow td {
	font-weight: normal;
	overflow: hidden;
	white-space: pre;
	height: 20px;
	border-bottom: 1px solid #eee !important;
	vertical-align: middle;
	cursor: pointer;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    letter-spacing: -0.5px;
}

.ui-jqgrid-btable .ui-jqgrid tr.jqgrow td {height: 28px !important}

.ui-jqgrid tr.ui-row-ltr td {
	text-align: center;
	border: none;
}

.ui-jqgrid tr.ui-row-ltr td..titleCell{
	text-align: left;
}

table.tree_grid tr.jqgrow td{
	text-align: left;
}

div.ui-jqgrid-hbox tr.ui-jqgrid-labels input.cbox {
	margin: 0px;
// margin-right: 1px;
}
.ui-jqgrid tr.ui-row-ltr td td {
	border-bottom-style: none;
	border-right-style: none;
}
/*.ui-state-default, .ui-widget-content .ui-state-default { 
	color: #6c6b6b !important;
}*/
newsGridWrapper.ui-widget-content{border:0/*1px solid #ddd*/;}

/*수정*/
.ui-jqgrid-btable tr {
	border: none !important;
	height:24px;
}
/*수정*/

.jqgfirstrow { height:0 !important}
div.ui-state-default.ui-jqgrid-hdiv { 
	border-top: none;
	border-left: none;
	height: 22px;
	border-bottom:1px solid #d9d9d9!important;
	background:#f9f9f9;
}
.ui-corner-all {
	border-left: none;
	border-right: none;
	border-radius: 0 !important;
}

/*수정*/
#upScrollContent td {
	height: 24px;
	border-bottom: 1px solid #f1f1f1;
	color: black;
	text-align: -moz-center;
}
/*수정*/

#upScrollContent tbody tr:not(.upScrollContentghead_0):hover {
	background: #f7f7f7;
}
.scrollWrap tbody tr:hover {
	background: #f7f7f7;
}
/*�뉗떜竊섓옙占쎌삕占쎄쐼�쇽옙�쇰뎔占썩돦��옙�뗭삕占쏙옙異�옙臾믪굲 row 占쎌쥙�⑼옙�異�옙臾믪굲�뉗떜竊섓옙占쎌삕占쎈겭�쇽옙�쇰엥�좎럥猷�/
.ui-state-highlight {
	background: #e6edf3 !important;
}

tr.ui-state-highlight td>span.cell-wrapper {
	background: #e6edf3 !important;
} 

.ui-jqgrid-btable .ui-state-highlight { height:32px}
.tree_grid.ui-jqgrid-btable .ui-state-highlight { height:22px}

.viewRight_pop .popRtitle {width:96%; margin:2px 0 0 8px;}
/*占쎌쥙�⑼옙짰異�옙濡ロ뒄占썩넄��옙戮わ옙�ル∥猷ワ옙醫롫윪占쏙옙�뉗떜竊섓옙占쏙옙�좎뜴�쇽옙�삳씔占쎄풜堉뱄옙�우삕占쏙옙占쏙옙遺듬젍占쎈맦�⑨옙類≫닧�룸챶毓쇽옙臾먮엠占썬끏�숋옙�⑥삕占쏙옙/
/*.ui-state-hover {
	border-right: 1px solid #d9d9d9 !important;
	background: #f4f4f4 !important;
}*/
/*占쎌쥙�⑼옙�λ쐻占쎈슢裕뗰옙醫롫윪占싼껊쐻占쎈슢裕뉛옙醫롫윪占쏙옙異��瑜곸굲, 占쎈쑐維�뜝�꾪�占쏙옙�숋옙�얠삕�좎룞�숋옙硫⑤쐻占쎈슢猷뤄옙醫롫윪占쎌꼳�ｇ뙴紐껁렏占쎌슱��占쎌쥙�⑼옙占쎌땡影�랜爾쎾뜝�덉쑐癲ル슪��린瑜낆삕占쏙옙�앾옙����뉗떜竊섓옙�쏆삕占쏙옙row */
tr[id^='upScrollContentghead'] td {
	vertical-align: middle;
	font-weight: bold !important;
	padding: 3px !important;
}

table#upScrollContent td span.ui-icon {
	margin-left: 5px;
}

#assignScrollContent-frame {
	height: 400px
}

#assignScrollContent tbody tr td {
	height: 28px;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #f1f1f1;
	color: #777;
	vertical-align: middle;
	font-size: 12px;
}


#upScrollContent tr td span.ui-icon-circlesmall-plus {
	background: url(../images/ico/i_listTit.png) no-repeat left -38px;	
}

#upScrollContent tr td span.ui-icon-circlesmall-minus {
	background: url(../images/ico/i_listTit.png) no-repeat left 2px;
}

span.groupIcon {
	background: #ececec url(../images/ico/i_groupIcon.png) no-repeat; 
	color: #555;  
	padding-left: 28px;
	position: relative;
	left: -5px; 
	height: 14px !important;
	display: inline-block;
	float: left 
}

span.packageGroupIcon {
	background-position: 7px 0px;
}

span.itemGroupIcon {
	background-position: 7px -43px;
}

span.peopleGroupIcon {
	background-position: 7px -80px;
}


div.ui-jqgrid-hbox span.s-ico .ui-icon{
	background-image: url(../images/ui-icons_228ef1_256x240.png);
}

div.ui-jqgrid-hbox span.s-ico .ui-state-default .ui-icon-triangle-1-n{
	background-position : 0 -16px;
}

div.ui-jqgrid-hbox span.s-ico .ui-state-default .ui-icon-triangle-1-s{
	background-position : -65px -16px;
}



/* tree */


/*Tree CSS*/
#tree {
	padding: 0 3px 0 0;
	background: #e6edf3;
}

#tree div.ui-accordion-content.ui-widget-content {
	border: 0px;
	width: 100% !important;
}
/*aria-describedby="treeSubView_bLeaf" �좎럥�삣뜝�숈삕�좎럥猷�title �좎럥�삣뜝�숈삕�좎럥琉�t, f 占쎈쑐維�옙袁�맪�좑옙�뉗떜竊섓쭕�대쇊占썩븠�뗥뜝�덉뿴占쎈쵌�딉옙�우삕占쏙퐦�숋옙占쏙┼��돳�좎뜽占썲칰�덈��좎럡�겼뜝�덈�*/
/*e jQgrid Css */
#tree .ui-jqgrid tr.jqgrow td {
	overflow: initial; text-align:left
}
#tree .ui-state-hover {
	background: #f4f4f4;
}
#tree .cell-wrapper {
	cursor: pointer;
	color: #777;
}
#tree tr[aria-selected='true'] span {
	font-weight: bold;
	color: #333;
}
#tree .cell-wrapperleaf {
	padding: 3px 0;
	color: #777;
	font-size: 12px;
	cursor: pointer;
	white-space: nowrap;
}
/*
#tree [id*='gbox_'] {
padding-top: 5px;
width: auto !important;
left: 10px;
}
*/
#tree .tree_grid {
	width:100%
}

#tree .tree_grid tr td>span.cell-wrapper {
	display: inline-block;
	height: auto
}

/*
#TreeF #treeSubView {
width: initial!important; 
padding-left: 5px;
}
*/

[id='gbox_'] .ui-jqgrid-bdiv {
	width: inherit !important;
	overflow: visible;
}
#tree [id*='tree'] td {
/*
display:flexbox;
display:flex;
*/
}

div.viewRight div.arcodianR {
	/*padding: 0;
	margin: 0;
	border: none;
	background: url("../../../images/bg_Rtit.gif") repeat-x !important;*/
}
div.scrollWrap_side2 {
	top: 0px !important;
	height: 825px;
}

.videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    width: 100%;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    min-width:278px !important;
    max-width: 512px;
    min-height: 150px !important;
    max-height: 512px;
}
 
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 128px;
    max-width: 512px;
    min-height: 128px;
    max-height: 512px;
}

.scrollWrap_side .scrollContent_side {
	overflow-x: hidden
}
/* 이미지 show hide 주석처리
 .right_preview .class_div_main {
	display: none;
	margin: 0 auto;
} */

div#right_preview .class_div_img {
	display: table !important;
	min-width:278px;
	float: none !important;
	margin: 0 auto !important;
}

div#right_preview .class_div_img > * {
	width: 100% !important;	
	border:1px solid #ddd;
}

div#right_preview div.submit{
	background: url(../images/ico/bul.gif) no-repeat left 3px;
	padding: 3px 0 5px 11px;
	color: #333333;
	font-weight: bold;
	/*margin-left: 10px;*/	
}

div#right_preview section.sideInfo {
	position: relative;
	display: none;
	/*margin-bottom: 10px;*/
}

.bannerArea{
	display: block;
	clear: both;
	border-top: 1px dotted #ddd;
	margin-top: 10px;
}

.rightHiddenArea {
	display:none;
}

/*
div.sharePannel .btnShare{
	display:inline-block;
	width:32px;
	height:32px;
	margin: 5px;
	background-repeat: no-repeat;
	background-url: url(../images/sharing.png)
	
}

div#right_preview div.sharePannel img{
	vertical-align: middle;
	background: no-repeat url(../images/sharing.png) 0 -648px;
	background-size: auto;
	width: 32px;
	height: 32px;
	margin: -1px;
}
*/



div.floatClear {
	clear:both;
}


/* index */ 

#TreeF {
	margin-top: 45px;
	padding: 0;
}
/* Column Chooser By ChoiS */

div.ui-dialog[aria-describedby="colchooser_upScrollContent"]{
	top: -9999px !important;
	left: -9999px !important; 	
}
.ui-multiselect {
	border: none;
}

#settings_listBody .ui-multiselect li.ui-state-hover a.action {
	display:inline-block !important;
	margin: 0 10px 0 0;
}


.ui-widget-overlay {
	background: none;
	background-color: rgb(0,0,0);
}
#colchooser_upScrollContent {
	padding: 0;
// height: 247px !important;
}
#colchooser_upScrollContent .ui-multiselect {
	border: 0;
	margin: 16px 0;
}
.ui-dialog {
	position: relative;
	width: 100%;
	background: #ffffff;
	border: 3px solid #2f2f2f;
	padding: 0;
}
/* Header */
.ui-dialog-titlebar {
	background: #2f2f2f;
	margin: 0;
	padding: 0 !important;
	border: 0;
	height: 39px;
	margin-bottom: 1px;
}
.ui-dialog-titlebar span:nth-child(1) {
	width: 30px;
}
.ui-dialog-titlebar span:nth-child(2) {
	padding-left: 5px;
}
.ui-dialog-titlebar .ui-dialog-title {
	font-size: 14px;
	color: #fff;
	padding: 12px 0 0 15px;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
	background: none;
	border: 0;
	right: 10px;
	padding: 0;
}
.ui-dialog-titlebar .ui-button-text {
	background-image: url("../images/btn/btn_close.gif");
	background-position: top center;
}
/* Header End */

/* Widget */

.ui-widget li {
	margin: 0;
	/*padding-left: 4px !important; 20141027 */
}
/* Left */

.ui-widget div.selected {
	border: 1px solid #C4D1E1;
	display: inline-block;
	width: 49% !important;
	float: left;
	margin-left: 2px;
}
.ui-widget div.selected .ui-widget-header {
	background: #E6EDF3;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.6;
	margin: 0;
	color: #555;
	border-bottom: 1px solid #DEE8F5;
}
.ui-widget div.selected .ui-widget-header span {
	font-weight: bold;
}
.ui-widget div.selected .ui-widget-header .remove-all {
	background: url(../images/btn/btn_allDel.gif) no-repeat;
	margin: 6px 6px 0 0;
	padding: 0;
	width: 63px;
	height: 20px;
	background-position: right top;
}
.ui-widget div.selected li {
	border-bottom: 1px solid #DEE8F5;
	background: #F2F5FA;
	color: #3D6883;
	margin: 0;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px
	
}
.ui-widget div.selected li a {
	width: 14px;
	height: 13px;
	margin-top: 5px;
	margin-right: 5px;
	background-image: url(../images/btn/bu_closeS.gif);
	display: none;
}
.ui-widget div.selected ul.selected {
	overflow-y: scroll;
}
/* Left End */


/* Right */

.ui-widget div.available {
	border: 1px solid #ddd;
	display: inline-block;
	width: 48% !important;
	float: left;
	margin-left: 2px
}
.ui-widget div.available .ui-widget-header {
	background: #f7f7f7;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.6;
	margin: 0;
	color: #555;
	border-bottom: 1px solid #eee;
	height: 34px;
}
.ui-widget div.available .ui-widget-header span {
	font-weight: bold;
	color: #555;
}
.ui-widget div.available .ui-widget-header .add-all {
	background: url(../images/btn/btn_allSel.gif) no-repeat;
	background-position: right top;
	margin: 6px 6px 0 0;
	padding: 0;
	width: 63px;
	height: 20px;
	color: #3D6883
}
.ui-widget div.available li {
	border-bottom: 1px solid #eee;
// background: none !important;
	margin: 0;
	color: #333;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px
}
.ui-widget div.available li a {
	width: 14px;
	height: 13px;
	margin-top: 5px;
	margin-right: 5px;
	background-image: url(../images/btn/bu_checkS.gif);
	display: none;
}
.ui-widget div.available ul.available {
	overflow-y: scroll;
}
/* Right End */


/* Widget End*/

/* Button */

.ui-dialog .ui-dialog-buttonpane {
	border: 0;
	padding: 0;
	margin: 10px 0 20px 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
	text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
	margin: 0 4px 0 0;
	border: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1) {
	background: url(../images/btn/btn_typeB2.gif) no-repeat;
	background-position: right top;
	width: 48px;
	height: 25px;
	padding: 0 9px 0 8px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) {
	background: url(../images/btn/btn_typeA2.gif) no-repeat;
	background-position: right top;
	width: 49px;
	height: 25px;
	padding: 0 9px 0 8px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: normal;
}
/* Button End */

/* Column Chooser By ChoiS  End */


/* Accordion By ChoiS */

#accordion div {
	margin: 0;
	padding: 0;
	border: none;
	height: auto !important;
}
/* Header */

#accordion .title {
	color: #555;
	background: linear-gradient(#f1f1f1 0%, #e8e8e8 100%);
	border: none;
	height: 20px!important;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	padding: 0 0 0 32px;
}
#accordion .ui-accordion-header-icon {
	left: 75px;
	margin-top: -10px;
	width: 15px;
	display: inline-block;
	vertical-align: middle
}
#accordion span.mhubIcon {
	left: .5em;
	width: 15px;
	height: 15px;
	background: #ececec url(../images/ico/i_groupIcon.png) no-repeat !important;
 //margin:1px 5px;
}
#accordion span.on {
	background: url(../images/ico/i_listTit.png) no-repeat left 2px;
}
#accordion span.off {
	background: url(../images/ico/i_listTit.png) no-repeat left -38px;
}
/* Header End*/

/* List */

#accordion li {
	height: 33px;
	margin: 0;
	padding: 0 !important;
	border-bottom: 1px solid #d0d0d0;
	color: #777;
	vertical-align: middle;
	font-size: 12px
}
#accordion li:hover {
	background-color: #f7f7f7;
}
#accordion li.selected {
	background-color: #e6edf3 !important;
	font-weight: bold;
}
#accordion li input {
	vertical-align: middle;
	margin-left: 33px;
}
#accordion li a {
	display: inline-block;
	text-decoration: none;
	margin: 7px 60px 0 10px;
	color: #333;
	font-size: 12px;
}
/* List End */

/* Accordion  By ChoiS End */



/* header Icon By ChoiS*/



/* header Icon By ChoiS End*/


/* themeListPopup jqgrid  */



#treeTheme {
	backgouund: #bac2d4;
}
#treeTheme .ui-jqgrid tr.jqgrow td {
	overflow: initial;
}
#treeTheme .tree-leaf {
	display: none;
}
#treeTheme .ui-state-highlight {
	background: #e6edf3;
}
#treeTheme .ui-state-hover {
	background: #f4f4f4;
}
#treeTheme .cell-wrapper {
	cursor: pointer;
	color: #384b66;
	font-weight: bold;
}
#treeTheme .cell-wrapperleaf {
	padding: 3px 0;
	color: #777;
	font-size: 12px;
	cursor: pointer;
	white-space: nowrap;
}
#treeTheme [id*='gbox_'] {
	padding-top: 5px;
	width: auto !important;
}
#treeTheme .tree_grid {
	width: initial!important;
	padding-left: 5px;
}
.tree_grid .ui-state-hover {
	background: #f4f4f4;
}

.jqgridWrapper {
	border: 1px solid #b5b5b5;	
	width: 100%;
}

.jqgridWrapper .ui-jqgrid-view{
	border-bottom: none;
}


#mappingList li {
	/*height: 22px;*/
	border-bottom: 1px solid #eee;
	padding: 5px;
	color:#777;
	position:relative;
	line-height:1.4;
}

/* themeListPopup jqgrid end */

/* 占쎌쥙�∽옙짰異�옙�녿쳥�뺢퀡理뉛옙癒⑤쐻�좑옙占쎌쥙�⑶�議우쒀占쎈‘援ｏ옙醫묒삕 占쎌쥙�ο옙怨곷쎗占쎈맩���좎럥�긺춯琉얠뫒占쏙옙*/
#content_pop .contentsEditor_photo .photoWrap {
	top: 35px !important;
	bottom: 0px !important;
	left: 0px !important;
	right: 0px !important;
	border: none !important;
}
#content_pop .contentsEditor_photo {
	padding: 0; min-width:715px;
}

#content_pop .contentsEditor_photo img {
	position: relative !important;
}
#content_pop #editorWrapper .canvas-container {
	margin: auto;
}

/* 占쎌쥙�η쳥�λ쐻占쎈뜃��占쎌쥙�⑼옙�뺣쐻占쎈슢�꾬옙醫롫윥占썩뼹�앾옙��맖 */
.boxBorder_photo {
	top : 35px !important; min-width:700px;
}
/* validation check */
.requiredError {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}
/* validation check */

/* tree icons */
.i_thumIcon {
	background: url(../images/ico/i_folder.gif) no-repeat center !important;
	width: 16px !important;
	height: 16px !important;
}
.i_favoriteIcon {
	background: url(../images/ico/i_starS_on.png) !important;
	width: 16px !important;
	height: 16px !important;
}
/* left */


#tree .searchBox {
	width: 94% !important;
}
#tree .ui-accordion-content {
	margin: 0;
	padding: 0;
	overflow: hidden !important;
}
#tree p.menu {
	margin: 0 !important;
}
.treeFolder .scrollContent_side {
	/*border-bottom: none !important;*/
	border:0;
	height: auto;
	position: inherit !important;
	overflow: hidden
}
.treeFolder div[aria-hidden="false"] .scrollContent_side > div.ui-widget-content {
	height: 685px;
	overflow: hidden	
}
#tree p a, #tree p span.caution {
	display: none;
}

/*수정*/
#tree p.ui-state-active, #tree p.ui-state-active:hover {
	background: #1cbebd url(../images/ico/i_menu.png) no-repeat 180px -12px !important;
	color: #fff;
}
/*수정*/


#tree p.ui-state-active a, #tree p.ui-state-active span.caution {
	display: inline-block;
}
/* left */

/* right */

#right_detailedInfo {
	color: #888;
	padding-top: 10px;
	width: 99%;
}
#right_detailedInfo ul {
	width: 96%;
}
#right_detailedInfo li {
	margin-bottom: 8px;
	clear: both;
	display: inline-block;
	width: 100%
}
#right_detailedInfo li img {
	vertical-align: middle
}
#right_detailedInfo li textarea {
	width: 267px
}
#right_detailedInfo li select {
	width: 280px
}
/*
//#right_detailedInfo li textarea {
width:260px
}
//#right_detailedInfo li select {
width:260px
}
*/
#right_detailedInfo li h4 {
	margin-bottom: 3px;
	font: bold 11px "占쎌쥙�ο쭩�ｋ쐻占쎌늿��, "dotum";
}
#right_detailedInfo li.lineType01 {
	margin-bottom: 5px
}
#right_detailedInfo li.lineType01 h4 {
	margin-top: 4px;
	float: left;
	width: 60px
}
#right_detailedInfo li.lineType01 div {
	margin: 0 0 5px 15px;
	float: left;
}
#right_detailedInfo li.lineType02 h4 {
	margin-top: 4px;
	float: left;
}
#right_detailedInfo li.lineType02 div {
	margin: 0 0 8px 32px;
	float: left;
}
#right_detailedInfo li.lineType03 h4 {
	margin-top: 4px;
	float: left;
}
#right_detailedInfo li.lineType03 div {
	margin: 0 0 8px 45px;
	float: left;
}
/*
#right_preview .sideContentArea #resourceArea img {
	width : 300px !important;
	height : 300px !important;
}
*/
#right_side #data div.scrollWrap_side2 {
	height: auto;
}
#right_side #InfoDetail div.scrollWrap_side2 {
	height: auto;
	bottom: 0;
}
/* right */


/* blue line */
*:active, *:focus {
	outline-style: none;
	-moz-outline-style: none;
}
/* popup tree */
.boardWrite td {
	background: none;
}
div.listOl {
	overflow-y : scroll;
	height: 200px;
}

.approvalClass {
	color: blue;
}

/* right click menu */

.context-menu-list {
	background-color: #f7f7f7 !important;
	border: 1px solid #bbb !important;
	box-shadow: 1px 1px 1px #ddd;
	/*color: #777 !important;*/
}
.context-menu-list .context-menu-item.hover {
	background-color: #fff !important;
	color: #000;
}
/* tooltip */
.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font-weight: bold; font-size: 14px /*"Helvetica Neue", Sans-Serif*/;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}
/* 占쎌쥙�ο옙�껊쐻占쎄쑵留잞옙醫롫윪�억옙�좎럥�ⓨ뜝�덈늅獒뺤쉩�앾옙�덉쉐 */

/* preview */

/*雅�퍔瑗띰㎖�곗삕�딅��삥뉩節뗫섕占쎄퉵��/
#previewContainer {
	position: absolute;
	top: 20px;
	left: 0;
	bottom: 0;
	right: 0;
	_position: static;
}
#previewContent {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	right: 16px;
	overflow: hidden;
	width: auto;
	color: #555;
	min-width: 400px;
}
.ie6 #previewContent {
	position: static;
	width: 100%;
	zoom: 1;
	overflow: hidden;
}
@media print {
#previewContent {
	overflow: visible
}
}
.previewScrollWrap {
	position: absolute;
	top: 28px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 12px 5px 12px 12px;
	text-align: center;
}
.previewScrollWrap .scrollContent_side li {
	margin-bottom: 15px;
	cursor: pointer;
	height: 137px;
}
.previewScrollWrap .scrollContent_side li:hover img {
	border: 3px solid #90b4d4;
}
.previewScrollWrap .scrollContent_side li.click img {
	border: 3px solid #90b4d4 !important;
}
.previewScrollWrap .scrollContent_side2 li {
	cursor: pointer;
	height: 137px;
	display: inline-block;
	margin: 0 10px 15px;
}
.previewScrollWrap .scrollContent_side2 li img {
	border: 3px solid #F7F7F7
}
.previewScrollWrap .scrollContent_side2 li:hover img {
	border: 3px solid #90b4d4;
}
.previewScrollWrap .scrollContent_side2 li.click img {
	border: 3px solid #90b4d4 !important;
}
#previewContent .contentsEditor {
	position: absolute;
	top: 0;
	bottom: 60px;
	left: 0;
	right: 0;
	border: 1px solid #b5b5b5;
	overflow-y: auto;
	padding: 20px
}
#previewContent .contentsEditor .viewBox {
	position: absolute;
	top: 26px;
	bottom: 0;
	left: 0;
	right: 0;
	border: 2px solid #f2f5fa;
	overflow: auto;
	padding: 10px;
}
#previewContent .contentsEditor .viewBox h1 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	/*font-family: '�좎럥夷ⓨ뜝�숈삕�좎럥��, AppleGothic, Helvetica, sans-serif;*/
	line-height: 36px;
}
#previewContent .contentsEditor .viewBox h3 {
	font-size: 11px;
	margin-bottom: 20px;
	font-weight: normal;
}
#previewContent .arcodianR {
	width: 100%;
	background: url(../images/bg_Rtit.gif) repeat-x !important;
	padding: 0;
	height: 28px;
}
#leftSideView {
	width: 187px;
	position: absolute;
	bottom: 60px;
	left: 16px;
	top: 0;
	z-index: 5;
	margin: 0;
	background: #f7f7f7;
	border: 1px solid #b5b5b5;
}
/*雅�퍔瑗띰㎖�곗삕�딅��삥뉩節뗫섕占쎄퉵��/
.article {
	clear: both;
	font-size: 16px;
	/*color:#000*/;
	line-height: 28px;
	/*font-family: '�좎럥夷ⓨ뜝�숈삕�좎럥��, AppleGothic, Helvetica, sans-serif;*/
	/*width: 608px;*/
	margin: 0 auto
}
.article p {
	font-size: 16px;
	/*color:#000*/;
	line-height: 28px;
	margin: 0 0 30px 0;
}
.article span.caption {
	background: none repeat scroll 0 0 #F8F8F8;
	border: 1px solid #ECECEC;
	display: block;
	overflow: hidden;
	padding: 5px;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 12px;
	line-height: 20px;
	color: #666
}
.article .articleImgTC {
	margin: 0 auto 20px auto;
}
.article .articleImgTL {
	margin: 0 0 20px 0;
}
.article .articleImgL {
	float: left;
	margin: 0 20px 20px 0;
}
.article .articleImgR {
	float: right;
	margin: 0 0 20px 20px;
}
/* select disabled */
input[disabled], select[disabled] {
	background-color: rgb(235,235,228); color:#777;
}
/* right info readonly */

#InfoDetail select[readonly], #InfoDetail input[readonly], #InfoDetail textarea[readonly] {
	background-color: rgb(235,235,228); color:#777;
}
/* 占쎌쥙�ο옙�껊쐻占쎄쑵留잞옙醫롫윪�억옙�좎럥�ⓨ뜝�덈늅獒뺤쉩�앾옙�덉쉐 */

.boardlistLi ul li .txtM {
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	margin-top:0;
  	padding-top: 8px
}

#thumScrollContent .boardlistLi ul li .thum{
	margin-bottom:0
} 

/* settings */


#settingsBody{
	height: 450px
}

/* settings columnChooser*/

#settingsColChooser > div.ui-multiselect {
	width: 100% !important;
	border: none;
}
#wrapperAction {
	display: inline-block;
	width: 15%;
	float: left;
}
#wrapperAction a {
	display: block;
	width: 100px;
	height: 100px;
	margin: 20% auto;
}
#wrapperAction #btnRemoveItem {
	background: url(../images/forward.png) no-repeat center center;
	background-size : cover
}
#wrapperAction #btnAddItem {
	background: url(../images/back.png) no-repeat center center;
	background-size : cover
}


div.scrollWrapView2 {
	top: 20px;
}

#toggleRightImg {
	display:inline-block;	
}

.resourceTitle { 
	color:black;
	text-align:left;
	/*word-wrap: break-word;*/
   /**/ padding: 4px;
    height: auto;
    overflow-x: visible;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	 overflow: hidden;
	 white-space: pre
}

 .ui-state-highlight .resourceTitle {font-weight:bold}

table.ui-datepicker-calendar .ui-state-active {
	background: #ddd
}


div.ui-datepicker-header {
	background: #ddd;
	border: 1px solid #ddd;
}

table.ui-datepicker-calendar .ui-state-active {
	background: #ddd
}

.selectedAssociateItem {
	background: #ddd !important;
}

div.popLayerWrap .searchArea_D table {
	min-width: initial;	
}

.pad15 {
	padding: 15px 0 15px 15px !important;
}

/*수정*/
.ui-jqgrid-btable .ui-state-highlight { height:24px}
/*수정*/

.tree_grid.ui-jqgrid-btable .ui-state-highlight { height:22px}

/*占쎌쥙�θ떋�ｌ뒙占썬굥�억옙�쎌삕占쎌쥙�θキ占�
.btnCustom1 { border-style : solid; border-width: 1px; cursor: pointer; height: 24px; margin: 0 5px 0 0; font-size:12px; float:left; }
.btnCustom1 .textArea { margin: 5px 10px 0; font-size:12px ;}

/*占쎄낯沅∽옙戮녹삕�억옙占쎌쥙�∽옙��앾옙��젳占쎈벚�쀯옙�몄삕獄�옙/
.btnCustom2 { border-style : solid; border-width: 1px; cursor: pointer; height: 21px; margin: 2px 5px 0 0; font-size:12px; float:left; }
.btnCustom2 .textArea { margin: 3px 10px 0; font-size:12px ;}

/*占쎌쥙�⑶���억옙�깆굲 �좎럥�긷뜝�덉깓占쎄쑬�됵옙�곹떐�좑옙占쎈벚�쀯옙�몄삕獄�옙/
.btnCustom3 { border-style : solid; border-width: 1px; cursor: pointer; height: 21px; margin: 2px 5px 0 0; font-size:12px; float:left; }
.btnCustom3 .textArea { margin: 3px 10px 0; font-size:12px ;}

#blindLmove {
	z-index: 10
}
/*
div.btnGroup {
	float: none
}
*/
div#contentsFileP {
	z-index: 20
}

div.scrollWrapView_pop{
	bottom: 0px;
	position: relative;
	overflow: hidden;
	top: 0	
}

div#wrapper_attchbox_accordion div.right_accodion_contents {
	padding: 0
}

div#wrapper_attchbox_accordion div.right_accodion_contents div.scrollWrapView_pop {
	overflow-y : scroll
}

 .ui-resizable-handle.ui-resizable-e, .ui-resizable-handle.ui-resizable-w{
	 width:5px !important;
 }

.heightAuto{
    height: auto !important;
}

#element_to_pop_wrap { 
    background-color:#fff;
    border-radius:4px;
    /*color:#000;*/
    display:none; 
    //padding:20px;
    min-width:400px;
    min-height: 180px;
}

#element_to_pop_subwrap { 
    background-color:#fff;
    border-radius:4px;
    /*color:#000;*/
    display:none; 
    //padding:20px;
    min-width:400px;
    min-height: 180px;
}

#element_to_pop_fullwrap { 
    background-color:#fff;
    /*border-radius:4px;/*
    /*color:#000;*/
    display:none; 
    //padding:20px;
    min-width:400px;
    min-height: 180px;
}

.pop_content {
	padding: 14px 16px 14px 16px
}


.boardWrite {
	padding-bottom: 0px
}

.btnGroup {
	position : relative;
	padding : 10px 0 20px 0
}


.containerArea_pop {
	top: 0px;
	bottom: 0px
}

div.right_accodion_contents {
	border:none
}

div#default_attribute_box div.scrollContent_side {
	padding: 5px 5px 6px 12px	
}

div#default_preview_box div.scrollContent_side {
	padding-bottom: 10px
}

ul.listview03 li div.typeIcon     { width: 70px; height: 23px;  cursor: pointer; margin-right: 6px;}


ul.listview03 li div.allIcon {}
ul.listview03 li div.textIcon {  }
ul.listview03 li div.imgIcon {  }
ul.listview03 li div.movieIcon {  }

.exclude_type.opt_disabled {
	
	 background:  url('../images/btn/btn_listRange_01.png') -80px 0 no-repeat; width: 70px; height: 23px; opacity: 1 !important;    background-position: -80px 0px; 
}
.exclude_type.opt_exclude {
	opacity: 0.8;
	//background-position-y:50% !important
}
.exclude_type.opt_include {
	opacity: 1;
	background:  url('../images/btn/btn_listRange_01.png') 0 0 no-repeat; !important; background-position-y:0 !important; width: 70px; height: 23px; color: #008f8e;
}

/*수정*/
th.right div.buArea span.button { background: url('../images/btn/list_sort_02.png'); display:inline-block; width: 20px; height:21px; cursor:pointer; margin:0; font-size:0}
/*수정*/

/*
#btnRightAssociate { background-position:-290px 0}
#btnRightAssociate:hover { background-position:-290px -42px}
#btnRightHistory { background-position:-348px 0;}
#btnRightHistory:hover { background-position:-348px -42px}
#btnRightRevision { background-position:-377px 0}
#btnRightRevision:hover { background-position:-377px -42px}
th.right div.buArea span#btnRightDownload { background-position: -203px 0}
th.right div.buArea span#btnRightDownload:hover {background-position:-203px -42px}
th.right div.buArea span#btnRightEdit {	background-position: -261px 0 }
th.right div.buArea span#btnRightEdit:hover {background-position: -261px -42px }
th.right div.buArea span#btnRightPreview{background-position: -232px 0}
th.right div.buArea span#btnRightPreview:hover{	background-position: -232px -42px}
th.right div.buArea span[data-name='image'] {background-position: 272px 0}
th.right div.buArea span[data-name='image']:hover {	background-position: 272px -42px}
th.right div.buArea span[data-name='video'] {background-position: 127px 0}
th.right div.buArea span[data-name='video']:hover {	background-position: 127px -42px}
*/

th.right div.buArea span.disabled {
	background-position-y: -63px !important;
	cursor: default;
}

.logoHeader { margin:30px 0 0 -2px; padding:0; display:inline-block;/* border-top:1px dashed #dee8f5*/}
.logoHeader li{ /* border:1px solid #eee;background:#fff; */margin-bottom:2px}
a.searchVideoLogo { display: inline-flex; width: 50px; height: 24px; opacity: 0.5; cursor:pointer	; margin:5px; background-position:50% 50% !important;}
a.searchVideoLogo:hover { opacity: 1;}

a.youtubeLogo {	background: url('../images/youtube.png') no-repeat;	background-size: 100%}

a.vimeoLogo {background: url('../images/vimeo.png') no-repeat;background-size: 100%}

a.flickrLogo {background: url('../images/flickr.png') no-repeat;background-size: 100%}

a.instagramLogo {background: url('../images/instagram.png') no-repeat;background-size: 100%}

a.searchVideoLogo.selectedLogo {opacity: 1}
div.pop_content ul.youtube_list {height: 300px;overflow: auto}

div#history_preview {margin-top: 10px;height: 400px;overflow: auto}

td.contentViewer {width: 400px;	height: 300px;border: 1px solid #dee8f5;} 

.contentViewer iframe {	width: 400px !important;height: 300px}

.contentViewer * {max-width: 400px !important;	max-height: 300px}

#element_to_pop_fullwrap {top: 10px !important}

td[aria-describedby='mappingSourceThemeTreeView_checked'] {	width: 30px !important}

td[aria-describedby='mappingTargetThemeTreeView_checked'] {	width: 30px !important}

div.history_compare_wrapper div.content_area {height: initial;overflow: initial}

div.patchArea {	display: none}

div#popupCompare div.scrollWrapView_pop{position: absolute;	overflow-y: scroll;	overflow-x: hidden}


div#revisionTree {position: absolute;top: 0;left: 10px;bottom: 0;right: 50%;_position: static;width:initial; height:initial}

.absoluteList2 {top: 27px !important;overflow: hidden !important}

td[aria-describedby="upScrollContent_resourceIcon"] .thum { text-align:center}
td[aria-describedby="upScrollContent_resourceIcon"] .thum {border:1px solid #ddd; background:#fbfbfb; width:105px; height:105px; text-align:left; font-size:11px; padding:5px; color:#999; position:relative; margin:7px auto }
td[aria-describedby="upScrollContent_resourceIcon"] .thum .thumImg {top:0; bottom:0; left:0; right:0; margin:auto; position:absolute; max-width:115px; max-height:115px}
td[aria-describedby="upScrollContent_resourceIcon"] .thum .thumIco { bottom:-1px; right:-1px; position:absolute; z-index:99}

.boardList li {
	width: initial
}

.boardlistLi .thum:hover {
	width: 105px;
	height: 105px
}

.boardlistLi ul li .thumbDel { 
	opacity:1;
	position:absolute;
	z-index:4000;
	bottom: 9px;
	left: 0px;
	display:block;
	background: url(../images/btn/i_link_thum.png) no-repeat;
	width:25px;
	height:25px;
}
.boardlistLi ul li .thumbDel:hover { 
	opacity:0.5; 
	background: url(../images/btn/i_link_thum_no.png) no-repeat;
}

.boardlistLi ul li:hover .thumbLink { 
	opacity:0.5; 
	position:absolute;
	bottom: 9px; 
	left: 0px; 
	z-index:4000; 
	display:block; 
	background: url(../images/btn/i_link_thum.png) no-repeat; 
	width:25px; 
	height:25px;
}
.boardlistLi ul li:hover .thumbLink:hover { 
	opacity:1; 
}

.boardlistLi ul li:hover .thumbSave { 
	opacity:0.5; 
	position:absolute;
	bottom: 9px; 
	left: 25px; 
	z-index:4000; 
	display:block; 
	background: url(../images/btn/b_save.png) no-repeat; 
	width:25px; 
	height:25px;
}
.boardlistLi ul li:hover .thumbSave:hover { 
	opacity:1; 
}
.boardlistLi ul li .thum.linked { 
	background:#E6EDF3;
	color:#000;
	border: 1px solid #8cb6dc;
}
.text_summary {
	word-wrap: break-word;
	width:101px; height:101px;
	/*background:#cdf*/
}

#popupMapping #containerRight_Pop2 div.scrollWrapView_pop {
	overflow-y: scroll
}

.dragover {
	border: 1px dashed #36C; background:#e6edf3 !important
}

.fieTitfr	{ float:right; /*width:500px; */text-align:right; margin:-2px 0 0 }
.countIcons { margin-right: 5px; display:inline-block}
.countIcons b {display: inline-block; height:20px; cursor:pointer; color:#d74e03 !important; padding:3px 5px 0 22px ; text-align:right}
.countIcons span { vertical-align:bottom; margin: 0 0 0 5px;}
.countIcons .conTxt {background:url('../images/ico/i_text.png') no-repeat;}
.countIcons .conImg {background:url('../images/ico/i_img.png') left -1px no-repeat;}
.countIcons .conVod {background:url('../images/ico/i_vod.png')  no-repeat;}
.countIcons .conSound {background:url('../images/ico/i_sound.png')  no-repeat;}
.countIcons .conFile {background:url('../images/ico/i_file.png')  no-repeat;}

.themeSearch { display:inline-block }

#popupMapping .searchBox { width: initial; padding: initial;box-shadow:none}

.searchBox .btn_search_sourcetheme,.searchBox .btn_search_targettheme{ background:url(../images/btn/bu_searchDate.png) no-repeat;width:22px; height:22px; display:inline-block; cursor:pointer; vertical-align:middle}
.searchBox .btn_search_sourcetheme:hover,.searchBox .btn_search_targettheme:hover { background-position: 0 -22px}

.loginInput .buLogin span {
	margin-top:0
}

#container_pop .minus {

	margin: auto;
	position: absolute;
	top: 38%;
	left: 40.5%;
	text-align: center;
	display: inline-block;
	padding: 2px;
	cursor: pointer;
	
}

.upload .progress{ background:url(../images/animated-overlay1.gif) repeat-x }

.placeholder::-webkit-input-placeholder { /* WebKit browsers */
    color:#b3c1ce;
}
.placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#b3c1ce;
   opacity:1;
}
.placeholder::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#b3c1ce;
   opacity:1;
}
.placeholder:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#b3c1ce;
}

.wpsTemplateBoardLi .select {
	overflow-x: hidden
}

.packageChildRow {
	background: #f1f5f9
}

div.contentsEditor div.toolbox {
	position:absolute;
	height:24px;
	display:none;
	background: white
}

div.contentsEditor div.toolbox a {
	padding:2px;
	width:24px;
	height:20px;
	display:inline-block;
	cursor:pointer;
	border-radius: 2px
}

div.contentsEditor div.toolbox a.on {
	background: #92bce0
}

div.contentsEditor div.toolbox a span {
	width: 16px;
	height: 18px;
	margin: 2px 4px;
	background-size: 16px;
	background-repeat: no-repeat;
	display: inline-block
}

div.contentsEditor div.toolbox a.alignLeft span{
	background-image:url(../images/ico/icon_left.png);	
}

div.contentsEditor div.toolbox a.alignMiddle span{
	background-image:url(../images/ico/icon_middle.png);	
}

div.contentsEditor div.toolbox a.alignRight span{
	background-image:url(../images/ico/icon_right.png);	
}

div.contentsEditor div.toolbox a.delCaption span{
	background-image:url(../images/ico/icon_caption_del.png);	
}

div.contentsEditor div.toolbox a.addCaption span{
	background-image:url(../images/ico/icon_caption_add.png);	
}


div.contentToolBox{
	height:auto;
	position:absolute;
	z-index:3000	
}
div.contentToolBox:not(.leftToolBox){
	display:flex
}

div.contentToolBox a {
	display:inline-block;
	height:20px;
	border: 1px solid black;
	background-color: #eee	
}

a.hoverDownload {
	background:url('../images/btn/list_sort.png');
	background-position:98px 0;
	width: 30px
}

a.hoverPreview {
	background:url('../images/btn/list_sort.png');
	background-position:69px 0;
	width: 30px
}

a.hoverEdit {
	background:url('../images/btn/list_sort.png');
	background-position:39px 0;
	width: 30px
}


#thumScrollContent .boardlistLi ul li {
	position: initial;
}
		
.listBuLayer {
	position: absolute;
	z-index: 3000
}
.listBuLayer .buIco {
	padding: 4px 7px 4px !important;
}

#content_pop .device {
	top: 34px;
	display: none;
	left:initial;
	right: 0;
	z-index: 200
	
}

.listBuLayer #btnListMessage	{ background-position: -317px 0;}
.listBuLayer #btnListMail		{ background-position: -289px 0;}

.listBuLayer #btnListMessage.select, .listBuLayer #btnListMessage:hover		{ background-position: -317px -42px;}
.listBuLayer #btnListMail.select, .listBuLayer #btnListMail:hover			{ background-position: -289px -42px;}

#content_pop .contentsEditor_photo {
	text-align: left
}

#horizontalRulerWrapper {
	display:none;
	position:absolute;
	z-index:100
}

.horizontalRuler, .horizontalRuler li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
/* IE6-7 Fix */
.horizontalRuler, .horizontalRuler li {
    *display: inline;
}
.horizontalRuler {
	background: #222;
    color: #ccc;
    margin: 0;
    height: 2em;
    padding-right: 1cm;
    white-space: nowrap;
}
.horizontalRuler li {
    padding-left: 1cm;
    width: 2em;
    margin: .64em -1em -.64em;
    text-align: center;
    position: relative;
    color : #777;
    font-size: 11px
}
.horizontalRuler li:not(:first-child):before {	
    content: '';
    position: absolute;
    border-left: 1px solid #999;
    height: .64em;
    top: -.64em;
    right: 1em;
}

#verticalRulerWrapper {
	display:none;
	position:absolute;
	overflow:hidden;
	z-index:100;
	top:35px
}

.verticalRuler, .verticalRuler li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
/* IE6-7 Fix */
.verticalRuler, .verticalRuler li {
    *display: inline;
}
.verticalRuler {
    color: #ccc;
    margin: 0;
    white-space: nowrap;
    background:#222;
    width: 3em    
}
.verticalRuler li {
    height:2em;
	margin: -.64em .64em -2em;
    text-align: center;
    position: relative;
    color : #777;
    font-size: 11px
}
.verticalRuler li:not(:first-child):before{
    content: '';
    position: absolute;
	border-bottom: 1px solid #999;
    width: .64em;
    height: .64em;    
	left: -.64em;
}

.bu_newsCategory.btnColor, .bu_maps.btnColor {
	float:none
}

#tabUl .ui-state-default .ui-icon {
	background-image: url(../images/ui-icons_222222_256x240.png)	
}

#btnWpsPreview {
	background-position: -145px 0	
}

#btnWpsPreview:hover {
	background-position: -145px -42px	
}

#historyTree {
	height: 400px
}

div.groupMappingWrapper {
	overflow-y : auto;
	border: none
}
div.groupMappingWrapper>div>ul {
	border: none
}

.boardList tbody#mappingList tr:hover td {
	background: #eee;
}

#wrapperPackageList {
	height: 400px
}

#packageList {
	border-bottom: none
}

.context-menu-item, .context-menu-item.icon {
	padding : 4px 20px !important;
	background-repeat : no-repeat;
}

.context-menu-item.icon-mhApproval {
	background-image: url(../images/ico/buR_ok.png);
}

.context-menu-item.icon-mhApproval.hover {
	background-image: url(../images/ico/buR_ok_o.png);
}

.context-menu-item.icon-mhEdit {
	background-image: url(../images/ico/buR_edit.png);
}

.context-menu-item.icon-mhEdit.hover {
	background-image: url(../images/ico/buR_edit_o.png);
}

.context-menu-item.icon-mhDel {
	background-image: url(../images/ico/buR_del.png);
}

.context-menu-item.icon-mhDel.hover {
	background-image: url(../images/ico/buR_del_o.png);
}

.context-menu-item.icon-mhPreview{
	background-image: url(../images/ico/buR_previewP.png);
}

.context-menu-item.icon-mhPreview.hover {
	background-image: url(../images/ico/buR_previewP_o.png);
}

.context-menu-item.icon-mhPackageSelect {
	background-image: url(../images/ico/buR_packSelect.png);
}

.context-menu-item.icon-mhPackageSelect.hover {
	background-image: url(../images/ico/buR_packSelect_o.png);
}
 
.context-menu-item.icon-mhPackageCreate{
	background-image: url(../images/ico/buR_packAdd.png);
}

.context-menu-item.icon-mhPackageCreate.hover {
	background-image: url(../images/ico/buR_packAdd_o.png);
}

.context-menu-item.icon-mhTemplateSelect {
	background-image: url(../images/ico/buR_tempSelect.png);
}

.context-menu-item.icon-mhTemplateSelect.hover {
	background-image: url(../images/ico/buR_tempSelect_o.png);
}


.boardlistLi ul li .thumIcoBu .icoOpenItem {
	  background: url(../images/ico/thumIco.png) -25px 0px;
	  display: inline-block;
	  height: 22px;
	  margin: 0;
	  width: 22px;

}

.boardlistLi ul li .thumIcoBu .link.on:hover {
	background: url(../images/ico/thumIco.png) -44px -22px;	
}

.boardlistLi ul li .thumIcoBu .link.off {
	background: url(../images/ico/thumIco.png) -44px -22px;	
}


.thumIcoBu>div {
	float: left;
}

.thumIcoBu>div.link {
	float: right;
}

.layoutWrapper .ui-layout-pane {
	padding: 0px !important
}

.headerArea .userStorage {
	//display: inline-block;
	//margin-right: 3px
	background: #434343 none repeat scroll 0 0;
	
	display: inline-block;
	margin-right: 5px;
	padding: 0 7px 2px;
    vertical-align: middle;
}

 #contentHeader .btn_settings:hover, #contentHeader .btn_settings:active {
  background-position: -182px -195px !important;
}

#contentHeader .btn_favorite:hover, #contentHeader .btn_favorite:active {
  background-position: -209px -195px !important;
}

 #contentHeader .btn_del{
	 background-position-x: -237px !important;
 }
 #contentHeader .btn_del:hover{
	 background-position: -237px -195px !important;
 }
 #contentHeader .btn_del:active, #contentHeader .btn_del.on {
	 background-position: -237px -195px !important;
 }
.boardlistLi ul li .thumIcoBu .mobile {
	background-position : 4px -40px;
}

.boardlistLi ul li .thumIcoBu .pad {
	background-position : 4px -77px;
}

.boardlistLi ul li .thumIcoBu .web {
	background-position : 4px 0px;
}

.boardlistLi ul li .thumIcoBu .news {
	background-position : 4px -114px;
}

.boardlistLi .thumIcoBu .btn_del {
	background: url(../images/btn/list_Layerbu.png) no-repeat;
	background-position: -60px 0px !important;
  	display: inline-block;
  	height: 22px;
  	width: 22px;
  	float: right
}

.boardlistLi .thumIcoBu .btn_down {
	background: url('../images/btn/list_sort.png');
	background-position: -203px 0;
	display:inline-block;
	width: 28px; 
	height:21px; 
	cursor:pointer; 
	margin:0; 
	font-size:0;
	float: right
}
.boardlistLi .thumIcoBu .btn_del:hover {
	background-position: -60px -41px !important;
}

#header h1 a.topCMSLogo_segye {
	background:url( ../images/logo_top_cms_segye.jpg) no-repeat; width:150px; height:18px; font-size:0 
}

 .sideContentArea { display: block;}
 .sideContentArea { padding:0}
 .bannerArea { padding: 10px 0; margin: 0 10px;}

 .noRight {
	 text-align: center;
	 margin-top: 60px;
 }

 .boardlistLi ul li .thumIcoBu .icoLocked, .i_contents.icoLocked { background: url(../images/ico/i_locked.png) no-repeat 5px; display: inline-block; height: 22px; width: 22px; }
 .boardlistLi ul li .thumIcoBu .typeIcon{
	 z-index: 9999
 }

.xdsoft_datetimepicker{
	z-index: 99999
}

 #selectedUserList span {
	 margin-left : 8px;
 }
 
 #wongo.editorWongo {
 
 	background-color: #f0f0f0;
    border: solid 1px #dedede;
    padding: 5px 7px;
    color: #909090;
    text-align: right;
    border-radius: 4px;
    background: #fff;
    display: inline-block;
    color: #333;
    font-weight: bold;
 }

.cclWrapper {
	clear:both
} 

#contentHeader .yeonhap { background-position:/*-176px -105px*/-95px -172px  !important; opacity:0.8 ; width:22px!important}
#contentHeader .facebookShare { background-position:/*-147px -105px*/-147px -126px !important ; opacity:0.8 ; width:22px!important}
#contentHeader .yeonhap:hover, #contentHeader .yeonhap:active{ background-position:-95px -195px !important ; opacity:1 !important; width:22px}
#contentHeader .facebookShare:hover, #contentHeader .facebookShare:active{ background-position:-147px -126px !important ; opacity:1 !important; width:22px}
#contentHeader .webMonitor { background-position:-65px -172px !important ; opacity:0.8 ; width:22px!important; margin-left: 5px;}
#contentHeader .webMonitor:hover { background-position:-65px -195px !important ; opacity:1 ; width:22px!important; margin-left: 5px;}

#contentHeader .hanDB { background: url(../images/btn/list_Layerbu.png) -6px -172px; width:22px!important;}


#contentHeader .video { background-position:-36px -172px !important ; opacity:0.8 ; width:22px!important; margin-left: 5px;}
#contentHeader .video:hover { background-position:-36px -195px !important ; opacity:1 ; width:22px!important; margin-left: 5px;}


.ui-resizable-w {
	left:0
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius:0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}

.propertyMediaTitle{
	float: left;
	display:inline-block;
}
.propertyMediaArea{
	display:inline-block;
}

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateApproval{
	 background-color : #c8e2e7;
 }

  #upScrollContent tbody tr:not(.upScrollContentghead_0).stateOne {

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateTwo {

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateThree {

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateFour {

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateFive{

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateSix {

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateSeven {

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateEight {

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateNine {

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateTen {
	 background-color : #dddcf0;
 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateEleven {
	 background-color : #e9f0dc;
 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateTwelve {
	 background-color : #ffff00;
 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateDeleted{

 }

 #upScrollContent tbody tr:not(.upScrollContentghead_0).stateLocked {
	 background-color: #fae8ec !important;
 }

 .currentTheme2{
	 display: none;
 }

.bottomFrame #blindW, .bottomFrame #blindW span {
	cursor: default
}

 #contentHeader .col2 a{
	 width: 27px;
	 height: 21px
 }

 #contentHeader .btn_del {
	 background-position-y: -172px !important;
 }

/*수정*/
 #header .util {
	 width: 420px; 
 }
/*수정*/


 #header .quickManual{
	 display: inline-block;
	 font-size: 11px;
	 color: #eee;
	 padding: 0
 }

 .boardlistLi .thumS.photoApproval {border:4px solid #ffff00}

  #contentHeader .yeonhap.yonhapArticle {
	 background-position: -123px -173px !important;
 }
 #contentHeader .yeonhap.yonhapArticle:hover {
	 background-position: -123px -196px !important;
 }


 #contentHeader .typeSearch option[value="typeRegion"] {
	 display:none;
 }
