/*!
 * Mocanvas
 * @license https://www.mocanvas.com
 * @min-width : Samsung Galaxy S, Apple iPhone 5 (5c, 5s)
 */

/*!
 * Container Buildup
 */
#spStrap *:not(i) { font-family:inherit; }

[spStrap] { min-width:320px; color:#333; line-height:1.4; position:relative; overflow:hidden; }
[spStrap], [spStrap] * { -webkit-box-sizing : border-box !important; -khtml-box-sizing : border-box !important; -moz-box-sizing : border-box !important; -ms-box-sizing : border-box !important; -o-box-sizing : border-box !important; box-sizing : border-box !important; }
[spStrap] [sp-trans],
[spStrap] [sp-trans]:before,
[spStrap] [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;
}

[spStrap] * { line-height:inherit; }
[spStrap] [sp-size] { width:1000px; min-width:320px; position:relative; margin-left:auto; margin-right:auto; }
[spStrap] ol, [spStrap] li, [spStrap] ul { padding:0; margin:0; list-style:none; }
/*!
 * Element Reset
 */
[spStrap] a, [spStrap] img, [spStrap] table, [spStrap] div:not([sp-overbox]), [spStrap] span, [spStrap] iframe, [spStrap] ul, [spStrap] li { max-width:100%; }
[spStrap] [sp-resize] { font-size:0; } [spStrap] [sp-resize] img { width:100%; } [spStrap] div[sp-resize] { margin:0 auto; }
[spStrap] [sp-resize] { display:inline-block; display:inline-flex; vertical-align:middle; }
[spStrap] [sp-edit] { position:relative; } [spStrap] span[sp-edit] { display:inline-block; }
[spStrap] div[sp-edit]:not([sp-line])::after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
[spStrap] [sp-edit="text"] { cursor:auto; word-break:break-all; }
[spStrap] [sp-edit] > span { display:inline-block; vertical-align:middle; }
[spStrap] [sp-scroll] { overflow:auto; }
[spStrap] a[sp-edit], [spStrap] sp-link-trick { position:relative; display:inline-block; display:inline-flex; vertical-align:middle; }
[spStrap] a, [spStrap] sp-link-trick { color:inherit; text-decoration:none; }
[spStrap] [sp-clear]:after { content:' '; clear:both; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
[spStrap] [sp-inlinebox], [spStrap] [sp-edit$="_button"] { font-size:0; }
[spStrap] table, [spStrap] thead, [spStrap] tbody, [spStrap] tfoot, [spStrap] tr, [spStrap] th, [spStrap] td {
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
    vertical-align: inherit;
    text-align: left;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}

[spStrap] img[sp-edit] { display:inline-block; vertical-align:middle; vertical-align:super; }
[spStrap] [sp-line] { position:relative; text-indent:-9999px; line-height:0 !important; }
[spStrap] [sp-line]:before { content:'.'; }
[spStrap] [sp-line]:after { content:''; z-index:1; position:absolute; top:-5px; right:0; bottom:-5px; left:0; }
[spStrap] [sp-table-editor] { width:100%; border-collapse:collapse; border-spacing:0; margin:0 auto; }
[spStrap] [sp-table-editor] td { min-width:15px; word-break: break-all; position:relative; }

/* Video PC, Mobile Ratio Buildup */
[spStrap] [sp-videoframe] { position: relative; padding-bottom:56.25%; /* 16:9 비율인 경우 */ height:0; }
[spStrap] [sp-videoframe="4:3"] { padding-bottom:75%; }
[spStrap] [sp-videoframe] iframe { position: absolute; top:0; left:0; width:100%; height:100%; }
[spStrap] [sp-ratio] { position:relative; }
[spStrap] [sp-ratio="1:1"] { padding-bottom:100%; }
[spStrap] [sp-ratio="1:2"] { padding-bottom:200%; }
[spStrap] [sp-ratio="2:1"] { padding-bottom:50%; }

/*!
 * Set Font Attribute
 */
[spStrap] [sp-font="7"]  { font-size:0.7rem; }
[spStrap] [sp-font="8"]  { font-size:0.8rem; }
[spStrap] [sp-font="9"]  { font-size:0.9rem; }
[spStrap] [sp-font="10"] { font-size:1.0rem; }
[spStrap] [sp-font="11"] { font-size:1.1rem; }
[spStrap] [sp-font="12"] { font-size:1.2rem; }
[spStrap] [sp-font="13"] { font-size:1.3rem; }
[spStrap] [sp-font="14"] { font-size:1.4rem; }
[spStrap] [sp-font="15"] { font-size:1.5rem; }
[spStrap] [sp-font="16"] { font-size:1.6rem; }
[spStrap] [sp-font="17"] { font-size:1.7rem; }
[spStrap] [sp-font="18"] { font-size:1.8rem; }
[spStrap] [sp-font="19"] { font-size:1.9rem; }
[spStrap] [sp-font="20"] { font-size:2.0rem; }
[spStrap] [sp-font="25"] { font-size:2.5rem; }
[spStrap] [sp-font="30"] { font-size:3.0rem; }
[spStrap] [sp-font="35"] { font-size:3.5rem; }
[spStrap] [sp-font="40"] { font-size:4.0rem; }
[spStrap] [sp-font="45"] { font-size:4.5rem; }
[spStrap] [sp-font="50"] { font-size:5.0rem; }
[spStrap] [sp-font="55"] { font-size:5.5rem; }
[spStrap] [sp-font="60"] { font-size:6.0rem; }
[spStrap] [sp-less="pc"] { display:none; }
[spStrap] [sp-only="tablet"], [spStrap] [sp-only="mobile"] { display:none; }

/*!
 * Responsive Tablet, Mobile Size
 */
@media screen and ( min-width:601px ) and ( max-width:1024px ){

	[spStrap] { line-height:1.3; }
	[spStrap] [sp-size]		  { width:auto; }
	[spStrap] [sp-font="7"]   { font-size:0.70rem }
	[spStrap] [sp-font="8"]   { font-size:0.80rem }
	[spStrap] [sp-font="9"]   { font-size:0.89rem }
	[spStrap] [sp-font="10"]  { font-size:0.99rem }
	[spStrap] [sp-font="11"]  { font-size:1.08rem }
	[spStrap] [sp-font="12"]  { font-size:1.17rem }
	[spStrap] [sp-font="13"]  { font-size:1.26rem }
	[spStrap] [sp-font="14"]  { font-size:1.35rem }
	[spStrap] [sp-font="15"]  { font-size:1.44rem }
	[spStrap] [sp-font="16"]  { font-size:1.53rem }
	[spStrap] [sp-font="17"]  { font-size:1.62rem }
	[spStrap] [sp-font="18"]  { font-size:1.70rem }
	[spStrap] [sp-font="19"]  { font-size:1.79rem }
	[spStrap] [sp-font="20"]  { font-size:1.87rem }
	[spStrap] [sp-font="25"]  { font-size:2.33rem }
	[spStrap] [sp-font="30"]  { font-size:2.78rem }
	[spStrap] [sp-font="35"]  { font-size:3.22rem }
	[spStrap] [sp-font="40"]  { font-size:3.66rem }
	[spStrap] [sp-font="45"]  { font-size:4.10rem }
	[spStrap] [sp-font="50"]  { font-size:4.53rem }
	[spStrap] [sp-font="55"]  { font-size:4.95rem }
	[spStrap] [sp-font="60"]  { font-size:5.37rem }
	[spStrap] [sp-tab="20"] { display:inline-block !important; width:20% !important; }
	[spStrap] [sp-tab="25"] { display:inline-block !important; width:25% !important; }
	[spStrap] [sp-tab="33"] { display:inline-block !important; width:33.333% !important; }
	[spStrap] [sp-tab="50"] { display:inline-block !important; width:50% !important; }
	[spStrap] [sp-tab="100"] { display:block !important; width:initial !important; }
	[spStrap] [sp-less="tablet"] { display:none; }
	[spStrap] [sp-only="pc"], [spStrap] [sp-only="mobile"] { display:none; }
	[spStrap] [sp-table-editor] { width:100% !important; min-width:unset !important; }

}
@media screen and ( min-width:1px ) and ( max-width:601px ){

	[spStrap] { line-height:1.2; }
	[spStrap] [sp-size]		  { width:auto; }
	[spStrap] [sp-font="7"]   { font-size:0.70rem }
	[spStrap] [sp-font="8"]   { font-size:0.79rem }
	[spStrap] [sp-font="9"]   { font-size:0.88rem }
	[spStrap] [sp-font="10"]  { font-size:0.97rem }
	[spStrap] [sp-font="11"]  { font-size:1.06rem }
	[spStrap] [sp-font="12"]  { font-size:1.14rem }
	[spStrap] [sp-font="13"]  { font-size:1.22rem }
	[spStrap] [sp-font="14"]  { font-size:1.30rem }
	[spStrap] [sp-font="15"]  { font-size:1.38rem }
	[spStrap] [sp-font="16"]  { font-size:1.46rem }
	[spStrap] [sp-font="17"]  { font-size:1.53rem }
	[spStrap] [sp-font="18"]  { font-size:1.61rem }
	[spStrap] [sp-font="19"]  { font-size:1.68rem }
	[spStrap] [sp-font="20"]  { font-size:1.75rem }
	[spStrap] [sp-font="25"]  { font-size:2.16rem }
	[spStrap] [sp-font="30"]  { font-size:2.57rem }
	[spStrap] [sp-font="35"]  { font-size:2.96rem }
	[spStrap] [sp-font="40"]  { font-size:3.35rem }
	[spStrap] [sp-font="45"]  { font-size:3.73rem }
	[spStrap] [sp-font="50"]  { font-size:4.10rem }
	[spStrap] [sp-font="55"]  { font-size:4.46rem }
	[spStrap] [sp-font="60"]  { font-size:4.81rem }
	[spStrap] [sp-mob="20"] { display:inline-block !important; width:20% !important; }
	[spStrap] [sp-mob="25"] { display:inline-block !important; width:25% !important; }
	[spStrap] [sp-mob="33"] { display:inline-block !important; width:33.333% !important; }
	[spStrap] [sp-mob="50"] { display:inline-block !important; width:50% !important; }
	[spStrap] [sp-mob="100"] { display:block !important; width:initial !important; position:initial !important; }
	[spStrap] [sp-less="mobile"] { display:none; }
	[spStrap] [sp-only="pc"], [spStrap] [sp-only="tablet"] { display:none; }
	[spStrap] [sp-scale^="mob"] {
		-webkit-transform : scale(.9);
		   -moz-transform : scale(.9);
			-ms-transform : scale(.9);
			 -o-transform : scale(.9);
				transform : scale(.9);
	}
	[spStrap] [sp-scale*="-tl"] { transform-origin:top left; }
	[spStrap] [sp-scale*="-tc"] { transform-origin:top center; }
	[spStrap] [sp-scale*="-tr"] { transform-origin:top right; }
	[spStrap] [sp-scale*="-ml"] { transform-origin:center left; }
	[spStrap] [sp-scale*="-mc"] { transform-origin:center center; }
	[spStrap] [sp-scale*="-mr"] { transform-origin:center right; }
	[spStrap] [sp-scale*="-bl"] { transform-origin:bottom left; }
	[spStrap] [sp-scale*="-bc"] { transform-origin:bottom center; }
	[spStrap] [sp-scale*="-br"] { transform-origin:bottom right; }
	[spStrap] [sp-table-editor] { width:100% !important; min-width:unset !important; }

}