/*!
 * spStrap builder
 * @license spStrap
 * https://www.spstrap.com

	에디터 옵션
	sp-edit="box"		// 에디터 요소들을 포함하는 최상위 박스
	sp-edit="text"		// 커다란 박스형 에디터 ( 편집기 )
	sp-edit="button"	// 버튼 요소 ( 텍스트 외 버튼형태의 링크 )
	sp-edit="image"		// 이미지 요소 ( 리사이즈와 함께 혼용 가능 )
	sp-edit="element"	// 디자인 요소 ( 외관만 수정이 가능한 최소단위 요소 )
	sp-edit="resize"	// 리사이즈 객체 ( 박스 형태로 리사이징이 가능하다 )

 */

body, html { padding:0; margin:0; width:100%; height:100%; }

/*!
 * 셀렉트
 */
/*::-moz-selection	{ background:#333; color:#fff; }*/
/*::selection			{ background:#333; color:#fff; }*/

#sp-builder a {
    color: inherit;
    text-decoration: none;
    outline-offset: 0;
}

[sp-contents] { font-family:none; }

/*!
 * 에디터 가이드라인
 */
#sp-builder .sp-builder--guideline { font-size:9px; }
#sp-builder .sp-builder--guideline span { position:absolute; }
#sp-builder .sp-builder--guideline span:before { color:#999; padding:5px; display:inline-block; }
#sp-builder .sp-builder--guideline-top:before { content:'T:0'; }
#sp-builder .sp-builder--guideline-right:before { content:'R:0'; }
#sp-builder .sp-builder--guideline-bottom:before { content:'B:0'; }
#sp-builder .sp-builder--guideline-left:before { content:'L:0'; }
#sp-builder .sp-builder--guideline-top { height:1px; border-top:1px dashed #cacaca; left:0; right:0; }
#sp-builder .sp-builder--guideline-right { width:1px; border-right:1px dashed #cacaca; top:0; bottom:0; }
#sp-builder .sp-builder--guideline-bottom { height:1px; border-top:1px dashed #cacaca; left:0; right:0; }
#sp-builder .sp-builder--guideline-left { width:1px; border-right:1px dashed #cacaca; top:0; bottom:0; }
#sp-builder .sp-builder--guideline [sp-size] { position:relative; font-size:9px; top:0; color:#999; border-top:1px dashed #cacaca; }
#sp-builder .sp-builder--guideline [sp-size]:before { content:'IN:S'; position:absolute; border-left:1px dashed #cacaca; top:-25px; left:0; bottom:-25px; padding:5px; }
#sp-builder .sp-builder--guideline [sp-size]:after { content:'IN:E'; position:absolute; border-right:1px dashed #cacaca; top:-25px; right:0; bottom:-25px; padding:5px; text-align:right; white-space:nowrap; }

#sp-builder[device="pc"] .sp-builder--contents { padding:45px 0 300px 0; }
#sp-builder[device="pc"] .sp-builder--contents [sp-contents] { width:92.5%; margin:0 auto; }
#sp-builder[device="pc"] .sp-builder--guideline-top { top:72px; }
#sp-builder[device="pc"] .sp-builder--guideline-right { right:calc(3.75% + 26px); }
#sp-builder[device="pc"] .sp-builder--guideline-bottom { bottom:71px; }
#sp-builder[device="pc"] .sp-builder--guideline-left { left:calc(3.75% + 26px); }

#sp-builder[device="tablet"] .sp-builder--contents { padding:45px 0 200px 0; }
#sp-builder[device="tablet"] .sp-builder--contents [sp-contents] { width:960px; margin:0 auto; }
#sp-builder[device="tablet"] .sp-builder--guideline-top { top:72px; }
#sp-builder[device="tablet"] .sp-builder--guideline-right { right:calc(50% - 454px); }
#sp-builder[device="tablet"] .sp-builder--guideline-bottom { bottom:72px; }
#sp-builder[device="tablet"] .sp-builder--guideline-left { left:calc(50% - 454px); }

#sp-builder[device="mobile"] .sp-builder--contents { padding:45px 0 100px 0; }
#sp-builder[device="mobile"] .sp-builder--contents [sp-contents] { width:560px; margin:0 auto; }
#sp-builder[device="mobile"] .sp-builder--guideline-top { top:72px; }
#sp-builder[device="mobile"] .sp-builder--guideline-right { right:calc(50% - 254px); }
#sp-builder[device="mobile"] .sp-builder--guideline-bottom { bottom:72px; }
#sp-builder[device="mobile"] .sp-builder--guideline-left { left:calc(50% - 254px); }

#sp-builder .sp-builder--contents { min-height:100%; }
#sp-builder .sp-builder--contents:before { content:''; z-index:-1; position:absolute; top:45px; left:3.75%; right:3.75%; bottom:45px; background:#fff; border-radius:5px; }
#sp-builder .sp-builder--contents [sp-contents] { min-height:calc(100vh - 201px); padding:30px; }

#sp-builder,
#sp-builder * {
	-webkit-box-sizing : border-box;
	 -khtml-box-sizing : border-box;
	   -moz-box-sizing : border-box;
		-ms-box-sizing : border-box;
		 -o-box-sizing : border-box;
			box-sizing : border-box;
}

#sp-builder {
	width: 100%;
	height: 100%;
	display: grid;
	background: #f0f0f0;
	grid-template-rows: 60px 50px auto;
	grid-template-columns: 70px auto;
	grid-template-areas:
	"logo header"
	"aside setting"
	"aside container";
	overflow: hidden;
}
#sp-builder .sp-builder--logo { 
	z-index:6;
	position:relative;
	color:#fff; font-size:13px;
	background-color:#4187e0;
	grid-area:logo; 
}
#sp-builder .sp-builder--logo > ul {
	display: grid;
	gap: 20px;
	align-items: center;
	justify-content: start;
	grid-template-rows: 60px;
	grid-template-columns: 70px auto auto 1fr;
}
#sp-builder .sp-builder--logo > ul > li {  }
#sp-builder .sp-builder--logo > ul > li:last-child { padding-right:25px; text-align:right; }
#sp-builder .sp-builder--logo > ul > li:first-child { position:relative; text-align:center; }
#sp-builder .sp-builder--logo > ul > li:first-child:after { content:''; position:absolute; width:1px; height:100%; background:rgba(255,255,255,0.09); top:0; right:0; }
#sp-builder .sp-builder--logo [sp-toggle],
#sp-builder .sp-builder--logo > ul > li > a { cursor:pointer; display:block; line-height:60px; }
#sp-builder .sp-builder--logo > ul > li img { width:28px; height:28px; border:1px solid rgba(255,255,255,0.2); }
#sp-builder .sp-builder--header { 
	z-index:6;
	position:relative;
	background-color:#4186e0;
	grid-area:header; 
}
#sp-builder .sp-builder--header > ul {
	display: grid;
	padding:0 10px;
	gap: 10px;
	align-items: center;
	justify-content: start;
	grid-template-rows: 60px;
	grid-template-columns: auto auto 1fr;
}
#sp-builder .sp-builder--header > ul > li {  }
#sp-builder .sp-builder--header > ul > li:last-child { text-align:right; }
#sp-builder .sp-builder--aside { 
	z-index:5;
	position:relative;
	font-size:14px;
	color:#999;
	grid-area:aside; 
}
#sp-builder .sp-builder--aside-toggle { display:none; }
#sp-builder .sp-builder--aside aside { 
	z-index:2; position:absolute; width:70px; top:0; left:0; bottom:0; overflow-y:auto; background:#0e0e10;
}
#sp-builder .sp-builder--aside section { 
	z-index:1; position:absolute; top:0; left:70px; right:0; bottom:0; display:none; background:#18181b;
}
#sp-builder.on { grid-template-columns: 400px auto; }
#sp-builder.on .sp-builder--aside section { display:block; }
#sp-builder.on .sp-builder--aside-toggle { 
	z-index:1; position:absolute; display:block; width:9px; height:80px; background:#18181b; padding:0; border:0; top:calc(50% - 40px); left:100%; border-top-right-radius:9px; border-bottom-right-radius:9px;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAgMAAADwAc52AAAACVBMVEX///9HcEz///9EorLRAAAAAnRSTlNgABNupp8AAAATSURBVAjXYwhyYPByYMgCk0EOABXfAuN9/b7RAAAAAElFTkSuQmCC');
	background-position:center center; background-repeat:no-repeat;
}
#sp-builder:not(.on) .sp-builder--logo > ul > li ~ li { display:none; }

#sp-builder .sp-builder--setting { 
	z-index:5; line-height:1;
	position:relative;
	background: #fff;
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
	grid-area:setting; 
}
#sp-builder .sp-builder--container { grid-area:container; position:relative; }
#sp-builder .sp-builder--container-scroll { position:absolute; top:0; left:0; right:0; bottom:0; overflow-y:scroll; }
#sp-builder .sp-builder--contents { position:relative; overflow:hidden; }

#sp-builder .sp-builder--container[auth="lock"]:before {
	content:''; z-index:5; position:absolute; top:-50px; left:0; right:0; bottom:0;
	opacity:0.15; filter:alpha(opacity=15); -ms-filter:alpha(opacity=15); 
    background-image: url(/src/img/bg_check.png); background-size: 8px 8px;
}

#sp-builder .sp-builder--aside--content {
	display:grid; width:100%; height:100%;
	grid-template-rows: auto 1fr 60px;
	padding:20px 10px 0 20px;
}
#sp-builder .wait { 
	opacity:0.1; filter:alpha(opacity=10); -ms-filter:alpha(opacity=10); 
	-webkit-transform : translateY(2px);
	   -moz-transform : translateY(2px);
		-ms-transform : translateY(2px);
		 -o-transform : translateY(2px);
			transform : translateY(2px);
}
#sp-builder .hide { visibility:hidden; }
#sp-builder .away { top:-9999px !important; }
#sp-builder .sp-builder--aside--content-header {
	padding:0 15px 0 0; position:relative;
}
[sp-sort-pagenation--pager] { position:absolute; bottom:3px; right:5px; }
[sp-sort-pagenation--pager] button { border:0; background:none; color:#fff; width:30px; height:30px; }
[sp-sort-pagenation--pager] button:hover { color:#4187e0; }
[sp-sort-pagenation--pager] button[disabled] { cursor:no-drop; color:rgba(255,255,255,0.3) !important; }
#sp-builder .sp-builder--aside--content-body {
	overflow-y:scroll;
}
#sp-builder .sp-builder--aside--content-inside { padding:10px; }

#sp-builder .sp-builder--grid { }
#sp-builder .sp-builder--grid > ul {
	display: grid;
	padding:0 10px 0 20px;
	gap: 0;
	align-items: center;
	justify-content: start;
	grid-template-rows: 50px;
	grid-template-columns: auto auto auto auto auto auto 1fr;
}
#sp-builder .sp-builder--grid > ul > li {  }
#sp-builder .sp-builder--grid > ul > li:last-child { text-align:right; }
#sp-builder img[src="/src/img/onerror.png"] {
	background-image:url('/src/img/bg_check_gray.png'); background-size:14px 14px;
}

#sp-builder .sp-logohelp-layer { 
	z-index:1; position:absolute; background:#4186e0; top:100%; border-radius:0 0 10px 10px; margin:0 0 0 -20px;
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); box-shadow:0 5px 5px -2px rgba(0,0,0,0.1);
}
#sp-builder .on > .sp-logohelp-layer { min-width:150px; visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#sp-builder .sp-logohelp-layer hr { padding:0; margin:10px 0; border:0; height:1px; border-top:1px dashed rgba(0,0,0,0.15); }
#sp-builder .sp-logohelp-layer > ul { padding:15px 0 15px 0; }
#sp-builder .sp-logohelp-layer > ul > li {}
#sp-builder .sp-logohelp-layer > ul > li > a { color:rgba(255,255,255,0.7); display:block; white-space:nowrap; font-size:12px; padding:8px 20px; }
#sp-builder .sp-logohelp-layer > ul > li > a:hover { color:rgba(255,255,255,1); background-color:rgba(0,0,0,0.1); }

#sp-builder [sp-toggle-affected].on > [sp-toggle] i[sp-toggle-reverse="vertical"],
#sp-builder [sp-toggle-affected].on > * > [sp-toggle] i[sp-toggle-reverse="vertical"] {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#sp-builder [sp-toggle-affected].on > [sp-toggle][sp-menu--bgpattern-btn],
#sp-builder [sp-toggle-affected].on > * > [sp-toggle][sp-menu--bgpattern-btn] { background-color:#eef5ff; }

#sp-builder .sp-canvas-status { font-size:12px; color:rgba(255,255,255,0.8); background-color:#4186e0; padding:10px 20px; border-radius:5px; }
#sp-builder .sp-canvas-status > ul { display:table; table-layout:fixed; width:100%; padding:10px 0; }
#sp-builder .sp-canvas-status > ul ~ ul { border-top:1px solid rgba(0,0,0,0.07); }
#sp-builder .sp-canvas-status > ul > li { display:table-cell; }
#sp-builder .sp-canvas-status > ul > li.th { width:90px; color:rgba(255,255,255,0.6); }
#sp-builder .sp-canvas-status > ul > li span { display:block; color:#fff; background-color:#4186e0; padding:10px 15px; border-radius:3px; }

#sp-builder [sp-sort-categorylist] { z-index:2; position:relative; font-size:14px; margin:10px 0 0 0; }
#sp-builder [sp-sort-categorylist-choose] { width:100%; display:block; font-size:13px; border-radius:5px; height:40px; line-height:40px; padding:0 40px 0 15px; border:0; color:#fff; background-color:#4186e0; }
#sp-builder [sp-sort-categorylist].on [sp-sort-categorylist-choose] { border-bottom-left-radius:0; border-bottom-right-radius:0; }
#sp-builder [sp-sort-categorylist-toggle] { position:absolute; top:0; right:0; width:40px; height:40px; color:#fff; background:none; border:0; }
#sp-builder [sp-sort-categorylist-reload] { 
	position:absolute; top:0; right:40px; width:20px; height:40px; color:#fff; background:none; border:0; font-size:11px;
	-webkit-animation: show-sp-blink 0.3s linear infinite;
			animation: show-sp-blink 0.3s linear infinite;
}
#sp-builder [sp-sort-categorylist].on [sp-sort-categorylist-toggle] {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#sp-builder [sp-sort-categorylist] > ul { 
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); padding:10px 0; overflow-y:scroll; 
	position:absolute; min-height:160px; max-height:600px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; top:calc(100% + 0px); left:0; right:0; color:#fff; background-color:#4186e0; 
}
#sp-builder [sp-sort-categorylist].on > ul { visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#sp-builder [sp-sort-categorylist] > ul > li {}
#sp-builder [sp-sort-categorylist] > ul > li > a { color:#bedaff; display:block; font-size:13px; padding:0 15px; line-height:36px; }
#sp-builder [sp-sort-categorylist] > ul > li > a:hover { color:#fff; background:#387cd6; }

#sp-builder [sp-sort-noresult] { 
	padding:70px 0 0 0; text-align:center; 
	-webkit-animation: show-sp-tool-line 3s linear infinite;
			animation: show-sp-tool-line 3s linear infinite;
}
#sp-builder [sp-sort-noresult] p { font-size:12px; color:rgba(255,255,255,0.3); padding:15px 0 0 0; }
#sp-builder [sp-sort-noresult] i { font-size:60px; color:rgba(255,255,255,0.2); }

#sp-builder .sp-builder--aside--content-footer {
	padding-right:15px;
}
#sp-builder [sp-sort-pagenation] {
	display: grid; width:100%; height:100%;
	grid-template-columns: 30px 1fr 30px;
	grid-template-rows: 1fr;
	gap: 0 0;
	grid-template-areas:
		"arrow-left numbers arrow-right";
}
#sp-builder [sp-sort-pagenation--left] { 
	grid-area: arrow-left; 
}
#sp-builder [sp-sort-pagenation--right] { 
	grid-area: arrow-right; 
}
#sp-builder [sp-sort-pagenation--contents] { 
	grid-area: numbers; 
	font-size:0; text-align:center;
}
#sp-builder [sp-sort-pagenation--contents] button { color:#fff; font-size:12px; height:100%; background:none; border:0; margin:0; padding:0 5px; }
#sp-builder [sp-sort-pagenation--arrows] { font-size:0;	}
#sp-builder [sp-sort-pagenation--arrows] button { width:50%; height:100%; color:#fff; font-size:12px; background:none; border:0; margin:0; padding:0; }

#sp-builder [sp-sort-pagenation--arrows] button:hover,
#sp-builder [sp-sort-pagenation--contents] button:hover,
#sp-builder [sp-sort-pagenation--contents] button.active { color:#4186e0; }

/* save */
#sp-builder [sp-save--field] { font-size:12px; }
#sp-builder [sp-save--field] > ul {
	display: grid;
	padding:0 10px;
	gap: 10px;
	align-items: center;
	justify-content: start;
	grid-template-rows: 60px;
	grid-template-columns: auto auto auto auto 1fr;
}
#sp-builder [sp-save--field] button { 
	border:0; padding:0 10px 0 0; margin:0; position:relative; 
	color:#fff; background:none;
}
#sp-builder [sp-save--field] button:after { display:none; content:attr(count); position:absolute; top:-13px; left:0; right:0; font-size:9px; font-family:tahoma; color:rgba(0,0,0,0.6); }
#sp-builder [sp-save--field] button[sp-save--undo]:after { text-align:right; padding-right:10px; }
#sp-builder [sp-save--field] button[sp-save--redo]:after { text-align:left; padding-left:10px;  }
#sp-builder [sp-save--field-msg] { color:rgba(255,255,255,0.9); }
#sp-builder [sp-save--field] button[sp-save--save] { margin:0 10px 0 0; padding:7px 14px 7px 14px; border:1px solid rgba(255,255,255,0.2); background-color:rgba(255,255,255,0.1); border-radius:5px; }
#sp-builder [sp-preview--btn] { 
	font-size:13px; color:#fff; background:#4186e0; border:0; padding:10px 25px 9px 25px; margin:0 10px 0 0; border-radius:20rem; 
}

