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

:root {
	--phyton-color-main:dodgerblue;
	--phyton-footer-height:300px;
}

*: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;
}

.glyphicons {
	line-height:inherit;
}

.fa, .fas, .fab, .far, .fal, .fad {
	margin-right:0.5em;
	vertical-align:baseline;
}

.phyton-browser-item {
	font-size:12px;
}

.phyton-section-header {
	margin-bottom:10px;
	padding-bottom:10px;
}


/************** button ******************/
[button].emphasis {
	background:var(--phyton-color-main);
	border-color:solid 1px var(--phyton-color-main);
}

[button].normal.large {
	padding:4px 10px 4px 10px;
	font-size:1.1em;
}

/*************** common *****************/
* {
	box-sizing:border-box;
}

.phyton-page-action-tool {
	font-size:.9em;
}

.phyton-page-action-tool .icon {
	margin-right:.3em;
}

.phyton-even-line * {
	vertical-align:middle;
}


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

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

.main-menu-anchor[data-menu="me.site"] {
	display:none;
}

.main-menu-anchor[data-menu="me.follow"] {
	display:none;
}

.main-menu-anchor[data-menu="me.notification"] {
	display:none;
}


.phyton-panel-has-aux-then-main {
	padding-right:15px;
}


table.common-table.panel-main-table {
	border-top:solid 2px var(--phyton-color-main);
	border-bottom:solid 1px #888;
	table-layout:fixed;
}


table.common-table.panel-main-table tbody {
	border-top:solid 1px #888;
}

table.common-table.panel-main-table th {
	background:#f1f6f8;
	color:#444;
	font-weight:normal;
}

table.common-table th,
table.common-table td {
	border:solid 1px #ddd;
	border-left:none;
	border-right:none;
	padding:3px;
	font-size:12px;
}

/*************** layout *****************/

.phyton-app-header {
	background:#fff;;
	1color:#eaeaea;
	color:#444;
}

body {
	background:#fff;
}


.user-info-block [name=viewerLangCd] {
	color:#000;
}

.panel-phyton-code-auth-login {

	background:none;
	border:none;
}



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


@media (min-width:801px) {

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


.phyton-section-header {
		border-bottom:solid 1px #eee;
}

@media (min-width:801px) {

	html, body {
		font-size:14px;
	}

	table {
		font-size:10pt;
	}


	.phyton-app-header {
		height:80px;
		border-bottom1:solid 1px #dadfe2;
		box-shadow:0px 1px 2px rgba(21,34,50,0.08);
	}

	.phyton-menu-block[data-depth="1"].current {
		top:80px;
		background:#f7f9fa;#eef0f2;
		border-right:solid 1px #eee;

	}

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

	.main-menu-anchor[data-depth="0"] {
		color:#444;#ccc;#7fa3be;#61afea;#888;#444;
		line-height: 85px;
	}

	.main-menu-anchor[data-depth="0"].current {
		color:dodgerblue;#fff;dodgerblue;#00c09a;
		border-bottom:solid 4px dodgerblue;
	}

	.main-menu-anchor {
		font-size:14px;
	}

}


@media (max-width:801px) {

	.phyton-app-body .phyton-section-header {
		background:#f9fcff;#fff;#227fc4;#C6DEF0;#fff;
		border-bottom:solid 1px #ddd;
	}

	.phyton-app .phyton-section-header [button] {
		color:#444;#fff;#444;
	}

	.phyton-app .phyton-section-header > * { 
		color:#444;#fff;#444;

	}

	body {
		background:#f9fcff;#fff;
	}

	.phyton-tab-block[data-depth="0"] .phyton-tab-anchor .tab-icon {
		padding-top: 8px;
	}
}


.menu-anchor[href="/me"] .glyphicons-chevron-right {
	display:none;
}


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

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

.phyton-tile-row,
.phyton-box-row,
.phyton-box-list-row {
	padding:5px;
	padding-right:0px;
	padding-bottom:0px;
	width:30%;
	border:none;
}

.phyton-box-row-inner {
	padding:8px;
	border:solid 1px #ddd;
	border-radius:8px;
	background:#fff;
}



.phyton-list-box-row-inner {
	background:#fff;
	border:solid 1px #ccc;
	margin-bottom: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 img {
	1border-radius:10px 10px 0px 0px;
}


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


.phyton-card-box-layout[data-curationYn=Y] .phyton-box-row-inner {
	border-radius:0px;
	padding:10px;
}



.phyton-app-header > .phyton-app-header-inner {
	height:100%;
}

.phyton-app-header > .phyton-app-header-inner > .page-name-block {
	text-indent:-1000px;
	overflow:hidden;
}

.phyton-app-header > .phyton-app-header-inner >  .page-name-block {
	width: 300px;
	padding:5px 10px;
	text-indent:-8000px;
	overflow:hidden;
	background:url(/img/top.logo.png) no-repeat left center;
	background-size: auto 40px;
	1filter:
	invert(.8);
}


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

}

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

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

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

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


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

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


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

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

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

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

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

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

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


.phyton-code-account-join-main-form 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;
	
}

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


