/*********************************************
** Layout
**********************************************/
html, body { height:100%; background-color: #fff; }

/* GUIDE */
.wrap { height:100%; }
.header { background:#363839; width:100%; height:150px; color:#fff; }
.header > .guide { padding:5px; }

.container { padding:0; margin:0; width:100% }
.container > .guide { padding:5px; }
.container .contents { min-height:500px; }
.container .contents > .guide { }
.container .contents .page { }

.footer { background:#2a2d33; width:100%; height:100px; color:#fff }
.footer > .guide { padding:5px; }


.clicks { }
.clicks:hover { }
.clicks:active { background-color:#ccccff; }

.max { width:100%; height:auto; }
.clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }
.after-clear:after { content:""; display:block; float:none; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }
.pointer { cursor:pointer; }


/*********************************************
** Typography
**********************************************/

/* Heading & sub-heading */
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
h4, h5, h6 { margin:10px 0; }


/* paragraph text */

/* Unstyled list */

/* Unordered list */

/* Ordered list */

/* Emphasis Classes */

/* Blockquotes */

/* Grouped Lists */
ul.list-group { }
ul.list-group li { padding:10px 5px; border-bottom:1px solid #e7eaec; }


/*********************************************
** Buttons
**********************************************/
/* button style */
/*
button[class^="btn_"]   { padding:5px; font-size:12px; cursor:pointer; border-radius:3px; }
button[class$="_sm"]    { padding:2px 3px; font-size:11px; color:#ffffff; background:#888888; border:1px solid #888888; }
button[class$="_md"]    { padding:5px 10px; font-size:12px; color:#ffffff; background:#888888; border:1px solid #888888; }
button[class$="_lg"]    { padding:8px 20px; font-weight:bold; font-size:14px; color:#ffffff; background:#888888; border:1px solid #888888; }
button[class*="btn_rs"] { padding:5px; font-size:20px; color:#ff0000; background:#ffffff; border:1px solid #f72143; }
button[class*="btn_b"]  { padding:5px; font-size:20px; color:#0c4da7; background:#ffffff; border:1px solid #0c4da7; }
button[class*="btn_bb"] { padding:5px; font-size:20px; color:#ffffff; background:#0c4da7; border:1px solid #0c4da7; }
*/

.btn {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 3px;
	line-height:1;
}

.btn-ic { padding:3px 5px; font-size:11px; }
.btn-sm { font-size: 11px; padding: 3px 6px; height:23px; }
.btn-md { font-size: 12px; padding: 6px 10px; height:30px; }
.btn-lg { font-size: 14px; padding: 9px 14px; font-weight:bold; }

.btn-w-s { min-width: 50px; }
.btn-w-m { min-width: 100px; }
.btn-w-l { min-width: 150px; }

.btn-default				{ background-color: #c2c2c2; border-color: #c2c2c2; color: #fff; }
.btn-default:hover	{ background-color: #bababa; border-color: #bababa; color: #fff; }

.btn-primary				{ background-color: #1ab394; border-color: #1ab394; color: #fff; }
.btn-primary:hover	{ background-color: #18a689; border-color: #18a689; color: #fff; }

.btn-success				{ background-color: #1c84c6; border-color: #1c84c6; color: #fff; }
.btn-success:hover	{ background-color: #1a7bb9; border-color: #1a7bb9; color: #fff; }

.btn-info						{ background-color: #23c6c8; border-color: #23c6c8; color: #fff; }
.btn-info:hover			{ background-color: #21b9bb; border-color: #21b9bb; color: #fff; }

.btn-warning				{ background-color: #f8ac59; border-color: #f8ac59; color: #fff; }
.btn-warning:hover	{ background-color: #f7a54a; border-color: #f7a54a; color: #fff; }

.btn-danger					{ background-color: #ed5565; border-color: #ed5565; color: #fff; }
.btn-danger:hover		{ background-color: #ec4758; border-color: #ec4758; color: #fff; }

.btn-white					{ color: inherit; background: #fff; border: 1px solid #ccc; }
.btn-white:hover		{ color: inherit; background: #fff; border: 1px solid #a2a2a2; }

.btn-link						{ color: inherit; }
.btn-link						{ color: inherit; }

.btn-search					{ background-color: #eb5202; border-color: #eb5202; color: #fff; }
.btn-search:hover		{ background-color: #c84702; border-color: #c84702; color: #fff; }

.btn-addon					{ background-color: #1ab394; border-color: #1ab394; color: #fff; }
.btn-addon:hover		{ background-color: #18a689; border-color: #18a689; color: #fff; }

.btn-list						{ background-color: #1c84c6; border-color: #1c84c6; color: #fff; }
.btn-list:hover			{ background-color: #156295; border-color: #156295; color: #fff; }

.btn-confirm				{ background-color: #5b534d; border-color: #5b534d; color: #fff; }
.btn-confirm:hover	{ background-color: #35302c; border-color: #35302c; color: #fff; }

.btn-save						{ background-color: #5b534d; border-color: #5b534d; color: #fff; }
.btn-save:hover			{ background-color: #35302c; border-color: #35302c; color: #fff; }

/*
.btn-cancel					{ background-color: #b4b4b4; border-color: #b4b4b4; color: #fff; }
.btn-cancel:hover		{ background-color: #939393; border-color: #939393; color: #fff; }
*/
.btn-cancel					{ background-color: #fff; border-color: #5b534d; color: #5b534d; }
.btn-cancel:hover		{ background-color: #fff; border-color: #35302c; color: #35302c; }

.btn-delete					{ background-color: #ed5565; border-color: #ed5565; color: #fff; }
.btn-delete:hover		{ background-color: #e92e41; border-color: #e92e41; color: #fff; }


.btn-logout					{ background-color: #ed5565; border-color: #ed5565; color: #fff; font-size:10px; padding:2px 7px; }
.btn-logout:hover		{ background-color: #e92e41; border-color: #e92e41; color: #fff; font-size:10px; padding:2px 7px; }

/*********************************************
** Forms & Input Elements
**********************************************/
/* checkbox & radio */
/*
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { color:#777777; font-size:12px; font-weight:normal; cursor:pointer; }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:18px; margin:-1px 4px 0 0; vertical-align:middle; background:url('/images/admin/unchecked_18.png') center center no-repeat; background-size:18px; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url('/images/admin/checked_18.png') center center no-repeat; background-size:18px; }

input[type="radio"] { display:none; }
input[type="radio"] + label { color:#777777; font-size:12px; font-weight:normal; cursor:pointer; }
input[type="radio"] + label span { display:inline-block; width:18px; height:18px; margin:-1px 4px 0 0; vertical-align:middle; background:url('/images/admin/radio_unchecked_18.png') center center no-repeat; background-size:18px; cursor:pointer; }
input[type="radio"]:checked + label span { background:url('/images/admin/radio_checked_18.png') center center no-repeat; background-size:18px; }
*/
label { display: inline-block; max-width: none; margin-bottom: 0; font-weight: normal; }


/* checkbox */
input[type="checkbox"] { display:none; }
input[type="radio"] { display:none; }

/* default minimal type */
/* black, red, green, blue, aero, grey, orange, yellow, pink, purple */
input[type="checkbox"] + label { color:#777777; font-weight:normal; cursor:pointer; }
input[type="checkbox"] + label span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 18px; height: 18px; background: url('/images/icheck/minimal/grey.png') no-repeat; background-position: 0 0; border: none; cursor: pointer; }
input[type="checkbox"] + label span.black { background: url('/images/icheck/minimal/minimal.png') no-repeat; }
input[type="checkbox"] + label span.red { background: url('/images/icheck/minimal/red.png') no-repeat; }
input[type="checkbox"] + label span.green { background: url('/images/icheck/minimal/green.png') no-repeat; }
input[type="checkbox"] + label span.blue { background: url('/images/icheck/minimal/blue.png') no-repeat; }
input[type="checkbox"] + label span.aero { background: url('/images/icheck/minimal/aero.png') no-repeat; }
input[type="checkbox"] + label span.grey { background: url('/images/icheck/minimal/grey.png') no-repeat; }
input[type="checkbox"] + label span.orange { background: url('/images/icheck/minimal/orange.png') no-repeat; }
input[type="checkbox"] + label span.yellow { background: url('/images/icheck/minimal/yellow.png') no-repeat; }
input[type="checkbox"] + label span.pink { background: url('/images/icheck/minimal/pink.png') no-repeat; }
input[type="checkbox"] + label span.purple { background: url('/images/icheck/minimal/purple.png') no-repeat; }
input[type="checkbox"]:checked + label span { background-position: -40px 0; }
input[type="checkbox"]:hover + label span { background-position: -20px 0; }
input[type="checkbox"]:hover:checked + label span { background-position: -40px 0; }
input[type="checkbox"][disabled] + label { cursor: default; }
input[type="checkbox"][disabled] + label span { background-position: -60px 0; cursor: default; }
input[type="checkbox"][disabled]:checked + label span { background-position: -80px 0; cursor: default; }

/* square type */
/* black, red, green, blue, aero, grey, orange, yellow, pink, purple */
input[type="checkbox"] + label.square { color:#777777; font-weight:normal; cursor:pointer; }
input[type="checkbox"] + label.square span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 22px; height: 22px; background: url('/images/icheck/square/grey.png') no-repeat; background-position: 0 0; border: none; cursor: pointer; }
input[type="checkbox"] + label.square span.black { background: url('/images/icheck/square/square.png') no-repeat; }
input[type="checkbox"] + label.square span.red { background: url('/images/icheck/square/red.png') no-repeat; }
input[type="checkbox"] + label.square span.green { background: url('/images/icheck/square/green.png') no-repeat; }
input[type="checkbox"] + label.square span.blue { background: url('/images/icheck/square/blue.png') no-repeat; }
input[type="checkbox"] + label.square span.aero { background: url('/images/icheck/square/aero.png') no-repeat; }
input[type="checkbox"] + label.square span.grey { background: url('/images/icheck/square/grey.png') no-repeat; }
input[type="checkbox"] + label.square span.orange { background: url('/images/icheck/square/orange.png') no-repeat; }
input[type="checkbox"] + label.square span.yellow { background: url('/images/icheck/square/yellow.png') no-repeat; }
input[type="checkbox"] + label.square span.pink { background: url('/images/icheck/square/pink.png') no-repeat; }
input[type="checkbox"] + label.square span.purple { background: url('/images/icheck/square/purple.png') no-repeat; }
input[type="checkbox"]:checked + label.square span { background-position: -48px 0; }
input[type="checkbox"]:hover + label.square span { background-position: -24px 0; }
input[type="checkbox"]:hover:checked + label.square span { background-position: -48px 0; }
input[type="checkbox"][disabled] + label.square { cursor: default; }
input[type="checkbox"][disabled] + label.square span { background-position: -72px 0; cursor: default; }
input[type="checkbox"][disabled]:checked + label.square span { background-position: -96px 0; cursor: default; }

/* flat type */
/* black, red, green, blue, aero, grey, orange, yellow, pink, purple */
input[type="checkbox"] + label.flat { color:#777777; font-weight:normal; cursor:pointer; }
input[type="checkbox"] + label.flat span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 20px; height: 20px; background: url('/images/icheck/flat/grey.png') no-repeat; background-position: 0 0; border: none; cursor: pointer; }
input[type="checkbox"] + label.flat span.black { background: url('/images/icheck/flat/flat.png') no-repeat; }
input[type="checkbox"] + label.flat span.red { background: url('/images/icheck/flat/red.png') no-repeat; }
input[type="checkbox"] + label.flat span.green { background: url('/images/icheck/flat/green.png') no-repeat; }
input[type="checkbox"] + label.flat span.blue { background: url('/images/icheck/flat/blue.png') no-repeat; }
input[type="checkbox"] + label.flat span.aero { background: url('/images/icheck/flat/aero.png') no-repeat; }
input[type="checkbox"] + label.flat span.grey { background: url('/images/icheck/flat/grey.png') no-repeat; }
input[type="checkbox"] + label.flat span.orange { background: url('/images/icheck/flat/orange.png') no-repeat; }
input[type="checkbox"] + label.flat span.yellow { background: url('/images/icheck/flat/yellow.png') no-repeat; }
input[type="checkbox"] + label.flat span.pink { background: url('/images/icheck/flat/pink.png') no-repeat; }
input[type="checkbox"] + label.flat span.purple { background: url('/images/icheck/flat/purple.png') no-repeat; }
input[type="checkbox"]:checked + label.flat span { background-position: -22px 0; }
input[type="checkbox"]:hover + label.flat span { background-position: -22px 0; }
input[type="checkbox"]:hover:checked + label.flat span { background-position: -22px 0; }
input[type="checkbox"][disabled] + label.flat { cursor: default; }
input[type="checkbox"][disabled] + label.flat span { background-position: -44px 0; cursor: default; }
input[type="checkbox"][disabled]:checked + label.flat span { background-position: -66px 0; cursor: default; }


/* radio - default minimal type */
input[type="radio"] + label { color:#777777; font-weight:normal; cursor:pointer; }
input[type="radio"] + label span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 18px; height: 18px; background: url('/images/icheck/minimal/grey.png') no-repeat; background-position: -100px 0; border: none; cursor: pointer; }
input[type="radio"] + label span.black { background: url('/images/icheck/minimal/minimal.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.red { background: url('/images/icheck/minimal/red.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.green { background: url('/images/icheck/minimal/green.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.blue { background: url('/images/icheck/minimal/blue.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.aero { background: url('/images/icheck/minimal/aero.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.grey { background: url('/images/icheck/minimal/grey.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.orange { background: url('/images/icheck/minimal/orange.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.yellow { background: url('/images/icheck/minimal/yellow.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.pink { background: url('/images/icheck/minimal/pink.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.purple { background: url('/images/icheck/minimal/purple.png') no-repeat; background-position: -100px 0;}
input[type="radio"]:checked + label span { background-position: -140px 0; }
input[type="radio"]:hover + label span { background-position: -120px 0; }
input[type="radio"]:hover:checked + label span { background-position: -140px 0; }
input[type="radio"][disabled] + label { cursor: default; }
input[type="radio"][disabled] + label span { background-position: -160px 0; cursor: default; }
input[type="radio"][disabled]:checked + label span { background-position: -180px 0; cursor: default; }

/* radio - square type */
input[type="radio"] + label.square { color:#777777; font-size:12px; font-weight:normal; cursor:pointer; }
input[type="radio"] + label.square span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 22px; height: 22px; background: url('/images/icheck/square/grey.png') no-repeat; background-position: -120px 0; border: none; cursor: pointer; }
input[type="radio"] + label.square span.black { background: url('/images/icheck/square/square.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.red { background: url('/images/icheck/square/red.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.green { background: url('/images/icheck/square/green.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.blue { background: url('/images/icheck/square/blue.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.aero { background: url('/images/icheck/square/aero.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.grey { background: url('/images/icheck/square/grey.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.orange { background: url('/images/icheck/square/orange.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.yellow { background: url('/images/icheck/square/yellow.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.pink { background: url('/images/icheck/square/pink.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.purple { background: url('/images/icheck/square/purple.png') no-repeat; background-position: -120px 0;}
input[type="radio"]:checked + label.square span { background-position: -168px 0; }
input[type="radio"]:hover + label.square span { background-position: -144px 0; }
input[type="radio"]:hover:checked + label.square span { background-position: -168px 0; }
input[type="radio"][disabled] + label.square { cursor: default; }
input[type="radio"][disabled] + label.square span { background-position: -192px 0; cursor: default; }
input[type="radio"][disabled]:checked + label.square span { background-position: -216px 0; cursor: default; }

/* radio - flat type */
input[type="radio"] + label.flat { color:#777777; font-weight:normal; cursor:pointer; }
input[type="radio"] + label.flat span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 20px; height: 20px; background: url('/images/icheck/flat/grey.png') no-repeat; background-position: -88px 0; border: none; cursor: pointer; }
input[type="radio"] + label.flat span.black { background: url('/images/icheck/flat/flat.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.red { background: url('/images/icheck/flat/red.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.green { background: url('/images/icheck/flat/green.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.blue { background: url('/images/icheck/flat/blue.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.aero { background: url('/images/icheck/flat/aero.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.grey { background: url('/images/icheck/flat/grey.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.orange { background: url('/images/icheck/flat/orange.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.yellow { background: url('/images/icheck/flat/yellow.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.pink { background: url('/images/icheck/flat/pink.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.purple { background: url('/images/icheck/flat/purple.png') no-repeat; background-position: -88px 0}
input[type="radio"]:checked + label.flat span { background-position: -110px 0; }
input[type="radio"]:hover + label.flat span { background-position: -88px 0; }
input[type="radio"]:hover:checked + label.flat span { background-position: -110px 0; }
input[type="radio"][disabled] + label.flat { cursor: default; }
input[type="radio"][disabled] + label.flat span { background-position: -132px 0; cursor: default; }
input[type="radio"][disabled]:checked + label.flat span { background-position: -154px 0; cursor: default; }

/* bar type */
input[type="checkbox"] + label.bar { padding:4px 10px; color:#fff; font-size:12px; cursor:pointer; background:#acaaa8; display:inline-block; *display: inline; vertical-align: middle; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="checkbox"] + label.bar span { position: relative; top:-1px; width: 13px; height: 11px; background: url('/images/icheck/line/line.png') no-repeat; background-position: 0 0; border: none; }
input[type="checkbox"]:checked + label.bar { background:#73716e; }
input[type="checkbox"]:checked + label.bar span { background-position: -15px 0; }
input[type="checkbox"]:hover + label.bar { background: #8b8986; }
input[type="checkbox"][disabled] + label.bar { background:#d5d4d3; cursor: default; }

input[type="radio"] + label.bar { padding:4px 10px; color:#fff; font-size:12px; cursor:pointer; background:#acaaa8; display:inline-block; *display: inline; vertical-align: middle; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="radio"] + label.bar span { position: relative; top:-1px; width: 13px; height: 11px; background: url('/images/icheck/line/line.png') no-repeat; background-position: 0 0; border: none; }
input[type="radio"]:checked + label.bar { background:#73716e; }
input[type="radio"]:checked + label.bar span { background-position: -15px 0; }
input[type="radio"]:hover + label.bar { background: #8b8986; }
input[type="radio"][disabled] + label.bar { background:#d5d4d3; cursor: default; }

/*input*/
input[type="text"], input[type="password"]{
	padding: 4px 5px;
	height:30px;
	font-size:12px;
	color:#555;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
}
input[type="text"]:focus, input[type="password"]:focus{ border: 1px solid #1ab394; }

select {
	font-size:12px;
	padding: 1px 20px 1px 5px;
	height:30px;
	color:#555555;
	border:1px solid #ccc;
	border-radius: 4px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#fff url('/images/admin/select_arrow.png') no-repeat right center;
}

select::-ms-expand { display: none; }

select option{ font-size: 12px; padding:3px 5px; }

.round {
	border: 1px solid #ccc;
	border-radius: 4px;
	/*
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	*/
}

.input-round:focus { border: 1px solid #1ab394; }

textarea { padding:5px; border: 1px solid #ccc;	border-radius: 4px; }

/* icons */
.admin-ico:before { font-family:admin-ico; font-size: 32px; }
.item-dashboard:before { content: '\e604'; }
.item-sales:before { content: '\e60b' }
.item-catalog:before { content: '\e608' }
.item-customer:before { content: '\e603'; }
.item-marketing:before {content: '\e609'; }
.item-content:before { content: '\e602'; }
.item-report:before { content: '\e60a' }
.item-stores:before {	content: '\e60d'; }
.item-system:before {	content: '\e610' }
.item-partners:before {	content: '\e612' }
.item-alert:before {	content: '\e607' }





/* tab common style */
.tab ul { display: table; width: 100%; }
.tab ul li { display: table-cell; min-width:70px; border-top:1px solid #ccc; border-left: 1px solid #ccc; background: #f0f0f0; }
.tab ul li p { padding: 10px 5px; text-align: center; color:#333333; }
.tab ul li.on { border-top: 2px solid #0c4ea5; border-left: 2px solid #0c4ea5; border-right: 2px solid #0c4ea5; border-bottom:0; background:#fff; color:#0c4ea5; }
.tab ul li.on + li { border-left:0; }
.tab ul li:first-child { border-left:0; }
.tab ul li:last-child { border-right:0; }

/* ui style */
ul.ul_table { display: table; }
ul.ul_table li { display: table-cell; }

.file_input_textbox { width:10px; border:0px solid #ffffff; color:#333333; }
.file_input_div { position: relative; width:100%;height:40px;overflow: hidden;}
.file_input_button { width: 100%; height:40px; font-size:18px; font-weight:bold; background-color: #fff; color:#0c4ea5; border:2px solid #0c4ea5; }
.file_input_hidden { font-size: 45px;position: absolute;right: 0px;top: 0px;opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0; }
p.filer { padding:2px 0; }
.file_up_fld { width:300px; float:left; }

/* PAGE LIMITER */
.paginate { padding:16px 0; text-align:center;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:2px 7px 3px 7px; color:#000; text-decoration:none; border:1px solid #ffffff; font: 11px/normal Verdana; _width /**/:17px;}
.paginate strong { color:#01a99c !important; }
.paginate .pre { margin-right:6px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url('/Images/WEB/bu_pg3_l_off.gif') no-repeat 6px 5px; letter-spacing:-1px; }
.paginate .next { margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url('/Images/WEB/bu_pg3_r_off.gif') no-repeat 62px 5px; letter-spacing:-1px; }
.paginate .first { margin-right:6px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url('/Images/WEB/bu_pg3_l_off.gif') no-repeat 6px 5px; letter-spacing:-1px; }
.paginate .last { margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url('/Images/WEB/bu_pg3_r_off.gif') no-repeat 62px 5px; letter-spacing:-1px; }

.paginate a.pre { background:url('/Images/WEB/bu_pg3_l_on.gif') no-repeat 6px 5px;}
.paginate a.next { background:url('/Images/WEB/bu_pg3_r_on.gif') no-repeat 62px 5px;}
.paginate a.first { background:url('/Images/WEB/bu_pg3_l_on.gif') no-repeat 6px 5px;}
.paginate a.last { background:url('/Images/WEB/bu_pg3_r_on.gif') no-repeat 62px 5px;}

.paginate .pre,
.paginate .first,
.paginate .last,
.paginate .next { display:inline-block; color:#ccc; position:relative; top:0; _top:-2px; font:11px/normal 돋움, Dotum; _width /**/:75px;}
.paginate a.pre,
.paginate a.first,
.paginate a.last,
.paginate a.next { color:#565656; }
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9; }



.help { margin:5px 0 0 0; padding:5px; border:1px dotted #888; background:#dfffdf; }


.exception { display:block; }
.exception .debug { margin:5px 0 0 0; padding:5px; border:1px solid #bdbdbd; background:#f7f7f7; }
.exception .debug table.debug_table { border-collapse: collapse; width:100%; }
.exception .debug table.debug_table thead th { padding: 8px; border: 1px solid #ccc; background-color:#eeeeee; text-align:center; }
.exception .debug table.debug_table tbody td { padding: 5px; border: 1px solid #ccc; background-color:#ffffff; }



.ibox { }
.box-border { border:1px solid #cecece; border-radius: 1px; }

.page_title { padding:8px; color:#fff; font-size:12px; background:#888; border-radius: 2px; margin-bottom:10px; }
.title { }
.title:before { content:"ㅁ"; margin:0 5px 0 0; }

.section_title { padding:5px 0; color:#333; font-weight:bold; font-size:14px;}

span.badge {display: inline-block;font-family: "Open Sans";background-color: #1ab394;min-width: 10px;padding: 3px 7px;font-size: 11px;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: middle;background-color: #777;border-radius: 10px;}
span.gray { background-color:#1ab394; color:#fff; }
span.red { background-color:#666633; color:#fff; }
span.blue { background-color:#1c84c6; color:#fff; }
span.aqua { background-color:#23c6c8; color:#fff; }
span.mocha { background-color:#ed5565; color:#fff; }
span.gold { background-color:#f8ac59; color:#fff; }

/* table style */
table.table { border-collapse: collapse; margin:0; }
table.table thead th { padding:0; line-height: normal; vertical-align: middle; border-top: 0; padding:8px; }
table.table thead td { padding:0; line-height: normal; vertical-align: middle; border-top: 0; padding:8px; }
table.table tbody th { padding:0; line-height: normal; vertical-align: middle; border-top: 0; padding:8px; }
table.table tbody td { padding:0; line-height: normal; vertical-align: middle; border-top: 0; padding:8px; }

table.table-basic { border-collapse: collapse; width:100%; border-top:1px solid #cecece; }
table.table-basic thead tr { border-bottom: 1px solid #cecece; background-color:#e4e4e4; }
table.table-basic thead tr th { color:#333; text-align:left; }
table.table-basic thead tr td { }
table.table-basic tbody tr { border-bottom: 1px solid #cecece; background-color:#fff;}
table.table-basic tbody tr th { text-align:left; background-color:#f5f5f5; }
table.table-basic tbody tr td { }

table.table-strip { border-collapse: collapse; width:100%; border-top:1px solid #cecece; }
table.table-strip thead tr { border-bottom: 1px solid #cecece; background-color:#e4e4e4; }
table.table-strip thead tr th { color:#333; text-align:left; }
table.table-strip thead tr td { }
table.table-strip tbody tr { border-bottom: 1px solid #cecece; }
table.table-strip tbody tr:nth-child(odd) { background-color:#fff; }
table.table-strip tbody tr:nth-child(even) { background-color:#f9f9f9; }
table.table-strip tbody tr th { text-align:left; }
table.table-strip tbody tr td { }

table.table-hover { border-collapse: collapse; width:100%; border-top:1px solid #cecece; }
table.table-hover thead tr { border-bottom: 1px solid #cecece; background-color:#e4e4e4; }
table.table-hover thead tr th { color:#333; text-align:left; }
table.table-hover thead tr td { }
table.table-hover tbody tr { border-bottom: 1px solid #cecece; background-color:#fff;}
table.table-hover tbody tr:hover { border-bottom: 1px solid #cecece; background-color:#f5f5f5;}
table.table-hover tbody tr th { text-align:left; }
table.table-hover tbody tr td { }

table.table-border { border-collapse: collapse; width:100%; border-top:2px solid #cecece; }
table.table-border thead th { border: 1px solid #cecece; background-color:#e4e4e4; text-align:left; color:#333; }
table.table-border thead td { border: 1px solid #cecece; background-color:#ffffff; }
table.table-border tbody th { border: 1px solid #cecece; background-color:#f5f5f5; text-align:left; }
table.table-border tbody td { border: 1px solid #cecece; background-color:#ffffff; }

table.edit-table { border-collapse: collapse; width:100%; border-top:1px solid #cecece; }
table.edit-table thead tr { border-bottom: 1px solid #cecece; background-color:#e4e4e4; }
table.edit-table thead tr th { color:#333; text-align:left;  }
table.edit-table thead tr td { }
table.edit-table tbody tr { border-bottom: 1px solid #cecece; }
table.edit-table tbody tr th { text-align:left; width:150px; background:#f5f5f5; }
table.edit-table tbody tr td { padding:3px 8px; height:37px;}


.profiler { margin:10px 0; padding:5px; border:2px solid #999; background:#fff; }
.profiler p.title { color:#999900; font-weight:bold; }
.profiler table { border-collapse: collapse; width:100%; }
.profiler table th { padding: 8px; border: 1px solid #cccccc; background-color:#eeeeee; text-align:center; font-size:13px; font-weight:bold; }
.profiler table td { padding: 5px; border: 1px solid #cccccc; background-color:#ffffff; font-size:13px; }


.dev-index { }
.dev-index h6 { font-size: 14px; color:#818692; font-weight:normal; }
.dev-index .ls-row { float:left; margin:0 5px; }
.dev-index .ls-row a { color:#fff;}

/* mobile default */

/* 320x480(2:3) 옵티머스1,	아이폰3 */
@media (min-width: 320px){
}

/* galaxy */
@media (min-width: 360px){
}

/* 480x800(3:5) 갤럭시S1, 갤럭시 S2, 넥서스S,넥서스One */
@media (min-width: 480px){
}

/* galaxy landscape  */
@media (min-width: 640px){

}

/* 750x1334(9:16) 아이폰6 */
@media (min-width: 750px){

}

/* ipad 아이패드1, 아이패드2, 아이패드미니, 옵티머스뷰  */
@media (min-width: 768px){
}

/* 800 x 1280 갤럭시탭10.1, 갤럭시노트1, G패드10.1, 넥서스7 */
@media (min-width: 800px){
}

@media (min-width: 992px){
}

/* ipad landscape */
@media (min-width: 1024px){
}

@media (min-width: 1200px){
}