/*!
 * Font Awesome Backup Style
 */
#sp-builder .fa-fr { margin-right:3px; }
#sp-builder .fa-fl { margin-left:3px; }
#sp-builder .fa-2x { font-size:13px; }
#sp-builder .fa-3x { font-size:14px; }
#sp-builder .fa-5x { font-size:15px; }
#sp-builder .fa-6x { font-size:16px; }
#sp-builder .fa-s1 {
	-webkit-transform : scale(.9);
	   -moz-transform : scale(.9);
		-ms-transform : scale(.9);
		 -o-transform : scale(.9);
			transform : scale(.9);
}
#sp-builder .fa-s2 {
	-webkit-transform : scale(.8);
	   -moz-transform : scale(.8);
		-ms-transform : scale(.8);
		 -o-transform : scale(.8);
			transform : scale(.8);
}
#sp-builder .fa-t1:before { position:relative; top:1px; }
#sp-builder .fa-t-1:before { position:relative; top:-1px; }
#sp-builder .fa-rotate-45 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sp-builder .fa-rotate-135 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
#sp-builder .fa-rotate-225 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}
#sp-builder .fa-rotate-315 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}


/* get */
#sp-builder [sp-get--field] { font-size:12px; }
#sp-builder [sp-get--field] > ul {
	display: grid;
	padding:0 10px;
	gap: 10px;
	align-items: center;
	justify-content: end;
	grid-template-rows: 60px;
	grid-template-columns: 1fr auto;
	grid-auto-flow: dense;
}
#sp-builder [sp-get--field-msg] { color:rgba(255,255,255,0.7); }
#sp-builder [sp-get--field] button[sp-get--btn] { 
	font-size:13px; color:#fff; border:0; padding:10px 25px 9px 25px; border-radius:20rem; border:1px solid rgba(0,0,0,0.1);
}

#sp-builder .sp-builder--aside aside button { 
	position:relative; color:#808080; background:none; padding:0; margin:0; border:0; display:block; width:100%; min-height:60px; border-left:1px solid transparent; 
	-font-family:'dotum'; font-size:11px;
}
#sp-builder[lang="ko"] .sp-builder--aside aside button { letter-spacing:-1px; }
#sp-builder .sp-builder--aside aside button[icon]:before { content:''; position:absolute; top:0; left:0; width:13px; height:13px; border-radius:0 0 2px 0; }
#sp-builder .sp-builder--aside aside button[icon="template"] { color:#3c9428; }
#sp-builder .sp-builder--aside aside button[icon="template"]:before { background-image:url(/src/img/design_sideicon_template.png) }
#sp-builder .sp-builder--aside aside button[icon="element"] { color:#2a66b3; }
#sp-builder .sp-builder--aside aside button[icon="element"]:before { background-image:url(/src/img/design_sideicon_element.png) }

#sp-builder .sp-builder--aside aside hr { padding:0; margin:3px 0; border:0; border-top:1px dashed #2f2f2f; }
#sp-builder .sp-builder--aside aside button i { font-size:18px; display:block; padding:0 0 3px 0; text-shadow:1px 1px 0 #000; }
#sp-builder .sp-builder--aside aside button:hover { color:#4187e0; }
#sp-builder .sp-builder--aside aside button span { position:absolute; top:5px; right:5px; text-align:right; font-size:9px; font-weight:bold; color:#fff; background-color:#f92e2e; padding:0 5px 1px 4px; line-height:15px; border-radius:8px; }
#sp-builder .sp-builder--aside aside button.on { color:#5da4ff; background:#18181b; box-shadow:0 0 10px 0 #000; border-left:1px solid #4187e0; }
#sp-builder .sp-builder--aside section [sp-ajaxloader] { position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; padding:25%; }
#sp-builder [sp-sort-handler]:not(img):not([sp-line]) { 
	z-index:5; position:absolute; background-color:#4187e0; padding:0; margin:0; border:0; cursor: move; background-size:9px 9px;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAIVBMVEX///9HcEz///////////////////////////////////+jWTucAAAACnRSTlNAAL+PYDAQCO/fpMfQRQAAADlJREFUCNdjEBQUUhQUZBAUtFoMokRWrXIEUhGrVrUKMojNWrVqZSKDOAMQFMIoqCBUCUwDVDvYMAAIhRKZ6vGcgwAAAABJRU5ErkJggg=='); 
	background-repeat:no-repeat; background-position:center center;
/*	-webkit-animation: show-sp-handler 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;*/
/*			animation: show-sp-handler 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;*/
}
#sp-builder [direction="vertical"] > [sp-siblings-chain] [sp-sort-handler]:not(img):not([sp-line])		{ top:-6px; left:-3px; right:-3px; bottom:initial; width:initial; height:10px; max-width:initial !important; }
#sp-builder [direction="horizontal"] > [sp-siblings-chain] [sp-sort-handler]:not(img):not([sp-line])	{ top:-3px; bottom:-3px; right:-3px; width:13px; }
#sp-builder [direction="horizontal"] > [sp-siblings-chain] [sp-sort-handler]:not(img):not([sp-line])	{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAIVBMVEX///9HcEz///////////////////////////////////+jWTucAAAACnRSTlNAAL+PYDAQCO/fpMfQRQAAADRJREFUCNdjEAQDBkHB9DIQJTqBMxBIeSzgahFkEF61gGuVIYMWiFoEo6CCUCUwDVDtYAAAC1USmVu2HiQAAAAASUVORK5CYII=');
}

#sp-builder [sp-sort-handler]:before {
	content: attr(name); font-family:'dotum'; letter-spacing:-1px !important; position:absolute; font-size:11px; text-align:center; bottom:calc(100% + 3px); 
	color:#fff; background:#333; border-radius:.3rem; padding:0 10px; line-height:23px;	right:3px; white-space:nowrap; display:none;
}
#sp-builder [sp-sortable-inline] > [sp-sort-handler]:before { content:attr(name); }
#sp-builder [sp-sort-handler]:hover::before { display:block; }

body > [sp-editing] * { display:none !important; }
body > [sp-editing],
body > [sp-editing] * { cursor:move !important; }
body > [sp-editing] { 
	opacity:.3 !important; filter:alpha(opacity=30) !important; -ms-filter:alpha(opacity=30) !important;
	cursor:move !important; outline:3px dashed rgba(0,0,0,1) !important; background-image: url(/src/img/bg_check_dark.png); background-size: 14px 14px; 
}
#sp-builder .sp-sortable-element-chosen [sp-sort-handler]:before,
body > [sp-editing] [sp-sort-handler]:before { display:none !important; }

/* 줌인 */
body[zoom="25"] > [sp-editing] {
	-webkit-transform : scale(0.25);
	   -moz-transform : scale(0.25);
		-ms-transform : scale(0.25);
		 -o-transform : scale(0.25);
			transform : scale(0.25);
}
body[zoom="50"] > [sp-editing] {
	-webkit-transform : scale(0.50);
	   -moz-transform : scale(0.50);
		-ms-transform : scale(0.50);
		 -o-transform : scale(0.50);
			transform : scale(0.50);
}
body[zoom="75"] > [sp-editing] {
	-webkit-transform : scale(0.75);
	   -moz-transform : scale(0.75);
		-ms-transform : scale(0.75);
		 -o-transform : scale(0.75);
			transform : scale(0.75);
}



#sp-builder [sp-sortable-content--data-cover] { display:none !important; }
#sp-builder .sp-builder--aside [sp-sortable] {}
#sp-builder .sp-builder--aside [sp-sortable-handler] { position:relative; }
#sp-builder .sp-builder--aside [sp-sortable-content] {}
#sp-builder .sp-builder--container [sp-sortable] {}
#sp-builder .sp-builder--container [sp-sortable][sp-sortable-inline] { display:inline-block; }
#sp-builder .sp-builder--container [sp-sortable-handler] { display:none; }
#sp-builder .sp-builder--container [sp-sortable-content] { }


/*#sp-builder [sp-sortable-body] [sp-sortable] [sp-description] { */
/*	position:absolute; bottom:0; left:0; right:0;*/
/*	background-color:rgba(0,0,0,0.3); padding:13px; border-top:1px solid rgba(0,0,0,0.1);*/
/*	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);*/
/*}*/
/*#sp-builder [sp-sortable-body] [sp-sortable]:hover [sp-description] { visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }*/
/*#sp-builder [sp-sortable-body] [sp-sortable] [sp-description] span { font-size:9px; display:block; padding:0 0 5px 0; color:rgba(255,255,255,.7); }*/
/*#sp-builder [sp-sortable-body] [sp-sortable] [sp-description] strong { font-size:11px; display:block; color:#fff; font-weight:normal; }*/

#sp-builder [sp-sortable-body] [sp-sortable] [sp-sortable-desc] { padding:10px; color:#999; cursor:initial; }
#sp-builder [sp-sortable-body] [sp-sortable]:hover [sp-sortable-desc] { color:#fff; }
#sp-builder [sp-sortable-body] [sp-sortable] [sp-sortable-desc] strong { font-size:11px; display:block; font-weight:normal; }
#sp-builder [sp-sortable-body] [sp-sortable] [sp-sortable-desc] span { font-size:9px; display:block; padding:3px 0 0 0; opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50); }


/* 사용 못하는 상태 */
#sp-builder [sp-sortable] [sp-sortable-icon] { z-index:1; position:absolute; font-size:0; }
#sp-builder [sp-sortable] [sp-sortable-icon] span { opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); }
#sp-builder [sp-sortable]:hover [sp-sortable-icon] span { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=10); }
#sp-builder [sp-sortable-body] [sp-sortable].disabled [sp-sortable-handler]:before,
#sp-builder [sp-sortable-body] [sp-sortable][auth="unable"][cost="paid"] [sp-sortable-handler]:before{
	content:''; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);
	background-image: url(/src/img/bg_check_black.png); background-color:#000; background-size: 8px 8px;
}








#sp-builder .sp-builder--zoom {
	position:fixed; bottom:15px; right:25px; line-height:30px; font-size:0;
}
#sp-builder .sp-builder--zoom > ul {
	white-space:nowrap;
}
#sp-builder .sp-builder--zoom > ul > li {
	display:inline-block;
}
#sp-builder .sp-builder--zoom > ul > li span { color:rgba(0,0,0,0.8); font-size:16px; display:inline-block; vertical-align:top; position:relative; top:-1px; }
#sp-builder .sp-builder--zoom button { color:rgba(0,0,0,0.2); font-size:11px; border:0; padding:0 10px; margin:0; background:none; vertical-align:top; }
#sp-builder .sp-builder--zoom button:hover { color:rgba(0,0,0,0.8); }
#sp-builder .sp-builder--contents {
	-webkit-transform-origin : top center;
	   -moz-transform-origin : top center;
		-ms-transform-origin : top center;
		 -o-transform-origin : top center;
			transform-origin : top center;
}
#sp-builder .sp-builder--contents[zoom="25"] {
	-webkit-transform : scale(0.25);
	   -moz-transform : scale(0.25);
		-ms-transform : scale(0.25);
		 -o-transform : scale(0.25);
			transform : scale(0.25);
}
#sp-builder .sp-builder--contents[zoom="50"] {
	-webkit-transform : scale(0.50);
	   -moz-transform : scale(0.50);
		-ms-transform : scale(0.50);
		 -o-transform : scale(0.50);
			transform : scale(0.50);
}
#sp-builder .sp-builder--contents[zoom="75"] {
	-webkit-transform : scale(0.75);
	   -moz-transform : scale(0.75);
		-ms-transform : scale(0.75);
		 -o-transform : scale(0.75);
			transform : scale(0.75);
}
#sp-builder .sp-builder--contents[zoom="125"] {
	-webkit-transform : scale(1.25);
	   -moz-transform : scale(1.25);
		-ms-transform : scale(1.25);
		 -o-transform : scale(1.25);
			transform : scale(1.25);
}
#sp-builder .sp-builder--contents[zoom="150"] {
	-webkit-transform : scale(1.50);
	   -moz-transform : scale(1.50);
		-ms-transform : scale(1.50);
		 -o-transform : scale(1.50);
			transform : scale(1.50);
}
#sp-builder .sp-builder--contents[zoom="175"] {
	-webkit-transform : scale(1.75);
	   -moz-transform : scale(1.75);
		-ms-transform : scale(1.75);
		 -o-transform : scale(1.75);
			transform : scale(1.75);
}
#sp-builder .sp-builder--contents[zoom="200"] {
	-webkit-transform : scale(2);
	   -moz-transform : scale(2);
		-ms-transform : scale(2);
		 -o-transform : scale(2);
			transform : scale(2);
}
#sp-builder [sp-setting--zoom-elem]:after { content:'%'; }

#sp-builder [sp-sortable-body] {
	overflow:auto;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 5px;
	-webkit-column-gap: 5px;
	column-gap: 10px;
	padding-right:10px;
	width:100%;

	/*
	-moz-column-fill: auto;
	column-fill: auto;
	*/
}
#sp-builder [sp-sortable-body] [sp-sortable] {
	position:relative; color:#333; display:inline-grid;
	cursor:move; margin:0 0 8px 0; overflow:hidden; max-height:450px;
}
#sp-builder [sp-sortable-body] [sp-sortable]:hover [sp-thumbnail]::before {
	content:'\f0b2'; position:absolute; display:block; bottom:5px; right:5px; font-family: "Font Awesome 5 Free"; font-weight:700;
	font-size:11px; width:25px; height:25px; line-height:25px; color:#fff; background:#4186e0; text-align:center; vertical-align:middle; border-radius:50%;
}
#sp-builder [sp-sortable-body] [sp-sortable]:before:hover { background:#ff3300; }

#sp-builder [sp-thumbnail] { position:relative; }


#sp-builder .sp-sortable-element-ghost { z-index:4; position:relative; opacity:0.5; }
#sp-builder .sp-sortable-element-chosen { z-index:4; position:relative; }
#sp-builder .sp-sortable-element-chosen:before {
	content:''; z-index:3; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.3; border-radius:inherit;
	background-image: url(/src/img/bg_check_dark.png); background-size: 14px 14px;
}
#sp-builder img.sp-sortable-element-chosen {
	padding:5px; border-radius:5px;
	background-image: url(/src/img/bg_check_dark.png); background-size: 14px 14px;
}

#sp-builder [sp-contents-container]:not([auth="lock"]) [sp-contents].sort,
#sp-builder [sp-contents-container]:not([auth="lock"]) [sp-contents].sort * { cursor:move !important; }
#sp-builder [sp-contents-container]:not([auth="lock"]) [sp-contents].sort:before {
	content:''; z-index:-1; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.2; border-radius:inherit;
	background-image: url(/src/img/bg_check_dark.png); background-size: 14px 14px;
}
#sp-builder [sp-contents-container]:not([auth="lock"]) [sp-contents].sort > [sp-edit]:not([sp-edit="trick"]),
#sp-builder [sp-contents-container]:not([auth="lock"]) [sp-contents].sort [sp-sort-nodrop="element"] > [sp-edit]:not([sp-edit="trick"]) { outline:1px dashed #4186e0; outline-offset:-3px }
/*#sp-builder [sp-contents-container]:not([auth="lock"]) [sp-contents].sort > [sp-edit] { margin:30px solid transparent; border-top:1px dashed #4186e0; border-bottom:2px dashed #4186e0; }*/
/*#sp-builder [sp-contents-container]:not([auth="lock"]) [sp-contents].sort > [sp-edit] ~ [sp-edit] { margin-top:-1px; }*/

[sp-sortable].sp-sortable-ghost { 
	display:block !important; height:20px; background:#4186e0; outline:3px dashed #4186e0 !important; overflow:hidden; 
}
[sp-sortable-inline] + [sp-sortable].sp-sortable-ghost { display:inline-block !important; width:20px; height:50px; vertical-align:middle; }

#sp-builder [sp-videoframe]:empty { 
	background-image:url(/src/img/bg_check_dark.png); background-size:14px 14px;
}
#sp-builder [sp-videoframe]:empty:after { 
	content:'▶'; position:absolute; width:50px; height:50px; top:50%; left:50%; margin:-25px 0 0 -25px; text-align:center; line-height:50px; color:#fff; background:rgba(0,0,0,0.7); border-radius:50%;
}

/* loader */
#sp-builder [sp-loader] { 
	-webkit-animation: show-sp-tool-line 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
			animation: show-sp-tool-line 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
}

/* 로더 스피너 */
#sp-builder [sp-loader--canvas] { z-index:5; position:absolute; top:-50px; right:0; bottom:0; left:0; background:rgba(0,0,0,0.3); }
#sp-builder [sp-loader--canvas]:before {
	content:''; position:absolute; top:0; left:0; right:0; bottom:0;
	opacity:0.15; filter:alpha(opacity=15); -ms-filter:alpha(opacity=15); 
    background-image: url(/src/img/bg_check.png); background-size: 8px 8px;
}
#sp-builder [sp-loader--canvas] > ul { z-index:1; position:relative; display:table; table-layout:fixed; width:100%; height:100%; }
#sp-builder [sp-loader--canvas] > ul > li { display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; color:#fff; }
#sp-builder [sp-loader--canvas] img { width:40px; }
#sp-builder [sp-loader--canvas] span { display:block; font-size:14px; padding:20px 0 0 0; }
#sp-builder [sp-loader--spiner] { z-index:998; position:fixed; width:2rem; height:2rem; top:50%; left:50%; margin:-1rem 0 0 -1rem; }
#sp-builder [sp-loader--spiner].active {
	-webkit-animation: show-fade-slideup 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
			animation: show-fade-slideup 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
