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



@font-face { 
	font-family: 'NotoSerifKR'; 
	src: url('/fonts/NotoSerifKR.woff'); 
}

.print-certificate *:not(.glyphicons) {
	font-family:'NotoSerifKR'
}



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


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

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



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

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

.phyton-app-header {
	background:#fff;
}


body {
	background:#eef0f2;
}

.phyton-app-header {
	color:#444;
}



.panel-phyton-code-auth-login {

	background:none;
	border:none;
}


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

[data-pib="body-full-fixed"] .phyton-section-wrapper {
	max-width:860px;
	margin:0 auto;
}


@media (min-width:801px) {


	.panel-phyton-code-auth-login .login-form {
		border:none;
	}

	[data-pib=body-full-fixed] .phyton-section-header {
		display:none;
	}
}


@media (min-width:801px) {

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

	table {
		font-size:10pt;
	}


	.phyton-app-header {
		height:90px;
	}
	.phyton-menu-block[data-depth="1"].current {
		top:90px;
		background:#eef0f2;
	}

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

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

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

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

}


@media (max-width:801px) {

	.phyton-app-body .phyton-section-header {
		background:#fff;
	}

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

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



/******************** 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 > .page-name-block {
	text-indent:-1000px;
	overflow:hidden;
}




.panel-skye-face-study-list .phyton-list {
	min-height:auto;
}



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



.polynesia-futuna-viewer  {
	background:#1C262E;
}


.maui-page-container {
	background:#1C262E;

}


.panel-polynesia-maui-editor-main .maui-page-container {
	background:#fff;
}


.polynesia-futuna-viewer .polynesia-futuna-viewer-header {
	padding:8px;
	padding-left:12px;
	padding-right:12px;
	color:#fff;
	height:40px;
}

.polynesia-futuna-viewer .media-play-rate-anchor {
	color:#fff;
}


[ctrl=polynesia-paas-course-detail2] .course-instructor-row {
	display:block;
	width:100%;
	border:solid 1px blue;
} 


[ctrl=polynesia-paas-course-detail2] .course-instructor-row > * {
	display:block;
}



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

}

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

@media print {

	@page {
		size: auto;   /* auto is the initial value */
		margin: 0;  /* this affects the margin in the printer settings */
	}


}



.maui-page-container .maui-component-type-part {
	padding:0px;
	
}

/******* lod *******************/

.tab-anchor-holder {
	border-bottom:solid 1px #ccc;
	padding-left:10px;
}

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

.tab-anchor-holder .tab-anchor.selected {
	background:#fff;
	border-top:solid 3px dodgerblue;
}






/************** event modal ****************/


.polynesia-event-modal-holder[data-componentId=seoulFunctionQuizContainer] {
	background:url(../img/background/sorrow1.jpg) no-repeat center center;
	1background:rgba(0,0,0,0.7);
	background-size:cover;
}

.maui-page-viewer[data-device=mobile] .seoul-function-quiz  {
	background:url(../img/background/sorrow1.jpg) no-repeat center center;
	1background:rgba(0,0,0,0.7);
	background-size:cover;
}

.polynesia-event-modal-holder[data-componentId=seoulFunctionQuizContainer] .maui-component-type-container-carousel > .maui-component-core > .component-inner > .component-body {
	border:none;
	background:rgba(0,0,0,0.4);
	1padding:20px;
	text-shadow:0px 0px 1px rgba(255,255,255,0.8);
	margin:15px;
	border-radius:15px;
}

.polynesia-event-modal-holder[data-componentId=seoulFunctionQuizContainer] .polynesia-event-modal-header-holder {
	background:transparent;
	border-bottom:none;
}

.polynesia-event-modal-holder[data-componentId=seoulFunctionQuizContainer]  .carousel-bottom-toolbar .component-tab2 {
	font-size:20px;
}

.polynesia-event-modal-holder[data-componentId=seoulFunctionQuizContainer]  .carousel-bottom-toolbar  .component-tab1 {
	font-size:20px;
}


/************ item ********************/
.polynesia-event-modal-holder .seoul-function-quiz .maui-component-type-item-response-select [button=option-anchor] {
	1border-radius:0px;
	1background:blue;
	1color:#fff;
	display:none;
} 

.polynesia-event-modal-holder .seoul-function-quiz [ctrl=polynesia-maui-component-item-question] .maui-component-container > .maui-component-core {
	text-align:center;
	max-width:500px;
	margin:0 auto;
	font-size:20px;
}


