@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


:root {
	--phyton-color-main:dodgerblue;
	
	--phyton-layout-normal-width:1200px;
	--phyton-layout-narrow-width:900px;
	
	--phyton-footer-height:300px;
	--phyton-header-height:50px;
	
	--block-theme-color:dodgerblue;
}


.phyton-app {
	height:100%;overflow-y:auto;
}


/****** google translate ***************/
body {
 top: 0px !important;
}

body > .skiptranslate > iframe.skiptranslate {
 display: none !important;
 visibility: hidden !important;
}

#goog-gt-tt{display: none !important; top: 0px !important; } 
.goog-tooltip skiptranslate{display: none !important; top: 0px !important; } 
.activity-root { display: hide !important;} 
.status-message { display: hide !important;}
.started-activity-container { display: hide !important;}

* {
	box-sizing:border-box;
	word-break:break-all;
}

*:not(.glyphicons, .fa, .fas, .fab, .far, .fal, .fad, .lg-icon)  {
  font-family: "Noto Sans KR", "Malgun Gothic", helvetica, arial, "sans-serif", sans-serif !important;
  word-break:break-word;
}


html, body { 
	margin:0; 
	padding:0; 
	font-size:9pt; }


.empty-hide:empty {
	display:none;
}


.phyton-ghost-page-data {
	display:none;
}


/*
body[lang=ja],body[lang=zh] * {
	word-break:normal;
}
*/
ul, ol {
	margin:0px;
	padding: 0px;
}

span, img, i, label, input[type=checkbox], input[type=radio] {
	vertical-align:middle;
}


div {
	-webkit-overflow-scrolling:touch;
}

select.charming {
	-webkit-appearance: none;
	background-color: white;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
	background-position : right center;
	background-repeat: no-repeat;
	padding-right: 1.5em;
	border:solid 1px #ccc;
}

a, a > * {
	word-break:break-all !important;
}


a:link,
a:visited {
	color:inherit;
	text-decoration:none;
	/* display: inline-block; */
}


@media ( min-width:1001px ) {
	a:hover {
		color:#03a9f4;
	}
}

body {
	margin:0px;
	padding:0px;
	1height:100%;
}

.layout-to-horz {
	display:table;
	width:100%;
}

.icon-label > *:first-child {
	margin-right:.4em;
}


.layout-to-horz > div {
	display:table-cell;
}


[menu] {
	cursor:pointer;
	padding: 8px;
}

[button] {
	cursor:pointer;
	display:inline-block;
}