#sp-builder [sp-loader--spiner]:before {
	content:''; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:50%; 
	background-image: url(/src/img/bg_check_black.png); background-size: 8px 8px; opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);
}
#sp-builder [sp-loader--spiner]:after {
	content:''; position:absolute; width:100%; height:100%; top:0; left:0;
	background-image:url(/src/img/loader_spin_white.svg); background-size:60% 60%; background-position:center center; background-repeat:no-repeat;
}

/*!
 * 빌더 프레임 컨트롤
 */
#sp-builder iframe {
	pointer-events: none;
}

/*!
 * 스크롤바의 정의
 */
#sp-builder [sp-scroll="base-thin"]::-webkit-scrollbar					{ width:9px; /* 1 */ }
#sp-builder [sp-scroll="base-thin"]::-webkit-scrollbar-button			{ height:5px; background:#fff; /* 2 */ }
#sp-builder [sp-scroll="base-thin"]::-webkit-scrollbar-track			{ background:#fff; /* 3 */ }
#sp-builder [sp-scroll="base-thin"]::-webkit-scrollbar-track-piece		{ /* 4 */ }
#sp-builder [sp-scroll="base-thin"]::-webkit-scrollbar-thumb			{ background:#ccc; border-color:#fff; border-style:solid; border-width:0 3px 0 3px; /* 5 */ }
#sp-builder [sp-scroll="base-thin"]:hover::-webkit-scrollbar-thumb		{ background:#999; }
#sp-builder [sp-scroll="base-thin"]::-webkit-scrollbar-corner			{ /* 6 */ }
#sp-builder [sp-scroll="base-thin"]::-webkit-resizer					{ /* 7 */ }

#sp-builder [sp-scroll="blue-thin"]::-webkit-scrollbar					{ width:9px; /* 1 */ }
#sp-builder [sp-scroll="blue-thin"]::-webkit-scrollbar-button			{ height:5px; background:#4187e0; /* 2 */ }
#sp-builder [sp-scroll="blue-thin"]::-webkit-scrollbar-track			{ background:#4187e0; /* 3 */ }
#sp-builder [sp-scroll="blue-thin"]::-webkit-scrollbar-track-piece		{ /* 4 */ }
#sp-builder [sp-scroll="blue-thin"]::-webkit-scrollbar-thumb			{ background:#7ab3ff; border-color:#4187e0; border-style:solid; border-width:0 3px 0 3px; /* 5 */ }
#sp-builder [sp-scroll="blue-thin"]:hover::-webkit-scrollbar-thumb		{ background:#fff; }
#sp-builder [sp-scroll="blue-thin"]::-webkit-scrollbar-corner			{ /* 6 */ }
#sp-builder [sp-scroll="blue-thin"]::-webkit-resizer					{ /* 7 */ }

#sp-builder [sp-scroll="blk-thin"]::-webkit-scrollbar					{ width:9px; /* 1 */ }
#sp-builder [sp-scroll="blk-thin"]::-webkit-scrollbar-button			{ height:5px; background:#f5f5f5; /* 2 */ }
#sp-builder [sp-scroll="blk-thin"]::-webkit-scrollbar-track				{ background:#f5f5f5; /* 3 */ }
#sp-builder [sp-scroll="blk-thin"]::-webkit-scrollbar-track-piece		{ /* 4 */ }
#sp-builder [sp-scroll="blk-thin"]::-webkit-scrollbar-thumb				{ background:#cacaca; border-color:#f5f5f5; border-style:solid; border-width:0 3px 0 3px; /* 5 */ }
#sp-builder [sp-scroll="blk-thin"]:hover::-webkit-scrollbar-thumb		{ background:#333; }
#sp-builder [sp-scroll="blk-thin"]::-webkit-scrollbar-corner			{ /* 6 */ }
#sp-builder [sp-scroll="blk-thin"]::-webkit-resizer						{ /* 7 */ }

#sp-builder [sp-scroll="wht-thin"]::-webkit-scrollbar					{ width:5px; /* 1 */ }
#sp-builder [sp-scroll="wht-thin"]::-webkit-scrollbar-button			{ height:5px; background:rgba(0,0,0,0.0); /* 2 */ }
#sp-builder [sp-scroll="wht-thin"]::-webkit-scrollbar-track				{ background:rgba(0,0,0,0.0); /* 3 */ }
#sp-builder [sp-scroll="wht-thin"]::-webkit-scrollbar-track-piece		{ /* 4 */ }
#sp-builder [sp-scroll="wht-thin"]::-webkit-scrollbar-thumb				{ background-color:rgba(255,255,255,0.0); border-radius:5px; /* 5 */ }
#sp-builder [sp-scroll="wht-thin"]:hover::-webkit-scrollbar-thumb		{ background-color:rgba(255,255,255,0.3); }
#sp-builder [sp-scroll="wht-thin"]:hover::-webkit-scrollbar-thumb:hover { background-color:rgba(255,255,255,0.6); }
#sp-builder [sp-scroll="wht-thin"]::-webkit-scrollbar-corner			{ /* 6 */ }
#sp-builder [sp-scroll="wht-thin"]::-webkit-resizer						{ /* 7 */ }

/*!
 * 트랜지션 정의
 */
#sp-builder [sp-trans],
#sp-builder [sp-trans]:before,
#sp-builder [sp-trans]:after {
	-webkit-perspective : 1000;
	   -moz-perspective : 1000;
		 -o-perspective : 1000;
			perspective : 1000;
	-webkit-backface-visibility : hidden;
	 -khtml-backface-visibility : hidden;
	   -moz-backface-visibility : hidden;
		-ms-backface-visibility : hidden;
		 -o-backface-visibility : hidden;
			backface-visibility : hidden;
	-webkit-transition : all 300ms ease;
	 -khtml-transition : all 300ms ease;
	   -moz-transition : all 300ms ease;
		-ms-transition : all 300ms ease;
		 -o-transition : all 300ms ease;
			transition : all 300ms ease;
}
#sp-builder [sp-trans="width"],
#sp-builder [sp-trans="width"]:before,
#sp-builder [sp-trans="width"]:after {
	-webkit-transition : width 300ms ease;
	 -khtml-transition : width 300ms ease;
	   -moz-transition : width 300ms ease;
		-ms-transition : width 300ms ease;
		 -o-transition : width 300ms ease;
			transition : width 300ms ease;
}
#sp-builder [sp-trans="opacity"],
#sp-builder [sp-trans="opacity"]:before,
#sp-builder [sp-trans="opacity"]:after {
	-webkit-transition : opacity 300ms ease, visibility 300ms ease;
	 -khtml-transition : opacity 300ms ease, visibility 300ms ease;
	   -moz-transition : opacity 300ms ease, visibility 300ms ease;
		-ms-transition : opacity 300ms ease, visibility 300ms ease;
		 -o-transition : opacity 300ms ease, visibility 300ms ease;
			transition : opacity 300ms ease, visibility 300ms ease;
}
#sp-builder [sp-trans="transform"],
#sp-builder [sp-trans="transform"]:before,
#sp-builder [sp-trans="transform"]:after {
	-webkit-transition : transform 300ms ease;
	 -khtml-transition : transform 300ms ease;
	   -moz-transition : transform 300ms ease;
		-ms-transition : transform 300ms ease;
		 -o-transition : transform 300ms ease;
			transition : transform 300ms ease;
}
#sp-builder [sp-trans="background"],
#sp-builder [sp-trans="background"]:before,
#sp-builder [sp-trans="background"]:after {
	-webkit-transition : background-color 300ms ease;
	 -khtml-transition : background-color 300ms ease;
	   -moz-transition : background-color 300ms ease;
		-ms-transition : background-color 300ms ease;
		 -o-transition : background-color 300ms ease;
			transition : background-color 300ms ease;
}

/*!
 * 폼의 정의
 */
#sp-builder [sp-form] { position:relative; font-size:11px !important; padding:0 20px; height:46px; vertical-align:top !important; color:#333; background-color:#ffffff; border:1px solid #f0f0f0; text-decoration:none; }
#sp-builder input[type="file"][sp-form] { padding:10px 10px 10px 10px !important; }
#sp-builder textarea[sp-form] input[type="file"]{ resize:vertical; }
#sp-builder textarea[sp-form] { padding:19.2px; }
#sp-builder select[sp-form]::-ms-expand {display:none}
#sp-builder select[sp-form] {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background-size:9.6px 9.6px;
	background-repeat:no-repeat;
	padding:0 38.4px 0 19.2px !important; background-position:right 14.4px center;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E"); 
}
#sp-builder select[sp-form]:focus { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 16.67l2.829 2.83 9.175-9.339 9.167 9.339 2.829-2.83-11.996-12.17z'/%3E%3C/svg%3E"); }
#sp-builder [sp-form]:hover { border:1px solid #e0e0e0; }
#sp-builder [sp-form]:focus { box-shadow:0 0 0 4.8px rgba(0,0,0,0.03); }
#sp-builder [sp-form][readonly] { cursor:default; color:#999; background:#f5f5f5; }
#sp-builder [sp-form][disabled] { cursor:default; cursor:not-allowed; color:#ccc; background:#f5f5f5; }

#sp-builder [sp-menu--image-url],
#sp-builder [sp-menu--boxlink-url],
#sp-builder [sp-menu--background-url] { background-color:#f5f9ff; border:1px solid #dbe9ff; }

/*!
 * 빌더 에디트 툴
 */
#sp-builder [sp-tool] { 
	position:fixed; height:0px; z-index:10; line-height:1;
	-webkit-animation: show-sp-tool 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
			animation: show-sp-tool 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
#sp-builder[lang="ko"] [sp-tool] { font-family:'돋움'; letter-spacing:-1px; }
#sp-builder [sp-tool] button { letter-spacing:-1px; }
#sp-builder [sp-tool] button i { z-index:2; position:relative; line-height:initial; }
#sp-builder [sp-tool] > ul { position:relative; white-space:nowrap; bottom:100%; padding:3px 8px 1px 8px; background-color:#fff; border-radius:5px; border:1px solid #f0f0f0; box-shadow:0 10px 15px -7px rgba(0,0,0,.2); }
#sp-builder [sp-tool] > ul.on { padding-left:5px; }
#sp-builder [sp-tool] > ul.on > li { display:none; }
#sp-builder [sp-tool] > ul.on > li[sp-menu--fold-cover],
#sp-builder [sp-tool] > ul.on > li[sp-menu--base-cover],
#sp-builder [sp-tool] > ul.on > li[sp-menu--grab-cover] { display:inline-block; }
#sp-builder [sp-tool][direction="left"] > ul,
#sp-builder [sp-tool][direction="right"] > ul {
	-webkit-transform : none;
	   -moz-transform : none;
		-ms-transform : none;
		 -o-transform : none;
			transform : none;
}
#sp-builder [sp-tool][direction="left"] > ul { left:calc(50% - 31px); }
#sp-builder [sp-tool][direction="right"] > ul { left:calc(-50% + 31px); }
#sp-builder [sp-tool]:before {
	content:''; z-index:3; position:absolute; top:47px; left:50%; margin:-2px 0 0 -10px; width:0; height:0; border-style:solid;
	border-width:10px 10px 0 10px; border-color:#ffffff transparent transparent transparent;
}
#sp-builder [sp-tool] > ul::before {
	content:attr(name); z-index:-1; position:absolute; top:-21px; left:0; font-size:11px; color:#fff; height:22px; line-height:22px; background-color:#18181b; padding:0 10px 0 9px; letter-spacing:0;
	border-top-left-radius:3px; border-top-right-radius:3px; letter-spacing:inherit;
}
#sp-builder [sp-tool].move:before { display:none; }
#sp-builder [sp-tool] > ul:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
#sp-builder [sp-tool] > ul > li { font-size:13px; position:relative; display:inline-block; vertical-align:top; }
#sp-builder [sp-tool] > ul > li[sp-tool--split] { width:11px; height:40px; }
#sp-builder [sp-tool] > ul > li[sp-tool--split]:before {
	content:''; position:absolute; display:inline-block; top:10px; width:1px; height:46%; left:5px; border-left:1px dashed #ccc;
}
#sp-builder [sp-tool] > ul > li > button { font-size:12px; line-height:40px; padding:0 6px; min-width:40px; border:0; background:none; }
#sp-builder [sp-tool] > ul > li:hover > button { color:#4187e0; }
#sp-builder [sp-form]:hover::after,
#sp-builder [sp-tool] > ul > li:not([sp-tool--split]):not(.on):hover::after,
#sp-builder [sp-tool] button[name]:hover::after { 
	content:attr(name); z-index:5; position:absolute; font-size:11px; white-space:nowrap; color:#fff; background-color:#4187e0; border-radius:3px; padding:0 7px; height:20px; line-height:22px; 
	top:-30px; left:50%; text-shadow:none;
	-webkit-transform : translateX(calc(-50% + 0.5px));
	   -moz-transform : translateX(calc(-50% + 0.5px));
		-ms-transform : translateX(calc(-50% + 0.5px));
		 -o-transform : translateX(calc(-50% + 0.5px));
			transform : translateX(calc(-50% + 0.5px));
}

/*#sp-builder [sp-tool] > ul > li > button.on { color:#ff0000; }*/
#sp-builder [sp-tool] > ul > li > button.on:before {
	content:''; z-index:3; position:absolute; top:-6px; left:50%; width:5px; height:11px; margin:0 0 0 -2px; background-image:url(/src/img/tool_used_icon.png);
}
#sp-builder [sp-tool] > ul > li.on:before { 
	content:''; z-index:3; position:absolute; bottom:-2px; left:10px; right:9px; height:3px; background:#4187e0; 
	-webkit-animation: show-sp-tool-line 0.7s linear infinite;
			animation: show-sp-tool-line 0.7s linear infinite;
}
#sp-builder [sp-tool] > ul > li > ul { 
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
	z-index:4; position:absolute; left:50%; height:1px; max-width:initial;
}
#sp-builder [sp-tool] > ul > li > ul:after {
	content:''; z-index:5; position:absolute; top:-60px; margin:-2px 0 0 -10px; width:0; height:0; border-style:solid;
	border-width:10px 10px 0 10px; border-color:#fff transparent transparent transparent;
}
#sp-builder [sp-tool] > ul > li.on > ul { 
	visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); margin-top:0;
}
#sp-builder [sp-tool] > ul > li > ul > li { 
	z-index:5; position:relative; left:-50%; max-width:initial;
	padding:10px 10px 9px 10px; background-color:#fff; border-radius:5px; border:1px solid #f0f0f0; box-shadow:0 7px 12px -5px rgba(0,0,0,.1);
	-webkit-transform : translateY(calc(-100% - 60px));
	   -moz-transform : translateY(calc(-100% - 60px));
		-ms-transform : translateY(calc(-100% - 60px));
		 -o-transform : translateY(calc(-100% - 60px));
			transform : translateY(calc(-100% - 60px));
}
#sp-builder [sp-tool] > ul > li > ul.on > li { z-index:6; /* 컬러피커 트릭 */ }
#sp-builder [sp-tool][direction="left"] ul ul > li { left:-31px; }
#sp-builder [sp-tool][direction="right"] ul ul > li { left:auto; right:calc(100% - 31px); }
#sp-builder [sp-tool] > ul > li > ul > li:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
#sp-builder [sp-tool--item] { position:relative; }
#sp-builder [sp-tool--item][name]:hover::after { 
	content:attr(name); position:absolute; font-size:11px; white-space:nowrap; color:#fff; background-color:#4187e0; border-radius:3px; padding:0 7px; height:20px; line-height:22px; 
	top:-35px; left:50%;
	-webkit-transform : translateX(calc(-50% + 1px));
	   -moz-transform : translateX(calc(-50% + 1px));
		-ms-transform : translateX(calc(-50% + 1px));
		 -o-transform : translateX(calc(-50% + 1px));
			transform : translateX(calc(-50% + 1px));
}
#sp-builder [sp-tool] [direction="horizontal"] { white-space:nowrap; }
#sp-builder [sp-tool] [direction="horizontal"] > [sp-tool--item] { display:inline-block; vertical-align:top; }
#sp-builder [sp-tool--item] > button { position:relative; width:100%; font-size:12px; min-width:42px; padding:10px 10px; border:0; background:none; border:1px solid #fff; white-space:nowrap; }
#sp-builder [sp-tool--item]:hover > button { color:#4187e0; }
#sp-builder [sp-tool--item] > button.on { 
	color:#4187e0;
	-webkit-animation: show-sp-tool-line 0.7s linear infinite;
			animation: show-sp-tool-line 0.7s linear infinite;
}

#sp-builder [sp-tool] [direction="vertical"] {  }
#sp-builder [sp-tool] [direction="vertical"] > [sp-tool--item] * { max-width:initial; }
#sp-builder [sp-tool] [direction="vertical"] > [sp-tool--item] { display:block; vertical-align:top; }
#sp-builder [sp-tool] [direction="vertical"] > [sp-tool--item] > button { font-size:11px; text-align:left; }
#sp-builder [sp-tool] [direction="vertical"] > [sp-tool--item] > button img { height:21px; position:relative; top:0; }
#sp-builder [sp-tool] [direction="vertical"] > [sp-tool--item] ~ [sp-tool--item] { border-top:1px solid #f0f0f0; }

/* base */
#sp-builder [sp-tool] > ul > li[sp-menu--base-cover] > ul > li { background-color:#4187e0; border:1px solid transparent; }
#sp-builder [sp-tool] > ul > li[sp-menu--base-cover] > ul:after { border-color:#4187e0 transparent transparent transparent; }
#sp-builder li[sp-menu--base-cover] [sp-tool--item] > button { color:#b9d8ff; border:0; min-width:auto; padding:0.3em; width:2.3em; }
#sp-builder li[sp-menu--base-cover] [sp-tool--item] > button:hover { color:#fff; }
#sp-builder [sp-tool] [sp-menu--base-cover] input[type="text"] { width:80px; height:21px; padding:0; border:0; line-height:21px; color:#fff; background:none; }