.quick-component-holder .component-icon {
	font-size:35px;
	color:#88a6b7;

}

.quick-component-holder [name=position] {
	display:none;
}



/* phyton-code-auth-login */


.phyton-code-auth-login .notice-block {
	margin-bottom:20px;
}

.phyton-code-auth-login .notice-block li {
	text-align:left;
	line-height:1.6em;
	list-style-type:none;
}

@media (max-width:601px) {


	.phyton-code-auth-login .top-logo {
		width:100%;
		height:150px;
		background:url(../img/top-logo.png) no-repeat center center;
		background-size:auto 80px;
		margin-bottom:10px;
	}

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

	.panel-phyton-code-auth-login .login-form {
		padding-top:0px;
	}

}


@media (min-width:601px) {

	.phyton-code-auth-login .notice-block {
		margin-bottom:30px;
	}

	.1111111phyton-code-auth-login .login-form {
		width1:680px;
	}

	.111111phyton-code-auth-login .data-block {
		display:table;
		width:100%;
		1border:solid 1px red;
	}

	.1111111111phyton-code-auth-login .data-block > * {
		display:table-cell;
		vertical-align:top;
		1border:solid 1px blue;

	}
	
	.111111111phyton-code-auth-login .login-form-block {
		width:70%;
		padding-left:20px;
	}

	.111111111111panel-phyton-code-auth-login .login-form .label-login {
		margin-top:0px;
		padding:0px;
		padding-right:20px;
		background: url(../img/item_2880398_982.png) no-repeat center top;
		1border:solid 1px red;
		background-size:230px auto;
		height:500px;
		width:250px;
		border-radius:0px;
		text-indent:-1000px;
		overflow:hidden;
	}


	.111111111phyton-code-auth-login .login-label {
		text-align:left;
		margin-bottom:20px;
		font-size:1.2em;
		padding-left:5px;
		display:block;
	}


	.phyton-code-auth-login .form-item input {
		border-bottom:solid 1px #ccc;
		border-radius:8px;
		background:#fff;
	}
}


.eco-browser-panel-core > .phyton-panel-body {
	padding:0px;
	padding-top:0px;
	border1:solid 1px red;
}



@media (max-width:601px) {
	.cancun-progress-bar-holder {
		background:#f7f9fa;
	}
}


.phyton-menu-block {
	font-size:15px;
}

.popup-menu-user-info {
	font-size:16px;
}


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

[contenteditable][placeholder]:empty:before{
  content: attr(placeholder);
  1font-style:italic;
  color:#888;
  display: block; /* For Firefox */
}



.phyton-code-account-join-main-form .form-block [contenteditable][placeholder]:empty:before{
  content: attr(placeholder);
  1font-style:italic;
  color:#888;
  display: block; /* For Firefox */
}



.shake-wizzle {
  animation: shake-wizzle 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake-wizzle {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


/*********************************************************
//
// phyton-front-auth-login]
//
**********************************************************/
.phyton-code-auth-login .notice-block {
	margin-bottom:30px;
}

.1111111phyton-code-auth-login .login-form {
	width1:680px;
}

.1111111phyton-code-auth-login .data-block {
	display:table;
	width:100%;
	1border:solid 1px red;
}

.11111111phyton-code-auth-login .data-block > * {
	display:table-cell;
	vertical-align:top;
	1border:solid 1px blue;

}

.1111111111phyton-code-auth-login .login-form-block {
	width:70%;
	padding-left:20px;
}

.11111111panel-phyton-code-auth-login .login-form .label-login {
	background:url(../img/top-logo.png) no-repeat center center;
	background-size:auto 150px;
	height:150px;
}

.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] {
	border:none;
	border-bottom:solid 1px #ccc;
	background:transparent;
}


.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;
	background:none;
	1border:solid 1px red;
}

.external-login-holder {
	margin-top:10px;
}