.polynesia-event-modal-holder .seoul-function-quiz .field-holder[data-field=explanation]
,.polynesia-event-modal-holder .seoul-function-quiz .field-holder[data-field=explanation] {
	background:rgba(0,0,0,0.8);
	color:#fff;
	border-radius:10px;
	margin:0px 20px;
}

.polynesia-event-modal-holder .seoul-function-quiz .maui-component-type-item-response-select .item-option-holder table {
	width:300px;
	margin:0 auto;
	1margin:0 auto;
	1margin-left:33%;
}

.maui-page-viewer[data-device=mobile] .polynesia-event-modal-holder .seoul-function-quiz .maui-component-type-item-response-select .item-option-holder table {
	width:200px;
	1margin-left:20px;
}


.polynesia-event-modal-holder .seoul-function-quiz .item-option-row {
	font-size:50px;
	text-shadow:0px 0px 2px rgba(255,255,255,.9);
}

.polynesia-event-modal-holder .seoul-function-quiz .item-option-data-holder .maui-component-type-text > .maui-component-core {
	padding:0px;
}

.polynesia-event-modal-holder .seoul-function-quiz .item-option-data-holder .maui-component-type-text > .maui-component-core > .component-data-field {
	text-align:center;

}

.seoul-function-quiz .maui-component-type-item[data-passYn=Y] .field-holder[data-field=question]  {
	color:#ffe800;
}





.skye-diploma-peper {
	background:#fff;
	padding:50px;
}

.skye-diploma-peper .issue-date-holder {
	font-size:20px;font-weight:600;text-align:center;
}

.skye-diploma-paper-inside {
	border:solid 10px #eee;padding:50px;
}


.skye-diploma-peper .message-holder {
	margin-top:50px;font-size:20px;text-align:center;
}

.skye-diploma-peper .user-name-holder {
	margin-top:10px;font-size:18px;
}

.skye-diploma-peper .school-name-holder {
	display:none;
}


.skye-diploma-peper .teacher-id-holder {
	display:none;
}

.skye-diploma-peper .serial-id-holder {
	text-align:right;
}

.skye-diploma-peper .issue-name-holder {
	margin-top:30px;text-align:center;font-size:26px;font-weight:600;
}


.skye-diploma-peper .title-holder {
	text-align:center;font-size:40px;font-weight:600;
}

.skye-diploma-paper-background {
	display:none;
}




.skye-diploma-peper .course-name-holder {
	display:block;
	font-size:18px;
	position:absolute;left:220px;right:auto;top:478px;margin-right:100px;text-align:left;
}

.skye-diploma-peper .school-name-holder {
	display:block;
	font-size:18px;
	position:absolute;left:220px;right:auto;top:365px;margin-right:100px;text-align:left;
}

.skye-diploma-peper .teacher-id-holder {
	display:block;
	font-size:18px;
	position:absolute;left:550px;right:auto;top:325px;margin-right:100px;text-align:left;
}

.skye-diploma-peper.diploma-template-basic-pama-diploma .school-name-holder {
	display:none;
}

.skye-diploma-peper.diploma-template-basic-pama-diploma .teacher-id-holder {
	display:none;
}

.polynesia-event-modal-holder .carousel-navigation-tool-container {
	position:relative;
}

.polynesia-event-modal-holder  .carousel-next-signer {
    animation-name: twinkle-1;
    animation-duration: 1s;
	position:absolute;
	right:0px;
	top:-20px;
	font-size:13px;
	border-radius:10px;
	color:#000;
	padding:2px 8px;
	background:#ffe800;
	z-index:100;
}

.polynesia-event-modal-holder  .carousel-close-signer {
    animation-name: twinkle-1;
    animation-duration: 1s;
	position:absolute;
	right:5px;
	top:25px;
	font-size:13px;
	border-radius:10px;
	color:#000;
	padding:2px 8px;
	background:#ffe800;
	z-index:100;
}



@keyframes twinkle-1 {
	50% {
	  transform: scale(0.5);
	  opacity: 0.5;
	}
}




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



.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(../img/icon/kakaolink_btn_medium.png) no-repeat center center;
	background-size:100% 100%;
	border:none;
	margin-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;
}




/* diploma-template-seoul-suicide-diploma */
/***********************************************************************************/
.diploma-template-seoul-suicide-diploma {
	padding:0px;
	overflow1:hidden;

}