/* 아래쪽일경우 */
#sp-builder [sp-tool][vertical="top"] > ul > li > ul > li { 
	top:100%; bottom:auto; margin:23px 0 0 0; box-shadow:0 -10px 15px -7px rgba(0,0,0,.2); 
	-webkit-transform : none;
	   -moz-transform : none;
		-ms-transform : none;
		 -o-transform : none;
			transform : none;
}
#sp-builder [sp-tool][vertical="top"] > ul > li > ul:after {
	top:100%; left:1px; margin:15px 0 0 -11px; width:0; height:0; border-style:solid;
	border-width:0 10px 10px 10px; border-color:transparent transparent #fff transparent;
}
#sp-builder [sp-tool][vertical="top"] > ul > li[sp-menu--base-cover] > ul:after { border-color:transparent transparent #4187e0 transparent; }

/* 폴더기능 */
#sp-builder [sp-menu--fold-btn] { background:none; border:0; width:40px; height:40px; vertical-align:top; }
#sp-builder [sp-menu--fold-btn] [scope="open"],
#sp-builder ul.on > li > [sp-menu--fold-btn] [scope="close"] { display:block; }
#sp-builder [sp-menu--fold-btn] [scope="close"],
#sp-builder ul.on > li > [sp-menu--fold-btn] [scope="open"] { display:none; }

#sp-builder [sp-menu--fold-btn],
#sp-builder [sp-menu--base-btn] { color:#4187e0; }



#sp-builder [sp-menu--fontcolor-btn],
#sp-builder [sp-menu--boxcolor-btn] {  }
#sp-builder [sp-menu--fontcolor-btn] i,
#sp-builder [sp-menu--boxcolor-btn] i { z-index:3; position:relative; color:#333; }
#sp-builder [sp-menu--fontcolor-btn]:before,
#sp-builder [sp-menu--boxcolor-btn]:before { content:'●'; z-index:2; position:absolute; top:4px; right:4px; line-height:1; font-size:9px; color:inherit; }
#sp-builder [sp-menu--fontcolor-btn][style*='color']:before,
#sp-builder [sp-menu--boxcolor-btn][style*='color']:before { text-shadow:-1px 0 rgba(0,0,0,0.15), 0 1px rgba(0,0,0,0.15), 1px 0 rgba(0,0,0,0.15), 0 -1px rgba(0,0,0,0.15); }

#sp-builder [sp-menu--fontbgcolor-btn] ,
#sp-builder [sp-menu--boxbgcolor-btn],
#sp-builder [sp-menu--tablebgcolor-btn],
#sp-builder [sp-menu--svgcolor-btn] { border-radius:10px; text-shadow:-1px 0 rgba(255,255,255,0.5), 0 1px rgba(255,255,255,0.5), 1px 0 rgba(255,255,255,0.5), 0 -1px rgba(255,255,255,0.5); }
#sp-builder [sp-menu--fontbgcolor-btn] i,
#sp-builder [sp-menu--boxbgcolor-btn] i,
#sp-builder [sp-menu--tablebgcolor-btn],
#sp-builder [sp-menu--svgcolor-btn] i { z-index:3; position:relative; }
#sp-builder [sp-menu--fontbgcolor-btn]:before,
#sp-builder [sp-menu--boxbgcolor-btn]:before,
#sp-builder [sp-menu--tablebgcolor-btn]:before,
#sp-builder [sp-menu--svgcolor-btn]:before { 
	content:''; z-index:2; position:absolute; border-radius:inherit; background-color:inherit; 
	top:-1px; left:-1px; right:-1px; bottom:-1px; border:5px solid #fff; box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.15);
}

#sp-builder [sp-menu--fontsize],
#sp-builder [sp-menu--fontsize-btn] { font-family:'verdana'; letter-spacing:0.1em; }
#sp-builder [sp-menu--fontsize-sample] { margin-left:10px; }
#sp-builder [sp-menu--fontsize-cover] > ul > li { max-height:170px; overflow-y:auto; }

#sp-builder [sp-menu--tablefontsize],
#sp-builder [sp-menu--tablefontsize-btn] { font-family:'verdana'; letter-spacing:0.1em; }
#sp-builder [sp-menu--tablefontsize-sample] { margin-left:10px; }
#sp-builder [sp-menu--tablefontsize-cover] > ul > li { max-height:170px; overflow-y:auto; }

#sp-builder [sp-tool--form] {  }
#sp-builder [sp-tool--form-box] { display:table; table-layout:fixed; }
#sp-builder [sp-tool--form-box] [sp-tool--form-item] { display:table-cell; vertical-align:middle; white-space:nowrap; }
#sp-builder [sp-tool--form-box] [sp-tool--form-item] ~ [sp-tool--form-item] { padding-left:5px; }

#sp-builder [sp-edit="trick"] { position:relative; z-index:9; margin-top:-30px; height:30px !important; min-height:30px !important; background:none; border:0 !important; }
#sp-builder [sp-edit="trick"]:before { display:none !important; }
#sp-builder [sp-edit="trick"]:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:20px; background-color:rgba(0,0,0,0); visibility:visible; }

/*#sp-builder [sp-resize] { z-index:2; position:relative; }*/
/*#sp-builder [sp-resize]:hover { z-index:3; }*/
#sp-builder [sp-resize] { position:relative; }
#sp-builder [sp-resize] .ui-resizable-handle { visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); }
#sp-builder [sp-resize] .ui-resizable-handle:after { content:''; font-size:11px; z-index:1; padding:5px 8px; position:absolute; top:calc(100% + 15px); right:0; white-space:nowrap; }
#sp-builder [sp-resize] .ui-resizable-handle[size]:after { content:attr(size); background:#333; color:#fff; }
#sp-builder [sp-resize] .ui-resizable-handle:before { content:''; z-index:1; position:absolute; bottom:0; right:0; width:10px; height:50px; }

#sp-builder [sp-resize].ui-resizable-resizing { outline:3px dashed #ff3300; outline-offset:7px; }
#sp-builder [sp-resize].ui-resizable-resizing .ui-resizable-handle,
#sp-builder [sp-resize] [sp-editing] + .ui-resizable-handle { visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#sp-builder [sp-resize] .ui-resizable-handle { 
	position:absolute; 
	width:0; height:0; border-style:solid; border-width:0 0 15px 15px;
	border-color:transparent transparent #ff3300 transparent;
	-webkit-animation: show-sp-tool-line 1s linear infinite;
			animation: show-sp-tool-line 1s linear infinite;
}
#sp-builder [sp-resize] .ui-resizable-n { top:-5px; left:50%; margin-left:-5px; cursor:n-resize; }
#sp-builder [sp-resize] .ui-resizable-w { top:50%; left:-5px; margin-top:-5px; cursor:w-resize; }
#sp-builder [sp-resize] .ui-resizable-e { top:50%; right:-5px; margin-top:-5px; cursor:e-resize; }
#sp-builder [sp-resize] .ui-resizable-s { bottom:-5px; left:50%; margin-left:-5px;  cursor:s-resize; }
#sp-builder [sp-resize] .ui-resizable-se { bottom:-10px; right:-10px; cursor:se-resize; }

#sp-builder [sp-menu--image-preview] { margin-left:5px; }
#sp-builder [sp-menu--image-preview]:empty { display:table; width:36px; height:36px; border:2px dashed #f0f0f0; background:#f9f9f9; border-radius:5px; }
#sp-builder [sp-menu--image-preview]:empty::before { content:'image'; font-size:11px; color:#aaa; white-space: pre; display:table-cell; vertical-align:middle; text-align:center; }
#sp-builder [sp-menu--image-preview] img { width:70px; height:70px; max-width:initial !important; border-radius:5px; }

#sp-builder [sp-menu--background-preview] { margin:0 5px 0 10px; }
#sp-builder [sp-menu--background-preview]:empty { display:table; width:100px; height:100px; border:2px dashed #f0f0f0; background:#f9f9f9; border-radius:10px; }
#sp-builder [sp-menu--background-preview]:empty::before { content:'image'; font-size:11px; color:#aaa; white-space: pre; display:table-cell; vertical-align:middle; text-align:center; }
#sp-builder [sp-menu--background-preview] img { width:100px; height:100px; max-width:initial !important; border-radius:10px; }

#sp-builder [sp-label] { font-size:0; }
#sp-builder [sp-label] span { font-size:11px; }
#sp-builder [sp-label] [sp-label-tab] { display:inline-block; }
#sp-builder [sp-label] [sp-label-tab] input { display:none; }
#sp-builder [sp-label] [sp-label-tab] span { cursor:pointer; border:0; background:none; position:relative; }
#sp-builder [sp-label] [sp-label-tab] input:checked ~ span {
	font-weight:bold; color:#4187e0;
	-webkit-animation: show-sp-tool-line 0.7s linear infinite;
			animation: show-sp-tool-line 0.7s linear infinite;
}
#sp-builder [sp-label][layout="square"] [sp-label-tab] span { display:inline-block; font-size:12px; width:40px; height:40px; line-height:40px; text-align:center; }
#sp-builder [sp-label][layout="button"] { padding:10px 0 0 8px; }
#sp-builder [sp-label][layout="button"] span { font-size:11px; padding:0 8px; display:inline-block; line-height:30px; }
#sp-builder [sp-label][layout="button"] [sp-menu--background--repeat-fix] + span,
#sp-builder [sp-label][layout="button"] [sp-menu--background--size-cover] + span { padding-left:20px; }
#sp-builder [sp-label][layout="button"] [sp-menu--background--repeat-fix] + span:before,
#sp-builder [sp-label][layout="button"] [sp-menu--background--size-cover] + span:before { content:''; position:absolute; width:1px; height:10px; top:50%; left:6px; background:#ccc; margin-top:-6px; }
#sp-builder [sp-label][layout="textbox"] { padding:5px; }
#sp-builder [sp-label][layout="textbox"] [sp-label-tab] span { display:inline-block; font-size:11px; height:40px; line-height:40px; padding:0 15px; background-color:#fff; border:1px solid #eaeaea; }
#sp-builder [sp-label][layout="textbox"] [sp-label-tab] ~ [sp-label-tab] { margin-left:-1px; }
#sp-builder [sp-label][layout="textbox"] [sp-label-tab] input:checked ~ span { z-index:3; border:1px solid #4187e0; }
#sp-builder [sp-label][layout="stylesheet"] { padding-right:10px; }
#sp-builder [sp-label][layout="stylesheet"] [sp-label-tab] { display:block; }
#sp-builder [sp-label][layout="stylesheet"] [sp-label-tab] span { display:block; width:80px; height:25px; line-height:26px; position:relative; padding:0 0 0 5px; }
#sp-builder [sp-label][layout="stylesheet"] [sp-label-tab] span:before { content:''; position:absolute; top:50%; left:56%; right:2px; margin-top:-2px; }
#sp-builder [sp-label][layout="stylesheet"] [sp-label-tab] input[value="solid"] + span:before { border-top:3px solid #333; }
#sp-builder [sp-label][layout="stylesheet"] [sp-label-tab] input[value="dotted"] + span:before { border-top:3px dotted #333; }
#sp-builder [sp-label][layout="stylesheet"] [sp-label-tab] input[value="dashed"] + span:before { border-top:3px dashed #333; }
#sp-builder [sp-label][layout="stylesheet"] [sp-label-tab] input[value="double"] + span:before { border-top:3px double #333; }
#sp-builder [sp-label][layout="stylesheet"] [sp-label-tab] input:checked + span:before { border-color:#4187e0; }

#sp-builder [sp-label][layout="textbox"] + [sp-form-range] { margin:0 5px 0 6px; }

#sp-builder [sp-tool] input[type="text"],
#sp-builder [sp-tool] input[type="file"] { width:300px; }

#sp-builder [sp-caret-trick] { width:1px; display:inline-block; overflow:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); position:relative; }
#sp-builder [sp-caret-helper] { 
	z-index:4; position:absolute; background-color:rgba(65,135,224,0.3); 
	-webkit-animation: show-sp-tool-line 0.5s linear infinite;
			animation: show-sp-tool-line 0.5s linear infinite;
}

#sp-builder [sp-tool--tab][theme="normal"] {}
#sp-builder [sp-tool--tab][theme="normal"] [sp-tool--tab-nav] { position:relative; border-bottom:1px solid #333; margin:0 0 5px 0; }
#sp-builder [sp-tool--tab][theme="normal"] [sp-tool--tab-nav]:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
#sp-builder [sp-tool--tab][theme="normal"] [sp-tool--tab-nav] button { top:1px; position:relative; float:left; font-size:11px; padding:0 10px; line-height:26px; border:1px solid transparent; background:transparent; }
#sp-builder [sp-tool--tab][theme="normal"] [sp-tool--tab-nav] button.on { z-index:3; border:1px solid #333; border-bottom:1px solid #fff; background:#fff; }
#sp-builder [sp-tool--tab] [sp-tool--tab-content] { display:none; }
#sp-builder [sp-tool--tab] [sp-tool--tab-content].on { display:block; }

#sp-builder [sp-error] { 
	z-index:99; position:fixed; top:10%; left:50%;
	-webkit-transform : translateX(calc(-50% + 0.5px));
	   -moz-transform : translateX(calc(-50% + 0.5px));
		-ms-transform : translateX(calc(-50% + 0.5px));
		 -o-transform : translateX(calc(-50% + 0.5px));
			transform : translateX(calc(-50% + 0.5px));
}
#sp-builder [sp-error] span {
	display:block; text-align:center; background:#ff6f69; color:#ffeead; font-size:12px; padding:10px 20px; border-radius:100em;
	-webkit-animation: show-sp-blink 1s linear infinite;
			animation: show-sp-blink 1s linear infinite;
}
#sp-builder [sp-error][status="true"] span {
	color:#ffffff; background:#4187e0;
}

#sp-builder [sp-tool--tab][theme="ltor"] {  }
#sp-builder [sp-tool--tab][theme="ltor"]:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:-1; visibility:hidden; }
#sp-builder [sp-tool--tab][theme="ltor"] [sp-tool--tab-nav] { position:absolute; width:40%; height:100%; top:0; left:0; overflow-y:auto; background-color:#f9f9f9; }
#sp-builder [sp-tool--tab][theme="ltor"] [sp-tool--tab-nav] button { width:100%; border:0; font-size:12px; text-align:left; padding:10px; background:none; }
#sp-builder [sp-tool--tab][theme="ltor"] [sp-tool--tab-nav] button ~ button { border-top:1px solid #f0f0f0; }
#sp-builder [sp-tool--tab][theme="ltor"] [sp-tool--tab-nav] button.on { background-color:#fff; box-shadow:-5px 0px 10px 0px rgba(0,0,0,0.1); }
#sp-builder [sp-tool--tab][theme="ltor"] [sp-tool--tab-content] { position:absolute; width:60%; height:100%; overflow-x:hidden; overflow-y:auto; top:0; right:0; padding:15px 0 15px 15px; }

#sp-builder [sp-form-range] { width:210px; font-size:11px; padding:5px 10px 4px 10px; min-height:23px; position:relative; }
#sp-builder [sp-form-range]:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
#sp-builder [sp-form-range][disabled]:before { content:''; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.7); }
#sp-builder [sp-form-range-slider] { 
	float:left; vertical-align:top; -webkit-appearance:none; width:41%; height:10px; position:relative;
	top:1px; background:#cacaca; outline:none; opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70); border-radius:3px; margin:0 3px;
}
#sp-builder .sp-builder--setting [sp-form-range] { padding:5px 10px; }
#sp-builder .sp-builder--setting [sp-form-range-slider] { top:1px; }
#sp-builder .sp-builder--setting ul,
#sp-builder .sp-builder--setting li { max-width:initial; }

#sp-builder [sp-form-range-slider][value*="1"],
#sp-builder [sp-form-range-slider][value*="2"],
#sp-builder [sp-form-range-slider][value*="3"],
#sp-builder [sp-form-range-slider][value*="4"],
#sp-builder [sp-form-range-slider][value*="5"],
#sp-builder [sp-form-range-slider][value*="6"],
#sp-builder [sp-form-range-slider][value*="7"],
#sp-builder [sp-form-range-slider][value*="8"],
#sp-builder [sp-form-range-slider][value*="9"] { background:#9ac2f7; }
#sp-builder [sp-form-range-slider]:hover { opacity:1; }
#sp-builder [sp-form-range-slider]::-moz-range-thumb {
	-webkit-appearance:none; appearance:none; width:18px; height:18px; background:#4187e0; cursor:pointer;
	border-radius:50%; border:3px solid #fff; box-shadow:0 0 8px 0 rgba(0,0,0,0.2);
}
#sp-builder [sp-form-range-slider]::-webkit-slider-thumb {
	-webkit-appearance:none; appearance:none; width:18px; height:18px; background:#4187e0; cursor:pointer;
	border-radius:50%; border:3px solid #fff; box-shadow:0 0 8px 0 rgba(0,0,0,0.2);
}
#sp-builder [sp-form-range-name] { float:left; width:35%; padding:0 0 0 0; }
#sp-builder [sp-form-range-value] { float:right; width:20%; text-align:right; letter-spacing:0; font-weight:bold; }
#sp-builder [sp-form-range-value]:after { content:attr(unit);  }

#sp-builder [sp-form-range="unlock"] { width:auto; }
#sp-builder [sp-form-range="unlock"] [sp-form-range-slider] { width:40%; }
#sp-builder [sp-form-range="unlock"] [sp-form-range-name] { width:28%; }
#sp-builder [sp-form-range="unlock"] [sp-form-range-value] { width:28%; }