.panel-phyton-code-auth-login [button=facebook] {
	margin-left:0px;
	width:53px;
	height:53px;
	border-radius:0px;
	background:url(../img/icon/facebook.png) no-repeat center center;
	background-size:100% 100%;
	1line-height:33px;
	display:inline-block;
	margin-left:15px;
}

.panel-phyton-code-auth-login [button=whalespace] {
	width:50px;
	height:50px;
	border-radius:0px;
	background:url(../img/icon/whale.png) no-repeat center center;
	background-size:100% 100%;
	border-radius:50%;
	1line-height:33px;
	display:inline-block;
	margin-left:0px;
	margin-right:0px;
}


.panel-phyton-code-auth-login [button=googleplus] {
	text-align:center;
	1margin-top:20px;
	width:53px;
	height:53px;
	display:inline-block;
	background:url(../img/icon/google.png) no-repeat center center;
	background-size:100% 100%;
	border:none;
	margin-left:15px;
}

.panel-phyton-code-auth-login [button=kakao] {
	text-align:center;
	1margin-top:20px;
	width:53px;
	height:53px;
	display:inline-block;
	background:url(/factory/phyton/modules/code/img/icon/kakaolink_btn_medium.png) no-repeat center center;
	background-size:100% 100%;
	border:none;
	1margin-left:15px;
}

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


.panel-phyton-code-auth-login .or-label {
  color: #1E1E1E;
  1font-family: Roboto;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.31px;
  line-height: 15px;
  text-align: center;
  margin-top:15px;
}

.create-account-holder {
  color: #0055B1;
	1font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.39px;
  line-height: 18.75px;
  text-align: center;
  margin-top:30px;
}

.create-account-holder [button=join] {
	font-size:16px;
}


.111111111panel-phyton-code-auth-login .login-form .label-login {
	background:url(../img/hootie-logo.png) no-repeat center center;
	background-size:contain;
	height:120px;
	width:80%;
	margin-bottom:15px;
}

.forgot-password-copy {
	margin-top:5px;
  color: #0055B1;
  1font-family: Roboto;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.31px;
  line-height: 15px;
  text-align:center;
  margin-bottom:25px;
}

	.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: 4px;
		height: 40px;
		background:#fff;
		border:solid 1px #B7BCD6;
		1border-radius:0px;
		border-radius: 4px;
	}

	.panel-phyton-code-auth-login .form-item-title.id {
		1display:none;
		display:block;
		background:none;
		width:auto;
		text-align:left;
	}

	.panel-phyton-code-auth-login .form-item-title.pw {
		display:block;
		background:none;
		width:auto;
		text-align:left;
	}

	.panel-phyton-code-auth-login [button=login] {
		width:100%;
		height:auto;
		1line-height:38px;
		font-size:16px;
		margin-left:0px;
		border-radius:0px;4pt;
		border:none;
		padding:0px 10px;
		background:#26B6E0;#0055B1;
		1background:#ffffff;
		1color:#333;
	}

@media (max-width:560px) {

	.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;
		1background:#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;
		padding-top:20px;
	}



	.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;
		text-align:left;
	}



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

	}

	.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;
		1background:#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 .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;
	}

}


/* 로그인 패널은 모두 제외 */
.phyton-app-body[data-current-panel=ohgo-front-auth-login]  .phyton-section-header .phyton-page-title {
	visibility:hidden;

}





.phyton-box-row {
	padding:8px;
	width:280px;
}

.phyton-box-row-inner {
	padding:0px;
	border:solid 1px #ddd;
	1border-radius:0px;
	background:#fff;
	box-shadow:0px 0px 3px rgba(0,0,0,0.3);
}

/**8 extension *****/
.phyton-box-row.hootie-partaker-row {
	padding:5px;
	width:130px;
	min-width:auto;
	min-height:170px;
}

.hootie-partaker-row .phyton-box-row-inner {
	padding:0px;
	border:none;solid 1px #ddd;
	1border-radius:0px;
	background:none;#fff;
	box-shadow:none;0px 0px 3px rgba(0,0,0,0.3);

}



.tab-anchor-holder {
	border-bottom:solid 1px #aaa;
	padding-left1:10px;
	margin-bottom:20px;
}

.tab-anchor-holder .tab-anchor {
	display:inline-block;
	padding:10px 10px;
	border:none;solid 1px #888;
	border-bottom:none;
	border-radius:none;10px 10px 0px 0px;
	min-width:80px;
	text-align:center;
	background:none;#f5f5f5;
	cursor:pointer;
	margin-bottom:-2px;
	font-size:14px;
}

