@charset "utf-8";

@import url(../font/font.css);


/* === setting page CSS _ 230109 === */

.color35 {
	background: #e8e8e8 !important;
	color: #2c2c2c !important;
}
.tabmenu li a input.sBtn {
	vertical-align: 2px !important;
	box-shadow: 0 0 2px #333;
}

div#tab_content1 {
	height: calc(100% - 97px);
	overflow: hidden;
}
.region#control {
	width: 40%;
	float: left;
	background: #fbfbfb;
	box-shadow: 1px -1px 3px #999;
	height: 100%;
	margin-top: 0;
}
#control table {
	background: #fff;
}
.region#preview {
	width: 60%;
	float: right;
	height: 100%;
}

.setting {
	width: 100%;
	background: #fff;
	border-bottom: solid 1px #b3b5b5;
}
.setting h4 {
	box-shadow: 0 1px 1px #aaa;
}
.setting table input[type=text] {
	padding-top: 1px;
	padding-left: 10px;
	padding-bottom: 3px;
}
.setting table input[type=text]:disabled {
	background: rgba(239, 239, 239, 0.3);
	border-color: transparent;
}
.setting td label:last-child {
	margin-left: 20px;
}
.setting td label:first-child {
	margin-left: 0;
}

.setting .parag {
	line-height: 26px;
}
.setting .parag2 {
	padding-bottom: 6px;
	box-shadow: 0px 1px 0px #ddd;
	margin-bottom: 6px;
}
.setting table input[type=radio], 
.setting table input[type=checkbox] {
	vertical-align: -2px;
}

/* 색상 선택 */
.colorBox > span {
	border: 1px solid #979797;
	height: 22px;
	overflow: hidden;
	border-radius: 2px;
}
.colorBox > span img {
	filter: drop-shadow(0px 0px 1px #555555); /* 색상 변경시 <img>에 배경색이 깔리게 되므로, filter로 주는 효과는 먹히지 않는다!! 이미지 자체에 그림자 생성!! */
}
.colorBox>p, .colorBox2>p {
	z-index: 100;
	background: #f1f1f1;
}
input#serviceTitle ~ div p {
	width: 68px;
}
.colorBox + span.colorfor {
	font-size: 12px;
	color: #979797;
	margin-left: 5px;
}

.setting .sp-replacer {
	padding: 2px;
	vertical-align: bottom;
}
.setting .sp-preview {
	margin-right: 2px;
}
.sp-container button {
	border-radius: 2px !important;
}

.region .btn_type4 {
	font-size: 14px;
}

/* 화면 스크롤 */
.region#control {
	overflow: auto;
}

.page_info {
	border-bottom: 1px solid #68727c;
	/* padding-left: 10px; */
	color: #084195;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	background: transparent;
	box-shadow: inset 0px 1px 7px #297cf780;
}
.page_info span {
	color: white;
	font-size: 12px;
	font-weight: bold;
	font-family: 굴림, 굴림체;
	text-align: center;
	box-shadow: inset 0px 11px 30px #084195;
	padding: 5px 4px 3px;
	margin-right: 10px;
}

section#editor_contents {
	/* height: 700px; */
	overflow: auto;
	height: calc(100% - 23px);
	padding-top: 1px;
	box-shadow: inset 0px 1px 3px #7f9bc3;
}
#viewerInfo {
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: auto;
	padding: 6px 4px 4px;
	background: #fff;
	box-shadow: inset 0px 11px 30px #084195;
	line-height: normal;
	font-family: 굴림, 굴림체;
}