#sp-builder [sp-form-range]:hover {
	background-color:#eef6ff;
	outline:1px solid #dbe8f9;
}
#sp-builder [sp-form-range] [sp-form-range-control] { z-index:3; position:absolute; top:-1px; left:100%; white-space:nowrap; }
#sp-builder [sp-form-range] [sp-form-range-control] button { position:relative; height:25px; font-size:12px; border:0; padding:0 8px; color:#9ac2f7; background-color:#333; }
#sp-builder [sp-form-range] [sp-form-range-control] button[sp-form-range-prev] {  }
#sp-builder [sp-form-range] [sp-form-range-control] button[sp-form-range-next] { border-radius:0 3px 3px 0; }
#sp-builder [sp-form-range] [sp-form-range-control] button:hover { color:#fff; background-color:#4186e0; }

#sp-builder [sp-menu--boxshadow-btn],
#sp-builder [sp-menu--textshadow-btn] { text-shadow:4px 2px 0 #b7b7b7; }

#sp-builder [sp-form-range--msg] { text-align:center; line-height:32px; background:#f5f5f5; border-radius:3px; font-size:11px; margin:0 5px; }

#sp-builder [sp-tool--sidebtn] { position:relative; margin-top:5px; padding-left:10px; margin-left:10px; border-left:1px solid #f0f0f0; }
#sp-builder [sp-tool--sidebtn] > button { position:relative; width:37px; height:37px; background:none; border:0; margin-top:2px; padding:0 1px 0 0; line-height:37px; }
/*#sp-builder [sp-tool--sidebtn] > button:after { content:''; position:absolute; width:75%; height:75%; top:9%; left:10%; border:1px dashed #ccc; border-radius:50%; }*/
#sp-builder [sp-tool--sidebtn] ~ [sp-tool--sidebtn] > button { margin-top:0; }
/*
#sp-builder [sp-tool--sidebtn] > [name]:hover:before {
	content:attr(name); z-index:5; position:absolute; font-size:11px; white-space:nowrap; color:#fff; background-color:#4187e0;
	border-radius:3px; padding:0 7px; height:20px; line-height:22px; top:calc(50% - 10px); right:120%;
}
*/
#sp-builder [sp-tool--sidebtn] .pickr .pcr-button { 
	width:37px; height:37px; 
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#sp-builder [sp-tool--sidebtn] .pickr .pcr-button:after, 
#sp-builder [sp-tool--sidebtn] .pickr .pcr-button:before { 
	width:70%; height:70%; top:15%; left:15%; border-radius:50%; background-size:.45em; 
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#sp-builder .pcr-app {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
	border-radius:0 !important;
	opacity: 0 !important;
    visibility: hidden !important;
	position:relative !important;
	margin-left:25px;
}
#sp-builder .pcr-app.absolute { 
	position:absolute !important; min-width:190px;
	top:0; left:-190px; margin-left:0;
}
#sp-builder [sp-toggle-affected].on .pcr-app.visible,
#sp-builder [sp-toggle-affected].on .pcr-app.visible-fix {
	opacity: 1 !important;
    visibility: visible !important;
}

#sp-builder [sp-pickr-theme] { position:absolute; top:0; right:100%; height:100%; white-space:normal; overflow-y:auto; }
#sp-builder .sp-builder--setting [sp-pickr-theme] { position:initial; top:initial; right:initial; height:initial; }
#sp-builder [sp-pickr-theme-btn] { display:inline-block; position:relative; border:1px solid #eaeaea; padding:10px 10px 10px 40px; vertical-align:top; }
#sp-builder [sp-pickr-theme-btn]:before { content:attr(sort); position:absolute; top:calc(50% - 8px); width:40px; text-align:center; left:0; color:#999; font-size:9px; letter-spacing:0; border-radius:3px; }
#sp-builder [sp-pickr-theme-btn]:first-child:before { 
	content:"\f53f"; font-size:11px; letter-spacing:-1px; font-family: "Font Awesome 5 Free"; font-weight:900;
}
#sp-builder [sp-pickr-theme-btn].on { background:#fff; }
#sp-builder [sp-pickr-theme-btn].on:after {
	content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px dashed #4187e0;
    -webkit-animation: show-sp-tool-line 0.3s linear infinite;
    animation: show-sp-tool-line 0.3s linear infinite;
}
#sp-builder [sp-pickr-theme-case] { display:block; font-size:0; width:85px; border-radius:5px; height:27px; border:0; background:none; overflow:hidden; text-align:left; }
#sp-builder [sp-pickr-theme-elem] { display:inline-block; width:17px; height:27px; vertical-align:top; overflow:hidden; }

#sp-builder [sp-pickr-theme-case][scope="tiny"] { display:inline-block; width:62px; height:15px; margin:0 10px 0 5px; border:1px solid #f0f0f0; }
#sp-builder [sp-pickr-theme-case][scope="tiny"] [sp-pickr-theme-elem] { width:12px; height:15px; }

#sp-builder [sp-pickr-theme-etoggle] { 
	position:absolute; top:0; bottom:0; right:100%; width:24px; font-size:11px; background:#4187e0; color:#fff; line-height:1.2; 
	white-space:normal; border-top-left-radius:5px; border-bottom-left-radius:5px; 
}
#sp-builder [sp-pickr-theme] + [sp-pickr-theme-etoggle] { right:calc(100% + 146px); font-size:0; }
#sp-builder [sp-pickr-theme] + [sp-pickr-theme-etoggle]:before { content:'×'; font-size:16px; }

[spStrap] sp-link-trick:not([sp-editing]):not([style*=background]):not([mo-filter]),
#sp-builder [sp-contents] a:not([sp-editing]):not([style*=background]),
#sp-builder [sp-contents] sp-link-trick:not([sp-editing]):not([style*=background]):not([mo-filter]) { background-image:url(/src/img/bg_check_darkthin.png); background-size:8px 8px; }
#sp-builder sp-link-trick::before,
#sp-builder [sp-contents] a::before,
#sp-builder [sp-contents] sp-link-trick::before { 
/*	z-index:5; content:"\f0c1"; font-family: "Font Awesome 5 Free"; font-weight:900; font-size:12px; color:rgba(0,0,0,0.5); */
/*	position:absolute; width:20px; height:20px; line-height:20px; top:-14px; left:-14px; text-align:center; cursor:pointer;*/
	z-index:1; content:''; position:absolute; width:0; height:0; top:0; left:0; border-style:solid; border-width:7px 7px 0 0; border-color:#ff3300 transparent transparent transparent;
}

#sp-builder [sp-menu--fontsize-label] { font-size:inherit !important; }
#sp-builder [sp-menu--grab-cover] {
	position:absolute !important; top:-1px; bottom:-1px; right:calc(0% - 22px);
}
#sp-builder [sp-menu--grab-btn] {
	color:#fff !important; height:100%; min-width:24px !important; background-color:#333 !important; cursor:move;
	padding:0 !important; line-height:auto !important; border-top-right-radius:5px; border-bottom-right-radius:5px;
}
/*#sp-builder [sp-menu--base-grab] { */
/*	color:#fff !important; min-width:13px !important; background-color:#4187e0; border-radius:3px; margin-left:7px; cursor:move; */
/*	height:30px !important; line-height:30px !important; padding:0 !important;*/
/*}*/
/*#sp-builder [sp-menu--base-grab] i { top:1px; left:-4px; position:relative; }*/

/*!
 * 빌더 수정 대상의 가이드라인
 */
/*[spStrap] [sp-edit] { position:relative; }*/
#sp-builder [sp-editing] { z-index:9; outline:3px dashed #4187e0; outline-offset:0; }
#sp-builder [sp-editing][sp-edit="image"] { outline:3px dashed #0cd22b; outline-offset:0; }
#sp-builder [sp-editing][sp-edit="background"] { outline:3px dashed #0cd22b; outline-offset:0; }
#sp-builder [sp-editing][sp-edit="table"] { outline:3px dashed #000; outline-offset:0; }
#sp-builder [sp-editing][sp-edit*="button"] { outline:3px dashed #ff3300; outline-offset:0; }
#sp-builder [sp-siblings] {  }
#sp-builder [sp-siblings-child] {  }
#sp-builder [sp-siblings-childeffect] { 
	position:absolute; z-index:3; top:0; left:0; right:0; bottom:0;
	-webkit-animation: show-sp-fadein 0.666s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
			animation: show-sp-fadein 0.666s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
#sp-builder [sp-siblings-childeffect]:before { 
	content:''; z-index:3; position:absolute; 
    -webkit-animation: show-sp-tool-line 0.5s linear infinite;
    animation: show-sp-tool-line 0.5s linear infinite;
}
#sp-builder [sp-siblings-childeffect]:after { 
	content:''; position:absolute;
	z-index:1; top:0; left:0; right:0; bottom:0;
	background-image:url(/src/img/bg_check.png); background-size:8px 8px;
	opacity:0.07; filter:alpha(opacity=7); -ms-filter:alpha(opacity=7);
}

/*#sp-builder [sp-siblings-childeffect]:after {*/
/*	left:-1000px; right:-1000px; max-width:initial !important;*/
/*}*/
/*#sp-builder  .sp-sortable-element-chosen [sp-sort-handler] { min-height:100px; }*/

/*#sp-builder [direction="vertical"] [sp-siblings-chain][area="before"]:hover [sp-siblings-childeffect] { bottom:initial; }*/
/*#sp-builder [direction="vertical"] [sp-siblings-chain][area="after"]:hover [sp-siblings-childeffect] { top:initial; }*/
/*#sp-builder [direction="horizontal"] [sp-siblings-chain][area="before"]:hover [sp-siblings-childeffect] { right:initial; }*/
/*#sp-builder [direction="horizontal"] [sp-siblings-chain][area="after"]:hover [sp-siblings-childeffect] { left:initial; }*/

#sp-builder [sp-siblings-parent][direction="vertical"] [sp-siblings-childeffect] { left:0; right:0; }
#sp-builder [sp-siblings-parent][direction="vertical"] [sp-siblings-childeffect]:before { left:-30px; right:-30px; height:1px; border-top:3px dotted #4187e0; }
#sp-builder [sp-siblings-parent][direction="vertical"] [area="before"] [sp-siblings-childeffect] { top:0; }
#sp-builder [sp-siblings-parent][direction="vertical"] [area="after"] [sp-siblings-childeffect] { bottom:0; }
#sp-builder [sp-siblings-parent][direction="vertical"] [area="before"] [sp-siblings-childeffect]:before { top:-3px; }
#sp-builder [sp-siblings-parent][direction="vertical"] [area="after"] [sp-siblings-childeffect]:before { bottom:-4px; }
#sp-builder [sp-siblings-parent][direction="horizontal"] [sp-siblings-childeffect] { top:0; bottom:0; }
#sp-builder [sp-siblings-parent][direction="horizontal"] [sp-siblings-childeffect]:before { top:-30px; bottom:-30px; width:1px; border-left:3px dotted #4187e0; }
#sp-builder [sp-siblings-parent][direction="horizontal"] [area="before"] [sp-siblings-childeffect] { left:0; }
#sp-builder [sp-siblings-parent][direction="horizontal"] [area="after"] [sp-siblings-childeffect] { right:0; }
#sp-builder [sp-siblings-parent][direction="horizontal"] [area="before"] [sp-siblings-childeffect]:before { left:-3px; }
#sp-builder [sp-siblings-parent][direction="horizontal"] [area="after"] [sp-siblings-childeffect]:before { right:-3px; }

#sp-builder [sp-siblings-parent]:not([sp-contents]) { 
	position:relative; outline:3px dashed rgba(0,0,0,0.1) !important;  
}
#sp-builder [sp-siblings-parenteffect] { position:absolute; top:0; right:0; display:block; z-index:4; }
#sp-builder [sp-contents] > [sp-siblings-parenteffect] { display:none; }
#sp-builder [sp-siblings-parenteffect]::after {
	content:attr(name); z-index:1; position:absolute; top:-33px; right:0; color:#fff; background-color:#4187e0; border-radius:3px; font-size:11px; font-weight:normal;
	font-family:'돋움'; letter-spacing:-1px; padding:0 24px 0 7px; height:22px; line-height:24px; white-space:nowrap; cursor:pointer;
}
#sp-builder [sp-edit*="button"] > [sp-siblings-parenteffect]::after { background-color:#ff3300; }


#sp-builder [sp-edit*="button"] [sp-sort-handler]:not(img):not([sp-line]) { background-color:#ff3300; }

#sp-builder [sp-siblings-parent][sp-resize] { z-index:3; }


#sp-builder [sp-siblings-parenteffect]::before {
	/* fill='%23ffffff' */ content:''; z-index:2; position:absolute; width:12px; height:12px; bottom:calc(100% + 11px); right:0; cursor:pointer;
	background-size:63% 63%; border-radius:3px; background-repeat:no-repeat; background-position:2px 2px; border:5px solid transparent;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M23.677 18.52c.914 1.523-.183 3.472-1.967 3.472h-19.414c-1.784 0-2.881-1.949-1.967-3.472l9.709-16.18c.891-1.483 3.041-1.48 3.93 0l9.709 16.18z'/%3E%3C/svg%3E");
    -webkit-animation: show-sp-tool-line 0.5s linear infinite;
    animation: show-sp-tool-line 0.5s linear infinite;
}

#sp-builder [sp-disabled] {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
#sp-builder [sp-contents] [sp-edit]:not([sp-edit="figure"]):not([sp-edit="background"]):not([sp-line]):not(i):not(img):empty { min-height:16px; }
#sp-builder [sp-edit="icon_svg"] { min-height:initial !important; }
#sp-builder [sp-contents] [sp-edit]:not(a):not(i):not(img):empty:not([sp-edit="figure"]):not([sp-edit="background"])::before { 
	content:''; position:absolute; top:0; left:0; right:0; bottom:0;
	background-image: url(/src/img/bg_check.png); background-size: 8px 8px; opacity: 0.07;
	outline:3px dashed #000; outline-offset:5px;
}
#sp-builder [sp-contents] [sp-edit="text"]:not(i):not(img):empty::before {
	content:''; position:absolute; top:0; left:0; right:0; bottom:0;
	background-image: url(/src/img/bg_check.png); background-size: 8px 8px; opacity: 0.07;
	outline:3px dashed #000; outline-offset:5px;
}
#sp-builder [sp-contents] [sp-edit="text"] a { position:relative; }

#sp-builder [sp-toggle-box="textbtn"] { font-size:11px; padding:0 15px 0 5px; border-right:1px solid rgba(255,255,255,0.2); }
#sp-builder [sp-toggle-box="textbtn"] span { color:rgba(255,255,255,0.5); padding:0 3px 0 0; }
#sp-builder [sp-toggle-box="textbtn"] span:after { content:''; padding:0 5px 0 0; }
#sp-builder [sp-toggle-box="textbtn"] button { font-size:9px; color:#fff; letter-spacing:1px; border:0; padding:4px 5px 4px 4px; margin:0 2px; background:none; border-radius:3px; }
#sp-builder [sp-toggle-box="textbtn"] button.on { background-color:#e05ad6; }

#sp-builder [sp-panel-canvaslist] { z-index:2; position:relative; font-size:14px; }
#sp-builder [sp-panel-canvaslist-input] { width:100%; border-radius:5px; height:40px; padding:0 40px 0 15px; border:0; background-color:#fff; }
#sp-builder [sp-panel-canvaslist].on [sp-panel-canvaslist-input] { border-bottom-left-radius:0; border-bottom-right-radius:0; }
#sp-builder [sp-panel-canvaslist-toggle] { position:absolute; top:0; right:0; width:40px; height:40px; background:none; border:0; }
#sp-builder [sp-panel-canvaslist].on [sp-panel-canvaslist-toggle] {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#sp-builder [sp-panel-canvaslist] > ul { 
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); padding:10px 0; overflow-y:scroll; 
	position:absolute; min-height:160px; max-height: 600px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; top:calc(100% + 0px); left:0; right:0; background-color:#fff; 
}
#sp-builder [sp-panel-canvaslist].on > ul { visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#sp-builder [sp-panel-canvaslist] > ul > li { position:relative; }
#sp-builder [sp-panel-canvaslist] > ul > li > a { color:#333; display:block; padding:0 15px; line-height:36px; }
#sp-builder [sp-panel-canvaslist] > ul > li > a:hover { background:rgba(0,0,0,0.03); }
#sp-builder [sp-panel-canvaslist] > ul > li:not([scope="current"]) > a:hover::before {
	content:'→'; float:right; font-size:11px; color:#ccc;
}
#sp-builder [sp-panel-canvaslist-btn] { 
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); border-radius:50%;
	z-index:1; position:absolute; top:0; right:0; width:40px; height:40px; background:#fff;; border:0; 
}
#sp-builder [sp-panel-canvaslist-input]:focus + [sp-panel-canvaslist-btn] { visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }

	#sp-builder [sp-canvas-description] { color:#666; padding:0 0 10px 0; font-size:12px; }
	#sp-builder [sp-canvas-description] a { float:right; color:#4186e0; border-bottom:1px solid #4186e0; }

	#sp-builder [sp-panel-canvaslist] > ul > li[auth="lock"] { background-image: url(/src/img/bg_check_light.png); background-size:4px 4px; background-position:0 0; }
	#sp-builder [sp-panel-canvaslist] > ul > li[auth="lock"] a { color:#999; }
	#sp-builder [sp-panel-canvaslist] > ul > li[scope="current"] a { color:#4186e0; background:#e6f0ff; cursor:default; }
	#sp-builder [sp-panel-canvaslist] > ul > li[scope="current"] a span { float:right; }
	#sp-builder [sp-panel-canvaslist] > ul > li > a i { font-size:11px; position:relative; top:-1px; color:#333; }

	#sp-builder [sp-canvas-remove] { color:#888; padding:10px 0 0 0; font-size:12px; }
	#sp-builder [sp-canvas-remove] a { float:right; color:#4186e0; border-bottom:1px solid #4186e0; }

	#sp-builder [sp-canvas-copy] { color:#888; padding:10px 0 0 0; font-size:12px; }
	#sp-builder [sp-canvas-copy] a { float:right; color:#4186e0; border-bottom:1px solid #4186e0; }

	#sp-builder [sp-canvas-add] {  }
	#sp-builder [sp-canvas-add] a { margin-top:10px; }