.tab-anchor-holder .tab-anchor.selected {
	background:#fff;
	border-bottom:solid 2px dodgerblue;
	font-weight:bold;

}




 [panelLayoutMode=pagelet] .phyton-list {
	min-height:50px;
}


/*********** bookmark *****************/
.hootie-bookmark-anchor {
	color:#888;
	text-shadow:0px 0px 1px rgba(0,0,0,0.2);
	font-size:22px;
}


.hootie-bookmark-anchor[data-bookmarkYn=Y] {
	color:gold;
}

.effect-grow-down {
  animation: grow-down 0.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@-webkit-keyframes grow-down {
    0% {
        -webkit-transform:scale(1);
    }
	50% {
		-webkit-transform:scale(2);
	}
    100% {
        -webkit-transform:scale(1);
    }
}


/*********** hidden *****************/
.hootie-hidden-anchor {
	color:#bcd7f1;
	text-shadow:0px 0px 1px rgba(0,0,0,0.2);
	font-size:22px;
}

.hootie-hidden-anchor[data-hiddenYn=Y] {
	color:#f9798f;
}


.phyton-app-header > .page-name-block {
	width:300px;
	padding:5px 10px;
	text-indent:-1000px;
	overflow:hidden;
	background:url(/factory/edtech/modules/front/img/top.logo.png) no-repeat center center;
	background-size:180px auto;
	1border:solid 1px red;
	1filter: invert(.8);
}


.11111111panel-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;
	height:120px;
	width:80%;
	margin-bottom:15px;
}


/*
.phyton-editor-content-container font[size="7"] {
	font-size:12pt;
}

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

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

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

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

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

*/




@media (min-width:801px) {

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

	.phyton-app-footer {
		margin-left:200px;
	}

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

	.phyton-app-header {
		text-align:center;
	}

	.phyton-app-header > .phyton-app-header-inner {
		max-width:1200px;	
		width:auto;
		padding-left:15px;
		padding-right:15px;
		margin:0 auto;
	}

	.phyton-section-header {
		
	}
}

.phyton-app[data-pib="body-wide-width-flow"] .phyton-section-body {
	max-width:1500px;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
}

@media (min-width:801px) {
	.phyton-app[data-pib="body-wide-width-flow"] .phyton-section-header {
		max-width:1500px;
		margin:0 auto;
		padding-left:25px;
		padding-right:25px;
		margin-top:10px;
		margin-bottom:15px;
	}
}

.phyton-app[data-pib="body-normal-width-flow"] .phyton-section-body {
	max-width:1200px;
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
}

.phyton-app[data-pib="body-normal-width-flow"] .phyton-section-header {
	max-width:1200px;
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
}

@media (max-width:800px) {
	.phyton-app[data-pib="body-normal-width-flow"] .phyton-section-header {
		padding-left:0px;
		padding-right:0px;
	}
}

.phyton-app.wide-sage[data-pib="body-normal-width-flow"] .phyton-section-header {
	max-width:1000px;
}

.phyton-app.wide-sage[data-pib="body-normal-width-flow"] .phyton-section-body {
	max-width:1000px;
	margin:0 auto;
}



.phyton-app[data-pib="body-max-width-flow"] .phyton-section-body {
	max-width:100%;
	padding-left:0px;
	padding-right:0px;
}



/*********/
/*********** common-layout ******************/
.phyton-app-body {
	max-width:100%;
	min-height:100%;
	padding:0px;
	padding-bottom:var(--phyton-footer-height);
	padding-top:80px;
	1margin-left:220px;
}


.phyton-app > .phyton-panel-body {
	min-height:100%;
}


.phyton-panel-body .phyton-app-footer {
	display:none;
}

.phyton-app > .phyton-app-footer {
	height:var(--phyton-footer-height);
	margin-top:calc( -1 * var(--phyton-footer-height));
}

.phyton-app-footer {
	text-align:center;
	background:#fafafc;
	padding:20px;
	border-top:none;
}

.edtech-section-header {
	font-size:13px;
	font-weight:500;
	letter-spacing:-.1rem;
	color:navy;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}

.edtech-section-header.large {
	font-size:16px;
	font-weight:500;
	letter-spacing:-.1em;
	color:navy;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}


.lg-object.lg-image {
	background-color:#fff;
}

.lg-thumb-item img {
	background-color:#fff;
}

.panel-edtech-admin-document-slide-extract img {
	background-color:#fff;
}

