@charset "utf-8";
/*
 ======================================================================== 
 * Project   : () v0.0.1
 * Producer  : Choi Jae Wook , larsson0106@naver.com
 * Homepage  : http://larsson0106.cafe24.com
 * Update    : 2016-04-08
 * License   : CC BY-ND (http://creativecommons.org/licenses/by/2.0/kr/)
 ======================================================================== 
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize 
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/nanum-gothic-v16-latin_korean-regular.eot'); - IE9 Compat Modes 
*/
/*
src: local('NanumGothic'),
       url('../font/nanum-gothic-v16-latin_korean-regular.eot?#iefix') format('embedded-opentype'), - IE6-IE8 
       url('../font/nanum-gothic-v16-latin_korean-regular.woff2') format('woff2'), - Super Modern Browsers 
       url('../font/nanum-gothic-v16-latin_korean-regular.woff') format('woff'), - Modern Browsers 
       url('../font/nanum-gothic-v16-latin_korean-regular.ttf') format('truetype'), - Safari, Android, iOS 
       url('../font/nanum-gothic-v16-latin_korean-regular.svg#NanumGothic') format('svg'); - Legacy iOS 
}
*/
html {
	font-family: 'Nanum Gothic', sans-serif;
/*
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
*/
}
body {
	/*  font-family: 'Nanum Gothic','Noto Sans KR',sans-serif; */
	font-family: 'Nanum Gothic', sans-serif;
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

/*
textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
*/
input:focus {
	outline: none;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* 플러그인 팝업 css */
/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #cccccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}

.mfp-preloader a {
	color: #cccccc;
}

.mfp-preloader a:hover {
	color: white;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
	border-right: 17px solid white;
	margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
	border-left: 17px solid white;
	margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black;
}

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444444;
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

	/**
       * Remove all paddings around the image on small screen
       */
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: #666666;
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: #666666;
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		-ms-transform: scale(0.75);
		-o-transform: scale(0.75);
		transform: scale(0.75);
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		-ms-transform-origin: 0;
		-o-transform-origin: 0;
		transform-origin: 0;
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		-ms-transform-origin: 100%;
		-o-transform-origin: 100%;
		transform-origin: 100%;
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}

.mfp-ie7 .mfp-img {
	padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
	padding: 0;
}

.mfp-ie7 .mfp-content {
	padding-top: 44px;
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

.pp-block {
	position: relative;
	padding: 20px;
	background: #fff;
	max-width: 600px;
	margin: 0 auto;
}

.pp-block .pp-title {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: bold;
}

.pp-block .pp-title span {
	font-weight: 14px;
	font-weight: normal;
	margin-left: 20px;
}

.pp-block .pp-body img {
	max-width: 100%;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.ie7 .bx-wrapper {
	zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME */
.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}

.ie7 .bx-wrapper .bx-pager .bx-pager-item,
.ie7 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	zoom: 1;
	display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
    6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
	/* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}

.mCustomScrollBox {
	/* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container {
	/* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside>.mCSB_container {
	margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	/* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
	/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	/* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
	/* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
	/* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px;
	/* minimum dragger height */
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	/* the dragger element */
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px;
	/* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px;
	/* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	/* minimum dragger width */
	height: 100%;
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	/* auto-expanded scrollbar */
	margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	/* auto-expanded scrollbar */
	margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	/* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	/* non-visible scrollbar */
	margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
	-webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
  ----------------------------------------
  6.1 THEMES 
  ----------------------------------------
  */
/* default theme ("light") */
.mCSB_scrollTools {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(mCSB_buttons.png);
	/* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
	/* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
	/* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
	/* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
	/* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: 0.9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
	height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	/* auto-expanded scrollbar */
	height: 16px;
	margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px;
	/* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	/* auto-expanded scrollbar */
	width: 16px;
	margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	/* auto-expanded scrollbar */
	margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
	background-repeat: repeat-y;
	opacity: 0.3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
	right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
	-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	bottom: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
	-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
	left: 0;
	right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/* webfont */
/*reset */
/* 아이폰 화면전환시 텍스트 커짐 방지 */
* {
	-webkit-text-size-adjust: none;
}

html,
body,
div,
span,
input,
select,
textarea,
button,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
section,
footer {
	border: 0;
	margin: 0;
	padding: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
textarea,
p,
blockquote,
th,
td,
legend,
button {
	margin: 0;
	padding: 0;
}

section,
nav,
header,
footer {
	display: block;
}

html {
	-webkit-font-smoothing: antialiased;
}

body,
html {
	margin: 0;
	padding: 0;
/*	overflow-x: hidden; */
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

form,
fieldset,
img {
	border: 0 none;
}

ul,
ol,
li {
	list-style: none;
}

form {
	clear: both;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block;
}

body {
	line-height: 1;
	min-height: 540px;
}

body[orient="portrait"] {
	min-height: 540px;
}

body[orient="landscape"] {
	min-height: 400px;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input {
	margin: 0;
	padding: 0;
}
/* "Noto Sans KR",  */
body {
	font-family: "Noto Sans KR", "Nanum", "Nanum Gothic", "나눔고딕", "MalgunGothic", "맑은고딕", Dotum, "돋음", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666;
}

a {
	text-decoration: none;
	color: #666;
}

.skipNavi a {
	background: none repeat scroll 0 0 #000;
	color: #fff;
	height: 60px;
	left: 0;
	line-height: 60px;
	position: absolute;
	text-align: center;
	top: -100px;
	width: 100%;
	z-index: 9;
}

.skipNavi a:focus,
.skipNavi a:active {
	background: none repeat scroll 0 0 #000;
	color: #fff;
	height: 60px;
	left: 0;
	line-height: 60px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 999999;
}

/* legend, */
caption,
.hide,
.ir {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -99999em;
}

button {
	cursor: pointer;
}

img {
	max-width: 100%;
	vertical-align: top;
}

input::-webkit-input-placeholder {
	color: #333;
}

input:-moz-placeholder {
	/* Firefox 18- */
	color: #333;
}

input::-moz-placeholder {
	/* Firefox 19+ */
	color: #333;
}

input:-ms-input-placeholder {
	color: #333;
}

/* 마진 패딩 */
.mt_05 {
	margin-top: 5px;
}

.mt_10 {
	margin-top: 10px;
}

.mt_15 {
	margin-top: 15px;
}

.mt_20 {
	margin-top: 20px;
}

.mt_30 {
	margin-top: 30px;
}

.mt_50 {
	margin-top: 50px;
}

.mb_05 {
	margin-bottom: 5px;
}

.mb_15 {
	margin-bottom: 15px;
}

.mb_20 {
	margin-bottom: 20px;
}

.mb_30 {
	margin-bottom: 30px;
}

.mr_10 {
	margin-right: 10px;
}

.mr_05 {
	margin-right: 5px;
}

.ml_05 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_15 {
	margin-left: 15px;
}

.ml_20 {
	margin-left: 20px;
}

.ml_40 {
	margin-left: 40px;
}

.ml_60 {
	margin-left: 60px;
}

.pl_05 {
	padding-left: 5px;
}

.pl_10 {
	padding-left: 10px;
}

.pl_15 {
	padding-left: 15px;
}

.pl_20 {
	padding-left: 20px;
}

.pt_15 {
	padding-top: 15px;
}

.pt_50 {
	padding-top: 50px;
}

.pb_15 {
	padding-bottom: 15px;
}

.pb_50 {
	padding-bottom: 50px;
}

.mlr_10 {
	margin: 0 10px;
}

.margin_lr {
	margin: 0 1%;
}

/* 컬러 */
.black_01 {
	color: #000;
}

.gray_01 {
	color: #333;
}

.gray_02 {
	color: #999;
}

.white_01 {
	color: #fff;
}

.green_01 {
	color: #9ac045;
}

.red_01 {
	color: #e5554f;
}

.red_02 {
	color: #ed1b24;
}

.red_03 {
	color: #da1803;
}

.orange_01 {
	color: #f78a0a;
}

.gradetion_01 {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #ECECEC));
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ECECEC));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #ECECEC 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #ECECEC 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #ECECEC 100%);
}

.gradetion_02 {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #89a4c6), color-stop(1, #7289a3));
	background-image: -o-linear-gradient(bottom, #89a4c6 0%, #7289a3 100%);
	background-image: -webkit-linear-gradient(bottom, #89a4c6 0%, #7289a3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#89a4c6), to(#7289a3));
	background-image: -webkit-linear-gradient(top, #89a4c6 0%, #7289a3 100%);
	background-image: -o-linear-gradient(top, #89a4c6 0%, #7289a3 100%);
	background-image: linear-gradient(to bottom, #89a4c6 0%, #7289a3 100%);
}

/* 폰트 */
.font_12 {
	font-size: 0.857142em;
}

.font_13 {
	font-size: 0.928571em;
}

.font_14 {
	font-size: 1em;
}

.font_16 {
	font-size: 1.142857em;
}

.font_17 {
	font-size: 1.214285em;
}

.font_18 {
	font-size: 1.285714em;
}

.font_20 {
	font-size: 1.428571em;
}

.font_22 {
	font-size: 1.571428em;
}

.font_24 {
	font-size: 1.714285em;
}

/* 필요한 스타일 */
.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.visuallyhidden {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

.hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	text-indent: -9999px;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text_jus {
	text-align: justify;
}

.text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.ver_top {
	vertical-align: top;
}

.ver_middle {
	vertical-align: middle;
}

.under_line {
	text-decoration: underline;
}

.dotted_line_b {
	border-bottom: dotted 2px #ddd;
}

.w_70p {
	width: 70%;
}

.star {
	vertical-align: middle;
	margin-left: 5px;
}

.over_hidden {
	overflow: hidden;
}

.dis_inline {
	display: inline;
}

.dis_block {
	display: block;
}

.dis_inblock {
	display: inline-block;
}

/*비디오 버튼 위치 */
.video-box {
	background-color: #000;
}

.vjs-default-skin .vjs-big-play-button {
	left: 44%;
	top: 40%;
}

/* select, input 타입 */
select {
	margin: 0;
	vertical-align: middle;
	border: solid 1px #b9b9b9;
	font-size: 0.9em;
	background-color: #fff;
}

option {
	border: solid 1px #b9b9b9;
	margin: 0;
	background-color: #fff;
}

label {
	margin: 0;
	font-weight: normal;
	vertical-align: middle;
}

textarea {
	margin: 0;
	border: solid 1px #b9b9b9;
	font-size: 0.9em;
	background-color: #fff;
}

input {
	vertical-align: middle;
	border: solid 1px #b9b9b9;
	font-size: 0.9em;
	background-color: #fff;
}

/* 바로가기 */
ul.skip li a {
	text-indent: -9999px;
	font-size: 0;
	height: 0;
	position: absolute;
	top: 0;
}

ul.skip li a:focus {
	text-indent: 0;
	font-size: 14px;
	width: 100%;
	height: 30px;
	background-color: #0c3874;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	z-index: 999;
}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 100px;
	right: 10px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/ui.totop.png) no-repeat left top;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=0.5);
}

#toTopHover {
	background: url(../images/ui.totop.png) no-repeat left -40px;
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

#toTop:active,
#toTop:focus {
	outline: none;
}

#toBottom {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 60px;
	right: 10px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/ui.tobottom.png) no-repeat left top -40px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=0.5);
}

#toBottomHover {
	background: url(../images/ui.tobottom.png) no-repeat left -80px;
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

#toBottom:active,
#toBottom:focus {
	outline: none;
}

/* 메인부분 */
#contents,
#footer,
#quick {
	position: relative;
	width: 100%;
}

.header {
	width: 100%;
	position: relative;
/*	z-index : 99999; */
}

.html-con {
/*	width: 850px; */
	width: 1050px;
	margin: 0 auto;
	overflow: hidden;
}

.main-html {
	background-color: #fff;
}

/* 상단 부분 햄버거 메뉴 */
.top-box-logo {
	position: relative;
	width: 100%;
	background-color: #fff;
	z-index: 99999;
	text-align: center;
}
.top-box-logo ul {
	display: inline-block;
	width: 100%;
	border:0;
	margin:0;
	padding:0;
}
.top-box-logo ul li {
	display: inline-block;
	float:left;
	padding: 7px 0;
	border:0;
	margin:0;
	text-align: center;
}
.top-box-logo .more-btn {
	display: block;
	/*  background-color: #000;*/
}

.top-box-logo .more-btn img {
	width: 26px;
}

.top-box-logo .close-btn {
	display: block;
}

.top-box-logo .close-btn img {
	width: 26px;
}
.top-box-logo .top-nav-list li {
}

.top-box-logo .menu-open-btn {
	display: block;
	/*  background-color: #000;*/
}

.top-box-logo .menu-open-btn img {
	width: 26px;
}

.top-box-logo .menu-close-btn {
	display: block;
}

.top-box-logo .menu-close-btn img {
	width: 26px;
}

.nav-box {
	display: none;
	width: 50%;
	margin-left: -100%;
	position: absolute;
	left: 0;
	z-index: 999;
}

.gnb-bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.15;
	z-index: 99; 
/*	z-index: 9; */
}

.issue_list_menu {
	width: 100%;
	padding: 0;
/*	border-top: 8px #fff solid; */
	border-bottom: 1px #fff solid;
}

.issue_list_menu .list ul li {
	width: 100%;
}

.issue_list_menu span {
	font-size: 1.1em;
	color: #fff;
	padding-left: 35px;
}

/* 상단 부분 */
.top-box {
	position: relative;
/*	width: 94%; */
	width: 94%;
	padding: 5px 0;
	background-color: #fff;
	z-index: 89;
/*	border-bottom: solid 1px #bfbfbf; */
}

.top-box .logo {
	text-align: center;
}

.top-box .logo a {
	display: inline-block;
	width: 230px;
}

.top-box .logo img {
	max-width: 100%;
	vertical-align: baseline;
}

.top-box.sub-top {
	padding: 0 3%;
	background-color: #31a39c;
	/*  background-color: #147c00;  상단 메뉴 백그라운드 색상 원본*/
	border-bottom: none;
}

.top-box .back-box {
	float: left;
	padding: 8px 0;
	width: 7%;
	text-align: left;
/*	  background-color: #333; */
}

.top-box .back-btn img {
	width: 26px;
}

.top-box .lang-box {
	float: left;
	width: 72%;
/*	background-color: #77cfca; */
}

.top-box .lang-box .lang-list {
	text-align: center;
}

.top-box .lang-box .lang-list li {
	display: inline-block;
	width: 47%;
	text-align: center;
}

.top-box .lang-box .lang-list li a {
	display: inline-block;
	width: 96%;
	padding: 13px 2%;
	color: #fff;
	font-size: 1.307692em;
	font-weight: bold;
	/*  background-color: #147c00; 원본 상단메뉴 앵커 백그라운드 */
}

.top-box .lang-box .lang-list li a:active {
	background-color: #77cfca;
	/* 클릭시 백그라운드 */
	/*   background-color: #bfe261;/* 클릭시 백그라운드 */
	color: #ff8a00;
}

.top-box .lang-box .lang-list li .active {
	background-color: #77cfca;
	/* 선택 백그라운드 */
	/*   background-color: #bfe261; 원본 선택 백그라운드
  color: #ff8a00;  fff*/
	color: #000;
}

.top-box .replay-btn {
	display: block;
	/*  background-color: #000;*/
}

.top-box .replay-btn img {
	width: 26px;
}

.top-box .home-btn {
	display: block;
	/*  background-color: #000;*/
}

.top-box .home-btn img {
	width: 26px;
}

.nav-top .more-btn {
	display: block;
	/*  background-color: #000;*/
}

.nav-top .more-btn img {
	width: 26px;
}

.nav-top .close-btn {
	display: block;
}

.nav-top .close-btn img {
	width: 26px;
}

/* 팝업부분 */
.top-pop-box {
	display: none;
	position: relative;
	width: 100%;
}

.top-pop-box img {
	width: 100%;
}

.top-pop-box .close-posi {
	position: absolute;
	top: 24%;
	right: 15px;
}

.top-pop-box .close-posi img {
	width: 20px;
}

.home-box {
	position: absolute;
	top: 13px;
	right: 10px;
}

/* nav  네비 부분*/
nav {
/*	position: relative;
	top: -45px; */
	z-index: 99999;
}
.nav-top {
	float: right;
	width: 20%;
	padding: 8px 0;
/*	  background-color: #333; */
}
.nav-top .nav-list li {
	float: right;
	width: 33%;
	text-align: right;
}
.gnb-link {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 999;
}

.gnb-link .nav-border-box {
	border-bottom: solid 1px #ddd;
}

.gnb-link .depth-1 .one-dep {
	display: block;
	padding: 12px 15px;
}

.gnb-link .depth-1 .one-dep .new-icon {
	width: 12px;
}

.gnb-link ul {
	z-index: 999;
}

.gnb-link ul.ul-2 {
	display: block;
	left: -100%;
}

.gnb-link ul li {
	width: 100%;
	margin-top: 0;
}

.gnb-link ul li a {
	display: block;
	float: none;
	background-position: 95% center;
	background-repeat: no-repeat;
	background-color: #fff;
	text-align: left;
	border-top: 1px solid #ddd;
	color: #333;
	font-size: 1.076923em;
	font-weight: bold;
}

.gnb-link ul li a.down {
	background-image: url('../images/icon/arrow-right-gray.png');
	-webkit-background-size: 9px 17px;
	background-size: 9px 17px;
}

.gnb-link ul li a.up {
	background-image: url('../images/icon/arrow-right-gray.png');
	-webkit-background-size: 9px 17px;
	background-size: 9px 17px;
}

.gnb-link ul li a.nav-li:active {
	background-image: url('../images/icon/arrow-right-white.png');
	-webkit-background-size: 9px 17px;
	background-size: 9px 17px;
	/*  background-color: #76b133; */
	background-color: #77cfca;
	color: #fff;
}

.gnb-link ul li a.nav-li:hover {
	background-image: url('../images/icon/arrow-right-white.png');
	-webkit-background-size: 9px 17px;
	background-size: 9px 17px;
	background-color: #77cfca;
	color: #fff;
}

.gnb-link ul li a.nav-li.active {
	background-image: url('../images/icon/arrow-right-white.png');
	-webkit-background-size: 9px 17px;
	background-size: 9px 17px;
	background-color: #77cfca;
	color: #fff;
}

.gnb-link ul li .icon-li {
	font-weight: normal;
	font-size: 1em;
	color: #888;
}

.gnb-link ul li .home-icon {
	display: inline-block;
	padding: 5px 0 5px 35px;
	background-image: url('../images/main/home-icon.png');
	background-repeat: no-repeat;
	background-position: 0 center;
	-webkit-background-size: 26px 23px;
	background-size: 26px 23px;
}

.gnb-link ul li .web-icon {
	display: inline-block;
	padding: 5px 0 5px 35px;
	background-image: url('../images/main/web-icon.png');
	background-repeat: no-repeat;
	background-position: 0 center;
	-webkit-background-size: 26px 23px;
	background-size: 26px 23px;
}

.gnb-link ul li .call-icon {
	display: inline-block;
	padding: 5px 0 5px 35px;
	background-image: url('../images/main/call-icon.png');
	background-repeat: no-repeat;
	background-position: 0 center;
	-webkit-background-size: 26px 23px;
	background-size: 26px 23px;
}

.gnb-link ul li ul {
	display: none;
	position: relative;
	left: 0;
	top: 0;
	background-color: #fff;
}

.gnb-link ul li ul li:first-child a {
	border-top: none;
}

.gnb-link ul li ul li {
	margin-top: -1px;
}

.gnb-link ul li ul li a {
	padding: 15px 10px 15px 30px;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	border-top: 1px solid #f78e92;
	border-bottom: none;
	background: url('../images/main/nav-bollet-01.gif') no-repeat 15px center;
	background-color: #be161e;
}

.gnb-link ul li ul li a:hover {
	color: #fff;
	background-color: #be161e;
}

.gnb-link ul li ul li ul li a {
	padding: 10px 10px 10px 30px;
	border-top: none;
	background-image: none;
}

.gnb-link ul li ul li ul li a:before {
	content: '-';
	padding-right: 5px;
}

.gnb-link ul .gray-back ul {
	background-color: #f8f8f8;
}

.gnb-link ul .gray-back a {
	background-color: #f8f8f8;
}

/* 메인 타이틀 */
/* 메인 비쥬얼 */
.m-visual-box {
	position: relative;
}

.m-visual-box li {
	width: 100%;
	float: left;
	position: relative;
}

.m-visual-box img {
	width: 100%;
	height : 363px;
}

.m-visual-box .txt-box {
	position : absolute;
	top: 125px; /* 메인 비주얼 텍스트 및 박스 위치 */
	left: 0;
	width: 100%;
}

.m-visual-box .txt-box .txt-posi {
	position : relative;
    vertical-align: middle;
	padding: 6% 6%;
	text-align: center;
	background: url('../images/main/m-visual-bg.png') repeat 0 0;
}

.m-visual-box .txt-box .txt-style {
	font-size: 30px;
	font-weight: bold;
	color: #147c00;
}

.m-visual-box .bx-wrapper .bx-controls-direction a {
	width: 28px; /* 화살표 넓이 */
	height: 52px; /* 화살표 높이 */
	top: 190px;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 80;
}

.m-visual-box .bx-wrapper .bx-prev {
	background: url('../images/pro-prev-btn.png') no-repeat 0 0;
}

.m-visual-box .bx-wrapper .bx-next {
	background: url('../images/pro-next-btn.png') no-repeat 0 0;
}

/* 메인 검색부분 */
.main-search-box {
	padding: 10px 3%;
}

.main-search-box .left-box {
	float: left;
	width: 30%;
	margin-right: 5px;
}

.main-search-box .right-box {
	float: none;
	overflow: hidden;
	height: 31px;
	border: solid 1px #b9b9b9;
}

.main-search-box .select-box {
	padding: 5px;
	width: 100%;
	height: 33px;
}

.main-search-box .input-box {
	width: 70%;
	padding: 6px 5px;
	float: left;
	display: inline-block;
	border: none;
}

.main-search-box .search-btn {
	float: right;
	display: inline-block;
	width: 22px;
	padding: 5px;
	background-color: #999;
	vertical-align: top;
}

.main-search-box .search-btn:active {
	background-color: #666;
}

/* 메인 컨텐츠 부분 */
/* 메인 컨텐츠 배너 */
.main-bn-box .eng-box {
	float: left;
	width: 50%;
}

.main-bn-box .korea-box {
	float: left;
	width: 50%;
	margin-left: -1px;
	border-left: solid 1px #fff;
}

.main-bn-box .title-box {
	padding: 15px;
	text-align: center;
	color: #fff;
	background-color: #c0c0c0;
	font-weight: normal;
}

.main-bn-box .border-list {
	margin-left: -1px;
	border-left: solid 1px #fff;
}

.main-bn-box .bn-list li {
	border-bottom: solid 1px #fff;
}

.main-bn-box .bn-list li a {
	display: block;
	padding: 20px 5px 20px 15px;
	color: #fff;
}

.main-bn-box .bn-list li .list-a-01 {
	background-color: #95d04c;
}

.main-bn-box .bn-list li .icon-01 {
	padding: 5px 0 5px 30px;
	background: url('../images/main/icon-04.png') no-repeat 0 0;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.main-bn-box .bn-list li .list-a-02 {
	background-color: #76b133;
}

.main-bn-box .bn-list li .icon-02 {
	padding: 5px 0 5px 30px;
	background: url('../images/main/icon-02.png') no-repeat 0 0;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.main-bn-box .bn-list li .list-a-03 {
	background-color: #53ab3a;
	/*   background-color: #147c00; 원본 */
}

.main-bn-box .bn-list li .icon-03 {
	padding: 5px 0 5px 30px;
	background: url('../images/main/icon-03.png') no-repeat 0 0;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.main-bn-box .bn-list li .list-a-04 {
	background-color: #77d3cd;
	/*   background-color: #147c00; 원본 */
}

.main-bn-box .bn-list li .icon-04 {
	padding: 5px 0 5px 30px;
	background: url('../images/main/icon-04.png') no-repeat 0 0;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.main-bn-box .bn-list li .list-a-05 {
	background-color: #31a39c;
	/*   background-color: #147c00; 원본 */
}

.main-bn-box .bn-list li .icon-05 {
	padding: 5px 0 5px 30px;
	background: url('../images/main/icon-05.png') no-repeat 0 0;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.main-bn-box .bn-list li .list-a-06 {
	background-color: #d4ca9b;
	/*   background-color: #147c00; 원본 */
}

.main-bn-box .bn-list li .icon-06 {
	padding: 5px 0 5px 30px;
	background: url('../images/main/icon-06.png') no-repeat 0 0;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.main-bn-box .bn-list li .list-a-07 {
	background-color: #c7b563;
	/*   background-color: #147c00; 원본 */
}

.main-bn-box .bn-list li .icon-07 {
	padding: 5px 0 5px 30px;
	background: url('../images/main/icon-06.png') no-repeat 0 0;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.main-bn-box .bn-list li .list-a-08 {
	background-color: #af9934;
	/*   background-color: #147c00; 원본 */
}

.main-bn-box .bn-list li .icon-08 {
	padding: 5px 0 5px 30px;
	background: url('../images/main/icon-06.png') no-repeat 0 0;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.new-icon {
	display: inline-block;
	width: 10px;
	margin-left: 5px;
}

/* 메인푸터 부분 */
.sub-foot {
	display: none;
}

.m-footer {
	width: 100%;
	line-height: 1.5;
}

.m-footer .footer-box {
	padding: 20px 3%;
	font-size: 1em;
	color: #cbcbcb;
	position: relative;
	background-color: #f4f4f4;
}

.m-footer .foot-red {
	color: #ee1c25;
}

.m-footer .footer-txt {
	font-size: 0.757142em;
	text-align: center;
	color: #999;
}

.m-footer .link_website {
	font-size: 0.757142em;
	text-align: center;
	letter-spacing: 0.5px;
	padding: 1px 5px;
	background-color: #00cc33;
	border-radius: 5px;
	color: #fff;
}

.m-footer .foot-logo img {
	width: 170px;
}

.m-footer .footer-bn-box {
	background-color: #fff;
	background: url('') no-repeat 0 0;

}

.m-footer .footer-bn-box a {
	display: block;
	padding: 10px 0px;
	color: #999;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
}

.m-footer .footer-bn-box .left-box {
	border-right: 0px;
	float: left;
	height: 100%;
	width: 33%;
	border-right: 1px solid #e8e8e8;
}

.m-footer .footer-bn-box .mid-box {
	float: left;
	width: 34%;
	height: 100%;
	border-right: 1px solid #e8e8e8;
}

.m-footer .footer-bn-box .right-box {
	float: left;
	border-right: 0px;
	width: 33%;
	height: 100%;
	/*  margin-right: -10px; */
}

.m-footer .footer-bn-box .icon-01 {
	display: inline-block;
	padding: 5px 0 5px 30px;
	background: url('../images/main/web-icon.png') no-repeat 0 center;
	-webkit-background-size: 26px 23px;
	background-size: 26px 23px;
}

.m-footer .footer-bn-box .icon-02 {
	display: inline-block;
	padding: 5px 0 5px 30px;
	background: url('../images/main/call-icon.png') no-repeat 0 center;
	-webkit-background-size: 26px 23px;
	background-size: 26px 23px;
}

.m-footer .footer-bn-box .icon-04 {
	display: inline-block;
	padding: 5px 0 5px 30px;
	background: url('../images/main/map-icon.png') no-repeat 0 center;
	-webkit-background-size: 26px 23px;
	background-size: 26px 23px;
}

.m-footer .footer-bn-box .icon-05 {
	display: inline-block;
	padding: 5px 0 5px 30px;
	background: url('../images/main/home-icon.png') no-repeat 0 center;
	-webkit-background-size: 26px 23px;
	background-size: 26px 23px;
}

.m-footer .footer-bn-box .icon-06 {
	display: inline-block;
	padding: 5px 0 5px 30px;
	background: url('../images/main/qna-icon.png') no-repeat 0 center;
	-webkit-background-size: 26px 23px;
	background-size: 26px 23px;
}

/* 서브-layout */
.s-title-box {
	position: relative;
	padding: 4px 1.5%;
	background-color: #bfece9;
	/* 대타이틀  */
	border-top: solid 2px #cbd122;
	/* cbd122  ffcc00 */
	border-bottom: solid 1px #126560;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=0.9);
	/*   
  border-top: solid 2px  #ffcc00;
  border-bottom: solid 1px #126560;
	background-color: #def6c4; 원본 대타이틀  
*/
}

.s-title-box.type-02 {
	padding: 4px 1.5%;
}

.title-top {
	position: relative;
	padding: 15px 3%;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	border-top: solid 1px #d1e89c;
	text-shadow: 1px 1px 1px #666;
}

.back-posi {
	display: block;
	width: 6%;
	position: absolute;
	top: 0;
	left: 3%;
}

.bread-box {
	padding: 20px 3%;
	background: url('../images/sub-top-bg.gif') repeat 0 0;
	border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
}

.bread-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.bread-box ul li {
	float: left;
}

.bread-box ul li a {
	float: left;
	display: block;
	padding: 0 10px;
	color: #666;
	font-size: 13px;
	background: url('../images/icon/bc-right.png') no-repeat right center;
}

.bread-box ul li a.on,
.bread-box ul li a:hover {
	color: #666;
}

.bread-box ul li a .icon-home {
	display: inline-block;
	width: 13px;
	height: 15px;
	margin-right: 10px;
	background: url('../images/icon/icon-home.png') no-repeat;
	vertical-align: middle;
}

.bread-box ul li.frist a {
	padding-left: 0;
}

.bread-box ul li.last a {
	background: none;
	padding-right: 0;
}

/* 버튼 */
.btn-type-01 {
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	background-color: #6a6a6a;
}

.table-btn-01 {
	display: inline-block;
	padding: 3px 15px;
	color: #fff;
	background-color: #6a6a6a;
}

.btn-con-box a {
	text-align: center;
}

.btn-con-box.one a {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}

.btn-con-box.two a:first-child {
	margin-left: 0;
}

.btn-con-box.two a {
	float: left;
	display: inline-block;
	width: 48%;
	margin-left: 2%;
	padding: 10px 0;
}

.btn-con-box.three a:first-child {
	margin-left: 0;
}

.btn-con-box.three a {
	display: inline-block;
	width: 31.2%;
	margin-left: 1%;
	padding: 10px 0;
}

.btn-con-box .green-color {
	color: #fff;
	background-color: #23b400;
	border: solid 1px #346701;
}

.btn-con-box .gray-color {
	color: #fff;
	background-color: #666;
	border: solid 1px #333;
}

.btn-con-box .orange-color {
	color: #fff;
	background-color: #ff5f1e;
	border: solid 1px #cc3401;
}

/* 인풋 타입 */
.log-type-01 {
	padding: 2%;
	border: solid 1px #e5e5e5;
	background-color: #f5f5f5;
	border-radius: 5px;
	width: 95.6%;
}

.input-type-01 {
	padding: 7px;
	width: 55%;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
}

.input-type-02 {
	padding: 7px;
	width: 18%;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
}

.input-type-03 {
	padding: 7px;
	width: 80%;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
}

.input-type-04 {
	padding: 7px;
	width: 38%;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
}

.input-type-05 {
	padding: 7px;
	width: 90%;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
}

.input-type-06 {
	padding: 7px;
	width: 32%;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
}
.input-type-07 {
	padding: 3px;
	border: solid 1px #cadaa1;
	background-color: #fff;
	border-radius: 5px;
	width: 95.6%;
}
.check-input-01 {
	width: 16px;
	height: 16px;
}

.textarea-type-01 {
	padding: 10px 3%;
	width: 94%;
	height: 150px;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	overflow-y: auto;
}

.img-plus-box {
	padding: 7px;
	width: 80%;
	height: 50px;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	overflow-y: auto;
}

.search-select-01 {
	padding: 7px;
	width: 100%;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
}

.input-posi {
	position: relative;
}

/* 라벨 값 */
.label-box {
	display: inline-block;
	position: relative;
}

.label-type-01 {
	position: absolute;
	top: 0;
	left: 0;
}

/* 텍스트 */
.label-txt-01 {
	font-size: 1.066666em;
	color: #333;
}

.big-title-01 {
	font-size: 2em;
	color: #333;
	letter-spacing: -0.5px;
}

.title-type-01 {
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	letter-spacing: -0.5px;
}

.txt-type-01 {
	font-size: 1.428571em;
	color: #333;
	font-weight: bold;
	line-height: 1.3;
}

.txt-red-01 {
	font-size: 1.428571em;
	color: #ee1c25;
	font-weight: bold;
	line-height: 1.3;
}

.txt-type-02 {
	font-size: 1.285714em;
	color: #333;
	letter-spacing: -0.7px;
}

.line-txt-01 {
	position: relative;
}

.line-txt-01 span {
	display: inline-block;
	position: absolute;
	top: -8px;
	left: 0;
	width: 15px;
	height: 2px;
	background-color: #ee1c25;
}

/* 불릿 */
.bollet-01 {
	padding-left: 8px;
	background: url('../images/bollet-01.png') no-repeat 0 8px;
}

.bollet-list li {
	padding-left: 8px;
	margin-bottom: 3px;
	background: url('../images/bollet-01.png') no-repeat 0 8px;
}

/* 가로 스크롤 */
.scroll-con {
	width: 100%;
}

.scroll-con .m-scroll {
	padding-bottom: 25px;
}

.scroll-con .scroll-w {
	width: 640px;
}

/* 스크롤바 css*/
.scroll-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #333;
}

.new {
	display: inline-block;
	margin-left: 5px;
}

/* 서브 컨텐츠 */
.wrapper {
	margin: 0 2%;
}

.m-container {
	background-color: #fff;
	padding-bottom: 0px;
	/* 메인메뉴와 푸터 간격  기존 : padding-bottom: 10px;*/
}

.s-container {
	line-height: 1.5;
}

.sub-con {
	padding-bottom: 100px;
	color: #666;
	line-height: 1.5;
	min-height: 450px;
}

.sub-con-margin {
	margin-top: 30px;
}

.sub-con.sub-bottom-p {
	padding-bottom: 30px;
}

.sub-con-wrapper {
	padding: 0 3% 100px 3%;
}

.sub-con-wrapper.not-bottom {
	padding-bottom: 0;
}

.con-margin {
	margin-top: 30px;
}

.content-margin-top {
	margin-top: 20px;
}

.sub-top-border {
	padding-top: 20px;
	border-top: solid 1px #a3a3a3;
}

.s-title-01 {
	position: relative;
	text-align: center;
	/*  color: #156204;  1.692307em 대타이틀 색상 원본 */
	color: #212121;
	font-weight: normal;
	font-size: 1.492307em;
	letter-spacing: -0.3px;
	line-height: 1.3;
}

.s-title-01 .line_bd {
	position: absolute;
	top: -3px;
	left: 0;
	width: 20px;
	height: 1px;
	background-color: #ff020e;
}

.search-txt {
	font-size: 1.153846em;
	padding: 4px;
}

.s-two-title-bg {
	padding-left: 20px;
	background: url('../images/title-bar.gif') no-repeat 0 17px;
}

.big-red-txt {
	font-size: 2em;
	font-weight: bold;
	color: #ee1c25;
}

.red-bollet-ul li {
	padding-left: 15px;
	background: url('../images/icon/red-bollet-01.gif') no-repeat 0 6px;
	-webkit-background-size: 10px 9px;
	background-size: 10px 9px;
}

.img-width img {
	width: 100%;
}

/* 이미지 크게보기 팝업 */
.mfp-content {
	width: 100%;
	text-align: center;
}

.pop-ab {
	position: relative;
	display: inline-block;
}

.pop-ab .img-box {
	width: 94%;
	padding: 10px 3%;
	background-color: #fff;
}

.pop-ab .mfp-close {
	background: #fff;
	opacity: 1;
}

.pop-con {
	width: 96%;
	padding: 50px 0 10px 0;
	background-color: #fff;
}

/* 테이블 640 스크롤바*/
.mo-scroll-640 {
	overflow-x: auto;
}

.mo-scroll-640 .scroll-w-640 {
	width: 640px;
}

/* 게시판 */
.table-type-01 {
	width: 100%;
	font-size: 1em;
}

.table-type-01 th {
	padding: 8px 5px;
	color: #fff;
	font-weight: normal;
	background-color: #147c00;
	border: solid 1px #ddd;
}

.table-type-01 td {
	text-align: center;
	padding: 8px 5px;
	vertical-align: middle;
	border: solid 1px #ddd;
}

.table-type-01 .text_left {
	text-align: left;
}

.table-type-01 .board-link:hover {
	color: #006666;
}

.table-type-01.board-gray th {
	color: #656565;
	border-top: solid 2px #bbb;
}

/* 게시판 뷰 페이지 부분*/
/* 게시판 상세보기*/
.table-view-01 {
	width: 100%;
}

.table-view-01 th,
.table-view-01 td {
	padding: 8px 5px;
	border-bottom: solid 1px #ccc;
	text-align: left;
}

.table-view-01 th {
	color: #006666;
	font-weight: bold;
	background-color: #fafafa;
	vertical-align: middle;
}

.table-view-01 tr:first-child th,
.table-view-01 tr:first-child td {
	border-top: solid 1px #006666;
}

.table-view-01 .content-padding {
	padding: 15px 10px;
}

.table-view-01 .text_left {
	text-align: left;
}

/* 폼 게시판 */
.table-form-01 {
	width: 100%;
}

.table-form-01 th,
.table-form-01 td {
	padding: 10px;
	border-bottom: solid 1px #ccc;
	text-align: left;
}

.table-form-01 th {
	width: 20%;
	color: #463423;
	font-weight: bold;
	background-color: #fafafa;
	vertical-align: middle;
}

.table-form-01 td {
	width: 80%;
}

.table-form-01 tr:first-child th,
.table-form-01 tr:first-child td {
	border-top: solid 1px #463423;
}

.table-form-01 .content-padding {
	padding: 15px 10px;
}

.table-form-01 .text_left {
	text-align: left;
}

.table-form-01 label {
	font-weight: bold;
}

.table-form-01 .th-txt {
	font-weight: bold;
	color: #463423;
}

/* 게시판 하단 숫자 버튼 */
.number-box .number-list {
	text-align: center;
}

.number-box .number-list li:first-child {
	margin-left: 0;
}

.number-box .number-list li {
	margin-left: 10px;
	display: inline;
	line-height: 1;
}

.number-box .number-list li a {
	display: inline;
}

.number-box .number-list li .active {
	font-weight: bold;
	color: #e5554f;
}

.number-box .number-list li a.button-width img {
	vertical-align: middle;
	width: 25px;
}

.number-box .number-list li.list-txt {
	vertical-align: middle;
}

.number-box .num-m {
	margin: 0 5px;
}

/* 게시판 하단 숫자버튼 */
.paging-area.mt_10 {
	margin-top: 10px;
}

.paging-area {
	position: relative;
	margin-top: 30px;
	padding: 0 1.5%;
}

.paging-area ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.paging-area ul li {
	padding: 0;
}

.paging-area ul li a {
	display: inline-block;
	width: 33px;
	height: 21px;
	padding: 6px 0;
	color: #666;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/paging/paging.png');
}

.paging-area ul li a:hover {
	color: #147c00;
	font-weight: bold;
	text-decoration: none;
}

.paging-area ul li a.active {
	color: #147c00;
	font-weight: bold;
	text-decoration: none;
}

.paging-area ul li a.prev {
	border: solid 1px #ddd;
	background-image: url('../images/paging/prev.png');
}

.paging-area ul li a.next {
	border: solid 1px #ddd;
	background-image: url('../images/paging/next.png');
}

.paging-area ul li a span {
	display: inline-block;
	text-indent: -9999px;
}

.paging-area .paging-li-01 {
	position: absolute;
	top: 0;
	left: 1.5%;
	width: 33px;
}

.paging-area .paging-li-02 {
	float: left;
	width: 100%;
}

.paging-area .paging-li-02 .paging-num-list {
	padding: 0 38px;
}

.paging-area .paging-li-03 {
	position: absolute;
	top: 0;
	right: 1.5%;
	width: 33px;
}

.paging-area .paging-num-list li {
	display: inline-block;
	margin-left: 5px;
	padding: 0;
}

/* 게시판 하단 검색 */
.board-search-01 {
	margin-top: 30px;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	background-color: #ededed;
}

.board-search-01 select {
	border: solid 1px #a1a1a1;
	background-color: #fff;
}

.board-search-01 input {
	border: solid 1px #a1a1a1;
	background-color: #fff;
}

.board-search-01 .select-type-01 {
	width: 80px;
	padding: 4px 0;
}

.board-search-01 .input-type-01 {
	padding: 5px;
	width: 33%;
}

.board-search-01 .btn {
	display: inline-block;
	vertical-align: middle;
	padding: 4px 10px 6px 10px;
}

.board-search-01 .btn-color-01 {
	width: 68px;
	color: #fff;
	background-color: #555555;
}

/* 게시판 리스트 스타일 */
.border-list-type {
	border-top: solid 1px #a9a9a9;
	border-bottom: solid 1px #a9a9a9;
}

.border-list-type li {
	border-bottom: solid 1px #c7c7c7;
}

.border-list-type li a {
	display: block;
	padding: 10px 10px;
}

.border-list-type li a .list-title {
	color: #333;
}

.border-list-type li a .list-up-bg {
	float: left;
	width: 60px;
	margin-right: 20px;
	padding-left: 20px;
	background: url('../images/icon/list-prev.png') no-repeat 0 6px;
}

.border-list-type li a .list-down-bg {
	float: left;
	width: 60px;
	margin-right: 20px;
	padding-left: 20px;
	background: url('../images/icon/list-next.png') no-repeat 0 6px;
}

.border-list-type li a .w-con {
	float: none;
	overflow: hidden;
}

.border-list-type .border-none {
	border-bottom: none;
}

.txt-board-box {
	padding: 10px 5px;
}

.txt-board-box img {
	width: 100%;
}

/* 로그인 */
.login-box {
	padding: 30px 5%;
	border: solid 3px #cdac89;
}

.login-box .login-con-box {
	margin-top: 20px;
}

.login-box .login-con-box .login-con-left {
	float: none;
	width: 100%;
}

.login-box .login-con-box .login-con-left .login-title {
	float: left;
	width: 65px;
	color: #333;
}

.login-box .login-con-box .login-con-left .login-input-box {
	float: none;
	overflow: hidden;
}

.login-box .login-con-box .login-con-right {
	float: none;
	margin-top: 5px;
}

.login-box .login-bottom .login-left {
	float: none;
}

.login-box .login-bottom .login-right {
	float: none;
	margin-top: 5px;
}

.login-box .log-input {
	padding: 7px 2%;
	width: 95%;
}

.login-box .login-btn-01 {
	display: inline-block;
	width: 100%;
	padding: 8px 0;
	background-color: #fb9c07;
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.login-box .login-btn-02 {
	display: inline-block;
	padding: 8px;
	width: 40%;
	text-align: center;
	font-size: 12px;
	background-color: #ddd;
}

.login-ok-box {
	padding: 30px;
	border: solid 3px #a6c936;
}

.login-ok-box .login-top {
	padding: 30px 0;
	border-bottom: solid 1px #ddd;
	text-align: center;
}

.login-ok-box .login-bottom {
	padding: 30px 0;
}

.login-ok-box .login-bottom li {
	text-align: center;
}

.login-ok-box .login-bottom .txt-left {
	display: inline-block;
	width: 60px;
	font-weight: bold;
}

.login-ok-box .login-bottom .txt-right {
	display: inline-block;
	font-weight: bold;
}

/* 약관동의 */
.tumb-big-box {
	padding: 5px;
	border: solid 2px #e3e3e3;
}

.tumb-border-box {
	border: solid 1px #e3e3e3;
}

.tumb-box {
	width: 96%;
	height: 100px;
	padding: 15px 2%;
	overflow-y: auto;
	background-color: #fbfbfb;
}

.condition-box {
	font-size: 13px;
}

.condition-box .condition-margin {
	margin-top: 20px;
}

.condition-box .condition-margin-02 {
	margin-top: 10px;
}

.condition-box .condition-big-margin {
	margin-top: 50px;
}

.condition-box .top-title-01 {
	color: #333;
	font-weight: bold;
	font-size: 16px;
}

.condition-box .title-01 {
	color: #333;
	font-weight: bold;
}

/* 아이디 비밀번호 찾기 */
.find-box .id-find-box {
	float: left;
	width: 49%;
	margin: 0 0.5%;
}

.find-box .id-find-box .btn-box {
	margin-top: 69px;
}

.find-box .pass-find-box {
	float: left;
	width: 49%;
	margin: 0 0.5%;
}

.find-box .pass-find-box .btn-box {
	margin-top: 10px;
}

.find-box .find-con-border {
	border: solid 3px #a6c936;
}

.find-box .find-con {
	padding: 20px;
}

.find-box .find-con .find-left {
	float: left;
	width: 60px;
}

.find-box .find-con .find-right {
	float: none;
	overflow: hidden;
}

.find-box .find-con .find-input {
	padding: 5px 2%;
	width: 95%;
}

.find-box .find-con .btn-box {
	padding-left: 60px;
}

.find-box .find-con .find-btn-01 {
	display: block;
	width: 96%;
	padding: 5px 2%;
	background-color: #a6c936;
	color: #fff;
	text-align: center;
}

/* 법 리스트 */
.law-list-box .law-box {
	border-bottom: solid 1px #ddd;
}

.law-list-box .law-title-01 {
	padding: 5px 1.5%;
	color: #fff;
	background-color: #666;
	font-size: 1.153846em;
	font-weight: bold;
}

.law-list-box .law-list-01 li {
	margin-top: -1px;
	border-top: solid 1px #ddd;
}

.law-list-box .law-list-01 .link-01 {
	display: block;
	padding: 7px 1.5%;
	position: relative;
}

.law-list-box .law-list-01 .link-01 .list-icon {
	width: 100%;
	display: table-cell;
	padding-left: 28px;
	padding-right: 10px;
	background: url('/images/icon/list-plus.png') no-repeat 0 center;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
	color: #333;
	font-size: 1.153846em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.law-list-box .law-list-01 .link-01 .table-big-box {
	display: table;
}

.law-list-box .law-list-01 .link-01 .num-big-table {
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	text-align: right;
}

.law-list-box .law-list-01 .link-01 .num-box {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 10px;
	background-color: #a1d467;
	color: #fff;
	line-height: 1;
	font-size: 0.923076em;
}

.law-list-box .law-list-01 .link-01.active .list-icon {
	background: url('/images/icon/list-minus.png') no-repeat 0 center;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

.law-list-box .law-list-02 {
	display: none;
	background-color: #e8e8e8;
}

.law-list-box .law-list-02 li {
	border-top: solid 1px #fff;
	color: #333;
}

.law-list-box .law-list-02 a {
	display: block;
	padding: 8px 1.5%;
	color: #333;
}

.law-list-box .law-list-02 a:active {
	background-color: #cfcfcf;
}

.law-list-box .law-list-02 .no_link {
	display: block;
	padding: 8px 1.5%;
	color: #333;
}

.law-list-box .law-list-02 .arrow-icon {
	padding-right: 15px;
	background: url('../images/main/search-next.png') no-repeat right center;
	-webkit-background-size: 10px 19px;
	background-size: 10px 19px;
}

.law-list-box .law-list-02 .audio-link {
	padding: 5px 0 5px 28px;
	background: url('../images/icon/audio-icon.png') no-repeat 0 center;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

.law-list-box .law-list-02 .view-link {
	color: #147c00;
}

.law-list-box .img-list-box .img-box {
	float: left;
	width: 20%;
	margin-right: 10px;
}

.law-list-box .img-list-box .img-box.right-flo {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

.law-list-box .img-list-box .txt-box {
	float: none;
	overflow: hidden;
}

/* 하단 검색 */
.search-bottom-box {
	position: relative;
	width: 94%;
	padding: 10px 3%;
	background-color: #ddd;
}

.search-bottom-box .search-box {
	background-color: #fff;
}

.search-bottom-box .input-box {
	width: 84%;
	padding: 6px 5px;
	float: left;
	display: inline-block;
	border: none;
	text-align: center;
}

.search-bottom-box .search-btn {
	float: right;
	display: inline-block;
	width: 22px;
	padding: 5px;
	background-color: #999;
	vertical-align: top;
}

.search-bottom-box .search-btn:active {
	background-color: #666;
}

.search-top-count {
	position: fixed;
	/*  padding-top: 1px; */
	padding-bottom: 1px;
	left: 0;
	bottom: 38px;
	width: 100%;
	height: 17px;
	text-align: center;
	display: none;
	z-index: 1002;
}

.search-top-count-text {
	font-size: 0.59em;
	/*	width: 50px; 
	background-color: #fff;*/
	color: red;
}

.search-bottom-big {
	width: 1050px;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	/*
  left: 0;
  width: 100%; 
	width: 850px;
*/
	z-index: 1001;
}
.search-bottom-big .search-link-js {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.search-bottom-box-02 {
	position: relative;
	background-color: #fff;
	border-top: solid 1px #ddd;
}

.search-bottom-box-02 .search-type-01 {
	padding: 10px 3%;
	text-align: center;
}

.search-bottom-box-02 .search-type-01 .search-btn {
	float: none;
}

.search-bottom-box-02 .search-type-01 li {
	vertical-align: middle;
}

.search-bottom-box-02 .search-type-01 li a {
	display: inline-block;
	padding: 5px;
}

.search-bottom-box-02 .search-type-01 li a img {
	height: 19px;
}

.search-bottom-box-02 .search-type-01 .search-list-left {
	position: absolute;
	top: 10px;
	left: 1.5%;
}

.search-bottom-box-02 .search-type-01 .search-list-right {
	position: absolute;
	top: 10px;
	right: 1.5%;
}

.search-bottom-box-02 .search-type-01 .arrow-flo .arrow-01 {
	float: left;
	padding-left: 3px;
	padding-right: 3px;
}

.search-bottom-box-02 .search-type-01 .arrow-flo .arrow-02 {
	float: left;
	padding-left: 3px;
	padding-right: 3px;
}

.search-bottom-box-02 .search-type-01 .search-list-center {
	width: 100%;
}

.search-bottom-box-02 .search-type-01 .search-list-center .search-link {
	padding: 0 75px;
}

.search-bottom-box-02 .search-type-01 .search-list-center .input-box {
	padding: 5px 2%;
	width: 96%;
	border: none;
}

.search-bottom-box-02 .search-type-01 .search-list-center .search-btn {
	display: inline-block;
	width: 22px;
	padding: 6px 5px;
	background-color: #999;
	vertical-align: top;
}

.search-bottom-box-02 .search-type-01 .search-list-center .search-btn:active {
	background-color: #666;
}

.search-bottom-box-02 .search-type-01 .search-list-center .flo-01 {
	float: right;
	height: 31px;
	overflow: hidden;
}

.search-bottom-box-02 .search-type-01 .search-list-center .flo-02 {
	height: 29px;
	float: none;
	overflow: hidden;
	border: solid 1px #b9b9b9;
}

.search-color {
	color: #e5554f;
	font-weight: bold;
}

.search-txt-01 {
	color: #2264bd;
}

.orange-txt {
	color: #fb4d00;
}

.search-plus-box {
	margin-top: -1px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	text-align: center;
	background-color: #e8f6f5;
	/*
  background-color: #eeffdc;
*/
}

.search-plus-box a {
	padding: 5px 3%;
	display: block;
	color: #333;
}

.search-plus-box .plus-icon {
	padding-right: 26px;
	display: inline-block;
	background: url('/images/icon/list-plus.png') no-repeat right 0;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}

.search-arrow-box {
	width: 100%;
	height: 31px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: solid 1px #cecece;
	border-bottom: solid 1px #cecece;
	text-align: center;
	background-color: #f6f6f6;
	/*
  background-color: #eeffdc;
*/
}

.search-arrow-box a {
	/*
*/
	padding: 5px 0;
	display: block;
	color: #333;
}

.search-arrow-box .left-arrow {
	width: 94px;
	height: 21px;
	display: inline-block;
	background: url('../images/left-arrow.png') no-repeat right 0;
	-webkit-background-size: 94px 21px;
	background-size: 94px 21px;
}

.view-contact-box {
	clear: both;
	margin: 0 auto;
	width: 100%;
	margin-top: 20px;
	font-size: 0.95em;
	color: #009999;
	text-align: center;
	background-color: #fff;
	/*
  border-bottom: solid 1px #009999;
  background-color: #eeffdc;
*/
}

.view-contact-box a {
	/*
*/
	color: #009999;
}

/* 오디오 */
.audio-box audio {
	display: block;
	width: 100%;
}

.revision-box {
	padding: 5px 3%;
	background-color: #fafaf0;
}

.revision-box .revision-list {
	text-align: right;
}

.revision-box .revision-list li {
	display: inline-block;
	margin-left: 15px;
	font-size: 0.923076em;
}

.view-title-01 {
	padding: 4px 3%;
	background-color: #e8e8e8;
	color: #333;
	font-size: 1.230769em;
}

.law-view-box .border-top {
	border-top: solid 1px #ddd;
}

.law-view-box .view-title-02 {
	color: #1192c8;
	font-weight: bold;
}

.law-view-box .view-title-02.blue-color {
	color: #1192c8;
}

.law-view-box .view-title-02.orange-color {
	color: #f78a0a;
}

.law-view-box .law-con-box {
	padding: 7px 3%;
}

.law-view-box .img-box img {
	width: 100%;
}

.search-active {
	color: #f7260a !important;
	font-weight: bold;
}

.search-active-02 {
	color: #1192c8 !important;
	font-weight: bold;
}

.social-box .social-link {
	position: relative;
	padding: 5px 3%;
	background-color: #b3b3b2;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.social-box .close-btn {
	display: none;
	position: absolute;
	top: 6px;
	right: 3%;
	z-index: 99;
}

.social-box .close-btn img {
	width: 20px;
}

.social-box .social-con {
	display: none;
	padding: 10px 0;
	border: solid 1px #ddd;
}

.social-box .social-con li {
	float: left;
	width: 25%;
	text-align: center;
}

.social-box .social-con li a {
	display: block;
	padding-top: 52px;
	font-size: 0.923076em;
}

.social-box .social-con .list-01 {
	background: url('../images/main/kakao.png') no-repeat center 0;
	-webkit-background-size: 50px 50px;
	background-size: 50px;
}

.social-box .social-con .list-02 {
	background: url('../images/main/story.png') no-repeat center 0;
	-webkit-background-size: 50px 50px;
	background-size: 50px;
}

.social-box .social-con .list-03 {
	background: url('../images/main/band.png') no-repeat center 0;
	-webkit-background-size: 50px 50px;
	background-size: 50px;
}

.social-box .social-con .list-04 {
	background: url('../images/main/face.png') no-repeat center 0;
	-webkit-background-size: 50px 50px;
	background-size: 50px;
}

/* 
  320보다 크고 359보다 작을경우 
*/
@media all and (min-width: 320px) and (max-width: 359px) {
	.main-bn-box .bn-list li a {
		padding: 20px 2px;
	}

	.search-bottom-box-02 .search-type-01 .list-03 {
		width: 120px;
	}
}

/* 
  360보다 크고 480보다 작을경우 
*/
/* 
  480보다 클경우 
*/
/* 
  640보다 클경우 
*/
@media all and (min-width: 639px) {
	.search-bottom-box-02 .search-type-01 .list-03 {
		width: 420px;
	}
}

/* 
  1024보다 클경우 
  sup { vertical-align: super;  font-size: smaller; color:#8bcf01;}
*/
sup,sub {
	vertical-align: baseline;
	/*	font-weight: bold;  */
	color: #64b300;
	font-size: 85%;
}

.sup_txt {
	/*	font-weight: bold; 147c00  8bcf01
	color:#8bcf01;*/
	color: #64b300;
}

/* 본문 검색 내 선택 단어 */
.highlight_text {
	/*    background-color: #fff34d;
    border: 1px solid red; 
    background-color: #fff34d;
	text-decoration : underline; */
	color: red;
	padding: 1px 0px;
	/*    margin:0 -4px;*/
}

.highlight_text_select {
	/*     border: 1px solid red;*/
	background-color: #fff34d;
	color: red;
}


/* 자동 계산 */
.auto_guide_box {
	width: 100%;
	border: 0px;
}

.auto_guide_box td {
	/*  padding: 15px  15px; */
	vertical-align: middle;
	text-align: center;
}

.auto_guide_box div {
	padding: 10px;
	vertical-align: middle;
	text-align: left;
	border: solid 1px #c1e3d5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #f9fdf9;
	color: #1AAB8A;
}

.email_table {
  width: 100%;
  border: 0px;
  margin:0;
  padding:0;
}
.email_table td {
  padding: 2px;
  vertical-align: middle;
  text-align: center;
}
.r_email {
	ime-mode:disabled;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:center;
	height:30px;
	line-height:28px;
  border-radius: 6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	border : 1px solid #adadad;
}
.email_btn {
  display:inline-block;
  width:100%;
  background:#00c73c;
  color:#fff;
/*  margin:10px; */
	padding:0;
	margin:0;
  border:none;
  position:relative;
  border-radius: 6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  height:35px;
  line-height:35px;
  font-size:1.1em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
.tooltips_guide {
	position: relative;
	display: block;
	visibility: visible;
}

.tooltips_guide div {
	position: absolute;
	font-size: 0.85em;
	width: 550px;
	color: #333;
	background: #efefef;
	height: 30px;
	line-height: 30px;
	text-align: center;
	visibility: hidden;
	border-radius: 6px;
}

.tooltips_guide div:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 55%;
	margin-left: -1px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #efefef;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.tooltips_guide div {
	visibility: visible;
	opacity: 0.8;
	top: 8px;
	margin-left: 150px;
	z-index: 999;
}

/*2019-12-12 */
.txt_autocut {
	/*      padding:0 5px; */
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 메인메뉴 이슈 */
#issue {
	width: 100%;
	overflow: hidden;
}

.issue_list {
	width: 100%;
	padding: 8px 0;
/*	border-top: 8px #fff solid; */
	border: 0;
}

.issue_list .list ul li {
	width: 100%;
	background-color: #fff;
}

.issue_list span {
	font-size: 1.1em;
	color: #fff;
	padding-left: 35px;
}

/* 강남노무법인 소식(영문) Kangnam Labor Law Firm News */
.issue_list .h00css {
	background-color: #1fb5ad;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
}

.issue_list .h01css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-00.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
	/*
  background: url('../images/main/icon-06.png') no-repeat 7px 1px;
*/
}
.issue_list .new_h01css {
	background-color: #1fb5ad;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	font-size : 1.0em;
}
.issue_list .new_h01css .icon-01-001 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/main_maj_001.png') no-repeat 5px 1px;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
}


/* 기본서 */
.issue_list .h1css {
	background-color: #2ca757;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
}

.issue_list .h1css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-01.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 매뉴얼 */
.issue_list .h2css {
	background-color: #0091ea;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
}

.issue_list .h2css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-02.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 자동계산 */
.issue_list .h3css {
	background-color: #b6a1a1;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
}

.issue_list .h3css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-03.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 질문과답변 */
.issue_list .h4css {
	background: url(../images/bullet_arr_01.png) right no-repeat;
	background-color: #959595;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h4css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-04.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
	/*
  background: url('../images/main/icon-03.png') no-repeat 5px 0px;
  -webkit-background-size: 24px 22px;
          background-size: 24px 22px;
*/
}

/* 동영상 */
.issue_list .h5css {
	background-color: #8cc54b;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor: pointer;
}

.issue_list .h5css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-05.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 외국인 고용과 비자 */
.issue_list .h6css {
	background-color: #f89530;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor: pointer;
}

.issue_list .h6css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-06.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 근로계약서 관리 */
.issue_list .h7css {
	background-color: #84d5fd;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor: pointer; 
}

.issue_list .h7css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-07.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 인사관리 모든 양식과 규정 */
.issue_list .h8css {
	background-color: #66ccff;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor: pointer;
}

.issue_list .h8css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-08.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 근로감독 준비 */
.issue_list .h9css {
	/* background: url(../images/bullet_arr_01.png) right no-repeat; */
	background-color:#5bbcc4 ;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h9css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-09.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 취업규칙 작성 Rules of Employment Management */
.issue_list .h10css {
	background-color: #939573;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h10css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-10.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 노동조합 관리 */
.issue_list .h11css {
	background-color: #a87b7b;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h11css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-11.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 노사협의회 관리 */
.issue_list .h12css {
	background-color: #ac8c8c;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h12css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-12.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 노동판례330선 */
.issue_list .h13css {
	background-color: #76b133;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
/*	cursor:pointer; */
}

.issue_list .h13css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-13.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 출판물 구입 */
.issue_list .h14css {
/*	background: url(../images/bullet_arr_01.png) right no-repeat; */
	background-color: #03c95b;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer; 
}

.issue_list .h14css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/naver_icon_n.png') no-repeat 6px 1px;
	-webkit-background-size: 23px 23px;
	background-size: 23px 23px;
}

/* 산재보상 관리 */
.issue_list .h15css {
	background-color: #e3b77f;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor: pointer;
}

.issue_list .h15css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-15.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 임금, 퇴직금 관리 */
.issue_list .h16css {
	background-color: #b7ba83;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h16css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-16.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 근로시간, 연차휴가, 휴일 관리 */
.issue_list .h17css {
	background-color: #8883aa;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h17css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-17.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 직장 내 괴롭힘과 성희롱 예방 관리 */
.issue_list .h18css {
	background-color: #47a5ad;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h18css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-18.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 구조조정 관리 */
.issue_list .h19css {
	background-color: #77cfca;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h19css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-19.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 비정규직 관리 Irregular Employment Management */
.issue_list .h20css {
	background-color: #949fdd;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h20css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-20.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 고용보험 관리 Employment Insurance Management */
.issue_list .h21css {
	background-color: #f0ab65;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h21css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-21.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 해고 (징계) 관리 Dismissal (Disciplinary Action) Management */
.issue_list .h22css {
	background-color: #69ced6;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h22css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-22.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

/* 고용노동부 매뉴얼, 지침, 질의회시집 MOEL Manuals, Guidelines, Q&A */
.issue_list .h23css {
	background-color: #49bc72;
	padding: 8px 0 8px 0;
	margin-top: 8px;
	border-bottom: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	cursor:pointer;
}

.issue_list .h23css .icon-01 {
	padding: 4px 0;
	border: 0px #333 solid;
	background: url('../images/micon-23.png') no-repeat 6px 1px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

.issue_list .list li {
	display: block;
	width: 100%;
	background: url(../images/bullet_arr_01.png) right no-repeat;
	font-size: 1.0em;
	line-height: 2.7em;
}

/*.issue_list .list li:hover{ background:url(../images/bullet_arr_01.png) right no-repeat;background-color: #f0f0f0;font-size:1.0em; line-height:2.9em;} */
.issue_list .list li a {
	display: block;
	float: none;
	border-bottom: 1px #dddddd solid;
	padding: 0 10px;
	padding-right: 15px;
	font-size: 1.0em;
	line-height: 2.7em;
}

.issue_list .list li:hover {
	background-color: #f0f0f0;
	background-image: url(../images/bullet_arr_01.png);
}

/* 이미지 확대/축소 */
.image1 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 5px 0;
	text-align: center;
	border: 1px #eee solid;
	cursor: crosshair;
	padding-bottom: 1px;
}

/* 
목록 제목 배경 색상 지정 
관리자메뉴 기본코드 관리 -> 모바일 카테고리 
color : background-color: #76b133;
01:노동법전
02:노동법 해설
03:노동 사건 사례

color : background-color: #0091ea;
06:구조조정
07:해고
08:외국인고용과비자
09:노동조합
10:임금
11:근로시간,휴일,휴가
05:근로감독체크리스트

출입국관리법과 외국인 #f89530

color : background-color: #d4c021;
04.자주찾는 질문
*/
.law-list-box .law-title-bg-01 {
	background-color: #76b133;
}

.law-list-box .law-title-bg-02 {
	background-color: #0091ea;
}

.law-list-box .law-title-bg-03 {
	background-color: #d4c021;
}

.law-list-box .law-title-bg-04 {
	background-color: #fee7cf;
	color: #666;
}

.law-list-box .law-title-bg-05 {
	background-color: #e8e8e8;
	color: #666;
}

.law-list-box .law-title-bg-06 {
	background-color: #76b133;
	color: #fff; 
}

.law-list-box .law-title-bg-06-01 {
	background-color: #76b133;
/*	color: #666; */
	font-size:0.98em;
}

.law-list-box .law-title-bg-07 {
	background-color: #f3fade;
	color: #333;
	font-weight:normal;
}

.law-list-box .law-title-bg-07-01 {
	background-color: #d5d5d5;
	color: #333;
	font-size:0.98em;
	font-weight:normal;
}

.law-list-box .law-title-bg-08 {
	background-color: #e6e6e6;
	color: #333;
	font-size:0.98em;
	font-weight:normal;
}

.law-list-box .law-title-bg-09 {
	background-color: #eee;
	color: #333;
	font-size:0.98em;
	font-weight:normal;
}

/* 서식 리스트 */
.file-list-02 {
	width: 100%;
	padding: 0 0 8px 0;
	border-top: 8px #fff solid;
}

.divfile {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 25px;
	padding: 5px;
	text-align: center;
}

.divfile .file-list-01 li {
	padding: 4px 0 4px 0;
	border-bottom: solid 1px #eee;
	vertical-align: middle;
}

.divfile .file-list-01 .link-01 {
	display: block;
	/*  padding: 5px 1.5%; */
	position: relative;
}

.divfile .file-list-01 .link-01 .list-tit {
	width: 100%;
	text-align: left;
	padding: 2px;
	display: table-cell;
}

.divfile .file-list-01 .link-01 {
	display: table;
}

.divfile .file-list-01 .link-01 .down-icon {
	display: table-cell;
	width: 60px;
	text-align: right;
	vertical-align: middle;
}

.divfile .file-list-01 .link-01 .num-box {
	display: inline-block;
	vertical-align: middle;
}

.divfile1 {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 77px;
	padding: 0px;
	vertical-align:top;
}

.divfile1 .file-list-02 li {
	width: 100%;
	padding: 6px 0 6px 0;
	border-bottom: solid 1px #eee;
	vertical-align: middle;
	text-align:left;
}

.down-icon .icon-011 {
	float: right;
	background: url('../images/main/download.png') no-repeat 0 0;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
	padding: 2px;
}

.down-icon .icon-012 {
	float: right;
	background: url('../images/youtube_n.png') no-repeat 0 0;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
	padding: 2px;
}

.myButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
	box-shadow: inset 0px 1px 0px 0px #caefab;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811', GradientType=0);
	background-color: #77d42a;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #268a16;
	display: inline-block;
	cursor: pointer;
	/*color:#306108; */
	color: #fff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #aade7c;
}

.myButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a', GradientType=0);
	background-color: #5cb811;
}

.myButton:active {
	position: relative;
	top: 1px;
}
/* 산재보상 설명문구 */
.txt_01 {
	font-size:0.95em;
	padding-bottom:10px ;
}

.tooltip_01:hover:after {
    left: 50%;
    transform: translateX(-50%);
    /* other styles ... */
}

.tooltip_01:hover:before {
    left: 50%;
    transform: translateX(-50%);
    /* other styles ... */
}
.tooltip_div_01 {
  padding: 50px;
  display: inline-block;
  background-color: red;
}

.tooltip_01 {
  display: inline;
  position: relative;
}

.tooltip_01:hover:after {
  background: #333;
  background: rgba(0, 0, 0, .8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  text-decoration: none;
  padding: 10px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

.tooltip_01:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

.chk-title-02 {
	padding: 4px 5px;
	background-color: #fff;
	color: #00844a;
	font-size: 1.2em;
	border-bottom: solid 2px #00844a;
/*
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
*/
}
.chk-title-02_01 {
	padding: 4px 5px;
	background-color: #fff;
	color: #0099cc;
	font-size: 1.2em;
	border-bottom: solid 2px #0099cc;
/*
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
*/
}
.chk-title-03 {
	margin-top : 10px;
	margin-bottom : 5px;
	padding: 3px 5px;
	background-color: #ddeff5;
	color: #00844a;
	font-size: 1.1em;
	box-sizing: border-box;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.chk-title-03_01 {
	margin-top : 10px;
	margin-bottom : 5px;
	padding: 3px 5px;
	background-color: #ddeff5;
	color: #0099cc;
	font-size: 1.0em;
	box-sizing: border-box;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom: solid 1px #6cbbd5;
}

.paginate{ width:100%; text-align:center; margin-top:1em;}
.paginate a { margin-left:0px; display:inline-block; width:20px; color:#686868; font-size:1.0em; line-height:20px; background:#ffffff; border:1px #c5c5c5 solid; }
.paginate a.on{ margin-left:0px; display:inline-block;  width:22px; color:#fff; font-size:1.0em; line-height:22px;  background:#0099cc; border:0;  }
.paginate a:hover { margin-left:0px; display:inline-block; width:20px; color:#686868; font-size:1.0em; line-height:20px; background:#d1eaf1; border:1px #c5c5c5 solid; }