#sp-builder [sp-canvas-abody] {
	padding-right: 10px;
}
#sp-builder [sp-canvas-addbtn] { color:#4186e0; border:2px dashed #4186e0; background:none; width:100%; font-size:22px; border-radius:5px; height:60px; }
#sp-builder [sp-canvas-addbtn]:hover { background-color:rgba(0,0,0,0.1); }
#sp-builder [sp-canvas-addbtn]::before { content:attr(msg); font-size:16px; display:block; }
#sp-builder [sp-canvas-addbtn]:hover::before { content:'＋'; font-size:22px; }
#sp-builder .on > [sp-canvas-addbtn]::before { content:attr(make); font-size:16px; }
#sp-builder .sp-builder--aside h3 { font-size:12px; color:#63a1f1; font-weight:normal; padding:25px 0 10px 0; }

#sp-builder [sp-add] { 
	position:fixed; z-index:4; margin:10px 0 0 -11px; display:none;
	-webkit-animation: show-sp-tool 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
			animation: show-sp-tool 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
#sp-builder [sp-add].visible { display:block; }
#sp-builder [sp-add--toggle] { 
	z-index:3; position:relative; border:0; background-color:transparent; position:relative; 
	width:21px; height:50px;
	background-image:url(/src/img/add_toggle_on.png);
	-webkit-animation: show-sp-blink 0.3s linear infinite;
	animation: show-sp-blink 0.3s linear infinite;

}
#sp-builder [sp-add].on [sp-add--toggle] { background-image:url(/src/img/add_toggle_off.png); }

#sp-builder [sp-add--box] { 
	position:absolute; display:none; top:39px; left:50%; width:450px; height:250px; background-color:#ffffff; max-width:unset !important;
	margin-left:-225px; border-radius:5px; box-shadow:0 -10px 50px 0 rgba(0,0,0,.2); max-width:initial; overflow:hidden;
	-webkit-animation: show-sp-tool 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
			animation: show-sp-tool 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
#sp-builder [sp-add][direction="left"] [sp-add--box] { left:-20px; margin-left:0; }
#sp-builder [sp-add][direction="right"] [sp-add--box] { left:initial; margin-left:initial; right:-20px; }
#sp-builder [sp-add].on [sp-add--box]{ display:block; }
#sp-builder [sp-add] [sp-add--element] { display:none; }
#sp-builder [sp-add--items] { margin-right:15px; }
#sp-builder [sp-add--item] { border:1px solid transparent; border-radius:3px; position:relative; }
#sp-builder [sp-add--item]:hover { 
	background:#f9f9f9;
	-webkit-animation: show-sp-tool-line 1s linear infinite;
			animation: show-sp-tool-line 1s linear infinite;
}
#sp-builder [sp-add--item] button { width:100%; border:0; font-size:18px; background-color:transparent; }

#sp-builder [sp-add--items="1"] [sp-add--item] { margin:0 0 5px 0; }
#sp-builder [sp-add--items][grpup="1"] [sp-add--item] { }
#sp-builder [sp-add--items][grpup="1"] [sp-add--item] button { padding:10px 0; }
#sp-builder [sp-add--items][grpup="1"] [sp-add--item] ~ [sp-add--item] { margin-top:-1px; border-top:1px dashed #f0f0f0; }
#sp-builder [sp-add--items][grpup="3"] [sp-add--item],
#sp-builder [sp-add--items][grpup="2"] [sp-add--item] { float:left; width:20%; text-align:center; }
#sp-builder [sp-add--items][grpup="2"] [sp-add--item] button { line-height:30px; }
#sp-builder [sp-add--items][grpup="3"] [sp-add--item] button { font-size:0; line-height:42px; }

#sp-builder [sp-add--items][grpup="3"] [sp-add--item] button a { max-width:20px; }

#sp-builder [sp-add--items-trick] { }
#sp-builder [sp-add--item] ~ [sp-add--items-trick] { display:none; }

#sp-builder [sp-add--description] {
	color:#666; font-size:13px; padding:10px 15px;
}

#sp-builder [sp-add--box] [sp-ajaxloader] { position:absolute; width:60%; top:0; right:0; bottom:0; padding:10% 15%; }
#sp-builder [sp-add--box] > ul { color:#f0f0f0; }
#sp-builder [sp-add--box] > ul > li:first-child {
	position: absolute;
	width: 40%;
	height: 100%;
	top: 0;
	left: 0;
	overflow-y: auto;
	background-color: #0e0e10;
	padding:10px 0;
}
#sp-builder [sp-add--box] > ul > li:last-child {
	position: absolute;
	width: 60%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0;
	right: 0;
	padding: 15px 0 15px 15px;
}
#sp-builder [sp-add--box] > ul > li > p { padding:10px 20px 10px 0; }
#sp-builder [sp-add--box] > ul > li > p span { font-size:11px; display:inline-block; background:#4187e0; color:#fff; border-radius:0 3px 3px 0; padding:0 10px 0 20px; line-height:17px; }
#sp-builder [sp-add--group] button { display:block; width:100%; height:32px; text-align:left; padding:0 20px; font-size:13px; border:0; color:rgba(255,255,255,0.4); background-color:transparent; }
#sp-builder [sp-add--group] button:hover { color:#4187e0; }
#sp-builder [sp-add--group] button.on { color:#4187e0; background-color:#18181b; box-shadow: 0 0 10px 0 #000; border-left: 5px solid #4187e0; }

#sp-builder [sp-panel-search] { position:relative; font-size:14px; }
#sp-builder [sp-panel-search--input] { width:100%; font-size:13px; border-radius:5px; height:40px; padding:0 40px 0 15px; border:0; }
#sp-builder [sp-panel-search--btn] { position:absolute; top:0; right:0; width:40px; height:40px; background:none; border:0; }

#sp-builder [sp-contents-empty] { 
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
	z-index:3; position:absolute; top:50%; left:50%; text-align:center; font-size:16px; line-height:1.4; margin:-100px 0 0 -150px;
}
#sp-builder [sp-contents-empty] > ul { display:table; width:300px; height:200px; }
#sp-builder [sp-contents-empty] > ul > li { display:table-cell; vertical-align:middle; text-align:center; }
#sp-builder [sp-contents-empty] i { opacity:0.3; font-size:40px; margin:0 0 30px 0; }
#sp-builder [sp-contents-empty] p { opacity:0.3; }
#sp-builder [sp-contents]:empty + [sp-contents-empty] { visibility:visible !important; opacity:1 !important; filter:alpha(opacity=100) !important; -ms-filter:alpha(opacity=100) !important; }

#sp-builder [sp-sortable-body] [sp-sortable] [sp-sortable-handler] > img { border-radius:4px; }
#sp-builder [sp-sortable-body] [sp-sortable] [sp-favorite] { z-index:1; position:absolute; top:5px; right:5px; }
#sp-builder [sp-sortable-body] [sp-sortable] [sp-favorite] button { 
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
	font-size:9px; width:25px; height:25px; border:0; padding:0; color:inherit; color:#fff; background:rgba(0,0,0,0.3); border-radius:50%; 
}
#sp-builder [sp-sortable-body] [sp-sortable]:hover [sp-favorite] button,
#sp-builder [sp-sortable-body] [sp-sortable] [sp-favorite="on"] [sp-favorite-like] { visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#sp-builder [sp-sortable-body] [sp-sortable] [sp-favorite] button:hover { color:#4187e0; background-color:rgba(255,255,255,0.9); }
#sp-builder [sp-sortable-body] [sp-sortable] [sp-favorite-like="on"] { 
	visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);
	color:#fff !important; background-color:rgba(65,135,224,0.7) !important; 
}
#sp-builder [sp-sortable-body] [sp-sortable] [sp-favorite-like="on"]:hover { background-color:rgba(65,135,224,1) !important; }

#sp-builder a[sp-removeall] { color:#fff; border-left:1px solid rgba(255,255,255,0.2); display:inline-block; padding-left:14px; margin-left:5px; }
#sp-builder a[sp-removeall] i { position:relative; top:1px; }

#sp-builder [sp-gradient--bg] {
	background:#444;
	background:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 500% 500%;
	-webkit-animation : gradient_background 5s ease infinite;
	   -moz-animation : gradient_background 5s ease infinite;
		-ms-animation : gradient_background 5s ease infinite;
		 -o-animation : gradient_background 5s ease infinite;
			animation : gradient_background 5s ease infinite;
}
@-webkit-keyframes gradient_background	{ 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@-moz-keyframes gradient_background		{ 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@-ms-keyframes gradient_background		{ 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@-o-keyframes gradient_background		{ 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes gradient_background			{ 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/*!
 * animation show-sp-tool
 */
@-webkit-keyframes show-sp-tool {
	0% {
		opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
		-webkit-transform: translateY(5px);
				transform: translateY(5px);
	}
	100% {
		opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
}
@keyframes show-sp-tool {
	0% {
		opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
		-webkit-transform: translateY(5px);
				transform: translateY(5px);
	}
	100% {
   		opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
}

@-webkit-keyframes show-sp-handler {
	0% {
		opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
		-webkit-transform: translateX(3px);
				transform: translateX(3px);
	}
	100% {
		opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);
		-webkit-transform: translateX(0);
				transform: translateX(0);
	}
}
@keyframes show-sp-handler {
	0% {
		opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
		-webkit-transform: translateX(3px);
				transform: translateX(3px);
	}
	100% {
   		opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);
		-webkit-transform: translateX(0);
				transform: translateX(0);
	}
}

@-webkit-keyframes show-sp-blink {
	0% { opacity:0.8; }
	50% { opacity:1; }
	100% { opacity:0.8; }
}
@keyframes show-sp-blink {
	0% { opacity:0.8; }
	50% { opacity:1; }
	100% { opacity:0.8; }
}

@-webkit-keyframes show-sp-tool-line {
	50% { opacity:0.3; }
	100% { opacity:1; }
}
@keyframes show-sp-tool-line {
	50% { opacity:0.3; }
	100% { opacity:1; }
}

@-webkit-keyframes show-sp-fadein {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes show-sp-fadein {
	0% { opacity:0; }
	100% { opacity:1; }
}

/*!
 * 회전 간단 사용
 */
#sp-builder [sp-flip] {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

/*!
 * 가로크기
 */
#sp-builder [sp-width="10"] { width:10%; }
#sp-builder [sp-width="20"] { width:20%; }
#sp-builder [sp-width="30"] { width:30%; }
#sp-builder [sp-width="40"] { width:40%; }
#sp-builder [sp-width="50"] { width:50%; }
#sp-builder [sp-width="60"] { width:60%; }
#sp-builder [sp-width="70"] { width:70%; }
#sp-builder [sp-width="80"] { width:80%; }
#sp-builder [sp-width="90"] { width:90%; }

/* 버튼 패키지 */

#sp-builder .sp-btn {
	z-index:1;
	overflow: hidden;
	display: inline-block;
	margin: 0;
	border-radius: 0px;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	letter-spacing:-0.015rem;
	max-width:100%;
	font-weight:normal;

}
#sp-builder .sp-btn:hover {	z-index:2; }
#sp-builder .sp-btn img { vertical-align:middle; }

/* 화이트 */
#sp-builder .sp-btn[theme^="wht"],
#sp-builder .sp-btn[theme^="wht"]:link,
#sp-builder .sp-btn[theme^="wht"]:visited {
	color: #333;
	border: 1px solid #f0f0f0;
	border-bottom-color: #eaeaea;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
	text-shadow: 0 0 2px rgba(255, 255, 255, 1);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 );/*IE*/
}
#sp-builder .sp-btn[theme^="wht"]:focus,
#sp-builder .sp-btn[theme^="wht"]:hover {
	color: #000;
	background: #fafafa;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
}
#sp-builder .sp-btn[theme^="wht"]:active {
	color: #666;
	text-shadow: 0 1px 0px #fff;
	border-color: #f0f0f0;
	border-top-color: #ddd;
	background: #f7f7f7;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.02);
}

/* 블루 */
#sp-builder .sp-btn[theme^="blue"],
#sp-builder .sp-btn[theme^="blue"]:link,
#sp-builder .sp-btn[theme^="blue"]:visited {
	color: #fff;
	border: 1px solid #4186e0;
	border-bottom-color: #4186e0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.1);
	background: #fff;
	background: linear-gradient(to bottom, #4186e0 40%, #4186e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4186e0', endColorstr='#4186e0', GradientType=0 );/*IE*/
}
#sp-builder .sp-btn[theme^="blue"]:focus,
#sp-builder .sp-btn[theme^="blue"]:hover {
	color: #fff;
	background: #4186e0;
	background: linear-gradient(to bottom, #4186e0 0%, #4186e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4186e0', endColorstr='#4186e0', GradientType=0 );/*IE*/
}
#sp-builder .sp-btn[theme^="blue"]:active {
	color: #fff;
	text-shadow: 0 1px 0px #4186e0;
	border-color: #4186e0;
	border-top-color: #4186e0;
	background: #4186e0;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.02);
}

/* 두꺼운라인 흰색라인 */
#sp-builder .sp-btn[theme^="border-w"] {
	border:2px solid rgba(255,255,255,0.7); background:none;
	color:rgba(255,255,255,0.7); text-shadow: 0 0 5px rgba(0,0,0,0.20); box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
#sp-builder .sp-btn[theme^="border-w"]:hover,
#sp-builder .sp-btn[theme^="border-w"]:active {
	color:rgba(255,255,255,1); 
	border:2px solid rgba(255,255,255,1); background:none;
}

/* 사이즈 */
#sp-builder .sp-btn[theme*="xs"]  { font-size:11px; height:23px; line-height:21px; padding:0 7px; }
#sp-builder .sp-btn[theme*="sm"]  { font-size:12px; height:26px; line-height:24px; padding:0 10px; }
#sp-builder .sp-btn[theme*="md"]  { font-size:13px; height:32px; line-height:30px; padding:0 13px; }
#sp-builder .sp-btn[theme*="lg"]  { font-size:14px; height:40px; line-height:38px; padding:0 13px; }
#sp-builder .sp-btn[theme*="xl"]  {  }

#sp-builder .sp-btn[theme*="xs"][theme*="radius"] { border-radius:2px; }
#sp-builder .sp-btn[theme*="sm"][theme*="radius"] { border-radius:2px; }
#sp-builder .sp-btn[theme*="md"][theme*="radius"] { border-radius:2px; }
#sp-builder .sp-btn[theme*="lg"][theme*="radius"] { border-radius:4px; }
#sp-builder .sp-btn[theme*="xl"][theme*="radius"] {  }

#sp-builder .sp-btn[theme^="border"][theme*="xs"]  { line-height:19px; padding:0 8px 0 7px; }
#sp-builder .sp-btn[theme^="border"][theme*="sm"]  { line-height:13px; padding:0 11px 0 10px; }
#sp-builder .sp-btn[theme^="border"][theme*="md"]  { line-height:28px; padding:0 14px 0 13px; }
#sp-builder .sp-btn[theme^="border"][theme*="lg"]  { line-height:36px; padding:0 17px 0 16px; }
#sp-builder .sp-btn[theme^="border"][theme*="xl"]  {  }

#sp-builder .sp-btn[theme*="block"] { display:block; }

/*!
 * 라디우스 간단
 */
#sp-builder [sp-radius="max"] { border-radius:50%; }


/*<li sp-font-selectcover="">*/
/*	<div sp-font-selectbox="">*/
/*	<button sp-toggle="div">메인폰트 <i class="fas fa-angle-down" sp-toggle-reverse="vertical" sp-trans=""></i></button>	<ul sp-trans="opacity">*/
/*			<li>*/
/*				<label sp-font-selectbox--btn="">기본폰트<input type="radio" name="sp-radio--mainfont" value=""></label>*/
/*			</li>*/

/*!
 * 폰트 선택박스
 */
#sp-builder [sp-setting--fontdata],
#sp-builder [sp-setting--fontbase],
#sp-builder [sp-setting--fontstyle],
#sp-builder [sp-setting--patterndata],
#sp-builder [sp-setting--palettedata] { display:none; }
#sp-builder [sp-font-selectbox] {
	z-index:3; position:relative; display:inline-block; padding:0 20px 0 0;
}
#sp-builder [sp-font-selectbox] > ul {
	z-index:1; position:absolute; top:100%; left:0; min-width:100%;
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
	background-color:#fff; margin:0 0 0 -20px; padding:10px 0; max-height:300px; overflow:auto;
	border-radius: 0 0 10px 10px; box-shadow: 0 5px 5px -2px rgba(0,0,0,0.1);
}
#sp-builder .sp-builder--grid > ul > li.on [sp-font-selectbox] > ul {
	visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);
}
#sp-builder [sp-font-selectbox] ~ [sp-font-selectbox] { margin-left:10px; }
#sp-builder [sp-font-selectbox] > button { font-size:11px; height:50px; padding:0; margin:0; border:0; background:none; }
#sp-builder [sp-font-selectbox].on > button { color:#4186e0; }
#sp-builder [sp-font-selectbox] > button span { display:inline-block; padding-right:5px; }
#sp-builder [sp-font-selectbox] > button img { padding-left:5px; height:20px; position:relative; top:-1px; margin-right:-5px; }
#sp-builder [sp-font-selectbox] > button[choose="on"] { padding-top:2px; }
#sp-builder [sp-font-selectbox] > ul > li {  }
#sp-builder [sp-font-selectbox] > ul > li > label { cursor:pointer; display:block; white-space:nowrap; }
#sp-builder [sp-font-selectbox] > ul > li > label input { display:none; }
#sp-builder [sp-font-selectbox] > ul > li > label span { display:block; font-size:12px; line-height:35px; padding:0 50px 0 20px; position:relative; }
#sp-builder [sp-font-selectbox] > ul > li > label:hover span { color:#4186e0; }
#sp-builder [sp-font-selectbox] > ul > li > label span img { width:100px; max-width:initial; padding-bottom:2px; }
#sp-builder [sp-font-selectbox] > ul > li > label input:checked + span { color:#4186e0; }
#sp-builder [sp-font-selectbox] > ul > li > label input:checked + span:before {
	content:'\f00c'; position:absolute; width:35px; height:35px; top:0; right:10px; color:#4186e0;
	font-family: "Font Awesome 5 Free"; font-weight:900; text-align:center; line-height:35px;
}