.phyton-section-header .edtech-menu-home-logo {
	text-indent:-1000px;
	overflow:hidden;
	display:inline-block;
	width:250px;
	height:40px;
	background:url(../img/top.logo.png) no-repeat center center;
	background-size:auto 100%;
}




@media (max-width:800px) {
	.popup-menu-user-info .login-user-menu {
		display:none;
	}
}


[data-pib="body-wide-width-flow"] .phyton-app-body {
	margin-left:220px;
	max-width:1200px;
	1margin:0 auto;
}


.phyton-app[data-menudepth="0"][data-pib="body-wide-width-flow"] .phyton-app-body {
	margin:0 auto;
}



/* front */
.edtech-normal-width-section {
	max-width:1200px;
	margin:0 auto;
	1border:solid 1px blue;
}

.main-menu-anchor  .menu-icon {
	background-color:#fff;
	font-size: 13px;
	color: #000;
}

.main-menu-anchor.current  .menu-icon {
	background-color:transparent;
	font-size: 13px;
	color: #000;
}


@media ( max-width:800px ) {
	.edtech-normal-width-secton {
		max-width:100%;
	}

	.eco-browser-panel-core > .phyton-panel-body {
		padding:0px;
	}

	.phyton-layout-double-wing {
		display:block;
	}

	.phyton-layout-double-wing > * {
		display:block;
		vertical-align:top;
	}

	.phyton-app-body .phyton-section-header {
		background:#fff;
		color:#333;
		border-bottom:none;
	}

	.phyton-app .phyton-section-header > * { 
		color:#333;
	}


	.phyton-app .phyton-section-header [button] {
		color:#333;
	}

	body {
		background:#fff;
	}

	.phyton-app-menu {
		right: 80px;
		background:rgba(0,0,0,0.4);
	}

	.phyton-app-menu .popup-menu-inside {
		right:80px;
		background:#fff;
	}

	.popup-menu-header {
		right:80px;
		position:absolute;
		left:0px;
		top:0p;x
	}

	.popup-menu-user-info {
		1display:none;
	}

	.panel-edtech-front-knowledge-main .phyton-panel-body > .edtech-normal-width-section >  .phyton-tab-content {
		display:none;
	}


}


.phyton-app-header > .phyton-app-header-inner > .user-info-block * {
	1display:none;
}

.phyton-app-header > .phyton-app-header-inner > .user-info-block {
	min-width:200px;
}

.phyton-list {
	min-height:auto;
}

.phyton-no-data-sign {
	display:none;
}

.phyton-editor-content-container {
	font-size:15px;
}

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

.phyton-panel-list.eco-table[data-type=table] > .phyton-page-block.top {
	display:block;
}


@media ( min-width:801px ) {

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

	.phyton-app[data-pib="body-full-width-flow"] .phyton-app-body {
		margin-left:0px;
	}

	.phyton-app[data-pib="body-full-width-flow"][data-menudepth="1"] .phyton-app-body {
		margin-left:220px;
	}

	.phyton-app[data-pib="body-full-width-flow"][data-menudepth="1"] .phyton-page-block.top {
		display:block;
	}

	.phyton-app[data-pib="body-full-width-flow"]:not([data-menuDepth="0"]) .phyton-section-body {
		max-width:1200px;
		padding-left:30px;
		padding-right:30px;
		margin:0 auto;
	}

	.phyton-app[data-pib="body-full-width-flow"]:not([data-menuDepth="0"]) .phyton-section-header {
		display:table;
		max-width:1200px;
		padding-left:30px;
		padding-right:30px;
		font-size:14px;
	}

	.phyton-app[data-pib="body-wide-width-flow"]:not([data-menuDepth="0"]) .phyton-section-body {
		max-width:1200px;
		padding-left:30px;
		padding-right:30px;
		margin:0 auto;
	}


	.phyton-app:not([data-menuDepth="0"]) .phyton-app-body {
		max-width:100%;
		min-height:100%;
		padding:0px;
		padding-bottom:400px;
		padding-top:80px;
		margin-left:220px;
	}

}


@media (max-width:801px) {

	.phyton-app:not([data-menuDepth="0"]) .phyton-app-body {
		margin-left:0px;
		padding-top:40px;
	}
}




@media (min-width:801px) {

	.phyton-app[data-menuDepth="0"] .phyton-menu-block[data-depth="1"].current {
		display:none;
		top:80px;
		background:#f7f9fa;#eef0f2;
		border-right:solid 1px #eee;

	}
}