.diploma-template-seoul-suicide-diploma .skye-diploma-paper-inside {
	border:none;
	padding:0px;
	position:absolute;left:0px;right:0px;top:0px;bottom:0px;
}

.diploma-template-seoul-suicide-diploma .issue-date-holder {
	position:absolute;left:0px;right:0px;top:570px;
}


.diploma-template-seoul-suicide-diploma .message-holder {
	position:absolute;left:0px;right:0px;top:330px;
}

.diploma-template-seoul-suicide-diploma .user-name-holder {
	position:absolute;left:0px;right:0px;top:250px;margin-right:100px;text-align:right;
}

.diploma-template-seoul-suicide-diploma .serial-id-holder {
	position:absolute;left:0px;right:0px;top:140px;margin-right:100px;text-align:right;
}

.diploma-template-seoul-suicide-diploma .title-holder {
	position:absolute;left:0px;right:0px;top:200px;
}

.diploma-template-seoul-suicide-diploma .skye-diploma-paper-background {
	width:100%;
	object-fit:contain;
	display:block;

}

.diploma-template-seoul-suicide-diploma .issue-name-holder {
	display:none;
}

.diploma-template-seoul-suicide-diploma .school-name-holder {
	display:none;
}

.diploma-template-seoul-suicide-diploma .teacher-id-holder {
	display:none;
}


/* diploma-template-happy-pama-diploma */
/***********************************************************************************/
.diploma-template-happy-pama-diploma {
	padding:0px;
	overflow1:hidden;

}

.diploma-template-happy-pama-diploma .skye-diploma-paper-inside {
	border:none;
	padding:0px;
	position:absolute;left:0px;right:0px;top:0px;bottom:0px;
}

.diploma-template-happy-pama-diploma .issue-date-holder {
	position:absolute;left:0px;right:0px;top:800px;
}


.diploma-template-happy-pama-diploma .message-holder {
	position:absolute;left:0px;right:0px;top:330px;
}

.diploma-template-happy-pama-diploma .user-name-holder {
	font-size:18px;
	position:absolute;
	left: 220px;
	right: auto;
	top: 315px;
	margin-right:100px;
	text-align:right;
}

.diploma-template-happy-pama-diploma .serial-id-holder {
	font-size:18px;
	position:absolute;left:220px;right:auto;top:405px;margin-right:100px;text-align:left;
}

.diploma-template-happy-pama-diploma .title-holder {
	position:absolute;left:0px;right:0px;top:200px;
}

.diploma-template-happy-pama-diploma .skye-diploma-paper-background {
	width:100%;
	object-fit:contain;
	display:block;

}

.diploma-template-happy-pama-diploma .issue-name-holder {
	display:none;
}

.diploma-template-happy-pama-diploma .diploma-extra-field[data-field="curriStartDd"] {
	position:absolute;
	left:220px;
	top:578px;
	font-size:18px;

}

.diploma-template-happy-pama-diploma .diploma-extra-field[data-field="curriEndDd"] {
	display:none;

}


.diploma-template-happy-pama-diploma .diploma-extra-field[data-field="termStartDd"] {
	position:absolute;
	left:220px;
	top:578px;
	font-size:18px;

}

.diploma-template-happy-pama-diploma .diploma-extra-field[data-field="termEndDd"] {
	display:none;

}

.diploma-template-happy-pama-diploma .diploma-extra-field[data-field="curriCd"] {
	position:absolute;
	left:220px;
	top:537px;
	font-size:18px;

}

.diploma-template-happy-pama-diploma .diploma-extra-field[data-field="curriAmount"] {
	position:absolute;
	left:510px;
	top:535px;
	font-size:18px;

}




@media (min-width:601px) {

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

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

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

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

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

	.panel-phyton-code-auth-login .login-form .label-login {
		margin-top:0px;
		padding:0px;
		background: url(/api/polynesia/paas/site/image.jpg?area=login) no-repeat center top;
		1border:solid 1px red;
		background-size:250px auto;
		height:500px;
		width:250px;
		border-radius:0px;
		text-indent:-1000px;
		overflow:hidden;
	}


	.phyton-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:solid 1px #ccc;
		border-radius:8px;
		background:#fff;
	}
}



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

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

td .status-label {
	font-size:.9em;
	border-radius:6px;
	padding:1px 6px;
	background:dodgerblue;
	color:#fff;
}


input::-webkit-input-placeholder {
  font-style: italic;
}
input:-ms-input-placeholder {
  font-style: italic;
}
input:-moz-input-placeholder {
  font-style: italic;
}