#sp-builder .sp-label-selecbox { z-index:3; position:relative; }
#sp-builder .sp-label-selecbox > button { width:70%; position:relative; border:1px solid #f0f0f0; background:none; text-align:left; padding:0 1rem; line-height:44px; background-position:center center; }
#sp-builder .sp-label-selecbox > button i { float:right; line-height:44px; }
#sp-builder .sp-label-selecbox > ul { 
	position:absolute; top:100%; left:0; max-height:300px; background:#fff; border:1px solid #f0f0f0; border-top:0; box-shadow:0 5px 5px -2px rgba(0,0,0,0.1);
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); 
}
#sp-builder .sp-label-selecbox.on > ul { visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#sp-builder .sp-label-selecbox > ul > li { padding:5px 0; }
#sp-builder .sp-label-selecbox > ul > li ~ li { border-top:1px solid #f0f0f0; }
#sp-builder .sp-label-selecbox > ul > li > label { cursor:pointer; display:block; white-space:nowrap; }
#sp-builder .sp-label-selecbox > ul > li > label input { display:none; }
#sp-builder .sp-label-selecbox > ul > li > label span { 
	display:block; font-size:12px; line-height:40px; margin:0 .7rem 0 1rem; position:relative; background-position:left center;
}
#sp-builder .sp-label-selecbox > ul > li > label input:checked + span { color:#4186e0; }
#sp-builder .sp-label-selecbox > ul > li > label input:checked + span:before {
	content:'\f00c'; position:absolute; width:30px; height:30px; top:5px; right:7px; color:#fff; background:#4186e0; border-radius:50%;
	font-family: "Font Awesome 5 Free"; font-weight:900; text-align:center; line-height:30px;
}

#sp-builder .sp-label-selecbox + [sp-tool--item] { margin:5px 0 0 1px; padding:0 0 5px 0; border-bottom:1px solid #f0f0f0; }
#sp-builder .sp-label-selecbox + [sp-tool--item] [sp-form-range] { width:237px; padding: 6px 15px 4px 14px; }

#sp-builder [sp-menu--bgpattern-thumb] { position:relative; top:-1px; display:inline-block; width:87px; height:30px; border-radius:5px; border:1px solid #f0f0f0; vertical-align:middle; margin-left:22px; background-color:#fff; }
#sp-builder [sp-menu--bgpattern] > ul { width:70%; }
#sp-builder [sp-menu--bgpattern--pickr-cover] { position:relative; float:right; }
#sp-builder [sp-menu--bgpattern--pickr-cover] > button { position:relative; width:46px; height:46px; border:0; background:none; font-size:16px; }
#sp-builder [sp-menu--bgpattern--pickr-cover] .pcr-button { width:46px; height:46px; }
#sp-builder [sp-menu--bgpattern--pickr-cover] .pcr-button:after,
#sp-builder [sp-menu--bgpattern--pickr-cover] .pcr-button:before { width:initial; height:initial; top:5px; right:5px; bottom:5px; left:5px; background-size:8px 8px; background-position:center center; border-radius:50%; }





#sp-builder [sp-font-palettebox] { z-index:3; position:relative; display:inline-block; padding:0 10px 0 0; }
#sp-builder [sp-font-palettebox] > ul {
	z-index:1; position:absolute; top:100%; left:0; min-width:100%;
	visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
	background-color:#fff; margin:0 0 0 -20px; padding:10px 0 20px 20px;
	border-radius: 0 0 10px 10px; box-shadow: 0 5px 5px -2px rgba(0,0,0,0.1);
}
#sp-builder .sp-builder--grid > ul > li.on [sp-font-palettebox] > ul {
	visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);
}
#sp-builder [sp-font-palettebox] > ul > li { max-height:300px; overflow:auto; padding-right:10px; }
#sp-builder [sp-font-palettebox] > button { font-size:11px; height:50px; padding:0; margin:0; border:0; background:none; }
#sp-builder [sp-font-palettebox].on > button { color:#4186e0; }
#sp-builder [sp-font-palettebox] > button > span { position:relative; top:1px; display:inline-block; vertical-align:text-bottom; }


#sp-builder [sp-hr] { border:0; padding:0; margin:0; }
#sp-builder [sp-hr="xs"] { height:10px; }
#sp-builder [sp-hr="sm"] { height:20px; }
#sp-builder [sp-hr="md"] { height:30px; }
#sp-builder [sp-hr="lg"] { height:40px; }
#sp-builder [sp-hr="xl"] { height:50px; }
#sp-builder [sp-hr="2xl"] { height:60px; }
#sp-builder [sp-hr="scissors"] { font-size:9px; color:#999; letter-spacing:1px; width:calc(50% - 30px); position:relative; padding:0; margin:15px 0 15px 0; height:1px; background-color:rgba(0,0,0,0.05); overflow:initial; }
#sp-builder [sp-hr="scissors"]:before { content:attr(msg); position:absolute; top:-10px; left:100%; width:60px; text-align:center; line-height:20px; }
#sp-builder [sp-hr="scissors"]:after { content:''; z-index:1; position:absolute; width:calc(100%); left:calc(100% + 60px); top:0; height:1px; background-color:rgba(0,0,0,0.05); }

#sp-builder [sp-empty] {
	min-height:34px;
	background-image:url(/src/img/bg_check.png);
	background-size:8px 8px;
}
#sp-builder [sp-empty*="dark"] {
	background-image:url(/src/img/bg_check_dark.png);
}
#sp-builder [sp-empty*="gray"] {
	background-image:url(/src/img/bg_check_gray.png);
}
#sp-builder [sp-empty*="black"] {
	background-image:url(/src/img/bg_check_black.png);
}
#sp-builder [sp-empty*="large"] { background-size:14px 14px; }
#sp-builder [sp-empty*="cover"] { position:absolute; top:0; left:0; right:0; bottom:0; }
#sp-builder [sp-empty*="z-1"] { z-index:1; }

#sp-builder [sp-table-editor] {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#sp-builder [sp-table-editor] td.selected:not([sp-editing]):before {
	content:''; z-index:1; position:absolute; top:1px; left:1px; right:1px; bottom:1px; border:1px dashed #4187e0;
	-webkit-animation: show-sp-tool-line 0.5s linear infinite;
	animation: show-sp-tool-line 0.5s linear infinite;
}
#sp-builder [sp-table-editor] td.selected:not([sp-editing]):after {
	content:''; z-index:1; position:absolute; top:1px; left:1px; right:1px; bottom:1px;
	background-image:url(/src/img/bg_check.png);
	background-size:8px 8px; background-position:center center; opacity:0.15; filter:alpha(opacity=15); -ms-filter:alpha(opacity=15);
}
#sp-builder [sp-table-editor] .killed { background:#ddd; }
#sp-builder [sp-table-editor] td[sp-editing] { cursor:initial; }
#sp-builder [sp-table-editor] td [sp-sort-handler]:not([sp-edit]):not(img),
#sp-builder [sp-table-editor] td [sp-siblings-childeffect],
#sp-builder [sp-table-editor] tr [sp-siblings-parenteffect]:not([name]) { display:none !important; }

#sp-builder [sp-table-editor] [sp-siblings-parent] { outline:initial !important; }

#sp-builder [sp-table-editor--btn] {  }
#sp-builder [sp-table-editor--btn] button {
	z-index:499; position:absolute; border:0; font-size:12px; color:#fff; background-color:#4186e0; width:30px; height:30px; border-radius:5px;
}
#sp-builder [sp-table-editor--btn] button:hover:after {
	content:attr(name); z-index:1; position:absolute; top:-25px; right:0; color:#fff; background-color:#4187e0; border-radius:3px; font-size:11px; font-weight:normal;
	font-family:'돋움'; letter-spacing:-1px; padding:0 7px; height:20px; line-height:22px; white-space:nowrap; cursor:pointer;
}
#sp-builder [sp-table-editor-addcol] {
	bottom:-44px; right:10px;
}
#sp-builder [sp-table-editor-addrow] {
	bottom:-44px; right:50px;
}






#sp-builder .JColResizer>tbody>tr>td,
#sp-builder .JColResizer>tbody>tr>th {
/*	overflow: hidden;*/
/*	padding-left: 0!important;*/
/*	padding-right: 0!important;*/
}
#sp-builder .JCLRgrips { height: 0px; position: relative; display:none; }
#sp-builder [sp-editing][sp-edit="table"] .JCLRgrips { display:block; }
#sp-builder .JCLRgrip {	margin-left: -5px; position: absolute; z-index:4; }
#sp-builder .JCLRgrip .JColResizer {
	position: absolute;
	background-color: red;
	filter: alpha(opacity=1);
	opacity: 0;
	width: 10px;
	height: 100%;
	cursor: e-resize;
	top: 0px
}
#sp-builder .JCLRLastGrip {	position: absolute;	width: 1px; }
#sp-builder .JCLRgripDrag { border-left: 1px dotted black; }
#sp-builder .JCLRFlex { width: auto !important; min-width:auto !important; }
#sp-builder .JCLRgrip.JCLRdisabledGrip .JColResizer { cursor: default; display: none; }
#sp-builder .JCLRgrip .JColResizer:hover{ cursor:e-resize !important }

#sp-builder .grip { width:10px; }
#sp-builder .JColResizer { table-layout:initial; }
#sp-builder .JCLRgrip .JColResizer { background-color:transparent; width:6px; left:2px; height:auto; top:-10px; bottom:-10px; }
#sp-builder .JCLRgrip .JColResizer:hover {}
#sp-builder .JCLRgrip.dragging .JColResizer { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#sp-builder .JCLRgrip.dragging .JColResizer:before { content:''; position:absolute; top:0; left:1px; width:1px; height:100%; border-left:3px dashed #4187e0; }

#sp-builder [sp-tippy--toggle] { position:relative; top:1px; cursor:pointer; }
#sp-builder [sp-tippy--toggle] input { display:none; }
#sp-builder [sp-tippy--toggle] span { 
	display:inline-block; width:100%; height:20px; 
	background:#333; position:relative; border-radius:10px;
}
#sp-builder [sp-tippy--toggle] input:checked ~ span { 
	background:#e05ad6;
}
#sp-builder [sp-tippy--toggle] span:before { 
	content:attr(data-off); font-size:11px;
	position:absolute; top:0; left:10px; line-height:20px;
}
#sp-builder [sp-tippy--toggle] input:checked ~ span:before { 
	content:attr(data-on);
}
#sp-builder [sp-tippy--toggle] span:after { 
	content:'';
	position:absolute; width:14px; height:14px; border-radius:50%; background:#4186e0;
	top:3px; right:20px;
}
#sp-builder [sp-tippy--toggle] input:checked ~ span:after { 
	right:4px; background:#fbff00;
}

/*!
 * 빌더 리젝트
 */
#sp-builder [sp-builder-reject][scope="mobile"] {
	position:fixed;	z-index:99999; width:100%; height:100%;
	top:0; left:0; right:0; bottom:0; background:rgba(65,134,224,.95); line-height:1.2rem;
}
#sp-builder [sp-builder-reject][scope="mobile"] > ul { position:absolute; display:table; table-layout:fixed; width:100%; height:100%; }
#sp-builder [sp-builder-reject][scope="mobile"] > ul > li { 
	display:table-cell; vertical-align:middle; text-align:center; padding:0 2rem; 
	-webkit-animation: show-sp-blink 1s linear infinite;
			animation: show-sp-blink 1s linear infinite;
}
#sp-builder [sp-builder-reject][scope="mobile"] i { font-size:5rem; color:#fff; }
#sp-builder [sp-builder-reject][scope="mobile"] span { display:block; color:rgba(255,255,255,0.5); padding:1rem 0 1rem 0; letter-spacing:0; font-size:.9rem; }
#sp-builder [sp-builder-reject][scope="mobile"] strong { display:block; padding:2rem 0 0 0; letter-spacing:0; color:#fff; font-size:1.6rem; }
#sp-builder [sp-builder-reject][scope="mobile"] a { display:inline-block; color:#fff; border-bottom:1px solid #fff; line-height:1.4; }

#sp-builder [sp-builder-reject][scope="browser"] {
	position:fixed;	z-index:99999; top:30%; bottom:30%; left:30%; right:30%; color:#fff; background-color:#4186e0; line-height:1.2rem;
	box-shadow:0 0 50px 0 rgba(0,0,0,0.1); text-align:center; outline:1px dashed rgba(0,0,0,0.1); outline-offset:10px;
}
#sp-builder [sp-builder-reject][scope="browser"] > ul { position:absolute; display:table; table-layout:fixed; width:100%; height:100%; }
#sp-builder [sp-builder-reject][scope="browser"] > ul > li { 
	display:table-cell; vertical-align:middle; text-align:center; padding:0 2rem; 
}
#sp-builder [sp-builder-reject][scope="browser"] button { z-index:1; position:absolute; top:0; right:0; width:50px; height:50px; border:0; background:none; font-size:16px; color:#fff; }
#sp-builder [sp-builder-reject][scope="browser"] ul li i { font-size:3rem; color:#fff; }
#sp-builder [sp-builder-reject][scope="browser"] p { padding:0 0 20px 0; }
#sp-builder [sp-builder-reject][scope="browser"] strong { display:block; }


	/* 미리보기 */
	#sp-builder [sp-imgpreview] { z-index:999; position:fixed; top:0; left:0; right:0; bottom:0; }
	#sp-builder [sp-imgpreview]:before { 
		content:''; z-index:1;  position:absolute; top:0; left:0; right:0; bottom:0;
		background-image:url(/src/img/bg_check_black.png); background-size:8px 8px; opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30);
	}
	#sp-builder [sp-imgpreview]:after {
		content:'\f00d';
		font-family:'Font Awesome 5 Free';
		font-weight:900; text-align:center; line-height:3rem; cursor:pointer; border-radius:0 0 0 1rem;
		z-index:4; position:absolute; color:#fff; background-color:#333; width:3rem; height:3rem; top:0; right:0; font-size:1.250rem;
	}
	#sp-builder [sp-imgpreview] i { z-index:2; position:absolute; width:3.4rem; height:3.4rem; top:50%; left:50%; margin:-1.7rem 0 0 -1.7rem; background:#fff; border-radius:50%; }
	#sp-builder [sp-imgpreview] i:before {
		content:'';	background-image:url(/src/img/loader_spin_black.svg); background-size:2.500rem 2.500rem; background-position:center center; background-repeat:no-repeat;
		position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);
	}
	#sp-builder [sp-imgpreview] img { 
		position:absolute; z-index:3; top:50%; left:50%; max-width:90%; max-height:90%; cursor:zoom-out; box-shadow:0 0 0 .5rem rgba(255,255,255,1); outline:10px solid #fff; outline-offset:-2px;
		-webkit-transform : translateX(-50%) translateY(-50%);
		   -moz-transform : translateX(-50%) translateY(-50%);
			-ms-transform : translateX(-50%) translateY(-50%);
			 -o-transform : translateX(-50%) translateY(-50%);
				transform : translateX(-50%) translateY(-50%);
	}

	#sp-builder [sp-empty] {
		min-height:34px;
		background-image:url(/src/img/bg_check.png);
		background-size:8px 8px;
	}
	#sp-builder [sp-empty*="dark"] { background-image:url(/src/img/bg_check_dark.png); }
	#sp-builder [sp-empty*="gray"] { background-image:url(/src/img/bg_check_gray.png); }
	#sp-builder [sp-empty*="black"] { background-image:url(/src/img/bg_check_black.png); }

	#sp-builder [sp-width="100"] { width:100%; }

	#sp-builder .sp-form input[type="text"],
	#sp-builder .sp-form input[type="password"] { max-width:100%; padding:0 20px; height:44px; line-height:44px; border:0; border-bottom:1px solid #eee; }
	#sp-builder .sp-form input[theme^="blue"] { color:#fff; background:#4187e0; border:1px solid #4187e0; }
	#sp-builder .sp-form input[theme^="blue"]::placeholder { color:rgba(255,255,255,0.5); }
	#sp-builder .sp-form input[theme*="-radius"] { border-radius:5px; }

	#sp-builder input[disabled] {
		color:#999; background-size:8px 8px; cursor:no-drop;
		background-image: url(/src/img/bg_check_gray.png);
	}

	#sp-builder [sp-canvas-add] {  }
	#sp-builder [sp-canvas-add] [sp-canvas-addform] { visibility:hidden; height:1px; }
	#sp-builder [sp-canvas-add] [sp-canvas-addform] input { padding-right:45px; }
	#sp-builder [sp-canvas-add].on [sp-canvas-addform] {
		visibility:visible; height:auto; margin:20px 0 0 0;
		-webkit-animation: show-sp-tool 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
				animation: show-sp-tool 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}

	#sp-builder [sp-canvas-addform] { position:relative; }
	#sp-builder [sp-canvas-addform] button { position:absolute; width:44px; height:44px; top:0; right:0; color:#444; background:none; border:0; }