.phyton-tab-block[data-depth="0"] .phyton-tab-anchor {
	background:none;
	padding:5px;
	padding-left:5px;
	padding-right:5px;
	min-width:auto;
	display:inline-block;
	border:none;
	border-radius:5px 5px 0px 0px;
	border-bottom:none;
	cursor:pointer;
	margin-right:5px;
	border-top:none;
	font-size:15px;
	font-weight:500;
	margin-left:10px;
	margin-right:10px;
	
}

@media (max-width:801px) {
	.phyton-tab-block[data-depth="0"] .phyton-tab-anchor {
		margin:0px;
		margin-right:0px;
		padding:5px;
	}

	.phyton-tab-block[data-depth="0"] .phyton-tab-anchor.current {
		padding-bottom:60px;
	}

}

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

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor.current {
	background-color:#fff;
	font-weight:bold;
	color:#26B6E0;
	border-top:none;
	border-bottom:solid 3px #26B6E0;
	/* border-top:solid 4px #71A6C5; */
}


.detail-link-data-block {
	display:none;
	padding-bottom:30px;
}

.detail-link-data-block.enabled {
	display:block;
}

.detail-link-data-block-title {
	font-size:26px;
	font-weight:500;
	color:#000;
	letter-spacing:-0.1em;
}

.detail-link-data-block-title.small {
	font-size:18px;
}

.edtech-detail-info-block {
	padding:15px;
	padding-top:0px;
}

.edtech-detail-info-block-image-column {
	width:200px;
	vertical-align:top;
	padding-right:20px; 
	
}

.edtech-detail-info-block-image-column img {
    border1: solid 1px #ccc;
    border-radius1: 8px;
    width: 200px;
    max-height: 200px;
    object-fit: contain;
}

.edtech-detail-header-box-headline {
	font-size:26px;
	font-weight:500;
	1margin-bottom:10px;
}

.panel-edtech-front-home-main .edtech-entity-main-panel-top-image-zone {
	display:block;
	height:380px;
	background:url(/img/edtech/banner.home.png) no-repeat center center;
	background-size:contain;
} 

@media ( max-width:800px ) {
	.panel-edtech-front-home-main .edtech-entity-main-panel-top-image-zone {
		display:block;
		height:300px;
		background:url(/img/edtech/banner.home.mobile.png) no-repeat center center;
		background-size:contain;
	} 
}


