.codeTemplate {display:none;}

.fileUploaderComponent {margin:0 !important;}
.fileUploaderComponent .fileListCell {cursor:move;}
.fileUploaderComponent .item .content {text-align:left !important;}
.fileUploaderComponent .item .content .header {font-size:15px !important;}
.fileUploaderComponent .item .content .extra .checkbox {margin-right:20px !important;}
.fileUploaderComponent .noFilesComment {font-size:12px; color:#999999;}
.fileUploaderComponent .deleteAllButton {background-color: #d45953; border-radius:3px; color:#ffffff !important; font-size:12px; padding:3px 5px; margin-left:20px;}

/*
 * 파일업로더 템플릿 (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:block; vertical-align:top;}
.fileUploaderComponent.simple .gridRow .column:first-child {margin-left:0;}
.fileUploaderComponent.simple .gridRow .column .uploadBox {padding:2px; margin:10px 0; box-sizing:border-box; width:100%; border:solid 1px #49b95c; display:inline-block; text-align:center; font-size:16px; color:#49b95c!important;}
.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 .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:0 !important;
	min-height:1.5em !important;
	line-height:1.5em !important;
}
.editorStyleWrapper ul li {list-style:disc;}
.editorStyleWrapper ol li {list-style:decimal;}
.editorStyleWrapper figure {margin:0 !important; padding:0 !important;}
.editorStyleWrapper hr {height:3px; background: rgba(0, 0, 0, 0.1);}
.editorStyleWrapper img {margin-top:10px; margin-bottom:10px; max-width:100% !important;}
.editorStyleWrapper table {width:100%; border-collapse:collapse; empty-cells:show;}
.editorStyleWrapper table th {border:1px solid #e2e2e2; font-size:1em !important; padding:16px !important;}
.editorStyleWrapper table td {border:1px solid #e2e2e2; font-size:1em !important; padding:16px !important;}

/*
 * 레이어 팝업창 스타일
 */
#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);}

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

/*
 * 공용 메세지창
 */
.commonMessageWin {position:fixed; display:flex; justify-content: center; align-items: center; top:0; left:0; width:100%; height:100%; z-index:1000;}
.commonMessageWin .win {width:380px; display:flex; flex-direction: column; justify-content: center; align-items: center; border:solid 1px #8c8c8c; padding:30px 0; box-shadow: 4px 4px 3px rgba(0,0,0,0.1); background-color:#ffffff;}
.commonMessageWin .win .msgCell {font-size:19px; color:#1a1a1a; margin-bottom:20px;}
.commonMessageWin .win .btnOk {width:100px; height:30px; line-height:30px; font-size:17px; color:#ffffff; text-align:center; vertical-align: middle; border-radius:20px; cursor:pointer; background-color:#ffa5aa;}


/*
 * 공통 메시지 박스
 */
#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;}

/*
 * 휴대폰용 미디어쿼리
 */
@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;}


	/*
	 * 공용 메세지창
	 */
	.commonMessageWin .win {width:90%; padding:30px 0;}
	.commonMessageWin .win .msgCell {font-size:15px; margin-bottom:20px;}
	.commonMessageWin .win .btnOk {width:100px; height:30px; line-height:30px; font-size:14px;}
	
	/*
	 * 공통 메시지 박스
	 */
	#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; text-align:center;}
	.normalMessageBox .buttons > a {
		display: inline-block;
		min-width: 100px;
		max-width:120px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
}