/*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%);*/
	background: #f7f7f7;
	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-width: 1px;
	border-bottom-color: inherit;
	border-bottom-style: solid;
	vertical-align: middle;
	cursor: pointer;
}
.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;
}*/

.ui-jqgrid-btable tr {
	border: none !important;
}
.jqgfirstrow { height:0 !important}
div.ui-state-default.ui-jqgrid-hdiv { 
	border-top: none;
	border-left: none;
	height: 20px;
	border-bottom:1px solid #d9d9d9!important;
	background:#f9f9f9;
}
.ui-corner-all {
	border-left: none;
	border-right: none;
	border-radius: 0 !important;
}
#upScrollContent td {
	height: 28px;
	border-bottom: 1px solid #f1f1f1;
	color: #777 !important;
	text-align: -moz-center;
}
#upScrollContent tbody tr:not(.upScrollContentghead_0):hover {
	background: #f7f7f7;
}
.scrollWrap tbody tr:hover {
	background: #f7f7f7;
}
/*쨍짰쩍쨘횈짰 row 횇짭쨍짱쩍횄*/
.ui-state-highlight {
	background: #cbe1f3 !important;
}

tr.ui-state-highlight td>span.cell-wrapper {
	background: #cbe1f3 !important;
} 

.ui-jqgrid-btable .ui-state-highlight { height:32px}
.tree_grid.ui-jqgrid-btable .ui-state-highlight { height:22px}

/*횁짝쨍챰횁횢 쨍쨋쩔챙쩍쨘쩔�쨔철쩍횄*/
/*.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 tbody tr td {
	height: 28px;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #f1f1f1;
	color: #777;
	vertical-align: middle;
	font-size: 12px;
}


.ui-icon-circlesmall-plus {
	background: url(../images/ico/i_listTit.png) no-repeat left -38px;	
}

.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_222222_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;
}
#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 {
	background: #e6edf3;
}
#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
}

.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;
	margin: -1px 9px -1px -1px;*/
}
.ui-widget div.selected .ui-widget-header {
	background: #cbe1f3;
	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: #cbe1f3 !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: #cbe1f3;
}
#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;
}
 #gview_searchDetailTreeView, #gbox_searchDetailTreeView, #gview_searchDetailTreeView .ui-jqgrid-bdiv, #searchDetailTreeView {
	margin: 0;
	padding: 0;
	width: 100% !important;
}


#treeThemeSubView, #gbox_treeThemeSubView {
	border: 0;
	padding: 0 !important;
}


#gbox_mappingTargetThemeTreeView, #gbox_mappingSourceThemeTreeView, #gbox_revisionTreeView {
	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;
	border: 1px solid #ddd;
}
#tree .ui-accordion-content {
	margin: 0;
	padding: 0;
	/*overflow: hidden !important; hycho*/
	overflow-y: auto;
}
#tree p.menu {
	margin: 0 !important;
	cursor: pointer;
}
.treeFolder .scrollContent_side {
	border-bottom: none !important;
	height: auto;
	position: inherit !important;
	overflow: hidden;
	padding: inherit !important;
}
.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: #8bb0d1 url(../images/ico/i_menu.png) no-repeat right -70px !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;
}

#approvalTreeTheme, #searchDetailTreeTheme {
	height: 200px;
	border: 1px solid #dee8f5;
}

#approvalTreeTheme>div, #searchDetailTreeTheme>div {
	border: none;
}
#approvalSearchTreeTheme, #approvalSearchTreeView, #searchDetailTreeView {
	border: none;
}

#approvalSearchTreeView tr.jqgrow td[aria-describedby="approvalSearchTreeView_action"] {
	position : absolute;
	right : 10px;
	width: 15px;
}
#approvalSearchTreeView tr.jqgrow td[aria-describedby="approvalSearchTreeView_action"] a.register {
	display: inline-block;
	width: 14px;
	height: 13px;
	margin-top: 5px;
	margin-right: 5px;
	background-image : url(../images/btn/bu_checkS.gif);
}

/* 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
} 

#assignScrollContent-frame {
	border: 1px solid #b5b5b5;
	margin-bottom: 30px;
	height: 300px;
}

#gbox_assignScrollContent {
	border: none;
}

/* settings */



/* 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
}

#style_text_autowrap {
    word-wrap: break-word;
   /* padding: 7px;*/
    height: auto;
    overflow-x: visible;
};


.ui-jqgrid .ui-jqgrid-btable td .resourceTitle { color:#333 !important}


div.scrollWrapView2 {
	top: 20px;
}

#toggleRightImg {
	display:inline-block;	
}

.resourceTitle { 
	color:#333; text-align:left
}

div.ui-datepicker-header {
	background: #ddd;
	border: 1px solid #ddd;
}

table.ui-datepicker-calendar .ui-state-active {
	background: #ddd
}

.resourceTitle { 
	color:#333; text-align:left
}

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:32px}
.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{
	width:10px !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_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 {
	padding: 0px;
	margin-top: 10px
}
*/

.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: 28px; height: 21px; background: url('../images/btn/list_sort.png'); cursor:pointer}


ul.listview03 li div.allIcon { background-position:0 top}
ul.listview03 li div.textIcon { background-position:-145px 0 }
ul.listview03 li div.imgIcon { background-position:-58px 0 }

.exclude_type.opt_disabled { opacity: 0.5; background-position-y:top !important}
.exclude_type.opt_exclude { opacity: 0.8; background-position-y:50% !important}
.exclude_type.opt_include { opacity: 1; background-position-y:bottom !important}


th.right div.buArea span.button { background: url('../images/btn/list_sort.png'); display:inline-block; width: 30px; height:21px; cursor:pointer}

th.right div.buArea span#btnRightDownload {
	background-position: 98px 0
}
th.right div.buArea span#btnRightDownload:hover {
	background-position: 98px -42px
}

th.right div.buArea span#btnRightEdit {	
	background-position: 39px 0 
}
th.right div.buArea span#btnRightEdit:hover {	
	background-position: 39px -42px 
}

th.right div.buArea span#btnRightPreview{
	background-position: 69px 0
}

th.right div.buArea span#btnRightPreview:hover{
	background-position: 69px -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
}


.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: 66%;
	_position: static;
	border:1px solid #aaa

}

#wrapperPackageList {
	position: absolute;
	top: 1%;
	left: 1%;
	right: 1%;
	bottom: 10%;
	border: 1px solid #aaa 
	
}

.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 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:#cbe1f3;
	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:#cbe1f3 !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;}

.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;
}

#btnRightAssociate {	
	width: 22px;
	height: 22px;
	background:url('../images/btn/i_link_thum.png');
	
}

#btnRightHistory {
	width: initial;
	background: none;
	border: 1px solid black
}

#btnRightRevision {
	width: initial;
	background: none;
	border: 1px solid black
}
		
.listBuLayer {
	position: absolute
}