@media ( max-width:800px ) {

	.edtech-detail-info-block {
		padding-left:15px;
		padding-right:15px;
	}

	.edtech-detail-info-block-image-column {
		width:100%;
		vertical-align:top;
		padding-right:0px;
		margin-bottom:15px;
	}

	.edtech-detail-info-block-image-column img {
		border: none;
		border-radius: 0px;
		width: 100%;
		height: auto;
		max-height:150px;
		
	}

	.kords-entity-main-panel-top-image-zone {
		display:none;
	}

	.panel-edtech-front-home-main .kords-entity-main-panel-top-image-zone {
		display:block;
		height:320px;
		background:url(/img/edtech/banner.home.mobile.png) no-repeat center center;
		background-size:contain;
		margin-top:20px;
		padding:10px;
	} 

	.edtech-detail-header-box-headline {
		padding-left:15px;
		padding-right:15px;
		font-size:20px;
	}

	.edtech-detail-header-box-subline {
		padding-left:15px;
		padding-right:15px;

	}

	.edtech-detail-header-box-subline * {
		color:#888;
		font-size:12px;
		vertical-align:baseline;
	}

	.detail-link-data-block-title {
		font-size:18px;
		line-height:2;
	}

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



.edtech-wing-search-form-block {
	width:310px;
	padding-right:20px;
}

.edtech-front-panel-aux-block {
	text-align:left;
	width:350px;
	padding-left:40px;
}

.main-menu-anchor[data-menu=home] {
	display:none;
}


.edtech-wing-search-form-block-holder {
	width:300px;
}

.phyton-layout-double-wing > * {
	vertical-align:top;
}

@media ( max-width:800px ) { 

	.edtech-wing-search-form-block {
		width:100%;
		padding:10px;
	}

	.edtech-entity-detail-panel-condition-holder {
		padding:10px;
	}

	.edtech-entity-detail-panel-condition-holder:empty {
		display:none;
	}

	.edtech-wing-search-form-block .phyton-layout-double-wing {
		display:table;
	}

	.edtech-wing-search-form-block .phyton-layout-double-wing > * {
		display:table-cell;
	}

	.edtech-section-header {
		padding-left:10px;
		padding-right:10px;
	}

	.edtech-front-panel-aux-block {
		width:100%;
		1padding:10px;
		padding-left:0px;
		padding-right:0px;
		text-align:left;
	}

	.main-menu-anchor[data-menu=home] {
		display:block;
	}

}

.phyton-browser-soft-back-button {
	border-radius:50%;
	opacity:0.7;
	text-align:center;
	position:fixed;
	left:15px;
	bottom:40px;
	background: var(--phyton-color-main);
	border:none;1border:solid 1px rgba(0,0,0,.2);
	color:#fff;
	width:40px;
	height:40px;
	line-height:34px;
	z-index:20;
	display:none;

}

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

.phyton-scroll-up-button {
	border-radius: 50%;
	opacity:0.7;
	text-align:center;
	position:fixed;
	right:15px;
	bottom:40px;
	background: var(--phyton-color-main);
	border:none;
	color:#fff;
	/* 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: #fff;
	line-height:34px;
}




.phyton-share-link-icon { position: relative; display: inline-block; width: 40px; height:40px;    font-size: 14px;  }
.phyton-share-link-icon+.phyton-share-link-icon { margin-left:5px; }
.phyton-share-link-icon[data-target=twitter] { background-image: url(../img/icon-twitter.png); background-repeat: no-repeat; }
.phyton-share-link-icon[data-target=facebook] { background-image: url(../img/icon-facebook.png); background-repeat: no-repeat; } 
.phyton-share-link-icon[data-target=kakao] { background-image: url(../img/icon-kakao.png); background-repeat: no-repeat; }


@media ( min-width:800px ) {
	.edtech-front-panel-aux-block {
		padding-top:50px;
	}
}

.edtech-detail-header-box-headline > * {
	vertical-align:middle;;
}


/*********** bookmark *****************/
.edtech-bookmark-anchor {
	color:#888;
	text-shadow:0px 0px 1px rgba(0,0,0,0.2);
	font-size:23px;
}


.edtech-bookmark-anchor[data-bookmarkYn=Y] {
	color:gold;
}

.effect-grow-down {
  animation: grow-down 0.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@-webkit-keyframes grow-down {
    0% {
        -webkit-transform:scale(1);
    }
	50% {
		-webkit-transform:scale(2);
	}
    100% {
        -webkit-transform:scale(1);
    }
}

.curator-info-holder {
	margin-top:40px;
	text-align:center;
	margin-left:30px;
	margin-bottom:15px;
	width:100px;
	border1:solid 1px red;
}

.curator-info-holder .curator-name {
	font-size:16px;margin-top:8px;
}



@media ( max-width:800px ) { 

	.curator-info-holder {
		margin-top:15px;
		text-align:left;
		margin-left:0px;
		width:auto;

	}

	.curator-info-holder .curator-name {
		width:64px;
		text-align:center;
		white-space:nowrap;
	}

}


.edtech-entity-main-panel-top-zone {
	height:200px;
	background:#F8FAFC;
	margin-bottom:20px;
	text-align:center;
	display:table;
	width:100%;
}

@media (max-width: 800px) {
	.edtech-entity-main-panel-top-zone {
		margin-bottom:0px;
	}
}

.edtech-entity-main-panel-top-zone .inner {
	display:table-cell;
	vertical-align:middle;
}


.edtech-entity-main-panel-top-zone .main-label {
	font-size:34px;
	letter-spacing:-4px;
}

.edtech-entity-main-panel-top-zone .sub-label {
	font-size:24px;
	color:#aaa;
}

@media (min-width: 801px) {

	[data-current-panel="kords-front-organ-main"] .phyton-section-wrapper
	,[data-current-panel="kords-front-product-main"] .phyton-section-wrapper 
	,[data-current-panel="kords-front-notice-main"] .phyton-section-wrapper 
	,[data-current-panel="edtech-front-knowledge-main"] .phyton-section-wrapper 
	,[data-current-panel="kords-front-project-order-main"] .phyton-section-wrapper 
	,[data-current-panel="kords-front-user-main"] .phyton-section-wrapper 
	,[data-current-panel="kords-front-course-main"] .phyton-section-wrapper 
	,[data-current-panel="edtech-front-user-main"] .phyton-section-wrapper 
	,[data-current-panel="edtech-front-course-main"] .phyton-section-wrapper 
	{
		padding-top:0px;
	}



	.panel-kords-front-organ-main.eco-browser-panel-core > .phyton-panel-body
	,.panel-kords-front-product-main.eco-browser-panel-core > .phyton-panel-body 
	,.panel-kords-front-notice-main.eco-browser-panel-core > .phyton-panel-body 
	,.panel-edtech-front-knowledge-main.eco-browser-panel-core > .phyton-panel-body 
	,.panel-kords-front-course-main.eco-browser-panel-core > .phyton-panel-body 
	,.panel-kords-front-project-order-main.eco-browser-panel-core > .phyton-panel-body 
	,.panel-kords-front-user-main.eco-browser-panel-core > .phyton-panel-body 
	,.panel-edtech-front-user-main.eco-browser-panel-core > .phyton-panel-body 
	,.panel-edtech-front-course-main.eco-browser-panel-core > .phyton-panel-body 
	{
		padding:0px;
	}
}


.edtech-normal-width-section .xf .xd:empty {
	display:none;
}


/********** phyton-panel-tab-block ********************/
.phyton-panel-tab-block {
	margin-top:10px;
	padding-bottom:11px;
	1border-bottom:solid 1px #ddd;
	1margin-bottom:10px;
}

.phyton-panel-tab-anchor {
	font-size:15px;
	padding:4px 15px;
	padding-bottom:10px;
	border-bottom:solid 4px #fff;
}

.phyton-panel-tab-anchor.current {
	font-weight:500;
	border-bottom:solid 4px #4385c5;
}

.edtech-entity-detail-panel-condition-holder:empty {
	display:none;
}

.edtech-admin-side-block {
	text-align:left !important;
	width:300px;
	padding-left:20px;
}

@media (max-width: 800px) {

	.edtech-admin-side-block {
		text-align:left !important;
		width:100%;
		padding-left:0px;
		margin-top:40px;
	}

	[ctrl=edtech-admin-post-detail] {
		padding:10px;
	}
}



.kords-admin-side-block {
	text-align:left !important;
	width:300px;
	padding-left:20px;
}


@media (max-width: 800px) {

	.kords-admin-side-block {
		text-align:left !important;
		width:100%;
		padding-left:0px;
		margin-top:40px;
	}

	[ctrl=kords-admin-post-detail] {
		padding:10px;
	}
}


.kords-front-product-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;
}

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

.kords-front-product-row .phyton-box-row-inner .image-part img {
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center center;
}






.phyton-app-header > .phyton-app-header-inner >  .page-name-block {
	background:url(/img/top.logo.white.png) no-repeat center center;
	background-size: 100px auto;
}

/*--------- layout ----------------*/
.phyton-app-header {
	background:#000;;
	color:#ddd;
}

@media (min-width:801px) {

	.phyton-app-header {
		height:60px;
	}

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

	.phyton-app-header > .phyton-app-header-inner >  .page-name-block {
		width: 200px;
	}

	.main-menu-anchor[data-depth="0"] {
		color:#ddd;
		line-height:57px;
		font-size:12px;
	}

	.main-menu-anchor[data-depth="0"].current {
		color:#fff;#fff;dodgerblue;#00c09a;
		border-bottom:solid 2px #888;
	}
}

.11111111111111111111111phyton-normal-width-section {
	max-width:800px;
}

@media (max-width:800px) {

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

	.phyton-normal-width-section {
		padding:0px 20px;
	}
}

@media (min-width: 801px) {

	.phyton-app .main-menu-body .phyton-menu-block[data-depth="0"] {
		gap:0px;
	}
}

/*
@media (max-width:800px) {
	.common-table-data-holder {
		overflow-x:auto;
	}

	.phyton-table.common-table.panel-main-table {
		min-width:1000px;
		1overflow-x:auto;
	}
}
*/

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

	.phyton-table {
		display:block;
		border:solid 1px red;
	}

	.phyton-table > thead {
		display:none;
	}

	.phyton-table tbody {
		display:block;
	}

	.phyton-table tbody tr {
		1display:grid;
		border-bottom:solid 1px #ccc;
		1width:100%;
		padding:8px;
		display:block;
	}

	.phyton-table tbody tr td {
		display:inline;
		border:none;
	}

	table.common-table td.horz-align-center,
	table.common-table th.horz-align-center
	{
		text-align: left;
	}


	.phyton-table tbody tr td:nth-child(1) {
		1grid-row-start:1;
		background:red;
		display:none;
	}

	.phyton-table tbody tr td:nth-child(6):before {
		content:"";
		display:block;
		height:5px;
		grid-row:2 /1;
		1background:blue;
	}

	.phyton-table tbody tr td:nth-child(10):before {
		content:"";
		display:block;
		height:5px;
		grid-row:2 /1;
		1background:blue;
	}

}
*/