[button].normal {
	background: #fff;
	background: -webkit-linear-gradient(#EEF1F5, #fefefe);
	background: -moz-linear-gradient(#EEF1F5, #fefefe);
	background: -ms-linear-gradient(#EEF1F5, #fefefe);
	background: -o-linear-gradient(#EEF1F5, #fefefe);
	background: linear-gradient(#EEF1F5, #fefefe);
	color:#444;
	font-size:8pt;
	border:solid 1px #CDCECF;
	1margin:2px;
	border-radius:5px;
	text-align:center;
	1height:26px;
	1line-height:20px;
	padding:2px 6px 2px 6px;
}

[button].emphasis {
	background: #3bb2f2;
	background: -webkit-linear-gradient(#47bcf9, #28a2ea);
	background: -moz-linear-gradient(#47bcf9, #28a2ea);
	background: -ms-linear-gradient(#47bcf9, #28a2ea);
	background: -o-linear-gradient(#47bcf9, #28a2ea);
	background: linear-gradient(#47bcf9, #28a2ea);
	color:#fff;
	border:solid 1px #28a2ea;
	1margin:2px
	border-radius:5px;
	text-align:center;
	1height:26px
	1line-
	height:20px;
	padding:2px 6px 2px 6px;
}

[button].emphasis.green {
	background: #95cb50; /* Old browsers */
	background: -moz-linear-gradient(top,  #95cb50 0%, #74ac30 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95cb50), color-stop(100%,#74ac30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #95cb50 0%,#74ac30 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95cb50', endColorstr='#74ac30',GradientType=0 ); /* IE6-9 */
	1padding:2px 8px 2px 8px;
	color:#fff;
	border:solid 1px #74ac30;
}

[button].tiny {
	background:#e0e0e0;
	background:-webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
	border:solid 1px #808080;
}


[button].alert {
	background: red; /* Old browsers */color:#fff;
	border:solid 1px orange;
}


.phyton-flex-vertical {
	display:flex;flex-direction:column;gap:0.6em;
}

.phyton-flex-line {
	display:flex;gap:0.4em;align-items:center;
}

.phyton-flex-line.align-start {
	align-items:start;
}

.phyton-flex-line.head-fixed > *:last-child {
	flex:1;
}

.phyton-flex-line.tail-fixed > *:first-child {
	flex:1;
}

.phyton-flex-line.double-wing > * {
	flex:1;
}


.phyton-flex-pivot {
	display:flex;align-items:center;gap:0.4em;
}

@media ( max-width:800px) {
	.phyton-flex-pivot  {
		flex-direction:column;gap:0.6em;
	}

	.phyton-flex-line.double-wing  {
		flex-direction:column;
	}
}

.phyton-responsible-grid {
	display:grid;
	gap:30px;
}

.phyton-responsible-grid.align-start {
	align-items:start;
}

.phyton-responsible-grid.double {
	grid-template-columns:1fr 1fr;
}

.phyton-responsible-grid.triple {
	grid-template-columns:1fr 1fr 1fr;
	gap:20px;
	align-items:begin;
}

@media ( max-width:800px) {
	.phyton-responsible-grid.double {
		grid-template-columns:1fr;
	}

	.phyton-responsible-grid.triple {
		grid-template-columns:1fr;
		gap:30px;
	}
}

.phyton-ellipsis,
.phyton-ellipsis.line1 {
	white-space1: nowrap;text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}

.phyton-ellipsis.line2 {
	-webkit-line-clamp: 2;
	line-height:1.3;
}

.phyton-ellipsis.line3 {
	-webkit-line-clamp: 3;
	line-height:1.3;
}

.phyton-check-slider {
	border:solid 1px #eaeaea;
	border-radius:15px;
	width:55px;
	height:30px;
	background:#ccc;
	display:inline-block;
	clear:both;
	padding:0px;
}

.phyton-check-slider > span {
	border-radius:14px;
	background:#fff;
	border:solid 1px #ccc;
	display:inline-block;
	width:32px;
	height:28px;
	float:right;
}

.phyton-check-slider.selected {
	background:#7ab3ea;
}

.phyton-check-slider.selected > span {
	float:left;
}

/*************************** phyton-browser *********************/

.phyton-browser-soft-back-button {
	border-radius:8px;
	opacity:.7;
	text-align:center;
	position:fixed;
	left:10px;
	bottom:10px;
	background:rgb(255,255,255);
	border:solid 1px rgba(0,0,0,.2);
	width:40px;
	height:40px;
	line-height:34px;
	z-index:20;
	display:none;

}

.phyton-browser-soft-back-button .glyphicons {
	font-size:20px;
	color:#888;
}

.phyton-scroll-up-button {
	border-radius:8px;
	opacity:.7;
	text-align:center;
	position:fixed;
	right:10px;
	bottom:10px;
	background:rgb(255,255,255);
	border:solid 1px rgba(0,0,0,.2);
	width:40px;
	height:40px;
	line-height:34px;
	z-index:20;
	display:none;
}


.phyton-scroll-up-button .glyphicons {
	font-size:20px;
	color:#888;
	line-height:34px;
}


@keyframes forward-in {
  0% {
	left: 100%;
  }
  100% {
	left: 0%;
  }
}

@keyframes forward-out {
  0% {
	left: 0%;
  }
  100% {
	left: -100%;
  }
}

@keyframes backward-in {
  0% {
	left: -100%;
  }
  100% {
	left: 0%;
  }
}

@keyframes backward-out {
  0% {
	left: 0%;
  }
  100% {
	left: 100%;
  }
}


.eco-browser {
	position:relative;

}

.phyton-browser-item {
}

.phyton-browser-item.forward-in {
	animation:forward-in 0s;
	-webkit-animation:forward-in 0s;
}

.phyton-browser-item.forward-out {
	animation:forward-out 0s;
	-webkit-animation:forward-out 0s;
}

.phyton-browser-item.backward-in {
	animation:backward-in 0s;
	-webkit-animation:backward-in 0s;

}

.phyton-browser-item.backward-out {
	animation:backward-out 0s;
	-webkit-animation:backward-out 0s;
}

@media (max-width:1001px) {

	.eco-browser {
		position:relative;

	}

	.phyton-browser-item {
		position:absolute;
		width:100%;
	}

	.phyton-browser-item.forward-in {
		animation:forward-in .3s;
		-webkit-animation:forward-in .3s;
	}

	.phyton-browser-item.forward-out {
		animation:forward-out .3s;
		-webkit-animation:forward-out .3s;

	}

	.phyton-browser-item.backward-in {
		animation:backward-in .3s;
		-webkit-animation:backward-in .3s;
	}

	.phyton-browser-item.backward-out {
		animation:backward-out .3s;
		-webkit-animation:backward-out .3s;
	}
}



/*************************** layout *****************************/
.phyton-app-header {
	height:40px;
	background:#444;
	color:#fff;
	position:fixed;
	z-index: 100;
	left:0px;
	right:0px;
}


/*
.phyton-app-header > .phyton-app-header-inner {
	display:table;
	width:100%;	
}

.phyton-app-header > .phyton-app-header-inner > * {
	display:table-cell;
	vertical-align:middle;
}
*/

.phyton-app-header > .phyton-app-header-inner {
	display:flex;
	align-items:center;
	gap:8px;
}

.phyton-app-header > .phyton-app-header-inner > .phyton-top-menu-container {
	flex:1;
	display:block;
}

.phyton-app-header > .phyton-app-header-inner > .page-name-block {
	width:200px;
	padding:5px 10px;
	cursor:pointer;
}


.phyton-app-header .page-name-image {
	
}


.phyton-app-body {
	padding:20px;
	padding-top:60px;
}

.phyton-section-wrapper {
	max-width:1000px;
	margin:0 auto;
}



.phyton-table {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	border-top:solid 3px #71A6C5;
	border-bottom:solid 1px #71A6C5;
}

.phyton-table th,
.phyton-table td {
	
	padding:10px 8px;
	
	border:solid 1px #eee;

}

.phyton-table .horz-align-center {
	text-align:center;
}

.phyton-table .horz-align-right {
	text-align:right;
}

.phyton-table .horz-align-left {
	text-align:left;
}

.phyton-table th {
	background:#EFF3F9;
}


/********** phyton-form-table ***********/
.phyton-form-table th,
.phyton-form-table td {
	border:solid 1px #ccc;
	padding:5px;
}

.phyton-form-table th {
	background:#EFF3F9;
	width:150px;
	white-space:nowrap;
}

.phyton-form-table td input {
	border:solid 1px #fff;
	border-radius:5px;
	width:100%;
	padding:3px;
}

.phyton-form-table td input:hover {
	border:solid 1px #eee;
	background:#ffe800;
}


.phyton-form-table-field-description {
	padding:4px;
	margin-top:3px;
	color:#008800;
	background:#f5f5f5;
	border-radius:5px;
}

/********** phyton-list ***********/
.phyton-list {
	min-height:150px;
}

.phyton-list.phyton-panelet {
	min-height:0px;
}

.phyton-list1:after { 
	content:""; clear:both; display:block; 
}


.phyton-list .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
	min-height: 50px;
}

.phyton-no-data-sign {
	min-height:300px;
	text-align:center;
	1border:solid 1px red;
	display:table;
	width:100%;

}

.phyton-list-empty-holder {
	padding:50px 30px;
}

.phyton-list-has-no-data-sign {
	text-align:center;padding:5px;
}

.phyton-list-empty-holder:empty {
	padding:0px;
	display:none;
}

.phyton-no-data-sign[data-type=string] .phyton-no-data-sign {
	height:100px;
	min-height:auto;
	text-align:center;
	width:100%;
	margin-bottom:10px;
}

.phyton-no-data-sign[data-type=schema] {
	min-height:auto;
	text-align:left;
	display:block;
}

.phyton-no-data-sign-inner {
	display:table-cell;
	vertical-align:middle;
}

.phyton-no-data-sign-icon {
	background:url(../img/nodata.png) no-repeat center center;
	1border:solid 1px blue;
	min-height:150px;
}

.phyton-no-data-sign.small {
	background:url(../img/nodata.small.png) no-repeat center center;
}


.phyton-no-data-sign-message {
	margin-top:15px;
	color:#888;
}

.phyton-page-block {
	padding:3px 0px;
	margin-top:15px;
	margin-bottom:10px;
}

.phyton-page-block.top {
	margin-top:0px;
}


.phyton-page-count-block {
	padding:3px 5px;
	margin-right:10px;
}

.phyton-page-count-block .total-count-label {
	margin-right:10px;
}

.phyton-page-anchor {
	padding:3px 5px;
	cursor:pointer;
	font-size:9pt;
}

.phyton-page-anchor.current {
	color: blue;
}

.phyton-page-anchor.inactive {
	display:none;
}


.phyton-page-anchor.prev-page
,.phyton-page-anchor.next-page {
	display:none;
}

.sns-share-button {
	display:inline-block;
	width:35px;
	height:35px;
}

.sns-share-button.facebook {
	background:url(../img/sns.png) -17px -9px no-repeat;
}

.sns-share-button.kakaotalk {
	background:url(../img/sns.png) -190px -9px no-repeat;
}

.sns-share-button.twitter {
	background:url(../img/sns.png) -60px -9px no-repeat;
}


.phyton-data-list {
	list-style:none;
    padding-left:0;
}

.phyton-data-list > li {
	border-bottom:solid 1px #ccc;
	padding:5px;
	align-items: center;
	display: flex;
}

.phyton-data-list > li:first-child {
	border-top:solid 1px #ccc;
}

.phyton-data-item > * {
	margin-right:10px;
}



.phyton-app-header > .phyton-app-header-inner .phyton-tiny-header-block {
	display:none;
}

.main-menu-header {
	display:none;
}

.phyton-app-header > .phyton-app-header-inner > .phyton-user-auth-action-holder {
	display:flex;
	gap:8px;
	align-items:center;
}



/****************** language *********************/
.phyton-language-anchor {
	1display:none;
	padding:3px;
	margin-right:5px;
}

.phyton-language-anchor.current {
	color:dodgerblue;
}

.popup-menu-inside .phyton-language-list {

	padding:10px;
}

.popup-menu-inside .phyton-language-list select {
	width:100%;
	color:#000;
	padding:4px;
}

.user-info-block [name=viewerLangCd] {
	border:none;
	background:transparent;
	color:#fff;
	width:auto;
}


[name=viewerLangCd] option {
	color:#000;
}


/******************* badge **********************/
.phyton-notification-badge {
	background:#b5e677;
	border-radius:8px;
	height:20px;
	/* padding:0px 3px 0px 3px; */
	min-width:20px;
	text-align:center;
	line-height:18px;
	color:#fff;
	border:none;
	display:inline-block;
	font-size:12px;
	/* margin-right:5px; */
	1display:none;
}

.phyton-notification-badge.alert {
	display:inline-block;
	background:red;
	color:#fff;

}

/****************** cart ************************/
.phyton-cart-count {
	border-radius:8px;
	background:dodgerblue;
	padding:2px 5px;
	color:#fff;
	font-size:12px;
}

.phyton-cart-count:empty,
.phyton-cart-count[data-cart-count="0"] {
	display:none;
}


/************************* phyton follow *************************/
.phyton-follow-anchor[data-followYn=N] {
	background:#f6f0df;
}

.phyton-follow-anchor[data-followYn=Y] .glyphicons.N {
	display:none;
}

.phyton-follow-anchor[data-followYn=N] .glyphicons.Y {
	display:none;
}



/******************* site-count **********************/
.phyton-site-count.circle {
	background:dodgerblue;
	border-radius:8px;
	height:20px;
	/* padding:0px 3px 0px 3px; */
	min-width:20px;
	text-align:center;
	line-height:18px;
	color:#fff;
	border:none;
	display:inline-block;
	font-size:12px;
	/* margin-right:5px; */
	1display:none;
}


/****************** tabs ************************/
.phyton-tab-block {
	margin:0px;
	padding:0px;
	1border:solid 1px red;
	margin-bottom:10px;

}

.phyton-tab-block[data-depth="0"] {
	border-bottom:solid 1px #CCC;
	padding-left:15px;
}


.phyton-tab-block[data-depth="0"] .phyton-tab-anchor {
	background:#f1f1f1;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	min-width:80px;
	display:inline-block;
	border:solid 1px #ccc;
	border-radius:5px 5px 0px 0px;
	border-bottom:none;
	cursor:pointer;
	margin-right:5px;
	border-top:solid 4px #eaeaea;
}

.phyton-tab-block .phyton-tab-anchor .tab-icon {
	margin-right:.6em;
}

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor.current {
	background-color:#fff;
	font-weight:bold;
	color:#0381D2;
	 border-top:solid 4px #71A6C5; 
}

.phyton-tab-block[data-depth="1"] {
	background:#fff;
	padding:8px;
	1border:solid 1px #ddd;
	border-radius:5px;
}

.phyton-tab-block[data-depth="1"] .phyton-tab-anchor {
	display:inline-block;
	padding:5px 10px;
	border:solid 1px #ddd;
	border-radius:15px;
	margin-right:8px;
	min-width:80px;
	text-align:center;
}


.phyton-tab-block[data-depth="1"] .phyton-tab-anchor.current {
	font-weight:900;
	background:#0fc2d9;
	color:#fff;
}




@media (max-width:1001px) {

html, body {
	font-size:10pt;
}


.phyton-tab-block[data-depth="0"] {
	margin:0px;
	padding:0px;
}

.phyton-tab-block[data-depth="0"]  {
	margin:0px;
	padding:0px;
}



.phyton-tab-block[data-depth="0"] .phyton-tab-anchor {
	background:transparent;
	border:none;
	border-left:solid 1px #ddd;
	height:60px;
	margin:0px;
	border-radius:0px;
	padding:0px;
	min-width:40px;
	color:#888;
	background:#fff;
	width:30%;
	1line-
	height:60px;
	text-align:center;
	border-top:none;
	border-bottom: 0px;
}

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor .tab-icon {
	display:block;
	width:100%;
	height: 30px;
	line-height: 26px;
	font-size:18px;
	padding-top:4px;
}

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor .tab-label {
	display:block;
	/* height:30px; */
	line-height: 26px;
	white-space:nowrap;
	overflow: hidden;
}


.phyton-tab-block[data-depth="0"] .phyton-tab-anchor:last-child {
	border-right:solid 1px #ddd;
}

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor.current {
	background:#f5f5f5;#71A6C5
	color:dodgerblue;
	border-top:none;
	border:;
}


/* one item */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(1) {
	width: 100%;
}

/* two items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(2),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(2) ~ a {
	width: 50%;
}

/* three items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(3),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(3) ~ a {
	width: 33.3333%;
}

/* four items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(4),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(4) ~ a {
	width: 25%;
}

/* five items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(5),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(5) ~ a {
	width: 20%;
}

/* six items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(6),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(6) ~ a {
	width: 16.666666%;
}


.phyton-tab-block[data-depth="1"] {
	1padding:8px;
	background:#f5f5f5;
	border-radius:0px;
	margin-bottom:0px;
}

.phyton-tab-block[data-depth="1"] .phyton-tab-anchor {
	background:#fff;
	margin:0px;
	border-radius:0px;
	border-left:0px;
}



.phyton-tab-block[data-depth="1"] .phyton-tab-anchor:first-child {
	border-left:solid 1px #ddd;
	border-radius:8px 0px 0px 8px;
}

.phyton-tab-block[data-depth="1"] .phyton-tab-anchor:last-child {
	border-radius:0px 8px 8px 0px;
}


.phyton-tab-block[data-depth="1"] .phyton-tab-anchor.current {
	font-weight:900;
	background:#0fc2d9;
	color:#fff;
}

}






.glyphicons {
	min-width:1em;
}

/******** color ****************/
.data-sub-1 {
	color:#70a7ae;
}

.data-main-1 {
	color:#333;
	font-weight:bold;
	font-size:1.1em;
}


/******* common-calendar ****************/
.common-calendar {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}

.common-calendar td,
.common-calendar th {
	border:solid 1px #ccc;
	padding:4px;
	vertical-align:top;
}

.common-calendar th {
	background-color:#fcfcfc;
	text-align:center;
}

.common-calendar td > div {
	min-height:80px;
}

.common-calendar td.not-this-month {
	background-color:#f1f1f1;
	
}

.common-calendar td.today {
	border:solid 2px red;
}

.common-calendar td.selected {
	1background:#d3e1ef;
	border:solid 3px dodgerblue;
}

/******* common-weekly ****************/
.common-weekly-table {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}

.common-weekly-table td,
.common-weekly-table th {
	border:solid 1px #ccc;
	padding:4px;
	vertical-align:top;
}

.common-weekly-table th {
	background-color:#fcfcfc;
	text-align:center;
}

.common-weekly-table td > div {
}

.common-weekly-table td.not-this-month {
	background-color:#f1f1f1;
	
}

.common-weekly-table td.selected {
	1background:#d3e1ef;
	border:solid 3px dodgerblue;
}

.common-weekly-table tr.today {
	background:#f4f4f0;
}

.common-weekly-table .today-marker {
	display:block;font-size:11px;padding:2px 10px;background:#ffe800;border-radius:8px;margin-top:6px;
}

@media (max-width:1001px) {

	.common-weekly-table {
		width:100%;
		border-collapse:collapse;
		table-layout:fixed;
		margin-bottom:100px;
	}

	.common-weekly-table tbody {
		display:flex;
		flex-direction:column;
		gap:10px;
	}

	.common-weekly-table thead {
		display:none;
	}

	.common-weekly-table colgroup {
		display:none;
	}

	.common-weekly-table tr {
		display:block;
		border:solid 1px #ccc;
		1margin:0px 10px;
		border-radius:10px;
		overflow-y:auto;
	}

	.common-weekly-table tr:first-child {
		border-top:solid 1px #ccc;
	}

	.common-weekly-table .date-info {
		display:flex;
		gap:4px;
		align-content:begin;
		background:#fafafa;
		padding:4px 10px;
		border-bottom:solid 1px #ddd;
	}

	.common-weekly-table .action-info { 
		padding:4px 10px;
		border-top:solid 1px #ddd;
	}

	.common-weekly-table .action-info:empty {
		display:none;
	}

	.common-weekly-table td {
		display:block;
		width:100%;
		border:none;
	}

	.common-weekly-table .today-marker {
		display:inline-block;margin:0px;
		padding:0px 6px;
		font-size:9px;
	}
}


/****************** search block ************************/
@media (max-width:1001px) {

	.phyton-search-block {
		background: #f5f5f5;
		padding: 10px;
		border-radius: 8px;

	}

	.phyton-search-block [name=searchForm] {
		padding: 2px;
		border-radius: 12px;
		border: solid 1px #ccc;
		background: #fff;
	}

	.phyton-search-block [name=searchForm] input[type=text] {
		border: none;
		width: 100%;
		padding: 4px 8px;
	}

	.phyton-search-block [name=searchForm] input[type=submit] {
		display:none;
	}
}


/****************** menu ************************/
.phyton-app-menu .account-id-holder {
	font-size:10px;margin-top:4px;color:#888;
}

.main-menu-anchor  .menu-icon {
	margin-right:.6em;
	color:#fff;
	background-color:#dddddd;
	display:inline-block;
	width:16px;
	height:16px;
	text-align:center;
	line-height:16px;
	border-radius:4px;
	font-size:10px;
}

.main-menu-anchor.current  .menu-icon {
	color:#fff;
	background:#92c3f2;
}

.main-menu-anchor.exact.current {
	background:#91c2e9;
	color:#fff;
}

.main-menu-anchor.exact.current .menu-icon {
	background:none;
	color:#fff;
	font-size:15px;;
}


.popup-menu-inside [accountYn=Y] {
	display:none;
}

.phyton-app .phyton-menu-block[data-depth="0"] > li.main-menu-anchor-container[data-menu=me] {
	display:none;
}

@media (min-width:1001px) {

	.phyton-tiny-header-block {
		display:none;
	}

	.phyton-app-menu {
		display:none;
	}

	.main-menu-header {
		display:none;
	}

	.main-menu-block {
		display:block;
	}

	.user-info-block {
		text-align:right;
		padding-right:15px;
	}

	.user-info-block > * {
		margin-left:8px;
	}

	.phyton-menu-block {
		list-style-type: none;
		padding:0px;
		margin:0px;
	}

	.phyton-menu-block > li {
		line-height:1em;
	}

	.phyton-menu-block[data-depth="0"] > li  {
		display:inline;
		line-height:36px;
	}

	.phyton-app[data-menuExpose=hover] .phyton-menu-block .menu-label {
		white-space:nowrap;
	}

	.phyton-app[data-menuExpose=hover] .phyton-menu-block[data-depth="0"] > li.main-menu-anchor-container[data-menu=system] {
		display:none;
	}

	.phyton-app[data-menuExpose=hover] .phyton-menu-block[data-depth="0"] > li.main-menu-anchor-container[data-menu=me] {
		display:none;
	}

	.phyton-menu-block1[data-depth="2"] {
		margin-top:10px;
		padding-left:0px;
	}

	.phyton-menu-block1[data-depth="1"] > li  {
		line-height:1em;
		padding:6px 0px;
		padding-left:10px;
	}

	.phyton-menu-block1[data-depth="2"] > li  {
		line-height:1em;
		padding:6px 0px;
		padding-left:20px;
	}

	.phyton-menu-block[data-depth="1"] {
		display:none;
	}

	.main-menu-anchor {
		text-decoration:none;
		display:inline-block;
		color:#333;
		font-size:1.2em;
		padding:8px 15px;
		font-weight:bold;
		width:100%;
	}

	.main-menu-anchor[data-depth="0"] {
		display:inline;
		border:none;
		line-height:1em;
	}

	.main-menu-anchor[data-depth="0"] .menu-icon {
		display:none;
	}

	.main-menu-anchor[data-depth="0"].exact.current {
		background:none;;
	}

	.main-menu-anchor[data-depth="2"] {
		padding-left:30px;
	}

	.main-menu-anchor[data-depth="3"] {
		padding-left:50px;
	}

	.main-menu-anchor[data-depth="0"] {
		color:#fff;
		line-height: 38px;
	}

	.main-menu-anchor.current {
		color:#4385c5;
	}

	.main-menu-anchor[data-depth="0"].current {
		color:#ffe800;
	}

	.phyton-menu-block[data-depth="1"].current {
		display:block;
		position:fixed;
		left:0px;
		width:211px;
		top:40px;
		bottom:0px;
		background:#f1f1f1;
		color:#333;
		padding1:20px;
		padding-top:30px;
		text-align:left;
	}



	.phyton-app-body {
		margin-left:211px;
	}

	.phyton-app-body.no-menu {
		margin-left:0px;
	}

	.phyton-app-body.wide-stage {
		margin-left:0px;
	}

	.phyton-app-body.no-menu .phyton-section-header {
		display:none;
	}
}

@media (max-width:901px) {

	.phyton-app-header > .page-name-block {
		display:none;
	}

}

/******** footer *********************/
.phyton-browser-item-footer {
	display:none;
}

.phyton-app-footer {
	margin-top:100px;
	border-top:solid 1px #ccc;
	padding-top:10px;
	font-size:.9em;
	color:#888;
}

.phyton-app-footer:empty { 
	display:none;
}

.phyton-app-footer .phyton-language-list {
	margin-bottom:8px;
}

@media (max-width:1001px) {

	.phyton-browser-item-footer {
		display:block;
	}

	.phyton-app-footer {
		background:#f5f5f5;
		padding: 15px;
		display:none;
	}

	.phyton-app-footer .phyton-language-list {
		display:none;
	}
}

@media (max-width:1001px) {



	.page-name-block {
		display:none;
	}

	.main-menu-block {
		display:none;
	}


	.phyton-app-menu {
		position:fixed;
		left:-100%;
		width:100%;
		right:0px;
		top:0px;
		bottom:0px;
		overflow-y:hidden;
		transition:left .2s;
		z-index:102;
		background:#fff;
		display: block;
	}

	.phyton-app-menu .popup-menu-inside {
		position:absolute;
		left:0px;
		top:40px;
		right:0px;
		bottom:0px;
		overflow-y:auto;
	}

	.phyton-app-menu.showtime {
		left:0px;
		visibility:visible;
		1border:solid 1px blue;
	}

	.popup-menu-header {
		text-align:right;
		height:40px;
		border-bottom:solid 1px #ccc;
		background:#f5f5f5;
	}


	.phyton-tiny-header-block {
		display:table;
	}

	.user-info-block {
		display:none;
	}

	.phyton-menu-block {
		list-style-type: none;
	}




	.phyton-menu-block {
		position:static;
		1padding:0px;
		background:#fff;
		padding:0px;
		width:100%;
	}



	.phyton-menu-block.current {
		1border:solid 1px red;
		1padding:5px;
	}


	.phyton-app-menu .menu-anchor {
		color:#333;
		padding:13px;
		padding-left:10px;
		display:block;
		border-bottom:solid 1px #eee;
		font-size:14px;
		background:#fafafa;
	}

	.phyton-app-menu .login-user-menu {
		padding-left:20px;
	}

	.phyton-app-body {
		margin-left:0px;
	}

	.main-menu-anchor {
		color:#333;
		padding:9px;
		display:block;
		border-bottom:solid 1px #eee;
		/* font-size:14px; */
		1border:solid 1px
		red;
	}


	.main-menu-anchor.current {
		color:dodgerblue;
	}

	.main-menu-anchor[data-depth="0"] {
		padding-left:20px;
	}

	.main-menu-anchor[data-depth="1"] {
		padding-left: 35px;
	}

	.main-menu-anchor[data-depth="2"] {
		padding-left: 60px;
	}

	.main-menu-anchor[data-depth="3"] {
		padding-left:110px;
	}
}

.phyton-app-title {
	display:none;
}



.phyton-section-header {
	padding:3px 10px 15px 3px;
	font-size:1.3em;
	border-bottom:solid 1px #ccc;
	margin-bottom:20px;
	display:table;
	width:100%;
}

.phyton-section-header > * {
	display:table-cell;
}

.phyton-section-header > :first-child {
	width:5px;
	white-space:nowrap;
}

.phyton-section-header .phyton-page-action {
	text-align:right;
}

.phyton-page-action-tool {
	cursor:pointer;
	margin-left:10px;
	font-size:14px;
}

.phyton-page-action-tool .label {
	margin-left:.2em;
}


.phyton-page-more {
	padding:15px;
	text-align:center;
	border-top:solid 1px #ddd;
	display:none;
}

.phyton-page-more.active {
	cursor:pointer;
	
}

.phyton-page-more.inactive {
	color:#ccc;
	display:none;
}

.phyton-list-order-select-type-block {
	display:none;
}

.phyton-list-order-block.always .phyton-list-order-select-type-block {
	display:block;
}

.phyton-list-order-block.always .phyton-list-order-field-select {
	border:none;
}

/************************ media **********************/
@media (max-width:1001px) {

	.phyton-section-header {
		display:none;
	}

	.phyton-app-title {
		display:table-cell;
		vertical-align:middle;
		border1:solid 1px red;
		margin-right:20px;
	}

	.phyton-page-more {
		display:block;
	}


	.phyton-page-block.bottom {
		width:100%;
		1display:table;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
		display:none;
	 }

	.phyton-page-block.top {
		display:none;
	}

	.phyton-page-block.bottom > * {
		display:table-cell;
		padding:3px 10px;;
	}

	.phyton-page-no-block {
		text-align:right;
	}


	.phyton-page-count-block {
		font-size:11pt;
	}

	.total-count-label {
		display:none;
	}

	.phyton-page-anchor {
		font-size:11pt;
	}

	.phyton-page-anchor {
		display:none;
	}


	.phyton-page-anchor.prev-page
	,.phyton-page-anchor.next-page {
		display:inline-block;
		padding:10px;
		font-size:14pt;
	}

	.phyton-page-anchor.page-no {
		display:none;

	}

	.phyton-list-order-select-type-block {
		display:block;
		padding:3px 5px;
		1text-align:right;
		color:#555;
	}

	.phyton-list-order-field-select {
		border:none !important;
		padding:5px;
		width:100%;
		1height:30px;
		1line-height:30px;
	}

}





@media (max-width:1001px) {

	body {
		1padding-top:40px;
	}

	.phyton-app-body {
		padding:0px;
		padding-top:40px;
	}

}

@media screen and (min-width:8001px) and (max-width:10001px) {

	body { background:red; }

	.phyton-app-header .page-name-block {
		display:none !important;
		border:solid 1px blue;
	}

	.phyton-app-header .main-menu-block {
		margin-left:10px;
	}
}

/*********************************************************
//
// phyton-code-auth-login]
//
**********************************************************/
.panel-phyton-code-auth-login {
	1text-align:center;
	1background-color:#f2f6fa;
	1background:url(../img/pattern_login.jpg);
}

.panel-phyton-code-auth-login .login-form input[type=text],
.panel-phyton-code-auth-login .login-form [name=groupId],
.panel-phyton-code-auth-login .login-form input[type=password] {
	padding:5px;
	width:200px;
	box-sizing:border-box;
}

.panel-phyton-code-auth-login .login-form {
	display:inline-block;
	border:solid 1px #ccc;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	padding:20px;
	width:400px;
	margin-top:100px;
	background:#fff;
	border-radius:10px;
}

.111111111111111111panel-phyton-code-auth-login .login-form .label-login {
	font-size:18px;
	font-weight:bold;
	color:#bbbdbc;
	margin-top:10px;
	margin-bottom:20px;
	display:inline-block;
	font-family:nanumGothic;
}

.1111111111111panel-phyton-code-auth-login .login-form .label-login {
	background:url(/factory/edtech/modules/front/img/top.logo.png) no-repeat center center;
	background-size:contain;
	border:solid 1px red;
	height:120px;
	width:80%;
	margin-bottom:15px;
}

@media (min-width:1001px) {

	.panel-phyton-code-auth-login .login-form {
		border:none;
		margin-top:0px;
	}
}



.panel-phyton-code-auth-login .form-item {
	padding:3px;
	vertical-align:middle;
}

.panel-phyton-code-auth-login .welcome {
	border-top:solid 1px #ccc;
	text-align:left;
	padding-top:15px;
	color:#999;
	padding-bottom:10px;
}

.panel-phyton-code-auth-login .login-tools {
	margin-top:15px;
}

.panel-phyton-code-auth-login .form-item-title {
	width:40px;
	height:22px;
	display:inline-block;
	text-align:right;
	margin-right:10px;
	vertical-align:middle;
	color:navy;
}

.panel-phyton-code-auth-login .form-item-title.id {
	background:url(../img/login_user.png) no-repeat center right;
}

.panel-phyton-code-auth-login .form-item-title.pw {
	background:url(../img/login_lock.png) no-repeat center right;
}

.panel-phyton-code-auth-login .form-action {
	padding:5px;
	margin-top:15px;
	margin-bottom:8px;
}

.panel-phyton-code-auth-login .external-login-holder {
	margin-bottom:15px;
	padding:5px;
}

.panel-phyton-code-auth-login .join-action {
	margin-bottom:14px;
}

.panel-phyton-code-auth-login [button=join] {
	border:none;
	background:transparent;
	font-size:13px;
}

.panel-phyton-code-auth-login [button=find-password] {
	border:none;
	background:transparent;
	font-size:13px;

}

.panel-phyton-code-auth-login [button=login] {
	width:200px;
	margin-left:30px;
	height:35px;
	line-height:30px;
}

.panel-phyton-code-auth-login [button=facebook] {
	1background:url(../img/page/loi/FBlogin.png) no-repeat;
	width:200px;
	height:35px;
	1background-size:200px auto;
	border:none;
	margin-left:30px;
	background:#5474ab;
	text-align:left;
}

.panel-phyton-code-auth-login [button=facebook] .icon {
	margin-top:1px;
	background:url(../img/panel/login/facebook_icon.png) no-repeat;
	background-size:auto 28px;
	width:30px;
	height:30px;
	display:inline-block;
	1border:solid 1px red;
}

.panel-phyton-code-auth-login [button=facebook] .label {
	color:#fff;
	margin-left:10px;
	line-height:30px;
	vertical-align:middle;
	display:inline-block;
	height:30px;
	font-size:14px;
}

.panel-phyton-code-auth-login [button=googleplus] {
	1background:url(../img/page/loi/FBlogin.png) no-repeat;
	width:200px;
	height:35px;
	1background-size:200px auto;
	border:none;
	margin-left:30px;
	background:#fff;
	text-align:left;
	border:solid 1px #ccc;
}

.panel-phyton-code-auth-login [button=googleplus] .icon {
	margin-top:1px;
	background:url(../img/panel/login/google.png) no-repeat;
	background-size:auto 28px;
	width:30px;
	height:30px;
	display:inline-block;
	1border:solid 1px red;
}

.panel-phyton-code-auth-login [button=googleplus] .label {
	color:#000;
	margin-left:10px;
	line-height:30px;
	vertical-align:middle;
	display:inline-block;
	height:30px;
	font-size:14px;
}



	.panel-phyton-code-auth-login {
		1background:url(../img/panel/login/login_back_720_1280.png) no-repeat center center;
		1background-size:100% 100%;
		1min-height:800px;
		1background:#6BB014;
		background:#fff;
	}

	.panel-phyton-code-auth-login .login-tools input {
		margig-right:5px;
	}

	.panel-phyton-code-auth-login .login-form {
		background:transparent;
		border:none;
		box-shadow:none;
		width:100%;
		margin:0px;
		padding:30px;
	}

	.panel-phyton-code-auth-login .login-form input[type=text],
	.panel-phyton-code-auth-login .login-form [name=groupId],
	.panel-phyton-code-auth-login .login-form input[type=password] {
		width: 100%;
		margin-bottom: 15px;
		height: 40px;
	}

	.panel-phyton-code-auth-login .login-form input { 
		background:rgba(255,255,255,.4);
		color:#222;
		border:solid 1px #ccc;
		font-size:15px;
		width:100%;
	}

	.panel-phyton-code-auth-login .form-item {
		padding:3px;
		vertical-align:middle;
	}

	.panel-phyton-code-auth-login .form-item-title.id {
		display:none;
	}

	.panel-phyton-code-auth-login .form-item-title.pw {
		display:none;
	}


	.panel-phyton-code-auth-login .form-item input{
		width:100%;
		margin-bottom:15px;
		height:40px;
	}

	.panel-phyton-code-auth-login .eco-checkbox,
	.panel-phyton-code-auth-login .eco-radio {
		margin-right:2px;
		padding:2px;
		margin:2px;
		display:inline-block;
		
	}

	.panel-phyton-code-auth-login .eco-checkbox-icon.glyphicons,
	.panel-phyton-code-auth-login .eco-radio-icon.glyphicons {
		display:inline;
		padding:0px;
		margin-right:4px;
	}

	.panel-phyton-code-auth-login  .eco-checkbox-label,
	.panel-phyton-code-auth-login .eco-radio-label {
		padding-left:.1em;
		padding:0px;
		
	}



	.panel-phyton-code-auth-login {
		1background:url(../img/panel/login/login_back_720_1280.png) no-repeat center center;
		1background-size:100% 100%;
		1min-height:800px;
		1background:#6BB014;
		background:#fff;
	}

	.panel-phyton-code-auth-login .login-tools {
		1color:#fff;
	}

	.panel-phyton-code-auth-login .login-tools input {
		margig-right:5px;
	}

	.panel-phyton-code-auth-login .login-form {
		background:transparent;
		margin-top:0px;
	}

	.panel-phyton-code-auth-login .login-form input { 
		background:rgba(255,255,255,.4);
		color:#222;
		border:solid 1px #ccc;
		font-size:15px;
	}


	.111111111111panel-phyton-code-auth-login .login-form .label-login {
		background:url(/img/favicons/apple-touch-icon.png) no-repeat center center;
		background-size:160px 160px;
		height:160px;
		width:160px;
		border-radius:8%;
		text-indent:-1000px;
		overflow:hidden;
	}


	.panel-phyton-code-auth-login [button=login] {
		width:100%;
		height:40px;
		line-height:38px;
		font-size:16px;
		margin-left:0px;
		1background:#ffffff;
		1color:#333;
	}

	.panel-phyton-code-auth-login [button=facebook] {
		text-align:center;
	}

	.panel-phyton-code-auth-login [button=facebook] .icon {
		margin-top:1px;
		background-size:auto 28px;
		width:30px;
		height:30px;
		display:inline-block;
		1border:solid 1px red;
	}

	.panel-phyton-code-auth-login [button=facebook] {
		margin-left:0px;
		width:100%;
		height:40px;
		line-height:33px;
	}

	.panel-phyton-code-auth-login .join-action {
		1color:#fff;
	}

	.panel-phyton-code-auth-login .join-action [button] {
		1color:#fff;
		font-size:15px;
	}

	.panel-phyton-code-auth-login .welcome {
		display:none;
	}

@media (min-width:1001px) {

	.panel-phyton-code-auth-login .phyton-panel-wrapper {
		text-align:center;
	}

	.panel-phyton-code-auth-login .login-form {
		width:400px;
		margin:0 auto;
		border:solid 1px #ccc;
		margin-bottom:40px;
		margin-top:40px;
	}

	.panel-phyton-code-auth-login .phyton-section-header {
		1display:none;
	}
}

.phyton-app .phyton-section-header [button=phyton-menu-display] {
	display:none;
}


/******************** phyton-join-container ************************/
.phyton-join-form-container {
	max-width:600px;margin:0 auto;
}

.phyton-join-form-container .join-header {
	padding-bottom:15px;border-bottom:solid 1px #ccc;font-size:20px;font-weight:600;color:var(--phyton-color-main);margin-bottom:20px;margin-top:35px;
}

.eco-popup .phyton-join-form-container .join-header {
	display:none;margin-top:0px;
}

.phyton-join-form-container [button] {
	padding: 10px;
	border-radius: 8px;
	min-width: 100px;
	text-align: center;
	font-size:13px;
}

.phyton-join-form-container .action-block [button=close] {
	display:none;
}

.phyton-join-form-container .remark-block {
	line-height:1.4;
}


/*********************** web-browser : mobile ***********************/
.phyton-app.multi-section.anchor-link-nav-local .phyton-section-body {
	bottom:40px;
}

@media (max-width:1001px) {
	.phyton-app.multi-section.anchor-link-nav-local.anchor-with-label .phyton-section-body {
		bottom:60px;
	}
}

/*********************** web-browser : mobile ***********************/


@media (max-width:1001px) {
	.phyton-app-header {
		display:none;
	}

	.phyton-app-body .phyton-section-header {
		background1:#6BB014;
		position:fixed;
		top:0px;
		z-index: 101;
		margin-bottom:0px;
		height:40px;
		padding:0px;
		line-height:40px;
		display:table;
		overflow: hidden;
		border:none;
		color1:#fff;
	}

	.phyton-app .phyton-section-header > * { 
		display:table-cell;
		height:40px;
		text-align:center;
		color1:#fff;
		padding:0px;
		margin:0px;
		overflow:hidden;
		white-space:nowrap;
		1border:solid 1px red;
	}


	.phyton-app .phyton-section-header > :first-child {
		width:40px;
		white-space:nowrap;
	}

	.phyton-app .phyton-section-header > :last-child {
		width:40px;
		white-space:nowrap;
	}



	.phyton-app .phyton-section-header [button] {
		padding:0px;
		margin:0px;
		color1:#fff;
		line-height:40px;
		background:none;
		border:none;
		height:40px;
		1border:solid 1px
		blue;
		text-align:center;
		font-size:17px;
		1border:solid 1px
		red;
	}

	.phyton-app .phyton-section-header	[button=phyton-browser-item-prev] {
		width:35px;
		display:inline-block;
		text-align:center;

	}

	.phyton-app .phyton-section-header [button] .label {
		display:none;
	}

	.phyton-app .phyton-section-header [button=phyton-menu-display] {
		display:inline-block;
	}

	.phyton-app .phyton-section-header .phyton-page-action-tool {
		width:auto;
		1border:solid 1px
		red;
		font-size:12px;
	}

	.phyton-app .phyton-section-header .phyton-page-action-tool .icon {
		width:35px;
		height:40px;
		font-size:17px;
		line-height:36px;
	}

	.phyton-app .phyton-section-header .phyton-page-action-tool .label {
		1display:inline-block;
		1font-size:17px;
	}

	
	.phyton-app.anchor-link-nav-local .phyton-app-body {
		1border:solid 5px red;
		position:absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
	}

	.phyton-app.anchor-link-nav-local .phyton-section-body {
		position:absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
	}

	.phyton-app.multi-section.anchor-link-nav-local .phyton-section-body {
		bottom:40px;
	}


	.phyton-app.anchor-link-nav-local .phyton-app-body .phyton-browser-item {
		position:absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		overflow-y:auto;
		padding-top:40px;
		height1:200px;
		width1:100%;
	}

	.phyton-app.multi-section .phyton-browser-item .phyton-scroll-up-button {
		bottom:50px;

	}

	/* icon type */
	.phyton-app.multi-section.anchor-with-label .phyton-browser-item .phyton-scroll-up-button {
		bottom:70px;

	}

	.phyton-app .phyton-section-header > .phyton-page-title {
		
	}
	
}


/*********************** multi-section ***********************/
.phyton-app.multi-section .phyton-app-header {
	display:none;
}

.phyton-app.multi-section .phyton-app-body {
	padding:0px;
	margin:0px;
	padding-bottom:60px;
}

.phyton-app.multi-section .phyton-section-wrapper {
	max-width:inherit;
	padding-top:60px;
}

.phyton-app.multi-section .phyton-section-header {
	
	background:#6BB014;
	position:fixed;
	top:0px;
	z-index:1;
	margin-bottom:0px;
	height:40px;
	padding:0px;
	line-height:40px;
	display:table;
	overflow: hidden;
	border:none;

}

.phyton-app.multi-section .phyton-section-header > * { 
	display:table-cell;
	height:40px;
	text-align:center;
	color:#fff;
	padding:0px;
	margin:0px;
	overflow:hidden;
	1border:solid 1px red;
}

.phyton-app.multi-section .phyton-section-header > :first-child {
	width:40px;
	white-space:nowrap;
}

.phyton-app.multi-section .phyton-section-header > :last-child {
	width:40px;
	white-space:nowrap;
}

.phyton-app.multi-section .phyton-section-header [button] {
	padding:0px;
	margin:0px;
	color:#fff;
	line-height:40px;
	background:none;
	border:none;
	height:40px;
	font-size:17px;

}

.phyton-app.multi-section .phyton-section-header [button=phyton-menu-display] {
	display:none;
}

@media (max-width:1001px) {

	.phyton-app.multi-section .phyton-section-header {
		display:table;
		height:40px;
	}

	.phyton-app.multi-section .phyton-section-wrapper {
		padding-top:40px;
	}
}


/**************** section-anchor ******************/
.phyton-app-section-anchor { 
	background:#fff;
	border-top:solid 1px #eee;
	z-index:100;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	height:40px;
}


.phyton-section-anchor .icon {
	font-size:18px;
	line-height:40px;
	margin-top:-4px;
}

.phyton-section-anchor .label {
	display:none;
}

.phyton-section-anchor {
	display:inline-block;
	1width:20%;
	text-align:center;
	1line-height:40px;
	1background:red;
	color:#aaa;
}

.phyton-section-anchor.current {
	1background:blue;
	color:dodgerblue;
}

.phyton-app.multi-section.anchor-with-label .phyton-app-section-anchor {
	height:60px;
}

.phyton-app.multi-section.anchor-with-label .phyton-section-anchor .label {
	display:block;
}

.phyton-app.multi-section.anchor-with-label .phyton-section-anchor .icon {
	font-size:20px;
}





/**********************************************************
//
// phyton-image-info-layout-row
//
**********************************************************/

.phyton-image-info-layout-row > .info-holder {
	margin-top:10px;
}

.phyton-image-info-layout-row > .image-holder {
	text-align:center;
}

.phyton-image-info-layout-row > .image-holder img {
	width:auto;
	height:140px;
}

.phyton-image-info-layout-row > .info-holder > * {
	margin-top:5px;
}

.phyton-image-info-layout-row > .info-holder > *:first-child {
	margin-top:0px;
}


.phyton-image-info-layout-row > .info-holder .emphasis-info {
	font-size:1.1em;
}

@media (max-width:1001px) {

	.phyton-box-list-row.phyton-image-info-layout-row > .image-holder {
		width:80px;
		padding-right:10px;
	}

	.phyton-box-list-row.phyton-image-info-layout-row > .image-holder img {
		width:80px;
		height:80px;
	}

}


.phyton-display-table-row {
	display:table;
	width:100%;
}

.phyton-display-table-row > * {
	display:table-cell;
	vertical-align:top;
	padding:10px;
}


/**********************************************************
//
// phyton-row
//
**********************************************************/
.phyton-list[data-type=grid] {
	display:grid;
	min-height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px 15px;
}

.grid-autofit-center .phyton-list[data-type=grid] {
    grid-template-columns: repeat(auto-fit, minmax(250px, auto));
	justify-content:center;
}


.pagelet-present-list .phyton-list[data-type=grid] {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 15px 15px;
}

.phyton-tile-row,
.phyton-box-row,
.phyton-box-list-row {
	
	display:inline-block;
	border-bottom:solid 1px #eee;
	vertical-align:top;
	border:1px #eaeaea;
	border-style:solid solid solid solid;
	/* min-height:250px; */
	padding:15px;
	width:20%;
}


.phyton-tile-row,
.phyton-box-row,
.phyton-box-list-row {
	min-width:170px;
}



/*
.phyton-list-row {
	border-bottom:solid 1px #eee;
}

.phyton-list-row:first-child {
	border-top:solid 1px #eee;
}

.phyton-list-row > .phyton-list-row-inner {
	display:table;
	width:100%;
}

.phyton-list-row > .phyton-list-row-inner > * {
	display:table-cell;
	vertical-align:top;
	padding:15px;
}

.phyton-list-row > .phyton-list-row-inner > *:first-child {
	padding-right:0px;
}


[ctrl].phyton-pagelet-panel > .phyton-panel-list .phyton-list-row > .phyton-list-row-inner > *  {
	padding:6px;
}
*/
.phyton-list-row {
	border-bottom:solid 1px #eee;
}

.phyton-list-row:first-child {
	border-top:solid 1px #eee;
}

.phyton-list-row > .phyton-list-row-inner {
	display:flex;
	align-items:center;
	gap:8px;
	width:100%;
	padding:5px;
}

.phyton-list-row > .phyton-list-row-inner > * {
	padding1:15px;
	display1:inline-block;
}

.phyton-list-row > .phyton-list-row-inner > *.grow {
	flex:1;
}

.phyton-list-row > .phyton-list-row-inner > *:first-child {
	padding-right1:0px;
}


[ctrl].phyton-pagelet-panel > .phyton-panel-list .phyton-list-row > .phyton-list-row-inner > *  {
	padding:6px;
}

[ctrl] .phyton-panel-list .phyton-list-row > .phyton-list-row-inner > *  {
	padding:6px;
}


.phyton-panel-list.eco-table[data-type=table] .common-table-data-holder {
	overflow-x:auto;
}

.phyton-panel-list.eco-table[data-type=table] {
	max-width:1400px;
	margin:0 auto;
}


.phyton-panel-list.eco-table[data-type=table] table.common-table.panel-main-table {
	min-width:900px;
	
}

.phyton-panel-list.eco-table[data-type=table] table.common-table.panel-main-table.auto-width {
	min-width: auto;
}

.eco-popup-body .phyton-panel-list.eco-table[data-type=table] table.common-table.panel-main-table {
	min-width:700px;
}

@media only screen and (min-width: 600px) {

	.phyton-panel-list.eco-table[data-type=table] .common-table-data-holder::-webkit-scrollbar {
		width: 4px;
		height:4px;
		background-color:rgba(0,0,0,0.6);#F5F5F5;
		
	}

	.phyton-panel-list.eco-table[data-type=table] .common-table-data-holder::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color:rgba(255,255,255,.95);
	}

	.phyton-panel-list.eco-table[data-type=table] .common-table-data-holder::-webkit-scrollbar-thumb {
		background-color:rgba(0,0,0,.3);
		border-radius:2px;
	}
}


@media (max-width:701px) {

	.phyton-tile-row,
	.phyton-box-row {
		/* min-width:33%; */
	}

	.phyton-box-list-row {
		min-width:100%;
		padding:10px;
		min-height:auto;
		border:none;
		border-bottom:solid 1px #ddd;
	}

	.phyton-box-list-row > .phyton-box-list-row-inner {
		display:table;
		width:100%;
	}

	.phyton-box-list-row > .phyton-box-list-row-inner >  * {
		display:table-cell;
		vertical-align:top;
	}

	.phyton-box-list-row > .phyton-box-list-row-inner > *:first-child {
		width:30%;
	}


}

@media (max-width:800px) {

	.phyton-tile-row,
	.phyton-box-row {
		min-width:49%;
	}
}

@media (max-width:500px) {

	.phyton-tile-row,
	.phyton-box-row {
		min-width:99%;
	}

}



/************** paging ************************/
.phyton-page-block {
	margin-top:6px;
	padding:4px;
}

.phyton-page-block[type=hidden] {
	margin-top:0px;
	padding:0px;
	display:none;
}

[dir=rtl] .phyton-page-block {
	padding-right:4px;
	text-align:right;
}

.phyton-page-block .phyton-page-anchor , 
.phyton-page-block .btn-action { 
	cursor:pointer;
	border:solid 1px #eaeaea;
	border-radius:3px;
	margin-right:5px;
	padding:3px 5px;
	color:#777;
}

.phyton-page-block .phyton-page-anchor.page-no.current {
	background: #3bb2f2;
	background: -webkit-linear-gradient(#47bcf9, #28a2ea);
	background: -moz-linear-gradient(#47bcf9, #28a2ea);
	background: -ms-linear-gradient(#47bcf9, #28a2ea);
	background: -o-linear-gradient(#47bcf9, #28a2ea);
	background: linear-gradient(#47bcf9, #28a2ea);
	border:solid 1px #3bb2f2;
	color:#fff;
}

.phyton-page-block .count-total {
	margin-right:10px;
}

.eco-paging-list-more {
	cursor:pointer;
}



/*********************************************************
//
// phyton-code-account-join]
//
**********************************************************/
.panel-phyton-code-account-join-main [button] {
	
	padding: 10px;
	
	border-radius: 8px;
	
	min-width: 100px;
	
	text-align: center;

}

.panel-phyton-code-account-join-main [button=go-prev] {
    color: #555;
    background: #eee;
	margin-right:20px;
}

.panel-phyton-code-account-join-main [button=go-next] {
    color: #555;
    background: #eee;
}

.panel-phyton-code-account-join-main [button=close] {
    color: #fff;
    background: dodgerblue;
}

.panel-phyton-code-account-join-main .completed [button=go-next] {
    color: #fff;
    background: dodgerblue;
}


.panel-phyton-code-account-join-main .title-block {
	padding:8px 0px;
	font-size:18px;
	font-weight:600;
}

.panel-phyton-code-account-join-main .remark-block {
	padding:8px 0px;
	font-size:14px;
	font-weight:500;
}


.panel-phyton-code-account-join-main .detail-block {
	padding:8px 0px;
	font-size:15px;
	line-height:2em;
}

.panel-phyton-code-account-join-main .detail-block > * {
	vertical-align:baseline;
}

.panel-phyton-code-account-join-main .detail-block [button] {
	display:inline;
	text-decoration:underline;
	padding:0px;
}

.panel-phyton-code-account-join-main .form-block {
	padding:10px 0px;
}

.panel-phyton-code-account-join-main .form-block input {
	width:100%;
	padding:5px;
	border-radius:8px;
	border:solid 1px #ccc;
	font-size:15px;
}

.panel-phyton-code-account-join-main .form-block select {
	width:100%;
	padding:5px;
	border-radius:8px;
	font-size:15px;
	border:solid 1px #ccc;
}

.panel-phyton-code-account-join-main .action-block {
   margin-top:20px;
}


.panel-phyton-code-account-join-main span[radio] {
	display:block;
	padding:8px 0px 8px 28px;
	1border:solid 1px red;
	margin-bottom:10px;
	background:url(../img/icon/unchecked.png) no-repeat left center;
	background-size:20px 20px;
	font-size:16px;
	
}

.panel-phyton-code-account-join-main span[radio].selected {
	background:url(../img/icon/checked.png) no-repeat left center;
	background-size:20px 20px;
	
}





/*********************************************************
//
// phyton-code-auth-login]
//
**********************************************************/
.panel-phyton-code-auth-login {
	1text-align:center;
	1background-color:#f2f6fa;
	1background:url(../img/pattern_login.jpg);
}

.panel-phyton-code-auth-login .login-form input[type=text],
.panel-phyton-code-auth-login .login-form [name=groupId],
.panel-phyton-code-auth-login .login-form input[type=password] {
	padding:5px;
	width:200px;
	box-sizing:border-box;
}

.panel-phyton-code-auth-login .login-form {
	display:inline-block;
	border:solid 1px #ccc;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	padding:20px;
	width:400px;
	margin-top:100px;
	background:#fff;
	border-radius:10px;
}

.11111111panel-phyton-code-auth-login .login-form .label-login {
	font-size:18px;
	font-weight:bold;
	color:#bbbdbc;
	margin-top:10px;
	margin-bottom:20px;
	display:inline-block;
	font-family:nanumGothic;
}

.panel-phyton-code-auth-login .form-item {
	padding:3px;
	vertical-align:middle;
}

.panel-phyton-code-auth-login .welcome {
	border-top:solid 1px #ccc;
	text-align:left;
	padding-top:15px;
	color:#999;
	padding-bottom:10px;
}

.panel-phyton-code-auth-login .login-tools {
	margin-top:15px;
}

.panel-phyton-code-auth-login .form-item-title {
	width:40px;
	height:22px;
	display:inline-block;
	text-align:right;
	margin-right:10px;
	vertical-align:middle;
	color:navy;
}

.panel-phyton-code-auth-login .form-item-title.id {
	background:url(../img/login_user.png) no-repeat center right;
}

.panel-phyton-code-auth-login .form-item-title.pw {
	background:url(../img/login_lock.png) no-repeat center right;
}

.panel-phyton-code-auth-login .form-action {
	padding:5px;
	margin-top:15px;
	margin-bottom:8px;
}

.panel-phyton-code-auth-login .external-login-holder {
	margin-bottom:15px;
	padding:5px;
}

.panel-phyton-code-auth-login .join-action {
	margin-bottom:14px;
}

.panel-phyton-code-auth-login [button=join] {
	border:none;
	background:transparent;
	font-size:13px;
}

.panel-phyton-code-auth-login [button=find-password] {
	border:none;
	background:transparent;
	font-size:13px;

}

.panel-phyton-code-auth-login [button=login] {
	width:200px;
	margin-left:30px;
	height:35px;
	line-height:30px;
}

.panel-phyton-code-auth-login [button=facebook] {
	1background:url(../img/page/loi/FBlogin.png) no-repeat;
	width:200px;
	height:35px;
	1background-size:200px auto;
	border:none;
	margin-left:30px;
	background:#5474ab;
	text-align:left;
}

.panel-phyton-code-auth-login [button=facebook] .icon {
	margin-top:1px;
	background:url(../img/panel/login/facebook_icon.png) no-repeat;
	background-size:auto 28px;
	width:30px;
	height:30px;
	display:inline-block;
	1border:solid 1px red;
}

.panel-phyton-code-auth-login [button=facebook] .label {
	color:#fff;
	margin-left:10px;
	line-height:30px;
	vertical-align:middle;
	display:inline-block;
	height:30px;
	font-size:14px;
}




	.panel-phyton-code-auth-login {
		1background:url(../img/panel/login/login_back_720_1280.png) no-repeat center center;
		1background-size:100% 100%;
		1min-height:800px;
		1background:#6BB014;
		background:#fff;
	}

	.panel-phyton-code-auth-login .login-tools input {
		margig-right:5px;
	}

	.panel-phyton-code-auth-login .login-form {
		background:transparent;
		border:none;
		box-shadow:none;
		width:100%;
		margin:0px;
		padding:30px;
	}

	.panel-phyton-code-auth-login .login-form input[type=text],
	.panel-phyton-code-auth-login .login-form [name=groupId],
	.panel-phyton-code-auth-login .login-form input[type=password] {
		width: 100%;
		margin-bottom: 15px;
		height: 40px;
	}

	.panel-phyton-code-auth-login .login-form input { 
		background:rgba(255,255,255,.4);
		color:#222;
		border:solid 1px #ccc;
		font-size:15px;
		width:100%;
	}

	.panel-phyton-code-auth-login .form-item {
		padding:3px;
		vertical-align:middle;
	}

	.panel-phyton-code-auth-login .form-item-title.id {
		display:none;
	}

	.panel-phyton-code-auth-login .form-item-title.pw {
		display:none;
	}


	.panel-phyton-code-auth-login .form-item input{
		width:100%;
		margin-bottom:15px;
		height:40px;
	}

	.panel-phyton-code-auth-login .eco-checkbox,
	.panel-phyton-code-auth-login .eco-radio {
		margin-right:2px;
		padding:2px;
		margin:2px;
		display:inline-block;
		
	}

	.panel-phyton-code-auth-login .eco-checkbox-icon.glyphicons,
	.panel-phyton-code-auth-login .eco-radio-icon.glyphicons {
		display:inline;
		padding:0px;
		margin-right:4px;
	}

	.panel-phyton-code-auth-login  .eco-checkbox-label,
	.panel-phyton-code-auth-login .eco-radio-label {
		padding-left:.1em;
		padding:0px;
		
	}



	.panel-phyton-code-auth-login {
		1background:url(../img/panel/login/login_back_720_1280.png) no-repeat center center;
		1background-size:100% 100%;
		1min-height:800px;
		1background:#6BB014;
		background:#fff;
	}

	.panel-phyton-code-auth-login .login-tools {
		1color:#fff;
	}

	.panel-phyton-code-auth-login .login-tools input {
		margig-right:5px;
	}

	.panel-phyton-code-auth-login .login-form {
		background:transparent;
		margin-top:0px;
	}

	.panel-phyton-code-auth-login .login-form input { 
		background:rgba(255,255,255,.4);
		color:#222;
		border:solid 1px #ccc;
		font-size:15px;
	}


	.panel-phyton-code-auth-login [button=login] {
		width:100%;
		height:40px;
		line-height:38px;
		font-size:16px;
		margin-left:0px;
		1background:#ffffff;
		1color:#333;
	}

	.panel-phyton-code-auth-login [button=facebook] {
		text-align:center;
	}

	.panel-phyton-code-auth-login [button=facebook] .icon {
		margin-top:1px;
		background-size:auto 28px;
		width:30px;
		height:30px;
		display:inline-block;
		1border:solid 1px red;
	}

	.panel-phyton-code-auth-login [button=facebook] {
		margin-left:0px;
		width:100%;
		height:40px;
		line-height:33px;
	}

	.panel-phyton-code-auth-login .join-action {
		1color:#fff;
	}

	.panel-phyton-code-auth-login .join-action [button] {
		1color:#fff;
		font-size:15px;
	}

	.panel-phyton-code-auth-login .welcome {
		display:none;
	}

@media (min-width:1001px) {

	.panel-phyton-code-auth-login .phyton-panel-wrapper {
		text-align:center;
	}

	.panel-phyton-code-auth-login .login-form {
		width:400px;
		margin:0 auto;
		border:solid 1px #ccc;
		margin-bottom:40px;
		margin-top:40px;
	}

	.panel-phyton-code-auth-login .phyton-section-header {
		1display:none;
	}
}






/*********************************************************
//
// phyton-code-account-join]
//
**********************************************************/
.panel-phyton-code-account-info .userinfo-form {
	text-align:left;
	margin:0 auto;
	max-width:400px;
	1border:solid 1px red;
	margin-top:50px;
	margin-bottom:50px;
	padding:15px;
}

.panel-phyton-code-account-info .label-title {
	display:none;
}

.panel-phyton-code-account-info .form-item {
	margin-bottom:20px;
	display:table;
	width:100%;
}

.panel-phyton-code-account-info .form-item  > * {
	display:table-cell;
	padding:4px;
}

.panel-phyton-code-account-info .form-item-title {
	width:30%;
	1text-align:right;
	padding-right:10px;
}

.panel-phyton-code-account-info .form-item input {
	width:100%;
	padding:6px 6px;
}

.panel-phyton-code-account-info .form-item select {
	width:100%;
	padding:6px 6px;
}



.panel-phyton-code-account-info .user-icon-holder {
	
	display:inline-block;
	1position:absolute;
	1left:20px;
	1bottom:20px;
	1padding:4px;
	1border:solid 1px red;
	background:#fff;
	box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	width:128px;
	height:128px;
	border-radius:50%;
}

.panel-phyton-code-account-info .user-icon-holder img.user-icon {
	width:128px;120px;
	height:128px;120px;
	1border:solid 1px #ccc;
	border-radius:50%;
}





/*********************************************************
//
// phyton-code-account-join]
//
**********************************************************/
[ctrl=phyton-code-account-password] .userinfo-form {
	text-align:left;
	margin:0 auto;
	max-width:400px;
	1border:solid 1px red;
	margin-top:50px;
	margin-bottom:50px;
	padding:15px;
}

[ctrl=phyton-code-account-password] .label-title {
	display:none;
}

[ctrl=phyton-code-account-password] .form-item {
	margin-bottom:20px;
	display:table;
	width:100%;
}

[ctrl=phyton-code-account-password] .form-item  > * {
	display:table-cell;
	padding:4px;
}

[ctrl=phyton-code-account-password] .form-item-title {
	width:30%;
	1text-align:right;
	padding-right:10px;
}

[ctrl=phyton-code-account-password] .form-item input {
	width:100%;
	padding:6px 6px;
}

[ctrl=phyton-code-account-password] .form-item select {
	width:100%;
	padding:6px 6px;
}


/*********************************************************
//
// phyton-code-account-join]
//
**********************************************************/
[ctrl=phyton-code-account-leave] .userinfo-form {
	text-align:left;
	margin:0 auto;
	max-width:400px;
	1border:solid 1px red;
	margin-top:50px;
	margin-bottom:50px;
	padding:15px;
}

[ctrl=phyton-code-account-leave] .form-item {
	margin-bottom:20px;
	display:table;
	width:100%;
}


/*********************************************************
//
// phyton-ntf-notification-list]
//
**********************************************************/
[ctrl=phyton-ntf-notification-list] .notification-row[data-readYn=Y] {
	background:#fcfcfc;
}

/*********************************************************
//
// phyton-detail-panel-content
//
**********************************************************/
.phyton-detail-panel-content {
	
	padding:10px;
}

.phyton-detail-panel-content-header {
	padding:8px 0px;
	margin-bottom:8px;
	border-bottom:solid 1px #ccc;

}

.phyton-detail-panel-content-header > * {
	margin-bottom:5px;
}

.phyton-detail-panel-content-header-title {
	font-size:1.3em;
	font-weight:600;
	margin-bottom:10px;
}

.phyton-detail-panel-content-header-sub {
	color:#888;
}


.phyton-detail-panel-content-content {
	padding:0px;
	margin-bottom:8px;
}

.phyton-detail-panel-content-info {

}

.phyton-detail-panel-content-content:last-child {
	margin-bottom:0px;
}

.phyton-detail-panel-content-item {
	margin-bottom:15px;
}

.phyton-detail-panel-content-item[data-type=text],
.phyton-detail-panel-content-item[data-type=html]{
	line-height:1.5em;
}

.phyton-detail-panel-content-item-link-info-holder > * {
	margin-bottom:0px;
}

.phyton-detail-panel-content-item-link-info-holder > *:last-child {
	margin-bottom:0px;
	1border:solid 1px red;
}


.phyton-detail-panel-content-item-link-title {
	font-size:16px;
	font-weight:bold;
}

.phyton-detail-panel-content-item-link-description {
	font-size:12px;
	line-height:1.2em;
	1font-weight:bold;
}

.phyton-detail-panel-content-item-link-source {
	font-size:12px;
	color:dodgerblue;
	1font-weight:bold;
}

.phyton-detail-panel-content-info {
	padding:8px;
	padding-left:20px;
	background:#f5f5f5;
	margin-bottom:10px;
}

.phyton-detail-panel-content-info > ul {
	padding:10px;
}

.phyton-detail-panel-content-info > ul > li {
	line-height:1.6em;
}

.phyton-checkbox {
	padding:5px 4px;
	margin-bottom:5px;
	line-height:2.5em;
}

.phyton-checkbox-icon {
	background:url(../img/icon/unchecked-24.png) no-repeat center center;
	width:24px;
	height:24px;
	display:inline-block;
	margin-right:5px;
}

.phyton-checkbox.checked .phyton-checkbox-icon {
	background:url(../img/icon/checked-24.png) no-repeat center center;
}

.phyton-radio-control {
	padding:3px;
	display:inline-block;
	line-height:1.4em;
}

.phyton-radio-control input {
	margin-right:8px;
}


.phyton-panel-filter-box {
	
}


.phyton-panel-filter-box [button] {
	white-space:nowrap;height:30px;line-height:24px;
}



.phyton-panel-filter-box [button].selected {
	color:dodgerblue;
}

@media ( max-width:1001px ) {
	.phyton-panel-filter-box {
		padding:5px;background:#f2f2f2;
	}

	.phyton-panel-filter-box [button] {
		background:#fff;
	}
}

.phyton-panel-upper-form {
	display:grid;
	grid-template-columns:1fr auto;
	align-items:center;
	margin-bottom:10px;
}

.phyton-panel-upper-form input,
.phyton-panel-upper-form select {
	padding:1px 5px;
	font-size:11px;
}

/************************ panel-aux **********************/
.phyton-panel-has-aux {
	display:table;
	width:100%;

}

.phyton-panel-has-aux-then-main {
	display:table-cell;
	vertical-align:top;
}

.phyton-panel-has-aux-then-aux { 
	display:table-cell;
	width:290px;
	vertical-align:top;
	text-align:left;
}





.phyton-list-order-block {
	width:100%;
	padding-left:20px;
	padding-right:0px;
	text-align:right;
}

[dir=rtl] .phyton-list-order-block {
	width:100%;
	padding-right:20px;
	padding-left:0px;
	text-align:left;
}


.phyton-list-order-field-anchor {
	cursor:pointer;
	color:#444;
}

.phyton-list-order-field-anchor .order-type {
	display:none;
}

.phyton-list-order-field-anchor[activeYn=Y] {
	color:dodgerblue;
}

.phyton-list-order-field-anchor[activeYn=Y] .order-type {
	display:inline;
}

[button].normal+[button].normal {
	margin-left:0.4em;
}

[button].running {
	background:#dbf5f8 !important;
	transform: scale(1.1);
    -webkit-transition: transform .1s, background .1s !important; /* Safari */
    transition: transform .1s, background .1s !important;
}

.phyton-api-running-mark {
	background:url(../img/loader/ajax-loader-16.gif) no-repeat center center;
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}

.phyton-api-loader-screen {
	background:url(../img/loader/ajax-loader-16.gif) no-repeat center center;
	z-index:9;
	position:absolute;
	min-height:300px;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}

.phyton-api-loader-state-panel {
	z-index:20000;
	background:#fff;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	display:table;
	width:100%;
	height:100%;
}

.phyton-api-loader-state-inner {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.phyton-api-progress-mark {
	background:url(../img/loader/loading.blue.gif) no-repeat center center;
	width:300px;
	height:200px;
	background-size:auto 100px;
	margin:0 auto;
}

.phyton-api-progress-mark.complete {
	background:url(../img/loader/checkmark.gif) no-repeat center center;
	background-size:auto 300px;
	1margin:0 auto;
}


.panel-phyton-code-util-image-collect .image-row {
	border:solid 1px #eee;
}

.panel-phyton-code-util-image-collect .image-row-select {
	display:none;
	background:rgba(0,0,0,.5);
	text-shadow:1px 1px rgba(0,0,0,.5);
	position:absolute;
	right:0px;
	bottom:0px;
	width:40px;
	height:40px;
	color:#ffe800;
	text-align:center;
	line-height:30px;
}

.panel-phyton-code-util-image-collect .image-row.selected .image-row-select{
	display:inline-block;
}




/*********** xc, xd, cbnull ***************/
.cbnull:empty {
	color:red;
	border:solid 3px red;
	display:none;
}

.xc [button].normal+[button].normal {
	margin-left:8px;
}

.xc > div {
	margin-top:5px;
}

.xc > div:first-child {
	margin-top:0px;
}

.xd.lv1 {
	font-size:1.1em;
	font-weight:bold;
}

.xc > span {
	margin-left:6px;
}

.xc > span:first-child {
	margin-left:inherit;
}

.xd.ltxt {
	padding:5px;
	border-radius:5px;
	background:#fafafa;
	line-height:1.6em;
	color:#333;
}

.xd.date {
	color:#888;
}

.user-location [button=user-location-menu] {
	padding:5px 8px;
	1border:solid 1px red;
	color:#888;
}


.user-location [button=user-location-menu].selected {
	font-size:1.1em;
	color:dodgerblue;
	1background:#ffe800;
	font-weight:600;
}


.xd.shop-field-addr {
	color:#444;
}

/*********** phyton-common-form ***************/
.phyton-info-block,
.phyton-form-block {
	padding:20px;
}

.phyton-form-block {
	padding:0px;
	display:flex;
	flex-direction:column;
	gap:12px;
}

.phyton-form-block .entity-form-block {
	display:flex;
	flex-direction:column;
	gap:12px;
}

.phyton-info-block .xf,
.phyton-form-block .xf {
	margin-top:12px;
}

.phyton-info-block .xf:first-child,
.phyton-form-block .xf:first-child {
	margin-top:0px;
}

.phyton-info-block .xl,
.phyton-form-block .xl {
	color:dodgerblue;
	font-size:.9em;
}

.phyton-info-block .xl.optional,
.phyton-form-block .xl.optional {
	color:#888;
}

.phyton-info-block .xd,
.phyton-form-block .xd {
	margin-top:3px;
}

.phyton-info-block .xd {
	font-size:1.1em;
}

/***** new ********/
.phyton-form-block .xf {
	margin-top:0px;
}

.eco-popup-body .phyton-form-block {
	padding:20px;
}

.eco-popup-body .phyton-form-block.escape-padding {
	padding:0px;
}

.phyton-form-block .xf.required .xl:before {
	content:'[필수]';
	color:red;
	margin-right:0.3em;
}

.phyton-form-block fieldset  {
	margin-top:20px;
	display:flex;
	flex-direction:column;
	gap:12px;
	padding:13px;border:solid 1px #ccc;border-radius:10px;
	background:#fdfdfd;
}

.phyton-form-block input,
.phyton-form-block select {
	border:none;
	border-bottom:solid 1px #ccc;
	1border-radius:8px;
	padding:5px;
	width:100%;
	font-size:1.2em;
}

.phyton-form-block input[type=checkbox],
.phyton-form-block input[type=radio] {
	padding:inherit;
	width:auto;
}

.phyton-form-block .xd .checkbox {
	padding:8px;
	border:solid 1px #ccc;
	border-radius:5px;
	margin:0px 10px 10px 0px;
	margin-left:0px;
}

.phyton-form-block .xd .checkbox.selected {
	background: #95cb50; /* Old browsers */
	background: -moz-linear-gradient(top,  #95cb50 0%, #74ac30 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95cb50), color-stop(100%,#74ac30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #95cb50 0%,#74ac30 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95cb50', endColorstr='#74ac30',GradientType=0 ); /* IE6-9 */
	1padding:2px 8px 2px 8px;
	color:#fff;
	border:solid 1px #74ac30;
}

.phyton-form-block input[type=date] {
	width:auto;
	font-size:1.2em;
}

.phyton-form-block .xa {
	margin-top:25px;
	1border-top:solid 1px #ccc;
	padding-top:20px;
	text-align:center;
}

.phyton-form-block .xa [button].full {
	width:100%;
	padding:8px 10px;
	font-size:1.2em;
}

.phyton-info-block .xhr,
.phyton-form-block .xhr {
	margin-top:20px;
	margin-bottom:20px;
	border-top:dotted 2px #ccc;
}

.phyton-form-block [contentEditable] {
	min-height:100px;
	padding:5px;
	border:solid 1px #ccc;
	border-radius:8px;
	line-height:1.5em;
	font-size:1.2em;
}

.phyton-form-block [contentEditable=false] {
	min-height:auto;
	padding:0px;
	border:none;
	line-height:inherit;
	font-size:inherit;
}

.phyton-info-block .xt,
.phyton-form-block .xt {
	font-size:1.2em;
	padding:7px;
	background:#e4edf3;
	border-radius:8px;
	margin-top:15px;
}

.phyton-info-block .xt:first-child,
.phyton-form-block .xt:first-child {
	margin-top:0px;
}

.phyton-info-block .xi,
.phyton-form-block .xi {
	font-size:0.9em;
	margin-top:8px;
	margin-left:5px;
	color:purple;
}

.phyton-info-block .xi.emphasis,
.phyton-form-block .xi.emphasis {
	background:#ffe800;
	color:#000;
}

.phyton-info-block .xi.alert,
.phyton-form-block .xi.alert {
	color:red;
}


div.phyton-code-radio {
	display:block;
	padding:8px 0px 8px 28px;
	1border:solid 1px red;
	margin-bottom:10px;
	background:url(../img/icon/unchecked.png) no-repeat left center;
	background-size:20px 20px;
	font-size:16px;
	color:#888;
	
}


div.phyton-code-radio.checked {
	background:url(../img/icon/checked.png) no-repeat left center;
	background-size:20px 20px;
	color:#444;
	
}

.phyton-browser-item > .eco-browser-panel-core {
	padding-top: 20px;
}


/********************* pob ****************************/
[data-pob=body-normal-width-flow] .phyton-app-body  .eco-browser-panel-core {
	max-width:var(--phyton-layout-normal-width);
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
}

[data-pob=body-narrow-width-flow] .phyton-app-body  .eco-browser-panel-core {
	max-width:var(--phyton-layout-narrow-width);
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
}

/********************* pib ****************************/
@media (min-width: 800px) {


	.phyton-app[data-pib=body-full-fixed] .phyton-app-body {
		position:absolute;
		left:0px;
		right:0px;
		margin:0px;
		overflow-y:auto;
		top:90px;
		bottom:0px;
		1border:solid 1px red;
		width:100%;
		z-index:100;
		padding-top:0px;
		

	}

	.phyton-app[data-pib="body-full-fixed"] .phyton-menu-block[data-depth="1"].current {
		position:absolute;
		left:-1000px;

	}

	.phyton-app[data-pib="body-full-fixed"] > .phyton-panel-body .phyton-section-wrapper {
		padding-top:10px;
	}


}




.phyton-card-box-layout {
	padding:12px;
}


.phyton-card-box-layout .phyton-box-row-inner {
	border:none;
	box-shadow:0px 4px 5px rgba(0,0,0,.1);
	padding:0px;
	border-radius:10px;
	overflow:hidden;
}


.phyton-card-box-layout .image-section {
	text-align:center;border-bottom:solid 1px #ddd;
}


.phyton-card-box-layout img {
	1border-radius:10px 10px 0px 0px;
}


.phyton-card-box-layout .content-section {
	padding:10px;
}


.phyton-simple-tab-anchor {
	opacity:.7;
}

.phyton-simple-tab-anchor.selected {
	color:dodgerblue;
	font-weight:600;
	opacity:1;
}


div.color-picker { border-left: 1px solid #000; border-top: 1px solid #000; position: absolute; left: 0px; top: 0px; padding: 0px; z-index:12000 }
div.color-picker ul { list-style: none; padding: 0px; margin: 0px; float: left; }
div.color-picker ul li { display: block; width: 15px; height: 15px; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: 0px; float: left; cursor: pointer; }


/************* control-editor-form ********************/
.panel-phyton-code-control-editor-form {
	padding-bottom:50px;
}

.phyton-editor-content-container .asset-cabinet-holder {
	font-size:1em;
	height:8px;
	background:#fafafa;
	transition: .3s;
	border-radius:4px;
}

.phyton-editor-content-container .asset-cabinet-holder:hover {
	height:40px;
	background:#f5f5f5;
	border-radius:8px;
}

.phyton-editor-content-container.list-asset {
	padding:10px;
}

.phyton-editor-content-container .asset-cabinet-holder .asset-cabinet {
	1display:none;
	text-align:center;
	1padding-top:6px;
	opacity:0;
	transition:  .3s;
	
}

.phyton-editor-content-container .asset-cabinet-holder .asset-cabinet .asset-cabinet-tools {
	padding:6px;
}

.phyton-editor-content-container .asset-cabinet-holder:hover .asset-cabinet {
	1display:block;
	opacity:1;
}

.phyton-editor-content-container .asset-cabinet-holder:last-child:hover {
	height:8px;
}

.phyton-editor-content-container .asset-cabinet-holder:last-child .asset-cabinet {
	1display:block;
	opacity:1;
	height:40px;
	background:#f5f5f5;
	margin-top:10px;
	border-radius:8px;
}

.phyton-editor-text-edit-tool-bar {
	display:none;
	background:#f5f5f5;
	white-space:nowrap;
	border:solid 1px #ddd;
	border-bottom:none;
	border-radius:3px 3px 0px 0px;
}

.phyton-editor-text-edit-tool-bar > * {
	vertical-align:middle;
}

.phyton-editor-text-edit-tool-bar button {
	background: #fff;
	background: -webkit-linear-gradient(#EEF1F5, #fefefe);
	background: -moz-linear-gradient(#EEF1F5, #fefefe);
	background: -ms-linear-gradient(#EEF1F5, #fefefe);
	background: -o-linear-gradient(#EEF1F5, #fefefe);
	background: linear-gradient(#EEF1F5, #fefefe);
	color:#444;
	font-size:9pt;
	border:solid 1px #CDCECF;
	1margin:2px;
	border-radius:5px;
	text-align:center;
	1height:26px;
	1line-height:20px;
	padding:2px 6px 2px 6px;



	width:26px;
	height:30px;
	margin:0px;
	border-right:none;
	border-radius:0px;
	1margin-top:4px;
	white-space:nowrap;
}

.phyton-editor-text-edit-tool-bar button.thin {
	width:22px;
	font-size:10px;
}



.phyton-editor-text-edit-tool-bar button.block-left {
	border-radius:5px 0px 0px 5px;
}

.phyton-editor-text-edit-tool-bar button.block-right {
	border-radius:0px 5px 5px 0px;
	border-right:solid 1px #ccc;
}

.phyton-editor-text-edit-tool-bar button:hover {
	color:#BC2328;
}

.phyton-editor-text-edit-tool-bar .seperator {
	display:inline-block;
	width:7px;;
	height:30px;
	1border:solid 1px red;
}

.phyton-editor-text-edit-tool-bar button {
	1background:url(/common/icons/png/glyphicons_102_bold.png) no-repeat center center;
}


.phyton-editor-content-container {
	1font-size:px !important;
}


.phyton-editor-content-container p {
	margin:0px;
	padding:0px;
}

.phyton-editor-content-container ul,
.phyton-editor-content-container ol {
    margin:.3em 1em;
	padding:.3em 1em;
}

.phyton-editor-content-container a:link {
	1border:solid 1px red;
	text-decoration:underline !important;
}

.phyton-editor-content-container .asset-row[data-type=file] a:link {
	1border:solid 1px red;
	text-decoration:none !important;
}

.phyton-editor-content-container font[size="7"] {
	font-size:2.0em;
}

.phyton-editor-content-container font[size="6"] {
	font-size:1.7em;
}

.phyton-editor-content-container font[size="5"] {
	font-size:1.3em;
}

.phyton-editor-content-container font[size="4"] {
	font-size:1em;
}

.phyton-editor-content-container font[size="3"] {
	font-size:.8em;
}

.phyton-editor-content-container font[size="2"] {
	font-size:.6em;
}

.phyton-editor-content-container .maui-contenteditable-border-boxing {
	border:solid 1px maroon;
	border-radius:10px;
	vertical-align:baseline;
	padding:0px 4px;
	margin:0px 4px;
}


.phyton-editor-content-container img.phyton-editor-embed-image {
	max-width:100%;min-height1:250px;max-height:500px;
}

.phyton-editor-content-container .asset-row img {
	max-width:100%;
	max-height1:auto;
}

.phyton-editor-content-container .asset-row:not(.ck-content) img {
	max-height1:500px;
}



@media (max-width:800px) {

	.phyton-editor-content-container.list-asset {
		padding:0px;
	}

	.phyton-info-block,
	.phyton-form-block {
		padding:0px;
	}

}


.panel-phyton-code-control-editor-view .list-asset .asset-row {
	margin-bottom:20px;
}

.panel-phyton-code-control-editor-view .list-asset .asset-row[data-type=text] {
	line-height:1.8 !important;
}

/* phyton-panel-layout */
/**************************************************************************/
.phyton-normal-width-section {
	max-width:var(--phyton-layout-normal-width);
	margin-left:auto;
	margin-right:auto;
}

.phyton-narrow-width-section {
	max-width:var(--phyton-layout-narrow-width);
	margin-left:auto;
	margin-right:auto;
}

.eco-popup-body .phyton-normal-width-section {
	max-width:100%;
}


.panel-phyton-code-control-editor-form .image-holder {
	background:#c8c8c8;
}

.panel-phyton-code-control-editor-form .image-holder.empty {
	background:#c8c8c8 url(../img/icon/empty-image.png) center center no-repeat;
	background-size:contain;
}


/*
min-height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    column-gap: 10px;
    row-gap: 10px;
*/



.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing {
	
}

.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > :first-child {
	width:220px;
	padding-right:20px;
	vertical-align:top;
	!border:solid 1px red;
}

.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > :last-child {
	vertical-align:top;
	text-align:left;
}

.phyton-tab-panel .phyton-tab-panel-anchor-block {
	margin-bottom:25px;
}

.phyton-tab-panel .phyton-tab-anchor-holder-inner:has(:only-child) {
	1display:none;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="1"] {
	border-bottom:solid 1px #ccc;
	text-align:center;
	position:relative;
	margin-bottom:15px;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="2"] {
	text-align:center;
	position:relative;
	margin-bottom:15px;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=bar][data-depth="1"] .tab-anchor {
	display:inline-block;
	cursor:pointer;
	padding:0px 20px;
	padding-bottom:5px;
	font-size:16px;
	font-weight:600;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout][data-depth="1"] .tab-anchor[button].normal {
	background:#fff;
	border:solid 1px #333;
	color:#333;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=bar][data-depth="1"] .tab-anchor[button].normal {
	border-radius:10px;
	padding-bottom:4px;
	font-weight:400;
	font-size:14px;
	padding-top:3px;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout][data-depth="1"] .tab-anchor[button].normal.emphasis {
	background:dodgerblue;
	border:none;
	color:#fff;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="1"] .tab-anchor.disable.deleted {
	display:none;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="1"] .tab-anchor.disable {
	cursor:not-allowed !important;
	opacity:0.4;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="1"] .tab-anchor.selected {
	color:dodgerblue;
	border-bottom:solid 5px dodgerblue;
}

.phyton-tab-panel  .phyton-tab-anchor-holder-series {
	padding:0px;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="1"] .tab-anchor-box {
	text-align:left;
	margin-bottom:10px;
}


.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="2"] .tab-anchor {
	display:inline-block;
	margin:0px 8px;
	border:solid 3px #ddd;
	border-radius:20px;
	cursor:pointer;
	padding:3px 20px;
	font-size:14px;
	font-weight:400;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="2"] .tab-anchor.disable {
	cursor:not-allowed !important;
	opacity:0.4;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="2"] .tab-anchor.disable.deleted {
	display:none;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-depth="2"] .tab-anchor.selected {
	color:dodgerblue;
	border:solid 3px dodgerblue;
}


.phyton-tab-panel.phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"] {
	margin-top:20px;
	border-bottom:none;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"] {
	margin-top:20px;
	border-bottom:none;
}


.eco-popup-body-inner.phyton-tab-panel[data-tablayout=left] {
	position:absolute;
	overflow:hidden;
	inset:0px;
}


.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"] .tab-anchor {
	display:block;
	padding: 5px;
    font-size: 14px;
	font-weight: 600;
    cursor: pointer;
    background: #f1f1f1;
    border-radius: 8px;
    margin-bottom: 10px;
    color: #888;
    padding-left: 20px;
	text-align:left;
}

.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"] .tab-anchor.selected {
    color: #333;
    1font-weight: 600;
    background: #b9def1;
	border-bottom:none;
}

.phyton-tab-panel[data-tabLayout=left] .phyton-tab-anchor-holder-series {
	padding:0px;
	padding-bottom:15px;
}


.eco-popup-body-inner.phyton-tab-panel[data-tablayout=left] {
	position:absolute;
	overflow:hidden;
	inset:0px;
}

.eco-popup-body-inner.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	height:100%;
}

.eco-popup-body-inner.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > :first-child {
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	1background:green;
	padding:15px;
	overflow-y:auto;
	border-right:solid 1px #ddd;
}

.eco-popup-body-inner.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > :last-child {
	position:absolute;
	right:0px;
	left:225px;
	top:0px;
	bottom:0px;
	overflow-y:auto;
	1background:red;
	padding:15px;
	min-width:600px;
	max-width:960px;
	
}

.eco-popup-body .eco-popup-body-inner.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > :last-child {
	max-width:none;
	min-width:auto;
	padding-right:20px;
	
}

.phyton-tab-panel-core-holder {
	max-width:var(--phyton-layout-normal-width);;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px
}

.phyton-tab-panel-core-holder.body-narrow-width-flow {
	max-width:var(--phyton-layout-narrow-width);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px
}


.phyton-tab-panel-core-holder.body-full-width-flow {
	max-width:100%;
	margin-bottom:0px;
}

@media (max-width:800px) {

	.kords-front-connect-editor .organ-editor-holder {
		margin-top:0px !important;
	}

	.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing {
		display:block;
	}

	.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > * {
		display:block;
	}

	.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > :first-child {
		width:100%;
		padding:10px;
	}

	.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > * {
		padding:15px;
	}

	.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > * > .phyton-tab-panel-core-holder {
		display:none;
	}

	.phyton-tab-panel[data-tablayout=left] .phyton-layout-double-wing > *:last-child {
		padding-bottom:50px;
	}

	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"] {
		overflow-x:auto;
		margin-top:0px;
		margin-bottom:0px;
	}

	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"]::-webkit-scrollbar {
		width: 4px;
		height:4px;
		background-color:rgba(0,0,0,0.6);#F5F5F5;
		
	}

	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"]::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color:rgba(255,255,255,.95);
	}

	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"]::-webkit-scrollbar-thumb {
		background-color:rgba(0,0,0,.3);
		border-radius:2px;
	}

	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"] > .phyton-tab-anchor-holder-inner {
		text-align:left;
		margin-bottom:10px;
		display:flex;
		gap:12px;
		border1:solid 1px blue;
	}


	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"] > .phyton-tab-anchor-holder-inner > .tab-anchor-box {
		display:none;
	}

	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="1"] > .phyton-tab-anchor-holder-inner > .tab-anchor:not(.deleted) {
		display:inline-block;
		padding: 8px 15px;
		margin-bottom: 0px;
		border-radius:12px;
		white-space:nowrap
	}

	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=left][data-depth="2"] > .phyton-tab-anchor-holder-inner {
		white-space:nowrap;
		overflow-x:auto;
	}

	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=bar][data-depth="1"] > .phyton-tab-anchor-holder-inner {
		white-space:nowrap;
		overflow-x:auto;
	}

	.phyton-tab-panel .phyton-tab-anchor-holder[data-tabLayout=bar][data-depth="2"] > .phyton-tab-anchor-holder-inner {
		white-space:nowrap;
		overflow-x:auto;
	}

}





/**************************************************/
.phyton-entity-editor {
	width:100%;
	display:table;
}

.phyton-entity-editor-left {
	display:table-cell;
	width:300px;
	vertical-align:top;
	padding-right:20px;
}

.phyton-entity-editor-right {
	display:table-cell;
	vertical-align:top;
}


.data-block-anchor-holder {
	margin-top:30px;
}

.phyton-entity-editor .data-block-anchor {
	padding:5px;
	font-size:14px;
	cursor:pointer;
	background:#f1f1f1;
	border-radius:8px;
	margin-bottom:10px;
	color:#888;
	padding-left:20px;
}



.phyton-entity-editor .data-block-anchor.selected {
	color:#333;
	font-weight:600;
	background:#b9def1;
}

.phyton-entity-editor .data-block-container {
	display:none;
}

.phyton-entity-editor .data-block-container.selected {
	display:block;
}


.phyton-entity-editor[data-connectYn=Y] {
	border:solid 5px #ddd;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	display:block;
}

.phyton-entity-editor[data-connectYn=Y] .phyton-entity-editor-left {
	display:block;
	width:300px;
	padding-right:20px;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	padding:15px;
}

.phyton-entity-editor[data-connectYn=Y] .phyton-entity-editor-right {
	display:block;
	position:absolute;
	left:300px;
	right:0px;
	top:0px;
	bottom:0px;
	padding:15px;
	border-left:solid 1px #ccc;
	overflow-y:auto;
}


.phyton-layout-flex-row {
	display:flex;
	gap:15px;
}

.phyton-layout-flex-row > * {
	flex:1;
	align-items:center;
}


@media (max-width:700px) {
	.phyton-layout-flex-row {
		display:block;
	}

	.phyton-layout-flex-row > * {
		flex:inherit;
		margin-bottom:15px;
	}
}


.phyton-layout-double-wing {
	display:table;
	width:100%;
	table-layout:fixed;
}

.phyton-layout-double-wing > * {
	display:table-cell;
}

.phyton-layout-double-wing > *:last-child {
	text-align:right;
}

.phyton-layout-double-wing-fixed {
	display:table;
	width:100%;
	table-layout:fixed;
}

.phyton-layout-double-wing-fixed > * {
	display:table-cell;
	text-align:right;
}

.phyton-layout-double-wing-fixed > *:first-child {
	text-align:left;
}


.main-menu-anchor[data-menu=system] {
	position:fixed;
    right: 0px;
    bottom: 0px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background: red;
    text-indent: -100000px;
    font-size: 1px;
    padding: 0px;
    line-height: 0.2;


}


.pilo:before {
	margin-right:0.3em;
}

.pilo.fa, .pilo.fas, .pilo.fab, .pilo.far, .pilo.fal, .pilo.fad {
	margin-right:0em;
	vertical-align:inherit;
}

table .status-label {
	padding:1px 6px;
	font-size:9px;
	border-radius:5px;
	background:#eee;
	color:#444;
}

table .status-label.alert {
	background:#f6d9de;
	color:#444;
}

table .status-label.emphasis {
	background:#d2e6f9;
	color:#444;
}

table .field-meta {
	margin-top:3px;
	font-size:9px;
	color:#888;
}

table .field-meta.alert {
	color:red;
}

table .field-meta.emphasis {
	color:blue;
}


.phyton-card-row .phyton-box-row-inner .image-part {
	width:100%;
	position:relative;
	padding-bottom:60%;
	overflow:hidden;
	height:0px;
	text-align:center;
	border-bottom:solid 1px #eee;
}

.phyton-card-row .phyton-box-row-inner .image-part-inner {
	padding:0px;
	display:block;
	position:absolute;
	left:0px;top:0px;width:100%;height:100%;
}

.phyton-card-row .phyton-box-row-inner .image-part img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}

.phyton-card-row .phyton-grid-row-inner {
	border:solid 1px #eee;
}

.phyton-card-row .phyton-grid-row-inner .image-part {
	width:100%;
	position:relative;
	padding-bottom:60%;
	overflow:hidden;
	height:0px;
	text-align:center;
	border-bottom:solid 1px #eee;
}

.phyton-card-row .phyton-grid-row-inner .image-part-inner {
	padding:15px;
	display:block;
	position:absolute;
	left:0px;top:0px;width:100%;height:100%;
}

.phyton-card-row .phyton-grid-row-inner .image-part img {
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center center;
}


/* phyto-banner */
.phyton-top-banner-container {
	1height:250px;
	background:#F8FAFC;
	margin-bottom1:20px;
	text-align:center;
	display:table;
	width:100%;
}

.phyton-top-banner-container[data-type=tpo],
.phyton-top-banner-container[data-type=inline-tpo] {
	height:250px;
}

@media (max-width: 800px) {
	.phyton-top-banner-container {
		margin-bottom:0px;
		1height:200px;
	}

	.phyton-top-banner-container[data-type=tpo],
	.phyton-top-banner-container[data-type=inline-tpo] {
		height:250px;
	}
}

.phyton-top-banner-container .phyton-banner-container-inner {
	display:table-cell;
	vertical-align:middle;
}

.phyton-top-banner-container .main-area .data-control {
	font-size:35px;
	letter-spacing:-2px;
	font-weight:600;
	1margin-bottom:0.2em;

}

.phyton-top-banner-container .main-area .data-control[data-type=image] {
	font-size:1em !important;

}

.phyton-top-banner-container .head-area .data-control {
	font-size:22px;
	letter-spacing:-1px;
	font-weight:600;
	1margin-bottom:0.2em;
}

.phyton-top-banner-container .sub-area .data-control {
	font-size:19px;
	color:#444;

}

.phyton-top-banner-container .description-label {
	font-size:20px;
}

.phyton-top-banner-container .image-area {
	height:220px;
	width:100%;
	1height:100%;

}

.phyton-top-banner-container .image-area .data-control[data-type=image] {
	height:100%;
}

.phyton-top-banner-container .image-area img {
	width:100%;
	height:100%;
	1border:solid 1px blue;
	object-fit:contain;
}


@media (max-width: 800px) {

	.phyton-top-banner-container .image-area {
		height:220px;
		width:100%;
		1height:100%;

	}

	.phyton-top-banner-container .main-area .data-control {
		font-size:20pt;
	}

	.phyton-top-banner-container .head-area .data-control {
		font-size:17pt;
	}

	.phyton-top-banner-container .sub-area .data-control {
		font-size:13pt;
	}
}

/*
.phyton-top-banner-container .main-label {
	grid-area:main;
}

.phyton-top-banner-container .head-label {
	grid-area:head;
}

.phyton-top-banner-container .sub-label {
	grid-area:sub;
}


.phyton-top-banner-container .image-block {
	grid-area:image;
	1border:solid 1px red;
}
*/

.phyton-top-banner-container .main-area {
	grid-area:main;
}

.phyton-top-banner-container .head-area {
	grid-area:head;
}

.phyton-top-banner-container .sub-area {
	grid-area:sub;
}


.phyton-top-banner-container .image-area {
	grid-area:image;
	1border:solid 1px red;
} 


[data-type=tpo] .phyton-banner-container-inner,
[data-type=inline-tpo] .phyton-banner-container-inner,
[data-type=inline-tpo-head] .phyton-banner-container-inner,
[data-type=tpohead] .phyton-banner-container-inner { 
	display:grid;
	align-content: center;
	margin:0 auto;
	text-align:left;
	max-width:1000px;
	height:100%;
	gap:15px;
	padding:25px;
	grid-template-columns:1fr 40%;
	align-items:center;
}

[data-type=inline-tpo] .phyton-banner-container-inner,
[data-type=tpo] .phyton-banner-container-inner { 
	grid-template-areas:
		"main image"
		"sub image";
}

[data-type=inline-tpo].with-head .phyton-banner-container-inner,
[data-type=tpo].with-head .phyton-banner-container-inner { 
	grid-template-rows: 1fr auto 1fr;
	grid-template-areas:
		"head image"
		"main image"
		"sub image";
}

[data-type=inline-tpo] .phyton-banner-container-inner .main-area,
[data-type=tpo] .phyton-banner-container-inner .main-area { 
	align-self: end;
}

[data-type=inline-tpo] .phyton-banner-container-inner .sub-area,
[data-type=tpo] .phyton-banner-container-inner .sub-area { 
	align-self: start;
}

[data-type=inline-tpo] .phyton-banner-container-inner .head-area,
[data-type=tpo] .phyton-banner-container-inner .head-area { 
	align-self: end;
}

[data-type=inline-tpo] .phyton-banner-container-inner .main-area .data-control[data-type=image] img,
[data-type=tpo] .phyton-banner-container-inner .main-area .data-control[data-type=image] img {
	height:32px;
	width:auto;
}

[data-type=inline-tpo] .phyton-banner-container-inner .image-area,
[data-type=tpo] .phyton-banner-container-inner .image-area {
	align-self:center;
}


@media (max-width: 800px) {

	[data-type=inline-tpo] .phyton-banner-container-inner,
	[data-type=tpo] .phyton-banner-container-inner {
		gap:10px;
		grid-template-columns:1fr;
		text-align:center;
		1grid-template-rows: 400px auto auto;
		grid-template-areas:
			"image"
			"main"
			"sub";
		1padding-left:0px;
	}

	[data-type=inline-tpo].with-head .phyton-banner-container-inner .main-area,
	[data-type=tpo].with-head .phyton-banner-container-inner .main-area { 
		display:none;
	}

	[data-type=inline-tpo].with-head .phyton-banner-container-inner,
	[data-type=tpo].with-head .phyton-banner-container-inner {
		display:grid;
		gap:10px;
		grid-template-columns:1fr;
		text-align:center;
		grid-template-rows: auto auto auto;
		grid-template-areas:
			"image"
			"head"
			"sub";
	}
}

/*********** banner tong *********************/
.phyton-top-banner-container[data-type=tong] {
	max-height:550px;
	display:block;
}

[data-type=tong] .phyton-banner-container-inner {
	display:block;
	height:100%;
}

[data-type=tong][data-device=mobile] .phyton-banner-container-inner {
	1max-width:550px;
}

[data-type=tong][data-device=mobile][data-fit=cover] .phyton-banner-container-inner {
	max-width:100%;
	padding:0px;
}

[data-type=tong] .phyton-banner-container-inner .image-area {
	height:100%;
}

[data-type=tong] .phyton-banner-container-inner img {
	width:100%;
	height:100%;
	object-fit:contain;
}

[data-type=tong][data-fit=cover] .phyton-banner-container-inner img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.panel-phyton-code-site-banner-form .banner-editor-holder .phyton-top-banner-container {
	margin-bottom:0px;
}

.panel-phyton-code-site-banner-form .banner-row {
	margin-bottom:20px;
}

.panel-phyton-code-site-banner-form [contenteditable]:empty:before {
	content:attr(data-placeholder);
}


[contenteditable][placeholder]:empty:before{
	content: attr(placeholder);
	1font-style:italic;
	color:#444;
	white-space: pre;
	display: block; /* For Firefox */
}



.phyton-head-main-text {
	font-size:34px;
	font-weight:600;
	letter-spacing:-1px;
}

.phyton-head-sub-text {
	margin-top:10px;
	font-size:20px;
	letter-spacing: -0.48px;
	color: #666666;
}

.phyton-focus-main-text {
	font-size:24px;
	letter-spacing: -0.6px;
	color: #111111;
	font-weight:600;
}

.phyton-focus-sub-text {
	font-size:14px;
	letter-spacing: -0.36px;
	color: #111111;
	margin-top:14px;
	line-height:1.5;
}

.phyton-head-boxer {
	margin-bottom:50px;
}

.phyton-section-boxer {
	padding:65px 20px;
}

.phyton-device-switch-block[data-device=desktop] {
	display:block;
}

.phyton-device-switch-block[data-device=mobile] {
	display:none;
}

@media ( max-width:800px ) {

	.phyton-head-main-text {
		font-size:30px;
	}

	.phyton-head-sub-text {
		font-size:18px;
	}

	.phyton-focus-main-text {
		font-size:20px;
	}

	.phyton-focus-sub-text {
		font-size:13px;
	}

	.phyton-device-switch-block[data-device=desktop] {
		display:none;
	}

	.phyton-device-switch-block[data-device=mobile] {
		display:block;
	}

	.phyton-head-boxer {
		margin-bottom:30px;
	}

	.phyton-section-boxer {
		padding:40px 15px;
	}

}

/****************************************************************************
*
*	responsible table
*
****************************************************************************/
table.rsptbl img {
	width:40px;
}

table.rsptbl img.circle,
table.rsptbl img.rect {
	height:40px;
}

table.rsptbl img.circle {
	border-radius:50%;
}

table.rsptbl img.cover {
	object-fit:cover;
}

table.rsptbl img.contain {
	object-fit:contain;
}

@media ( max-width:800px ) {

	table.rsptbl thead {
		display:none;
	}

	table.rsptbl colgroup {
		display:none;
	}


	table.rsptbl tbody tr {
		display:flex;
		width:100%;
		flex-flow:row wrap;
		padding:14px;
		border-bottom:solid 1px #ccc;
		align-items:center;
		gap:2px 5px;
		font-size:14px;
	}


	table.rsptbl tbody tr [data-fl]:before {
		content:attr(data-fl)':';
		color:#888;
		font-size:0.9em;
		margin-right:0.2em;
	}

	table.rsptbl tbody tr > * {
		display:contents;
	}

	table.rsptbl tbody tr > * > *:not(img) {
		display:inline-block;
		1padding:0px 2px 2px 0px;
	}

	table.rsptbl tbody tr .fnout {
		display:none;
	}

	table.rsptbl tbody tr .fnbr:after {
		flex-basis:100%;
		height:0px;
		border1:solid 1px red;
		content:'\A';
	}

	table.rsptbl tbody tr .fnbr.thick:after {
		height:3px;
	}

	.phyton-panel-list.eco-table[data-type=table] table.common-table.panel-main-table.rsptbl {
		min-width:auto;
	}

	.eco-popup-body .phyton-panel-list.eco-table[data-type=table] table.common-table.panel-main-table.rsptbl {
		min-width:auto;
	}

	table.common-table.rsptbl th,
	table.common-table.rsptbl td {
		font-size:14px !important;
	}

	table.common-table.panel-main-table.rsptbl th [button].normal,
	table.common-table.panel-main-table.rsptbl td [button].normal {
		padding:3px 11px;
		font-size:14px;
		border:solid 1px #555;
	}

	table.rsptbl .status-label {
		padding:1px 6px;
	}

	table.rsptbl.is-left tbody tr {
		padding-left:120px;
		position:relative;
	}

	table.rsptbl.is-left img {
		position:absolute;
		left:15px;
		top:20px;
		width:80px;
	}

	table.rsptbl.is-left img.circle,
	table.rsptbl.is-left img.rect {
		height:80px;
	}
}



/****************************************************************************
*
*	phyton-panel-header-entity-info-block
*
****************************************************************************/
.phyton-panel-header-entity-info-block {
	display:grid;
	grid-template-columns:200px 1fr auto;
	gap:15px;
	padding:10px;
}

.phyton-panel-header-entity-info-block.two-way {
	grid-template-columns:1fr auto;
}

.phyton-panel-header-entity-info-block .data-info {
	display:flex;
	flex-direction:column;
	gap:8px;
}

.phyton-panel-header-entity-info-block .share-info {
	margin-top:20px;
}

.phyton-panel-header-entity-info-block .data-info .main {
	font-size:24px;
	font-weight:600;
	margin-bottom:0.1em;
}

.phyton-panel-header-entity-info-block .data-info .sub {
	font-size:18px;
	font-weight:400;
}

.phyton-panel-header-entity-info-block .data-info .status {
	display:flex;gap:10px;
}

.phyton-panel-header-entity-info-block .data-info .stamp {
	margin-top:8px;
}

@media ( max-width:800px ) {

	.phyton-panel-header-entity-info-block {
		grid-template-columns:150px 1fr;
	}

	.phyton-panel-header-entity-info-block.two-way {
		grid-template-columns:1fr;
	}

	.phyton-panel-header-entity-info-block .image-info {
		grid-row: 1 / 3;
	}

	.phyton-panel-header-entity-info-block .share-info {
		margin-top:0px;
	}
}

@media ( max-width:500px ) {

	.phyton-panel-header-entity-info-block {
		grid-template-columns:1fr;
		gap:0px;
	}

	.phyton-panel-header-entity-info-block .data-info {
		padding-left:10px;
		padding-right:10px;
		margin-top:15px;
	}

	.phyton-panel-header-entity-info-block .share-info {
		padding-left:10px;
		padding-right:10px;
		margin-top:15px;
	}

	.phyton-panel-header-entity-info-block .image-info {
		text-align:center;
	}
}


.phyton-detail-back-holder {
	margin-top:20px;
	margin-bottom:15px;
}

@media ( max-width:800px ) {
	
	.phyton-detail-back-holder {
		display:none;
	}
}


/************ phyton-grid-gallery-container */

.phyton-grid-gallery-container {
	display: grid;
	grid-column-gap: 60px;
	grid-row-gap: 60px;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	grid-auto-rows: 8px;
}
.phyton-grid-gallery-container img {
	max-width: 100%;
	1border-radius: 8px;
	1box-shadow: 0 0 16px #333;
	transition: all 1.5s ease;
}
.phyton-grid-gallery-container img:hover {
	box-shadow: 0 0 32px #333;
}
.phyton-grid-gallery-container .item-content {
	padding: 4px;
}
.phyton-grid-gallery-container > * {
	transition: grid-row-start 300ms linear;
	transition: transform 300ms ease;
	transition: all 0.5s ease;
	cursor: pointer;
}
.phyton-grid-gallery-container > *:hover {
	transform: scale(1.025);
}
@media (max-width: 600px) {
  .phyton-grid-gallery-container {
		grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
}
@media (max-width: 400px) {
  .phyton-grid-gallery-container {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
}

@keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  } 
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}

/****************** menu expose******************************/
@media (min-width: 801px) {

	.phyton-app .main-menu-body .phyton-menu-block[data-depth="0"] {
		text-align:center;
		display:flex;
		gap:20px;
		justify-content:center;
		align-items:center;

	}

	.phyton-app[data-menuExpose=upside] .main-menu-body .phyton-menu-block[data-depth="0"] {
		text-align:center;

	}

	.phyton-app[data-pib="body-full-width-flow"][data-menudepth="1"][data-menuExpose=upside] .phyton-app-body {
		margin-left:0px;
	}

	.phyton-app[data-pib="body-full-width-flow"][data-menuExpose=upside]:not([data-menuDepth="0"]) .phyton-section-body {
		max-width:100%;
		padding-left:0px;
		padding-right:0px;
		margin:0 auto;
	}


	.phyton-app[data-pib="body-full-width-flow"][data-menuExpose=upside]:not([data-menuDepth="0"]) .phyton-section-header {
		display:none;
	}

	.phyton-app[data-menuExpose=upside] .phyton-menu-block[data-depth="1"].current {
		display:none;
	}

	/*
	.phyton-app[data-menuExpose=upside] .main-menu-block:hover .phyton-menu-block.current[data-depth="1"] {
		display:block;
		bottom:auto;
		1background:blue !important;
		background:rgba(255,255,255,0.6);
		text-align:center;
		width:100%;
		right:0px;
		padding-top:0px;
		padding-left:80px;
		padding-right:130px;

	}
	*/

	.phyton-app[data-menuExpose=upside] .main-menu-block .phyton-menu-block[data-depth="0"] > li  {
		padding-bottom1: 32px;
	}

	.phyton-app[data-menuExpose=upside] .main-menu-block .main-menu-anchor-container > .phyton-menu-block[data-depth="1"] {
		display:none;
		bottom:auto;
		1background:blue !important;
		background:rgba(255,255,255,0.8);
		text-align:center;
		width:100%;
		right:0px;
		left:0px;
		padding-top:0px;
		padding-left:80px;
		padding-right:130px;
		position:fixed;
		top:80px;
	}

	
	.phyton-app[data-menuExpose=upside] .main-menu-block:hover .main-menu-anchor-container:hover > .phyton-menu-block[data-depth="1"] {
		display:block;
	}
	



	.phyton-app[data-menuExpose=upside] .main-menu-block:hover  .phyton-menu-block[data-depth="1"] > li {
		display:inline-block;

	}

	.phyton-app[data-menuExpose=upside] .main-menu-block:hover  .phyton-menu-block[data-depth="1"] > li .menu-icon {
		display:none;

	}


	/**** hover *******/
	.phyton-app[data-menuExpose=hover] {
		overflow-y:scroll;
	}

	.phyton-app[data-menuExpose=hover] .phyton-top-menu-container {
		align-self:start;
	}

	.phyton-app[data-pib="body-full-width-flow"][data-menudepth="1"][data-menuExpose=hover] .phyton-app-body {
		margin-left:0px;
	}

	.phyton-app[data-pib="body-full-width-flow"][data-menuExpose=hover]:not([data-menuDepth="0"]) .phyton-section-header {
		display:none;
	}

	.phyton-app[data-pib="body-full-width-flow"][data-menuExpose=hover]:not([data-menuDepth="0"]) .phyton-section-body {
		max-width:100%;
		padding-left:0px;
		padding-right:0px;
		margin:0 auto;
	}

	.phyton-app[data-menuExpose=hover] .main-menu-body .phyton-menu-block[data-depth="0"] {
		text-align:center;
		display:flex;
		gap:10px;
		justify-content:center;
		align-items:start;

	}

	.phyton-app[data-menuExpose=hover] .main-menu-body .menu-icon {
		display:none;
	}

	.phyton-app[data-menuExpose=hover] .phyton-menu-block[data-depth="1"] {
		display:none;
		position:static;
		width:auto;
		background:transparent !important;
		color:#333;
		padding-top:0px;
		text-align:center;
		z-index:1;
	}

	.phyton-app[data-menuExpose=hover] .phyton-top-menu-container:hover {
		position:relative;
	}

	.phyton-app[data-menuExpose=hover] .phyton-menu-block[data-depth="1"] .main-menu-anchor {
		padding:8px 4px;
	}

	.phyton-app[data-menuExpose=hover] .phyton-top-menu-container:hover  .main-menu-anchor-container .phyton-menu-block[data-depth="1"] {
		display:block;
		border-right:none;
		padding-top:10px;
	}

	.phyton-app[data-menuExpose=hover] .phyton-top-menu-container:hover .main-menu-body {
		
		position:absolute;
		left:0px;
		right:0px;

	}

	.phyton-app[data-menuExpose=hover] .phyton-top-menu-container:hover .main-menu-body-screen {
		background:rgba(255,255,255,0.8);
		display:block;
		position:fixed;
		top:var(--phyton-header-height);
		left:0px;
		right:0px;
		height:170px;
		content:"";
		border-top:solid 1px #ccc;
		border1:solid 1px red;

	}


	.phyton-app[data-menuExpose=hover] .phyton-top-menu-container:hover  .main-menu-anchor-container  .phyton-menu-block[data-menu=system] {
		display:none;

	}

	.phyton-app[data-menuExpose=hover] .phyton-top-menu-container:hover  .main-menu-anchor-container  .phyton-menu-block[data-menu=me] {
		display:none;
	}

}



/****** account user activity **************/
.phyton-account-activity-tab-container {
	max-width:1000px;
	margin:0 auto;
	margin-top:30px;
}

.phyton-account-activity-tab-container .phyton-tab-anchor-holder[data-depth="1"] {
	display:none;
}

.phyton-account-activity-tab-container .phyton-tab-anchor-holder[data-depth="2"] {
	text-align:left;
}

.phyton-account-activity-tab-container .phyton-tab-anchor-holder[data-depth="2"] .tab-anchor {
	color1:dodgerblue;
	border:none;
	border-radius:0px;
	padding:3px 6px;
}

.phyton-account-activity-tab-container .phyton-tab-anchor-holder[data-depth="2"] .tab-anchor.selected {
	color:dodgerblue;
	border:none;
	border-bottom:solid 3px dodgerblue;
}


/****** account user activity **************/
.phyton-account-dashboard-container {
	max-width:1000px;margin:0 auto;display:grid;grid-template-columns:200px 1fr;gap:30px;
	margin-top:40px;
	padding:10px;
}

.phyton-account-dashboard-container .activity-list-holder {
	display:grid;grid-template-columns:repeat(auto-fill, minmax(300px,1fr));
}

.phyton-account-dashboard-container .activity-list-holder .activity-row {
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

.phyton-account-dashboard-container .activity-list-holder .activity-row:nth-child(even) {
	border-right:none;
}

.phyton-account-dashboard-container .activity-list-holder.odd .activity-row:nth-last-child(1) {
	border-bottom:none;
}

.phyton-account-dashboard-container .activity-list-holder.even .activity-row:nth-last-child(1),
.phyton-account-dashboard-container .activity-list-holder.even .activity-row:nth-last-child(2)
{
	border-bottom:none;
}


@media ( max-width:800px ) {
	.phyton-account-dashboard-container {
		grid-template-columns:1fr;
		gap:20px;
	}

	[ctrl=edtech-front-user-main] {
		background:#f5f5f5;
		margin-top:0px;
		padding:0px;


	}

	.phyton-account-dashboard-container {
		margin-top:10px;
	}

	.phyton-account-dashboard-container111 .activity-list-holder {
		grid-template-columns:repeat(auto-fill, minmax(150px,1fr));
	}

}

@media ( max-width:400px ) {

	.phyton-account-dashboard-container .activity-list-holder {
		grid-template-columns:1fr;
	}


	.phyton-account-dashboard-container .activity-list-holder .activity-row {
		border-right:none;
		border-bottom:solid 1px #ddd !important;
	}

	.phyton-account-dashboard-container .activity-list-holder.odd .activity-row:nth-last-child(1),
	.phyton-account-dashboard-container .activity-list-holder.even .activity-row:nth-last-child(1)
	{
		border-bottom:none;
	}
	
	.phyton-account-activity-tab-container .phyton-entity-detail-panel-navigation-holder {
		padding-left:10px;
		padding-right:10px;
	}
}


/***** phyton-entity-detail-panel-navigation-holder *****/
.phyton-entity-detail-panel-navigation-holder {
	margin-bottom:15px;
	font-size:15px;
	display:flex;
	gap1:15px;
	align-items:center;
	color:#666;
	padding-bottom:10px;
	border-bottom:solid 1px #f5f5f5;
}

.phyton-entity-detail-panel-navigation-holder:empty {
	display:none;
}

.phyton-entity-detail-panel-navigation-holder > *:after {
	content:'\E224';
	padding:0px 10px;
	font-family:'Glyphicons Regular';
	font-size:10px;
	color:#666;
}

.phyton-entity-detail-panel-navigation-holder > *:last-child {
	font-weight:500;
	color:#333;
}

.phyton-entity-detail-panel-navigation-holder > *:last-child:after {
	display:none;
}


/******************** ckeditor5 *************************/
.editor__editable,
main .ck-editor[role='application'] .ck.ck-content,
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
.ck.editor[role='textbox'] {
	line-height: 1.5 !important;
}

:root {
    --ck-z-default: 1;
    --ck-z-modal: calc(var(--ck-z-default) + 9999);
}

.ck.ck-content span
, .ck.ck-content img
, .ck.ck-content i
, .ck.ck-content label {
	vertical-align:baseline;
}

/*.ck.ck-balloon-panel { z-index:9998 !important }*/

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
	margin-top:var(--phyton-header-height);
}

.eco-popup-body .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
	margin-top:0px;
}

.panel-phyton-code-control-editor-view .list-asset .asset-row[data-type=text].ck.ck-content {
	line-height:1.5 !important;
}


@media screen and (max-width:420px) {


	.panel-phyton-code-control-editor-view .list-asset .asset-row[data-type=text].ck.ck-content .image {
		min-width:100%;
	}

	.panel-phyton-code-control-editor-view .list-asset .asset-row[data-type=text].ck.ck-content img {
		min-width:100%;
	}

}




/**
 * @license Copyright (c) 2014-2023, CKSource Holding sp. z o.o. All rights reserved.
 * This file is licensed under the terms of the MIT License (see LICENSE.md).
 */

:root {
	--ck-sample-base-spacing: 2em;
	--ck-sample-color-white: #fff;
	--ck-sample-color-green: #279863;
	--ck-sample-color-blue: #1a9aef;
	--ck-sample-container-width: 1285px;
	--ck-sample-sidebar-width: 350px;
	--ck-sample-editor-min-height: 400px;
	--ck-sample-editor-z-index: 10;
}

/* --------- EDITOR STYLES  ---------------------------------------------------------------------------------------- */

.editor__editable,
/* Classic build. */
main .ck-editor[role='application'] .ck.ck-content,
/* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
/* Inline & Balloon build. */
.ck.editor[role='textbox'] {
	width: 100%;
	background: #fff;
	font-size: 1em;
	line-height: 1.6em;
	min-height: var(--ck-sample-editor-min-height);
	padding: 1.5em 2em;
}

.ck.ck-editor__editable {
	background: #fff;
	border: 1px solid hsl(0, 0%, 70%);
	width: 100%;
}

/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
	position: relative;
	z-index: var(--ck-sample-editor-z-index);
}

.editor-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	position: relative;
	width: 100%;
	justify-content: center;
}

.editor-container--with-sidebar > .ck.ck-editor {
	width: calc( 100% - var(--ck-sample-sidebar-width) );
}

.ck.ck-content figure.image.full-vw-width {
	width:100vw;
	min-width:100vw;
	display:inline-block;
	margin-left:calc( ( 800px - 100vw - 20px) / 2);
	cursor:default;
}

.ck.ck-content figure.image.full-vw-width img {
	width:100vw;
	min-width:100vw;
	display:inline-block;
	cursor:default;
}

.ck.ck-editor .ck.ck-content figure.image.full-vw-width {
	width:100%;
	min-width:100%;
	display:inline-block;
	margin-left:0px;
	cursor:default;
}

.ck.ck-editor  .ck.ck-content figure.image.full-vw-width img {
	width:100%;
	min-width:100%;
	display:inline-block;
	cursor:default;
}


.ck.ck-content figure.table.wing-container table  {
	border:none;
}

.ck.ck-content figure.table.wing-container table td {
	border:none;
}

@media (max-width:800px ) {

	.ck.ck-content figure.image.full-vw-width {
		width:100vw;
		min-width:100vw;
		display:inline-block;
		margin-left:calc( ( 100% - 100vw - 0px) / 2);
		cursor:default;
	}

	.ck.ck-content figure.table.wing-container {
		min-width:100%;
	}

	.ck.ck-content figure.table.wing-container > table > tbody > tr {
		display:grid;
	}

	.ck.ck-content figure.table.wing-container > table > colgroup {
		display:none;

	}
}

/* --------- DECOUPLED (DOCUMENT) BUILD. ---------------------------------------------*/
body[data-editor='DecoupledEditor'] .document-editor__toolbar {
	width: 100%;
}

body[data-editor='DecoupledEditor'] .collaboration-demo__editable,
body[data-editor='DecoupledEditor'] .row-editor .editor {
	/* A pixel is added for each of the border. */
	width: calc(21cm + 2px);
	min-height: calc(29.7cm + 2px);
	/* To avoid having extra scrolls inside the editor container. */
	height: fit-content;
	padding: 2cm 1.2cm;
	margin: 2.5rem;
	border: 1px hsl( 0, 0%, 82.7% ) solid;
	background-color: var(--ck-sample-color-white);
	box-shadow: 0 0 5px hsla( 0, 0%, 0%, .1 );
	box-sizing: border-box;
}

body[data-editor='DecoupledEditor'] .row-editor {
	display: flex;
	position: relative;
	justify-content: center;
	overflow-y: auto;
	background-color: #f2f2f2;
	border: 1px solid hsl(0, 0%, 77%);
	/* Limit the max-height of the editor to avoid scrolling from bottom to top to see the toolbar. */
	max-height: 700px;
}

body[data-editor='DecoupledEditor'] .sidebar {
	background: transparent;
	border: 0;
	box-shadow: none;
}

/* --------- COMMENTS & TRACK CHANGES FEATURE ---------------------------------------------------------------------- */
.sidebar {
	padding: 0 15px;
	position: relative;
	min-width: var(--ck-sample-sidebar-width);
	max-width: var(--ck-sample-sidebar-width);
	font-size: 20px;
	border: 1px solid hsl(0, 0%, 77%);
	background: hsl(0, 0%, 98%);
	border-left: 0;
	overflow: hidden;
	min-height: 100%;
	flex-grow: 1;
}

/* Do not inherit styles related to the editable editor content. See line 25.*/
.sidebar .ck-content[role='textbox'],
.ck.ck-annotation-wrapper .ck-content[role='textbox'] {
	min-height: unset;
	width: unset;
	padding: 0;
	background: transparent;
}

.sidebar.narrow {
	min-width: 60px;
	flex-grow: 0;
}

.sidebar.hidden {
	display: none !important;
}

#sidebar-display-toggle {
	position: absolute;
	z-index: 1;
	width: 30px;
	height: 30px;
	text-align: center;
	left: 15px;
	top: 30px;
	border: 0;
	padding: 0;
	color: hsl( 0, 0%, 50% );
	transition: 250ms ease color;
	background-color: transparent;
}

#sidebar-display-toggle:hover {
	color: hsl( 0, 0%, 30% );
	cursor: pointer;
}

#sidebar-display-toggle:focus,
#sidebar-display-toggle:active {
	outline: none;
	border: 1px solid #a9d29d;
}

#sidebar-display-toggle svg {
	fill: currentColor;
}

/* --------- COLLABORATION FEATURES (USERS) ------------------------------------------------------------------------ */
.row-presence {
	width: 100%;
	border: 1px solid hsl(0, 0%, 77%);
	border-bottom: 0;
	background: hsl(0, 0%, 98%);
	padding: var(--ck-spacing-small);

	/* Make `border-bottom` as `box-shadow` to not overlap with the editor border. */
	box-shadow: 0 1px 0 0 hsl(0, 0%, 77%);

	/* Make `z-index` bigger than `.editor` to properly display tooltips. */
	z-index: 20;
}

.ck.ck-presence-list {
    flex: 1;
    padding: 1.25rem .75rem;
}

.presence .ck.ck-presence-list__counter {
	order: 2;
	margin-left: var(--ck-spacing-large)
}

/* --------- REAL TIME COLLABORATION FEATURES (SHARE TOPBAR CONTAINER) --------------------------------------------- */
.collaboration-demo__row {
	display: flex;
	position: relative;
	justify-content: center;
	overflow-y: auto;
	background-color: #f2f2f2;
	border: 1px solid hsl(0, 0%, 77%);
}

body[data-editor='InlineEditor'] .collaboration-demo__row {
	border: 0;
}

.collaboration-demo__container {
	max-width: var(--ck-sample-container-width);
	margin: 0 auto;
	padding: 1.25rem;
}

.presence, .collaboration-demo__row {
	transition: .2s opacity;
}

.collaboration-demo__topbar {
	background: #fff;
	border: 1px solid var(--ck-color-toolbar-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}

.collaboration-demo__topbar .btn {
	margin-right: 1em;
	outline-offset: 2px;
	outline-width: 2px;
	background-color: var( --ck-sample-color-blue );
}

.collaboration-demo__topbar .btn:focus,
.collaboration-demo__topbar .btn:hover {
	border-color: var( --ck-sample-color-blue );
}

.collaboration-demo__share {
	display: flex;
	align-items: center;
	padding: 1.25rem .75rem
}

.collaboration-demo__share-description p {
	margin: 0;
	font-weight: bold;
	font-size: 0.9em;
}

.collaboration-demo__share input {
	height: auto;
	font-size: 0.9em;
	min-width: 220px;
	margin: 0 10px;
	border-radius: 4px;
	border: 1px solid var(--ck-color-toolbar-border)
}

.collaboration-demo__share button,
.collaboration-demo__share input {
	height: 40px;
	padding: 5px 10px;
}

.collaboration-demo__share button {
	position: relative;
}

.collaboration-demo__share button:focus {
	outline: none;
}

.collaboration-demo__share button[data-tooltip]::before,
.collaboration-demo__share button[data-tooltip]::after {
	position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .15s cubic-bezier(.5,1,.25,1);
	z-index: 1;
}

.collaboration-demo__share button[data-tooltip]::before {
	content: attr(data-tooltip);
    padding: 5px 15px;
    border-radius: 3px;
    background: #111;
    color: #fff;
    text-align: center;
    font-size: 11px;
	top: 100%;
    left: 50%;
    margin-top: 5px;
    transform: translateX(-50%);
}

.collaboration-demo__share button[data-tooltip]::after {
    content: '';
	border: 5px solid transparent;
    width: 0;
    font-size: 0;
    line-height: 0;
	top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 5px solid #111;
	border-top: none;
}

.collaboration-demo__share button[data-tooltip]:hover:before,
.collaboration-demo__share button[data-tooltip]:hover:after {
	visibility: visible;
    opacity: 1;
}

.collaboration-demo--ready {
	overflow: visible;
	height: auto;
}

.collaboration-demo--ready .presence,
.collaboration-demo--ready .collaboration-demo__row {
	opacity: 1;
}

/* --------- PAGINATION FEATURE ------------------------------------------------------------------------------------ */

/* Pagination view line must be stacked at least at the same level as the editor,
   otherwise it will be hidden underneath. */
.ck.ck-pagination-view-line {
	z-index: var(--ck-sample-editor-z-index);
}

/* --------- REVISION HISTORY FEATURE ------------------------------------------------------------------------------ */

.revision-viewer-container {
    display: none;
    max-width: 100%;
    word-wrap: break-word;
}

.revision-viewer-sidebar {
    position: relative;
    min-width: 310px;
    overflow: hidden;
    background: var(--ck-color-toolbar-background);
    border: 1px solid var(--ck-color-toolbar-border);
    margin-left: -1px;
}

/* A case when Pagination and Revision History features are enabled in the editor. */
/* Move the square with page number from the Pagination plugin to the left side, so that it does not cover the RH sidebar. */
body[data-revision-history='true'] .ck.ck-pagination-view-line::after {
	transform: translateX(-100%) !important;
	left: -1px !important;
	right: unset !important;
}

/* --------- DOCUMENT OUTLINE FEATURE ------------------------------------------------------------------------------ */

.document-outline-container {
	max-height: 80vh;
	overflow-y: auto;
	margin-bottom: 1em;
}

.document-outline-container .ck.ck-document-outline {
	min-height: 100%;
	border: 1px solid var(--ck-color-base-border);
	background-color: hsl(0, 0%, 96%);
}


.kords-bookmark-anchor {
	background:#fff;
	font-size:12px;
	border:solid 1px #ddd;
	border-radius:3px;
	padding:1px 6px;
}

.kords-like-anchor {
	background:#fff;
	font-size:12px;
	border:solid 1px #ddd;
	border-radius:3px;
	padding:1px 6px;
}

/********* uri-class *******************/
[data-uri-class=body-fill] .phyton-app-body {
	background:#f5f5f5;
}

/******** balloon css ******************/
:root {
  --balloon-border-radius: 10px;
  --balloon-color: rgba(16, 16, 16, 0.6);
  --balloon-text-color: #fff;
  --balloon-font-size: 12px;
  --balloon-move: 4px; 
 }

[button][aria-label][data-balloon-pos] {
  overflow: visible; 
  
 }

[aria-label][data-balloon-pos] {
  position: relative;
  cursor: pointer; }
  [aria-label][data-balloon-pos]:after {
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    text-indent: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
    font-size: var(--balloon-font-size);
    background: var(--balloon-color);
    border-radius: 2px;
    color: var(--balloon-text-color);
    border-radius: var(--balloon-border-radius);
    content: attr(aria-label);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10; }
  [aria-label][data-balloon-pos]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--balloon-color);
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    content: "";
    position: absolute;
    z-index: 10; }
  [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
    opacity: 1;
    pointer-events: none; }
  [aria-label][data-balloon-pos].font-awesome:after {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
  [aria-label][data-balloon-pos][data-balloon-break]:after {
    white-space: pre; }
  [aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word; }
  [aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
    transition: none; }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
    left: 0; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
    left: 5px; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
    right: 0; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
    right: 5px; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos^="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    bottom: 100%;
    transform-origin: top;
    transform: translate(0, var(--balloon-move)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    margin-bottom: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
    left: 50%;
    transform: translate(-50%, var(--balloon-move)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    margin-top: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-pos="down"]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
    left: 50%;
    transform: translate(-50%, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:after, [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
    margin-right: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
    margin-left: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-length]:after {
    white-space: normal; }
  [aria-label][data-balloon-pos][data-balloon-length="small"]:after {
    width: 80px; }
  [aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
    width: 150px; }
  [aria-label][data-balloon-pos][data-balloon-length="large"]:after {
    width: 260px; }
  [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
    width: 380px; }
    @media screen and (max-width: 768px) {
      [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 90vw; } }
  [aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
    width: 100%; }
	
	
	/* advert */
.panel-phyton-deco-advert-spot-viewer .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
	position:absolute;
	left:10px;
	bottom:10px;
}

.panel-phyton-deco-advert-spot-viewer .owl-theme .owl-dots .owl-dot > span {
	width:16px;
	height:16px;
	background:rgba(0,0,0,0.2);
	box-shadow:0px 0px 2px rgba(255,255,255,0.3);
	transition:width 0.3s;
}

.panel-phyton-deco-advert-spot-viewer .owl-theme .owl-dots .owl-dot.active > span {
	width:40px;
	height:16px;
	background:rgba(0,0,0,0.2);
	box-shadow:0px 0px 2px rgba(255,255,255,0.3);
}


@media (max-width:600px) {

	.panel-phyton-deco-advert-spot-viewer .owl-theme .owl-dots .owl-dot > span {
		width:10px;
		height:10px;
	}
	
	.panel-phyton-deco-advert-spot-viewer .owl-theme .owl-dots .owl-dot.active > span {
		width:25px;
		height:10px;
	}
}