.sp-side--tab { padding:0 0 10px 0; }
.sp-side--tab > ul { display:flex; }
.sp-side--tab > ul > li { flex:auto; cursor:pointer; width:50%; text-align:center; color:#666; border-bottom:2px solid #4187e0; line-height:40px; }
.sp-side--tab > ul > li.on { border:2px solid #4187e0; border-bottom:2px solid transparent; }
.sp-side--tab > ul > li.on,
.sp-side--tab > ul > li:hover { color:#4187e0; }

[sp-sortable-baseitem] { position:absolute; top:110px; left:100%; padding:20px 0; }
[sp-sortable-baseitem] [sp-sortable] { position:relative; padding:9px 10px 9px 18px; cursor:move; text-align:center; width:30px; }
[sp-sortable-baseitem] [sp-sortable]:hover { width:initial; background:#fff; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1); }
[sp-sortable-baseitem] [sp-sortable]:hover:after {
	content:''; position:absolute; top:0; left:100%;
	width: 0; height: 0; border-style: solid; border-width: 18px 0 18px 10px;
	border-color: transparent transparent transparent #fff;
}

[sp-sortable-baseitem--favorite] { 
	color:#ff3300; padding:9px 18px 9px 18px; border:0; background:none; white-space:nowrap; 
	-webkit-transform-origin : center;
	   -moz-transform-origin : center;
		-ms-transform-origin : center;
		 -o-transform-origin : center;
			transform-origin : center;
}
[sp-sortable-baseitem--favorite]:hover {
	-webkit-animation: show-sp-bubble 1s linear infinite;
			animation: show-sp-bubble 1s linear infinite;
}

[sp-sortable-baseitem] [sp-sortable-handler] { color:#333; white-space:nowrap; }
[sp-sortable-baseitem] [sp-sortable-handler] i { font-size:14px; vertical-align:middle; }
[sp-sortable-baseitem] [sp-sortable-handler] span { display:none; font-size:12px; visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); }
[sp-sortable-baseitem] [sp-sortable]:hover [sp-sortable-handler] span { visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }

#sp-builder.on [sp-sortable-baseitem] [sp-sortable-handler] span { display:inline-block; }

@-webkit-keyframes show-sp-bubble {
	0% {  }
	50% {
		-webkit-transform : scale(1.2);
		   -moz-transform : scale(1.2);
			-ms-transform : scale(1.2);
			 -o-transform : scale(1.2);
				transform : scale(1.2);
	}
	100% {  }
}
@keyframes show-sp-bubble {
	0% {  }
	50% {
		-webkit-transform : scale(1.2);
		   -moz-transform : scale(1.2);
			-ms-transform : scale(1.2);
			 -o-transform : scale(1.2);
				transform : scale(1.2);
	}
	100% {  }
}

	.sp-tutorial--slider {
		visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);
		z-index:99999; position:fixed; top:0; left:0; right:0;  bottom:0; width:100%; height:100%; 
	}
	.sp-tutorial--slider.show {
		visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);
	}
	.sp-tutorial--slider.hide { top:initial; bottom:100%; }
	.sp-tutorial--slider > div { display:table; table-layout:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); }
	.sp-tutorial--slider .slick-arrow { width:40% !important; height:100% !important; background-size:40px 40px !important; background-repeat:no-repeat !important; }
	.sp-tutorial--slider .slick-arrow.slick-prev { left:15px !important; background-position:center left !important; }
	.sp-tutorial--slider .slick-arrow.slick-prev:hover {  }
	.sp-tutorial--slider .slick-arrow.slick-next { right:15px !important; background-position:center right !important; }
	.sp-tutorial--slider .slick-arrow.slick-next:hover {  }
	.sp-tutorial--slider .slick-dots { z-index:9999; }
	.sp-tutorial--slider .slick-list,
	.sp-tutorial--slider .slick-track { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; }
	.sp-tutorial--slider > button { 
		z-index:999; position:absolute; color:#fff; background:none; border:0; width:56px; height:56px; font-size:30px; 
		left:50%; top:30px; margin:0 0 0 -28px;
	}
	.sp-tutorial--slider--element { z-index:initial !important; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-repeat:no-repeat; }
	.sp-tutorial--slider--element[pos="tl"] { background-position:top left; }
	.sp-tutorial--slider--element[pos="tc"] { background-position:top center; }
	.sp-tutorial--slider--element[pos="tr"] { background-position:top right; }
	.sp-tutorial--slider--element[pos="ml"] { background-position:center left; }
	.sp-tutorial--slider--element[pos="mc"] { background-position:center center; }
	.sp-tutorial--slider--element[pos="mr"] { background-position:center right; }
	.sp-tutorial--slider--element[pos="bl"] { background-position:bottom left; }
	.sp-tutorial--slider--element[pos="bc"] { background-position:bottom center; }
	.sp-tutorial--slider--element[pos="br"] { background-position:bottom right; }
	.sp-tutorial--slider--element > ul { display:table; table-layout:fixed; width:100%; height:100%; }
	.sp-tutorial--slider--element > ul > li { color:#fff; font-size:16px; display:table-cell; width:100%; padding:120px; }
	.sp-tutorial--slider--element > ul > li button { 
		color:#63a1f1; background:none; border:2px solid #63a1f1; padding:12px 45px;
		position:relative; z-index:999999;
		-webkit-animation : show-sp-tool-line 3s linear infinite;
				animation : show-sp-tool-line 3s linear infinite;
	}
	.sp-tutorial--slider--element > ul > li button:hover { color:#fff; border:2px solid #fff; }
	.sp-tutorial--slider--element > ul > li b { color:#63a1f1; }
	.sp-tutorial--slider--element > ul > li[pos="tl"] { vertical-align:top; text-align:left; }
	.sp-tutorial--slider--element > ul > li[pos="tc"] { vertical-align:top; text-align:center; }
	.sp-tutorial--slider--element > ul > li[pos="tr"] { vertical-align:top; text-align:right; }
	.sp-tutorial--slider--element > ul > li[pos="ml"] { vertical-align:middle; text-align:left; }
	.sp-tutorial--slider--element > ul > li[pos="mc"] { vertical-align:middle; text-align:center; }
	.sp-tutorial--slider--element > ul > li[pos="mr"] { vertical-align:middle; text-align:right; }
	.sp-tutorial--slider--element > ul > li[pos="bl"] { vertical-align:bottom; text-align:left; }
	.sp-tutorial--slider--element > ul > li[pos="bc"] { vertical-align:bottom; text-align:center; }
	.sp-tutorial--slider--element > ul > li[pos="br"] { vertical-align:bottom; text-align:right; }
	[sp-tutorial--showbtn] { cursor:pointer; }
	[sp-tutorial--showbtn]:hover { color:#fff; }

	[sp-works] { position:fixed; z-index:999; top:120px; right:20px; width:60px; font-size:0; background:#fff; border-radius:5px; box-shadow:0 3px 5px -2px rgba(0,0,0,0.1); }
	[sp-works]:hover { width:150px; }
	[sp-works]:focus { width:60px; }
	[sp-works] > ul { display:none; border-radius:0 0 5px 5px; overflow-x:hidden; }
	[sp-works].on > ul { display:block; }
	[sp-works] [sp-works--toggle] { width:100%; border:0; height:28px; background:#4186e0; border-radius:0 0 5px 5px; }
	[sp-works].on [sp-works--toggle] { background-color:#fff;  }
	[sp-works] [sp-works--toggle]:before { content:"\f0d7"; color:#fff; font-size:11px; font-family: "Font Awesome 5 Free"; font-weight:700; }
	[sp-works].on [sp-works--toggle]:before { content:"\f0d8"; color:#333; }
	[sp-works] [sp-works--grab] { cursor:move; border:0; color:#fff; height:28px; background-color:#333; width:100%; font-size:11px; position:relative; border-radius:5px 5px 0 0; }
	[sp-works] [sp-works--grab]:after { content:attr(count); position:absolute; font-size:9px; padding:2px 6px; border-radius:10rem; background-color:#4186e0; color:#fff; top:-7px; right:-7px; }
	[sp-works] + [sp-works--backup] { position:fixed; z-index:998; top:0; left:0; right:0; bottom:0; display:none; }
	[sp-works] + [sp-works--backup].moving { display:block; }
	[sp-works] [sp-works--contents] { max-height:200px; overflow-y:auto; font-size:11px; text-align:center; }
	[sp-works] [sp-works--contents] p { padding:10px 0; }
	[sp-works] [sp-works--item] { cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#999; font-size:11px; background:#f5f5f5; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:5px; margin:-1px 0 0 0; }
	[sp-works] [sp-works--item].on { background:#fff; }
	[sp-works] [sp-works--item].on:before { content:"\f00c"; display:inline-block; font-size:9px; padding-right:5px; color:#4186e0; font-family: "Font Awesome 5 Free"; font-weight:700; }
	[sp-works] [sp-works--item].on ~ [sp-works--item] { color:#aaa; background-color:#f0f0f0; background-image: url(/src/img/bg_check_gray.png); background-size: 8px 8px; }


	#sp-builder [sp-tool] > ul::before { display:none; }
	#sp-builder .sp-base--preview { 
		position:absolute; max-width:none !important; font-size:11px; color:#fff; background-color:#333; bottom:calc(100% + 0px); 
		right:0; text-align:center; padding:0 0 0 15px; border-radius:3px; line-height:37px !important; 
	}
	#sp-builder .sp-base--preview button { width:30px; height:38px; line-height:unset; font-size:12px; padding:0; border:0; color:#fff; background-color:transparent; vertical-align:top; line-height:40px; position:relative; }
	#sp-builder .sp-base--preview button:hover { color:#4186e0; }
	#sp-builder .sp-base--preview input { padding:0; width:90px !important; text-align:center; background-color:#4186e0 !important; border-radius:3px; margin:0 5px 0 5px; }
	#sp-builder .sp-base--preview > span { display:inline-block; margin-right:10px; padding: 1px 0 0 0; }
	#sp-builder .sp-base--preview [sp-menu--grab-btn] { width:39px !important; height:38px !important; background-color:#4186e0 !important; margin-left:5px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }


/*!
 * 데이터 저장을 위한 폼
 */
#sp-builder [sp-save--form-html] { display:none; }

/*!
 * 폰트 사이즈 ( 간단 )
 */
#sp-builder h3 { font-size:14px; }
#sp-builder h4 { font-size:13px; }
#sp-builder h5 { font-size:12px; font-weight:normal; }

/*!
 * 투명도 간단 사용
 */
#sp-builder [sp-alpha="10"] { visibility:visible; opacity:0.1; filter:alpha(opacity=10); -ms-filter:alpha(opacity=10); }
#sp-builder [sp-alpha="20"] { visibility:visible; opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); }
#sp-builder [sp-alpha="30"] { visibility:visible; opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30); }
#sp-builder [sp-alpha="40"] { visibility:visible; opacity:0.4; filter:alpha(opacity=40); -ms-filter:alpha(opacity=40); }
#sp-builder [sp-alpha="50"] { visibility:visible; opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50); }
#sp-builder [sp-alpha="60"] { visibility:visible; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60); }
#sp-builder [sp-alpha="70"] { visibility:visible; opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70); }
#sp-builder [sp-alpha="80"] { visibility:visible; opacity:0.8; filter:alpha(opacity=80); -ms-filter:alpha(opacity=80); }
#sp-builder [sp-alpha="90"] { visibility:visible; opacity:0.9; filter:alpha(opacity=90); -ms-filter:alpha(opacity=90); }

/*!
 * 웹사이트 ( 미리보기 ) 사이즈
 */
#sp-builder[device="pc"] [sp-less="pc"] { display:none; }
#sp-builder[device="pc"] [sp-only="tablet"],
#sp-builder[device="pc"] [sp-only="mobile"] { display:none; }

#sp-builder[device="tablet"] [sp-size] { width:900px; }
#sp-builder[device="tablet"] [sp-contents] { line-height:1.3; }
#sp-builder[device="tablet"] [sp-edit="text"] span[sp-resize] { max-width:30% !important; }
#sp-builder[device="tablet"]
#sp-builder[device="tablet"] [sp-font="7"]   { font-size:0.70rem }
#sp-builder[device="tablet"] [sp-font="8"]   { font-size:0.80rem }
#sp-builder[device="tablet"] [sp-font="9"]   { font-size:0.89rem }
#sp-builder[device="tablet"] [sp-font="10"]  { font-size:0.99rem }
#sp-builder[device="tablet"] [sp-font="11"]  { font-size:1.08rem }
#sp-builder[device="tablet"] [sp-font="12"]  { font-size:1.17rem }
#sp-builder[device="tablet"] [sp-font="13"]  { font-size:1.26rem }
#sp-builder[device="tablet"] [sp-font="14"]  { font-size:1.35rem }
#sp-builder[device="tablet"] [sp-font="15"]  { font-size:1.44rem }
#sp-builder[device="tablet"] [sp-font="16"]  { font-size:1.53rem }
#sp-builder[device="tablet"] [sp-font="17"]  { font-size:1.62rem }
#sp-builder[device="tablet"] [sp-font="18"]  { font-size:1.70rem }
#sp-builder[device="tablet"] [sp-font="19"]  { font-size:1.79rem }
#sp-builder[device="tablet"] [sp-font="20"]  { font-size:1.87rem }
#sp-builder[device="tablet"] [sp-font="25"]  { font-size:2.33rem }
#sp-builder[device="tablet"] [sp-font="30"]  { font-size:2.78rem }
#sp-builder[device="tablet"] [sp-font="35"]  { font-size:3.22rem }
#sp-builder[device="tablet"] [sp-font="40"]  { font-size:3.66rem }
#sp-builder[device="tablet"] [sp-font="45"]  { font-size:4.10rem }
#sp-builder[device="tablet"] [sp-font="50"]  { font-size:4.53rem }
#sp-builder[device="tablet"] [sp-font="55"]  { font-size:4.95rem }
#sp-builder[device="tablet"] [sp-font="60"]  { font-size:5.37rem }

#sp-builder[device="tablet"] [sp-tab="20"] { display:inline-block !important; width:20% !important; }
#sp-builder[device="tablet"] [sp-tab="25"] { display:inline-block !important; width:25% !important; }
#sp-builder[device="tablet"] [sp-tab="33"] { display:inline-block !important; width:33.333% !important; }
#sp-builder[device="tablet"] [sp-tab="50"] { display:inline-block !important; width:50% !important; }
#sp-builder[device="tablet"] [sp-tab="100"] { display:block !important; width:initial !important; }
#sp-builder[device="tablet"] [sp-less="tablet"] { display:none; }
#sp-builder[device="tablet"] [sp-only="pc"],
#sp-builder[device="tablet"] [sp-only="mobile"] { display:none; }

#sp-builder[device="mobile"] [sp-size] { width:600px; }
#sp-builder[device="mobile"] [sp-contents] { line-height:1.2; }
#sp-builder[device="mobile"] [sp-edit="text"] span[sp-resize] { max-width:30% !important; }
#sp-builder[device="mobile"] [sp-font="7"]   { font-size:0.70rem }
#sp-builder[device="mobile"] [sp-font="8"]   { font-size:0.79rem }
#sp-builder[device="mobile"] [sp-font="9"]   { font-size:0.88rem }
#sp-builder[device="mobile"] [sp-font="10"]  { font-size:0.97rem }
#sp-builder[device="mobile"] [sp-font="11"]  { font-size:1.06rem }
#sp-builder[device="mobile"] [sp-font="12"]  { font-size:1.14rem }
#sp-builder[device="mobile"] [sp-font="13"]  { font-size:1.22rem }
#sp-builder[device="mobile"] [sp-font="14"]  { font-size:1.30rem }
#sp-builder[device="mobile"] [sp-font="15"]  { font-size:1.38rem }
#sp-builder[device="mobile"] [sp-font="16"]  { font-size:1.46rem }
#sp-builder[device="mobile"] [sp-font="17"]  { font-size:1.53rem }
#sp-builder[device="mobile"] [sp-font="18"]  { font-size:1.61rem }
#sp-builder[device="mobile"] [sp-font="19"]  { font-size:1.68rem }
#sp-builder[device="mobile"] [sp-font="20"]  { font-size:1.75rem }
#sp-builder[device="mobile"] [sp-font="25"]  { font-size:2.16rem }
#sp-builder[device="mobile"] [sp-font="30"]  { font-size:2.57rem }
#sp-builder[device="mobile"] [sp-font="35"]  { font-size:2.96rem }
#sp-builder[device="mobile"] [sp-font="40"]  { font-size:3.35rem }
#sp-builder[device="mobile"] [sp-font="45"]  { font-size:3.73rem }
#sp-builder[device="mobile"] [sp-font="50"]  { font-size:4.10rem }
#sp-builder[device="mobile"] [sp-font="55"]  { font-size:4.46rem }
#sp-builder[device="mobile"] [sp-font="60"]  { font-size:4.81rem }

#sp-builder[device="mobile"] [sp-mob="20"] { display:inline-block !important; width:20% !important; }
#sp-builder[device="mobile"] [sp-mob="25"] { display:inline-block !important; width:25% !important; }
#sp-builder[device="mobile"] [sp-mob="33"] { display:inline-block !important; width:33.333% !important; }
#sp-builder[device="mobile"] [sp-mob="50"] { display:inline-block !important; width:50% !important; }
#sp-builder[device="mobile"] [sp-mob="100"] { display:block !important; width:initial !important; position:initial !important; }
#sp-builder[device="mobile"] [sp-less="mobile"] { display:none; }
#sp-builder[device="mobile"] [sp-only="pc"],
#sp-builder[device="mobile"] [sp-only="tablet"] { display:none; }
#sp-builder[device="mobile"] [sp-scale="mob"] {
	-webkit-transform : scale(.8);
	   -moz-transform : scale(.8);
		-ms-transform : scale(.8);
		 -o-transform : scale(.8);
			transform : scale(.8);
}