.codeTemplate {display:none;}

/*
 * 파일업로더 템플릿 (manager basic)
 */
.fileUploaderComponent.managerBasic {margin:0 !important;}
.fileUploaderComponent.managerBasic .uploadGuide {font-size:12px; height:100% !important;}
.fileUploaderComponent.managerBasic .uploadGuide .ui.segment {height:100% !important; background-color:#f1f1f1 !important;}
.fileUploaderComponent.managerBasic .dropzoneSection {height:100% !important;}
.fileUploaderComponent.managerBasic .fileListCell {cursor:move;}
.fileUploaderComponent.managerBasic .item .content {text-align:left !important;}
.fileUploaderComponent.managerBasic .item .content .header {font-size:15px !important;}
.fileUploaderComponent.managerBasic .item .content .extra .checkbox {margin-right:20px !important;}
.fileUploaderComponent.managerBasic .noFilesComment {font-size:12px; color:#999999;}

/*
 * 파일업로더 템플릿 (manager list)
 */
.fileUploaderComponent.managerList {display:flex; flex-direction:column; height:100%; margin:0 !important;}
.fileUploaderComponent.managerList .uploadGuide {font-size:12px; margin-bottom:10px;}
.fileUploaderComponent.managerList .uploadGuide .ui.segment {background-color:#f1f1f1 !important;}
.fileUploaderComponent.managerList .dropzoneSection {flex:1;}
.fileUploaderComponent.managerList .fileListCell {cursor:move;}
.fileUploaderComponent.managerList .item .content {text-align:left !important;}
.fileUploaderComponent.managerList .item .content .header {font-size:15px !important;}
.fileUploaderComponent.managerList .item .content .extra .checkbox {margin-right:20px !important;}
.fileUploaderComponent.managerList .noFilesComment {font-size:12px; color:#999999;}

/*
 * 파일업로더 템플릿 (basic skin)
 */
.fileUploaderComponent.basic {}
.fileUploaderComponent.basic .gridRow {}
.fileUploaderComponent.basic .gridRow .column {width:calc(50% - 10px); display:inline-block; vertical-align:top; margin-left:20px;}
.fileUploaderComponent.basic .gridRow .column:first-child {margin-left:0;}
.fileUploaderComponent.basic .gridRow .column .segmentBox {}
.fileUploaderComponent.basic .gridRow .column .segmentBox .title {padding:8px 12px; text-align:left; font-size:14px; background-color:#f1f1f1; color:#000000;}
.fileUploaderComponent.basic .gridRow .column .segmentBox .fileList {padding:10px; min-height:100px;}
.fileUploaderComponent.basic .gridRow .column .uploadGuide {padding:10px; font-size:14px !important; margin-bottom:10px; border:1px solid #e2e2e2; border-radius:5px;}
.fileUploaderComponent.basic .gridRow .column .uploadGuide ul {margin-left:30px;}
.fileUploaderComponent.basic .gridRow .column .uploadGuide ul li {font-size:12px; color:#000000;}
.fileUploaderComponent.basic .gridRow .column .dropzone {background-color:#f1f1f1; border:1px solid #e2e2e2; border-radius:5px; font-size:14px;}
.fileUploaderComponent.basic .fileListCell {border-bottom:1px solid #e2e2e2;}
.fileUploaderComponent.basic .fileListCell .image {width:20%; vertical-align:top; padding:5px; box-sizing:border-box; display:inline-block;}
.fileUploaderComponent.basic .fileListCell .image img {width:100%;}
.fileUploaderComponent.basic .fileListCell .content {width:80%; vertical-align:top; padding:5px; box-sizing:border-box; display:inline-block;}
.fileUploaderComponent.basic .fileListCell .content .header {font-size:14px; color:#000000;}
.fileUploaderComponent.basic .fileListCell .content .description {font-size:12px; color:#000000; margin-top:5px;}
.fileUploaderComponent.basic .fileListCell .content .extra {font-size:12px; color:#000000; margin-top:5px;}
.fileUploaderComponent.basic .fileListCell .content .extra .checkbox {font-size:12px; display:inline;}

/*
 * 파일업로더 템플릿 (simple skin)
 */
.fileUploaderComponent.simple {}
.fileUploaderComponent.simple .gridRow {}
.fileUploaderComponent.simple .gridRow .column {display:flex; flex-direction:row; vertical-align:top;}
.fileUploaderComponent.simple .gridRow .column:first-child {margin-left:0;}
.fileUploaderComponent.simple .gridRow .column .uploadBox {flex-grow:1; padding:2px; margin:10px 0; height:120px; box-sizing:border-box; width:100%; border:solid 1px #e2e2e2; display:inline-block; text-align:center; font-size:16px; color: #646473 !important;}
.fileUploaderComponent.simple .gridRow .column .addButton {cursor:pointer; box-sizing:border-box; border:1px solid #e2e2e2; color: #646473; flex-basis:100px; margin:10px 0 0 8px; height:120px; text-align:center;}
.fileUploaderComponent.simple .gridRow .column .addButton i {display:block; margin-top:25px; margin-bottom:10px; font-size:2em;}
.fileUploaderComponent.simple .gridRow .column .addButton span.buttonName {display:block; font-size:16px;}
.fileUploaderComponent.simple .gridRow .column .segmentBox {width:100%;}
.fileUploaderComponent.simple .gridRow .column .segmentBox .fileList {padding:5px; min-height:80px; border:1px solid #e2e2e2;}
.fileUploaderComponent.simple .gridRow .column .segmentBox .fileList .noFilesComment {display:block; min-height:80px; line-height:80px; text-align:center;}
.fileUploaderComponent.simple .gridRow .column .segmentBox .dropzone {font-size:14px;}
.fileUploaderComponent.simple .gridRow .column .segmentBox .dropzone .dz-message {margin:10px auto;}
.fileUploaderComponent.simple .gridRow .column .segmentBox .dropzone .dz-preview {margin:10px;}
.fileUploaderComponent.simple .gridRow .column .segmentBox .dropzone .dz-preview .dz-details {top:-20px;}
.fileUploaderComponent.simple .fileListCell {border:0; display:inline-block; margin-right:10px;}
.fileUploaderComponent.simple .fileListCell .image {width:70px; vertical-align:top; box-sizing:border-box; display:block;}
.fileUploaderComponent.simple .fileListCell .image img {width:100%; vertical-align:top;}
.fileUploaderComponent.simple .fileListCell .content {width:80%; padding:0; margin:0; vertical-align:top; box-sizing:border-box; display:block;}
.fileUploaderComponent.simple .fileListCell .content .checkbox {font-size:12px; display:inline;}

/*
 * 웹에디터 스타일 wrapper
 */
.editorStyleWrapper {
	font-size:16px;
	color:#757575;
	line-height:1.5;
	font-weight:normal;
	font-family:"NotoSansL"
}
.editorStyleWrapper .redactor-box {border:0 !important}
.editorStyleWrapper p {
	margin:0 !important;
	padding:5px !important;
}
.editorStyleWrapper img {max-width:100%;}
.editorStyleWrapper video {max-width:100% !important; height:auto !important;}
.editorStyleWrapper hr {border-top:1px solid #e2e2e2;}

/*
 * ace code editor 스타일
 */
.aceEditorWrapper {position:relative; display:block; border-radius:10px; min-height:400px; height:600px;}
.aceEditorWrapper #aceEditor {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.aceEditorWrapper #aceEditorTextarea {display:none;}

/*
 * 레이어 팝업창 스타일
 */
#popupContainerOverlay {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	width: 100%;
	height: 100vh;
	display: flex;
	background-color:rgba(0,0,0,0.5);
	z-index:1000;
}
.mainLayerPopup {position:fixed; z-index:10000;}
.mainLayerPopup .popupImage img {width:100%; overflow:hidden; vertical-align:top;}
.mainLayerPopup .popupButtons {height:30px; padding-top:2px; padding-bottom:2px; background-color:#2a2a2a;}
.mainLayerPopup .popupButtons .noTodayButton {font-size:14px; text-decoration: none; cursor:pointer; line-height:30px; color:#ffffff; float:left; margin-left:5px;}
.mainLayerPopup .popupButtons .closeButton {line-height:30px; float:right; margin-right:5px;}
.mainLayerPopup .popupButtons .closeButton a {color:#ffffff; font-size:14px;}

/*
 * 공용 페이지 로더 스타일
 */
.pageLoader {position:fixed; display: flex; justify-content: center; align-items: center; top:0; left:0; width:100%; height:100%; z-index:100000;}
.pageLoader i {font-size:30px; color: #ffffff; text-shadow: 0px 0px 5px rgba(0,0,0,0.8);}

/*
 * 공통 메시지 박스
 */
#normalMessageBoxWrap {padding-top:80px; padding-bottom:80px;}
.normalMessageBox {width:580px; border:solid 2px #e5e5e5; padding:40px 50px; box-sizing: border-box; margin:50px auto;}
.normalMessageBox .title {font-size:28px; font-family:NotoSansM; text-align:center; padding-bottom:25px; border-bottom:solid 1px #e5e5e5; margin-bottom:35px;}
.normalMessageBox .title span {font-family:NotoSansB; color:#2c3c6c;}
.normalMessageBox .title img {width:28px; vertical-align: -2px;}
.normalMessageBox .message {font-size:18px; color:#333333; line-height:28px;}
.normalMessageBox .message.centerAligned {text-align:center;}
.normalMessageBox .buttons {text-align:center; font-size:0; margin-top:25px;}
.normalMessageBox .buttons > a {
	display: inline-block;
	min-width: 100px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-family: NotoSansM;
	color: #ffffff;
	border-radius: 5px;
	vertical-align: middle;
	text-align: center;
	margin: 0 4px;
	padding:0 10px;
	box-sizing: border-box;
}
.normalMessageBox .buttons > a.secondaryButton {background-color:#999999;}
.normalMessageBox .buttons > a.primaryButton {background-color: #1f1f1f;}

/*
 * default page image blocks
 */
.contentImageBlock {margin:0; padding:0; text-align:center;}
.contentImageBlock img {width:100%; max-width:1400px; vertical-align:top; margin:0; padding:0;}

/*
 * pagination
 */
.pagination {text-align:center; font-size:0;}
.pagination a {display:inline-block; width:28px; height:28px; line-height:28px; font-size:14px; color:#a5a5a5; font-family:SCDream5; vertical-align: middle; box-sizing: border-box;}
.pagination a.on {color:#ffffff; pointer-events: none; background-color:#303030;}
.pagination a.num {margin-left:5px; margin-right:5px;}
.pagination a.firstPage, .pagination a.lastPage, .pagination a.prev, .pagination a.next {
	font-size:12px;
	border:solid 1px #e5e5e5;
	margin-left:5px;
	margin-right:5px;
}
.pagination a.firstPage, .pagination a.lastPage {
	letter-spacing: -6px;
	text-align:left;
	padding-left:5px;
}

/*
 * 휴대폰용 미디어쿼리
 */
@media (max-width:768px) {
	.fileUploaderComponent .gridRow .column {width:100%; display:block; margin:0;}
	
	.mainLayerPopup {box-sizing:border-box; width:100% !important; left:0 !important; top:100px !important; margin-left:0 !important; margin-top:0 !important; padding:20px;}
	.mainLayerPopup .popupImage {width:100% !important;}
	
	.editorStyleWrapper .fr-video iframe {width:100%;}
	
	#normalMessageBoxWrap {padding-top:50px; padding-bottom:50px;}
	.normalMessageBox {width:95%; padding:30px 20px; margin:30px auto;}
	.normalMessageBox .title {font-size:18px; padding-bottom:15px; margin-bottom:15px;}
	.normalMessageBox .title img {width:18px; vertical-align: -2px;}
	.normalMessageBox .message {font-size:15px; color:#333333; line-height:20px;}
	.normalMessageBox .buttons {margin-top:25px;}
	.normalMessageBox .buttons > a {
		display: inline-block;
		min-width: 100px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
	
	/*
	 * default page image blocks
	 */
	.contentImageBlock {margin:0; padding:0; text-align:center;}
	.contentImageBlock img {width:100%; vertical-align:top; margin:0; padding:0;}
}