@font-face { 
	font-family: "buri";
	src: url('../fonts/Arita-buriM.eot');
	src: url('../fonts/Arita-buriM.eot?#iefix') format('embedded-opentype'), /* ie6,7,8 ���, embedded-opentype ie8,9 ��� */ url('../fonts/Arita-buriM.woff') format('woff'), /* ie ������ ������ */ url('../fonts/Arita-buriM.ttf') format('truetype');
 	src:url('../fonts/Arita-buriM.svg#buri') format('svg')local(��); /* ����Ϻ����� */
}
/* noto-sans-kr-regular - korean */
@font-face {
  font-family: 'Noto';
  font-style: normal;
  font-weight: 400; 
  src: url('../fonts/noto-sans-kr-v12-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v12-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v12-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v12-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v12-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v12-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - korean */
@font-face {
  font-family: 'Noto5';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v12-korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr-v12-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v12-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v12-korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v12-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v12-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean */
@font-face {
  font-family: 'Noto7';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v12-korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v12-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v12-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v12-korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v12-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v12-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
p {
	margin: 0px 0 5px;
}
a {
	text-decoration: none;
	background: transparent;
}
dl, ul, menu, li {
	list-style-type: none;
}
ol li {list-style-type: decimal; margin-bottom: 10px;}

h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}
h1 {
	font-size: 27px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 10px;
}
h3, h4, h5 {
	margin-top: 5px;
	font-weight: 600;
}
.nav > li > a {
	color: #a7b1c2;
	font-weight: 600;
	padding: 20px 10px 18px 10px;
}
.nav > li > a:hover {
	color: #346cab;
}
.nav>li>a:focus, .nav>li>a:hover
{background-color: #fff;}
/*.nav > li > a {
	color: #a7b1c2;
	font-weight: 600;
	padding: 14px 20px 14px 25px;
}*/
.nav.navbar-right > li > a {
	color: #346cab;
}
.nav.navbar-right,  .active {
	color: #666;
}
.nav > li.active > a {
	background-color: #ffffff;
	color: #346cab;
}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
	background-color: #293846;
	color: white;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background: none;
}
.nav.navbar-top-links li {}
.nav.navbar-top-links > li > a:hover, .nav.navbar-top-links > li > a:focus {
	background: none;
}
.nav > li > a i {
}
.navbar {
	border: 0;
}
.navbar-default {
	background-color: transparent;
	border-color: #2f4050;
}
.navbar-top-links li {
	display: inline-block;
}
.navbar-top-links li:active {
	background: none;
}
.navbar-top-links li:last-child {
	margin-right: 10px;
}
.body-small .navbar-top-links li:last-child {
	margin-right: 0;
}
.navbar-top-links li a {
	min-height: 50px;
}
.dropdown-menu {
	border: medium none;
	border-radius: 3px;
	box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
	display: none;
	float: left;
	font-size: 12px;
	left: -120px;
	list-style: none outside none;
	padding: 0;
	position: absolute;
	text-shadow: none;
	top: 100%;
	z-index: 1000;
	min-width: 300px;
}
.dropdown-menu > li > a {
	border-radius: 3px;
	color: inherit;
	line-height: 25px;
	margin: 4px;
	text-align: left;
	font-weight: normal;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #346cab;
	outline: 0;
}
.dropdown-menu > li > a.font-bold {
	font-weight: 600;
}
.navbar-top-links .dropdown-menu li {
	display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
	margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
	padding: 3px 20px;
	min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
	white-space: normal;
}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
	width: 200px;
	min-width: 0;
}
.navbar-top-links .dropdown-messages {
	margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
	margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
	margin-left: -123px;
}
.navbar-top-links .dropdown-user {
	right: 0;
	left: auto;
}
.dropdown-messages, .dropdown-alerts {
	padding: 10px 10px 10px 10px;
}
.dropdown-messages li a, .dropdown-alerts li a {
	font-size: 13px;
}
.dropdown-messages li em, .dropdown-alerts li em {
	font-size: 10px;
}
.nav.navbar-top-links .dropdown-alerts a {
	font-size: 12px;
}
.img-logo {
	width: 160px;
}
.nav-header {
	padding: 50px 25px;
	background-color: #2f4050;
	background-image: url("patterns/header-profile.png");
}
.pace-done .nav-header {
	transition: all 0.4s;
}
ul.nav-second-level {
	background: #293846;
}
.nav > li.active {
	background: #fff;
}
.nav.nav-second-level > li.active {
	border: none;
}
.nav.nav-second-level.collapse[style] {
	height: auto !important;
}
.nav-header a {
	color: #DFE4ED;
}
.nav-header .text-muted {
	color: #8095a8;
}
.minimalize-styl-2 {
	padding: 4px 12px;
	margin: 14px 5px 5px 20px;
	font-size: 14px;
	float: left;
}
.navbar-form-custom {
	float: left;
	height: 50px;
	padding: 0;
	width: 200px;
	display: block;
}
.navbar-form-custom .form-group {
	margin-bottom: 0;
}
.nav.navbar-top-links a {
	font-size: 14px;
	font-family: "sans-serif";
	letter-spacing: -1px;
}
.nav.navbar-top-links a:hover, .nav.navbar-top-links a:active {text-decoration: underline; color: #346cab;}
.navbar-form-custom .form-control {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	font-size: 14px;
	height: 60px;
	margin: 0;
	z-index: 2000;
}
.count-info .label {
	line-height: 12px;
	padding: 2px 5px;
	position: absolute;
	right: 6px;
	top: 12px;
}
.arrow {
	float: right;
}
.fa.arrow:before {
	content: "\f104";
}
.active > a > .fa.arrow:before {
	content: "\f107";
}
.nav-second-level li, .nav-third-level li {
	border-bottom: none !important;
}
.nav-second-level li a {
	padding: 7px 10px 7px 10px;
	padding-left: 52px;
	font-size: 12px;
}
.nav-third-level li a {
	padding-left: 62px;
}
.nav-second-level li:last-child {
	margin-bottom: 10px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level {
	display: block;
	border-radius: 0 2px 2px 0;
	min-width: 140px;
	height: auto;
}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
	font-size: 12px;
	border-radius: 3px;
}
.fixed-nav .slimScrollDiv #side-menu {
	padding-bottom: 60px;
}
.mini-navbar .nav-second-level li a {
	padding: 10px 10px 10px 15px;
}
.mini-navbar .nav .nav-second-level {
	position: absolute;
	left: 70px;
	top: 0;
	background-color: #2f4050;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
}
.canvas-menu.mini-navbar .nav-second-level {
	background: #293846;
}
.mini-navbar li.active .nav-second-level {
	left: 65px;
}
.navbar-default .special_link a {
	background: #346cab;
	color: white;
}
.navbar-default .special_link a:hover {
	background: #4c92cf !important;
	color: white;
}
.navbar-default .special_link a span.label {
	background: #fff;
	color: #346cab;
}
.navbar-default .landing_link a {
	background: #346cab;
	color: white;
}
.navbar-default .landing_link a:hover {
	background: #4c92cf !important;
	color: white;
}
.navbar-default .landing_link a span.label {
	background: #fff;
	color: #1cc09f;
}
.logo-element {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: white;
	display: none;
	padding: 18px 0;
}
.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.navbar-fixed-top {
	background: #fff;
	transition-duration: 0.4s;
	border-bottom: 1px solid #e7eaec !important;
	z-index: 2030;
}
.navbar-fixed-top, .navbar-static-top {
	background: #ffffff;
}
.fixed-nav #wrapper {
	margin-top: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none;
	border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
	border-bottom: #f3f3f4;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #346cab;
	cursor: default;
}
.nav.nav-tabs li {
	background: none;
	border: none;
}
body.fixed-nav #wrapper .navbar-static-side, body.fixed-nav #wrapper #page-wrapper {
	margin-top: 40px;
}
body.top-navigation.fixed-nav #wrapper #page-wrapper {
	margin-top: 0;
}
body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
	left: 220px;
}
body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
	left: 70px;
}
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
	left: 0;
}
body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
	margin-top: 0;
}
body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
	left: 0;
}
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
	left: 220px;
}
.fixed-nav .minimalize-styl-2 {
	margin: 14px 5px 5px 15px;
}
.body-small .navbar-fixed-top {
	margin-left: 0;
}
body.mini-navbar .navbar-static-side {
	width: 70px;
}
body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span {
	display: none;
}
body.canvas-menu .profile-element {
	display: block;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
	display: none;
}
body.mini-navbar .navbar-default .nav > li > a {
	font-size: 16px;
}
body.mini-navbar .logo-element {
	display: block;
}




.canvas-menu .logo-element {
	display: none;
}
body.mini-navbar .nav-header {
	padding: 0;
	background-color: #346cab;
}
body.canvas-menu .nav-header {
	padding: 33px 25px;
}
body.mini-navbar #page-wrapper {
	margin: 0 0 0 70px;
}
body.fixed-sidebar.mini-navbar .footer, body.canvas-menu.mini-navbar .footer {
	margin: 0 0 0 0 !important;
}
body.canvas-menu.mini-navbar #page-wrapper, body.canvas-menu.mini-navbar .footer {
	margin: 0 0 0 0;
}
body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side {
	position: fixed;
	width: 220px;
	z-index: 2001;
	height: 100%;
}
body.fixed-sidebar.mini-navbar .navbar-static-side {
	width: 0;
}
body.fixed-sidebar.mini-navbar #page-wrapper {
	margin: 0 0 0 0;
}
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
	margin: 0 0 0 220px;
}
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
	width: 220px;
}
.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level, .canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
	display: block;
	height: auto;
}
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
	font-size: 12px;
	border-radius: 3px;
}
body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
	font-size: 13px;
	border-radius: 3px;
}
.fixed-sidebar.mini-navbar .nav-second-level li a, .canvas-menu.mini-navbar .nav-second-level li a {
	padding: 10px 10px 10px 15px;
}
.fixed-sidebar.mini-navbar .nav-second-level, .canvas-menu.mini-navbar .nav-second-level {
	position: relative;
	padding: 0;
	font-size: 13px;
}
.fixed-sidebar.mini-navbar li.active .nav-second-level, .canvas-menu.mini-navbar li.active .nav-second-level {
	left: 0;
}
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a, body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
	font-size: 13px;
}
body.fixed-sidebar.mini-navbar .nav-label, body.fixed-sidebar.mini-navbar .navbar-default .nav li a span, body.canvas-menu.mini-navbar .nav-label, body.canvas-menu.mini-navbar .navbar-default .nav li a span {
	display: inline;
}
body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
	display: block;
}
.canvas-menu.mini-navbar .nav-second-level li a, .fixed-sidebar.mini-navbar .nav-second-level li a {
	padding: 7px 10px 7px 52px;
}
.fixed-sidebar.mini-navbar .nav-second-level, .canvas-menu.mini-navbar .nav-second-level {
	left: 0;
}
body.canvas-menu nav.navbar-static-side {
	z-index: 2001;
	background: #2f4050;
	height: 100%;
	position: fixed;
	display: none;
}
body.canvas-menu.mini-navbar nav.navbar-static-side {
	display: block;
	width: 220px;
}
.top-navigation #page-wrapper {
	margin-left: 0;
}
.top-navigation .navbar-nav .dropdown-menu > .active > a {
	background: white;
	color: #346cab;
	font-weight: bold;
}
.white-bg .navbar-fixed-top, .white-bg .navbar-static-top {
	background: #fff;
	width: 1400px;
	margin: 0 auto;
}
.topline_bg {height: 5px; background-image: url('../img/topline_bg.jpg'); background-repeat: repeat-x;}
.top-navigation .navbar {
	margin-bottom: 0;
}
.top-navigation .nav > li > a {
	padding: 15px 20px;
	color: #676a6c;
}
.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {
	background: #fff;
	color: #346cab;
}
.top-navigation .nav > li.active {
	background: #fff;
	border: none;
}
.top-navigation .nav > li.active > a {
	color: #346cab;
}
.top-navigation .navbar-right {
	margin-right: 10px;
}
.top-navigation .navbar-nav .dropdown-menu {
	box-shadow: none;
	border: 1px solid #e7eaec;
}
.top-navigation .dropdown-menu > li > a {
	margin: 0;
	padding: 7px 20px;
}
.navbar .dropdown-menu {
	margin-top: 0;
}
.top-navigation .navbar-brand {
	background: #346cab;
	color: #fff;
	padding: 15px 25px;
}
.top-navigation .navbar-top-links li:last-child {
	margin-right: 0;
}
.top-navigation.mini-navbar #page-wrapper, .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper, .mini-navbar .top-navigation #page-wrapper, .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper, .canvas-menu #page-wrapper {
	margin: 0;
}
.top-navigation.fixed-nav #wrapper, .fixed-nav #wrapper.top-navigation {
	margin-top: 50px;
}
.top-navigation .footer.fixed {
	margin-left: 0 !important;
}
.top-navigation .wrapper.wrapper-content {
	padding: 40px;
}
.top-navigation.body-small .wrapper.wrapper-content, .body-small .top-navigation .wrapper.wrapper-content {
	padding: 40px 0 40px 0;
}
.navbar-toggle {
	background-color: #346cab;
	color: #fff;
	padding: 6px 12px;
	font-size: 14px;
}
.top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 10px 15px 10px 20px;
}

@media (max-width: 768px) {
.top-navigation .navbar-header {
	display: block;
	float: none;
}
}
.menu-visible-lg, .menu-visible-md {
	display: none !important;
}

@media (min-width: 1200px) {
.menu-visible-lg {
	display: block !important;
}
}

@media (min-width: 992px) {
.menu-visible-md {
	display: block !important;
}
}

@media (max-width: 767px) {
.menu-visible-md {
	display: block !important;
}
.menu-visible-lg {
	display: block !important;
}
}
.btn {
	border-radius: 3px;
	font-size:13px;
}

.btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5;
}
.btn-sm {
    padding: 4px 10px !important;
    line-height: 1.5;
}
.btn-hscode {
	position: absolute;
	right: 15px;
}
.btn-nation {
	position: absolute;
	right: 15px;
}
.float-e-margins .btn {
	margin-bottom: 5px;
}
.btn-nation {
	position: absolute;
	right: 15px;
}
.float-e-margins .btn {
	margin-bottom: 5px;
}
.btn-w-m {
	min-width: 120px;
}
.btn-primary.btn-outline {
	color: #346cab;
}
.btn-success.btn-outline {
	color: #1c84c6;
}
.btn-pivot.btn-outline {
	color: #1c84c6;
}
.btn-info.btn-outline {
	color: #23c6c8;
}
.btn-warning.btn-outline {
	color: #f8ac59;
}
.btn-danger.btn-outline {
	color: #ed5565;
}
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
	color: #fff;
}
.btn-primary {
	background-color: #346cab;
	border-color: #346cab;
	color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
	background-color: #255b99;
	border-color: #255b99;
	color: #FFFFFF;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
	background-color: #1dc5a3;
	border-color: #1dc5a3;
}
.btn-success {
	background-color: #1c84c6;
	border-color: #1c84c6;
	color: #FFFFFF;
}
.btn-pivot {
	background-color: #fff;
	border-color: #d5d5d5;
	color: #3d3d3d;
	border-style: dashed;
	color:#747373;
	font-size: 13px;
	padding:6px 12px 5px;
	margin: 5px;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:hover, .btn-success.active:focus {
	background-color: #1a7bb9;
	border-color: #1a7bb9;
	color: #FFFFFF;
}
.btn-pivot.active {
	background-color: #1a7bb9;
	border-color: #1a7bb9;
	color: #FFFFFF;
}

.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled], fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
	background-color: #1f90d8;
	border-color: #1f90d8;
}
.btn-info {
	background-color: #2397c8;
	border-color: #2397c8;
	color: #FFFFFF;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus {
	background-color: #1c8bb9;
	border-color: #1c8bb9;
	color: #FFFFFF;
}
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	background-image: none;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
	background-color: #1c8bb9;
	border-color: #1c8bb9;
}
.btn-default {
	color: inherit;
	background: white;
	border: 1px solid #e7eaec;
	
}
.btn-default_pivot {
	color: #6c6e6f;
	background: white;
	border: 1px solid #e7eaec;
	
}
.btn-default_pivot:hover, .btn-default_pivot:focus, .btn-default_pivot:active, .btn-default_pivot.active, .open .dropdown-toggle.btn-default_pivot, .btn-default_pivot:active:focus, .btn-default_pivot:active:hover, .btn-default_pivot.active:hover, .btn-default_pivot.active:focus {
	color: #346cab;
	border: 1px solid #e7eaec;
}.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus {
	color: inherit;
	border: 1px solid #e7eaec;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
	color: #333333;
}
.btn-warning {
	background-color: #58b4b5;
	border-color: #58b4b5;
	color: #FFFFFF;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:hover, .btn-warning.active:focus {
	background-color: #48a0a1;
	border-color: #48a0a1;
	color: #FFFFFF;
}
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
	background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
	background-color: #f9b66d;
	border-color: #f9b66d;
}
.btn-danger {
	background-color: #ed5565;
	border-color: #ed5565;
	color: #FFFFFF;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger.active:focus {
	background-color: #ec4758;
	border-color: #ec4758;
	color: #FFFFFF;
}
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
	background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
	background-color: #ef6776;
	border-color: #ef6776;
}
.btn-ok {
	background-color: #5d6a7f;
	border-color: #5d6a7f;
	color: #FFFFFF;
}
.btn-ok:hover, .btn-ok:focus, .btn-ok:active, .btn-ok.active, .open .dropdown-toggle.btn-ok, .btn-ok:active:focus, .btn-ok:active:hover, .btn-ok.active:hover, .btn-ok.active:focus {
	background-color: #4a586d;
	border-color: #4a586d;
	color: #FFFFFF;
}
.btn-ok:active, .btn-ok.active, .open .dropdown-toggle.btn-ok {
	background-image: none;
}
.btn-ok.disabled, .btn-ok.disabled:hover, .btn-ok.disabled:focus, .btn-ok.disabled:active, .btn-ok.disabled.active, .btn-ok[disabled], .btn-ok[disabled]:hover, .btn-ok[disabled]:focus, .btn-ok[disabled]:active, .btn-ok.active[disabled], fieldset[disabled] .btn-ok, fieldset[disabled] .btn-ok:hover, fieldset[disabled] .btn-ok:focus, fieldset[disabled] .btn-ok:active, fieldset[disabled] .btn-ok.active {
	background-color: #697487;
	border-color: #697487;
}
.btn-link {
	color: inherit;
}
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link {
	color: #346cab;
	text-decoration: none;
}
.btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link {
	background-image: none;
}
.btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link.active[disabled], fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active {
	color: #cacaca;
}
.btn-white {
	color: inherit;
	background: white;
	border: 1px solid #e7eaec;
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus {
	color: inherit;
	border: 1px solid #d2d2d2;
}
.btn-white:active, .btn-white.active {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
	background-image: none;
}
.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white.active[disabled], fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active {
	color: #cacaca;
}
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
	box-shadow: none;
}
.progress {
	height: 4px;
	margin-bottom: 0px;
	border-radius: 0px;
}
.btn-outline {
	color: inherit;
	background-color: transparent;
	transition: all .5s;
}
.btn-rounded {
	border-radius: 50px;
}
.btn-large-dim-a2 {
	width: 193px;
	height: 55px;
	font-size: 42px;
}
.btn-large-dim {
	width: 113px;
	height: 90px;
	font-size: 42px;
}
button.dim {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 600;
	margin-bottom: 10px !important;
}
.tabs-container .tab-pane .panel-body .col-md-6 .r15 {
	margin-left: -15px;
}
.tabs-container .tab-pane .panel-body .col-md-6 .l15 {
	margin-right: -15px;
}
button.dim:active {
	top: 3px;
}
button.btn-primary.dim {
	box-shadow: inset 0 0 0 #205692, 0 2px 0 0 #205692, 0 7px 5px #c4c4c4;
}
button.btn-primary.dim:active {
	box-shadow: inset 0 0 0 #205692, 0 2px 0 0 #205692, 0 3px 5px #c4c4c4;
}
button.btn-default.dim {
	box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 7px 5px #999999;
}
button.btn-default.dim:active {
	box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 3px 3px #999999;
}
button.btn-warning.dim {
	box-shadow: inset 0 0 0 #48a0a1, 0 2px 0 0 #48a0a1, 0 7px 5px #999999;
}
button.btn-warning.dim:active {
	box-shadow: inset 0 0 0 #48a0a1, 0 2px 0 0 #48a0a1, 0 3px 3px #999999;
}
button.btn-info.dim {
	box-shadow: inset 0 0 0 #16759d, 0 2px 0 0 #16759d, 0 7px 5px #999999;
}
button.btn-info.dim:active {
	box-shadow: inset 0 0 0 #16759d, 0 2px 0 0 #16759d, 0 3px 3px #999999;
}
button.btn-success.dim {
	box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 7px 5px #999999;
}
button.btn-success.dim:active {
	box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 3px 3px #999999;
}
button.btn-danger.dim {
	box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 7px 5px #999999;
}
button.btn-danger.dim:active {
	box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 3px 3px #999999;
}
button.dim:before {
	font-size: 50px;
	line-height: 1em;
	font-weight: normal;
	color: #fff;
	display: block;
	padding-top: 10px;
}
button.dim:active:before {
	top: 7px;
	font-size: 50px;
}
.btn:focus {
	outline: none !important;
}
.label {
	background-color: #d1dade;
	color: #5e5e5e;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: 600;
	padding: 3px 8px;
	text-shadow: none;
}
.badge {
	background-color: #d1dade;
	color: #5e5e5e;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	text-shadow: none;
}
.label-primary, .badge-primary {
	background-color: #346cab;
	color: #FFFFFF;
}
.label-success, .badge-success {
	background-color: #1c84c6;
	color: #FFFFFF;
}
.label-warning, .badge-warning {
	background-color: #f8ac59;
	color: #FFFFFF;
}
.label-warning-light, .badge-warning-light {
	background-color: #f8ac59;
	color: #ffffff;
}
.label-danger, .badge-danger {
	background-color: #ed5565;
	color: #FFFFFF;
}
.label-info, .badge-info {
	background-color: #23c6c8;
	color: #FFFFFF;
}
.label-inverse, .badge-inverse {
	background-color: #262626;
	color: #FFFFFF;
}
.label-white, .badge-white {
	background-color: #FFFFFF;
	color: #5E5E5E;
}
.label-white, .badge-disable {
	background-color: #2A2E36;
	color: #8B91A0;
}
/* TOOGLE SWICH */
.onoffswitch {
	position: relative;
	width: 64px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #346cab;
	border-radius: 2px;
}
.onoffswitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "ON";
	padding-left: 10px;
	background-color: #346cab;
	color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 10px;
	background-color: #FFFFFF;
	color: #999999;
	text-align: right;
}
.onoffswitch-switch {
	width: 20px;
	margin: 0;
	background: #FFFFFF;
	border: 2px solid #346cab;
	border-radius: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 44px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0;
}
.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:before {
	background-color: #919191;
}
.onoffswitch-checkbox:disabled + .onoffswitch-label, .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
	border-color: #919191;
}
/* CHOSEN PLUGIN */
.chosen-container-single .chosen-single {
	background: #ffffff;
	box-shadow: none;
	-moz-box-sizing: border-box;
	border-radius: 2px;
	cursor: text;
	height: auto !important;
	margin: 0;
	min-height: 30px;
	overflow: hidden;
	padding: 4px 12px;
	position: relative;
	width: 100%;
}
.chosen-container-multi .chosen-choices li.search-choice {
	background: #f1f1f1;
	border: 1px solid #e5e6e7;
	border-radius: 2px;
	box-shadow: none;
	color: #333333;
	cursor: default;
	line-height: 13px;
	margin: 3px 0 3px 5px;
	padding: 3px 20px 3px 5px;
	position: relative;
}
/* Tags Input Plugin */
.bootstrap-tagsinput {
	border: none;
	box-shadow: none;
}
/* PAGINATIN */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #f4f4f4;
	border-color: #DDDDDD;
	color: inherit;
	cursor: default;
	z-index: 2;
}
.pagination > li > a, .pagination > li > span {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	color: inherit;
	float: left;
	line-height: 1.42857;
	margin-left: -1px;
	padding: 4px 10px;
	position: relative;
	text-decoration: none;
}
/* TOOLTIPS */
.tooltip-inner {
	background-color: #2F4050;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #2F4050;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #2F4050;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #2F4050;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #2F4050;
}
/* EASY PIE CHART*/
.easypiechart {
	position: relative;
	text-align: center;
}
.easypiechart .h2 {
	margin-left: 10px;
	margin-top: 10px;
	display: inline-block;
}
.easypiechart canvas {
	top: 0;
	left: 0;
}
.easypiechart .easypie-text {
	line-height: 1;
	position: absolute;
	top: 33px;
	width: 100%;
	z-index: 1;
}
.easypiechart img {
	margin-top: -4px;
}
.jqstooltip {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/* FULLCALENDAR */
.fc-state-default {
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat-x;
	box-shadow: none;
	color: #333333;
	text-shadow: none;
}
.fc-state-default {
	border: 1px solid;
}
.fc-button {
	color: inherit;
	border: 1px solid #e7eaec;
	cursor: pointer;
	display: inline-block;
	height: 1.9em;
	line-height: 1.9em;
	overflow: hidden;
	padding: 0 0.6em;
	position: relative;
	white-space: nowrap;
}
.fc-state-active {
	background-color: #346cab;
	border-color: #346cab;
	color: #ffffff;
}
.fc-header-title h2 {
	font-size: 16px;
	font-weight: 600;
	color: inherit;
}
.fc-content .fc-widget-header, .fc-content .fc-widget-content {
	border-color: #e7eaec;
	font-weight: normal;
}
.fc-border-separate tbody {
	background-color: #F8F8F8;
}
.fc-state-highlight {
	background: none repeat scroll 0 0 #FCF8E3;
}
.external-event {
	padding: 5px 10px;
	border-radius: 2px;
	cursor: pointer;
	margin-bottom: 5px;
}
.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
	border-radius: 2px;
}
.fc-event, .fc-agenda .fc-event-time, .fc-event a {
	padding: 4px 6px;
	background-color: #346cab;
	/* background color */
	border-color: #346cab;/* border color */
}
.fc-event-time, .fc-event-title {
	color: #717171;
	padding: 0 1px;
}
.ui-calendar .fc-event-time, .ui-calendar .fc-event-title {
	color: #fff;
}
/* Chat */
.chat-activity-list .chat-element {
	border-bottom: 1px solid #e7eaec;
}
.chat-element:first-child {
	margin-top: 0;
}
.chat-element {
	padding-bottom: 15px;
}
.chat-element, .chat-element .media {
	margin-top: 15px;
}
.chat-element, .media-body {
	overflow: hidden;
}
.chat-element .media-body {
	display: block;
	width: auto;
}
.chat-element > .pull-left {
	margin-right: 10px;
}
.chat-element img.img-circle, .dropdown-messages-box img.img-circle {
	width: 38px;
	height: 38px;
}
.chat-element .well {
	border: 1px solid #e7eaec;
	box-shadow: none;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 10px 20px;
	font-size: 11px;
	line-height: 16px;
}
.chat-element .actions {
	margin-top: 10px;
}
.chat-element .photos {
	margin: 10px 0;
}
.right.chat-element > .pull-right {
	margin-left: 10px;
}
.chat-photo {
	max-height: 180px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
}
.chat {
	margin: 0;
	padding: 0;
	list-style: none;
}
.chat li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #B3A9A9;
}
.chat li.left .chat-body {
	margin-left: 60px;
}
.chat li.right .chat-body {
	margin-right: 60px;
}
.chat li .chat-body p {
	margin: 0;
	color: #777777;
}
.panel .slidedown .glyphicon, .chat .glyphicon {
	margin-right: 5px;
}
.chat-panel .panel-body {
	height: 350px;
	overflow-y: scroll;
}
/* LIST GROUP */
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	background-color: #346cab;
	border-color: #346cab;
	color: #FFFFFF;
	z-index: 2;
}
.list-group-item-heading {
	margin-top: 10px;
}
.list-group-item-text {
	margin: 0 0 10px;
	color: inherit;
	font-size: 12px;
	line-height: inherit;
}
.no-padding .list-group-item {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.no-padding .list-group-item:first-child {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
}
.no-padding .list-group {
	margin-bottom: 0;
}
.list-group-item {
	background-color: inherit;
	border: 1px solid #e7eaec;
	display: block;
	margin-bottom: -1px;
	padding: 10px 15px;
	position: relative;
}
.elements-list .list-group-item {
	border-left: none;
	border-right: none;
	padding: 15px 25px;
}
.list-group-item-blue {
	background-color: #4c92cf;
	border: 1px solid #e7eaec;
	display: block;
	color: #fff;
	margin-bottom: -1px;
	padding: 10px 15px;
	position: relative;
}
.elements-list .list-group-item-blue {
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 15px 25px;
}
.elements-list .list-group-item:first-child {
	border-left: none;
	border-right: none;
	border-top: none !important;
}
.elements-list .list-group {
	margin-bottom: 0;
}
.elements-list a {
	color: inherit;
}
.elements-list .list-group-item.active, .elements-list .list-group-item:hover {
	background: #fff;
	color: inherit;
	border-color: #e7eaec;
	border-radius: 0;
}
.elements-list .list-group-item.active .active, .elements-list .list-group-item a :hover {
	font-weight: bold;
	color: #346cab;
}
.elements-list li.active {
	transition: none;
}
.element-detail-box {
	padding: 25px;
}
/* FLOT CHART  */
.flot-chart {
	display: block;
	height: 200px;
}
.widget .flot-chart.dashboard-chart {
	display: block;
	height: 120px;
	margin-top: 40px;
}
.flot-chart.dashboard-chart {
	display: block;
	height: 180px;
	margin-top: 40px;
}
.flot-chart-content {
	width: 100%;
	height: 100%;
}
.flot-chart-pie-content {
	width: 200px;
	height: 200px;
	margin: auto;
}
.jqstooltip {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	visibility: hidden;
	background: #2b303a;
	background-color: rgba(43, 48, 58, 0.8);
	color: white;
	text-align: left;
	white-space: nowrap;
	z-index: 10000;
	padding: 5px 5px 5px 5px;
	min-height: 22px;
	border-radius: 3px;
}
.jqsfield {
	color: white;
	text-align: left;
}
.fh-150 {
	height: 150px;
}
.fh-200 {
	height: 200px;
}
.h-60 {
	min-height: 60px;
}
.h-150 {
	min-height: 150px;
}
.h-200 {
	min-height: 200px;
}
.h-300 {
	min-height: 300px;
}
.w-150 {
	min-width: 150px;
}
.w-200 {
	min-width: 200px;
}
.w-300 {
	min-width: 300px;
}
.legendLabel {
	padding-left: 5px;
}
.stat-list li:first-child {
	margin-top: 0;
}
.stat-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.stat-percent {
	float: right;
}
.stat-list li {
	margin-top: 15px;
	position: relative;
}
/* DATATABLES */
table.dataTable thead .sorting, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
	background: transparent;
}
.dataTables_wrapper {
	padding-bottom: 30px;
}
.dataTables_length {
	float: left;
}
.dataTables_filter label {
	margin-right: 5px;
}
.html5buttons {
	float: right;
}
.html5buttons a {
	border: 1px solid #e7eaec;
	background: #fff;
	color: #676a6c;
	box-shadow: none;
	padding: 6px 8px;
	font-size: 12px;
}
.html5buttons a:hover, .html5buttons a:focus:active {
	background-color: #eee;
	color: inherit;
	border-color: #d2d2d2;
}
div.dt-button-info {
	z-index: 100;
}

@media (max-width: 768px) {
.html5buttons {
	float: none;
	margin-top: 10px;
}
.dataTables_length {
	float: none;
}
}
/* CIRCLE */
.img-circle {
	border-radius: 50%;
}
.btn-circle {
	width: 30px;
	height: 30px;
	padding: 6px 0;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.428571429;
}
.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	border-radius: 25px;
	font-size: 18px;
	line-height: 1.33;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	font-size: 24px;
	line-height: 1.33;
}
.show-grid [class^="col-"] {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ddd;
	background-color: #eee !important;
}
.show-grid {
	margin: 15px 0;
}
/* ANIMATION */
.css-animation-box h1 {
	font-size: 44px;
}
.animation-efect-links a {
	padding: 4px 6px;
	font-size: 12px;
}
#animation_box {
	background-color: #f9f8f8;
	border-radius: 16px;
	width: 80%;
	margin: 0 auto;
	padding-top: 80px;
}
.animation-text-box {
	position: absolute;
	margin-top: 40px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
}
.animation-text-info {
	position: absolute;
	margin-top: -60px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	font-size: 10px;
}
.animation-text-box h2 {
	font-size: 54px;
	font-weight: 600;
	margin-bottom: 5px;
}
.animation-text-box p {
	font-size: 12px;
	text-transform: uppercase;
}
/* PEACE */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #346cab;
	position: fixed;
	z-index: 2040;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}
.pace-inactive {
	display: none;
}
/* WIDGETS */
.widget {
	border-radius: 5px;
	padding: 15px 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.widget.style1 h2 {
	font-size: 30px;
}
.widget h2, .widget h3 {
	margin-top: 5px;
	margin-bottom: 0;
}
.widget-text-box {
	padding: 20px;
	border: 1px solid #e7eaec;
	background: #ffffff;
}
.widget-head-color-box {
	border-radius: 5px 5px 0 0;
	margin-top: 10px;
}
.widget .flot-chart {
	height: 100px;
}
.vertical-align div {
	display: inline-block;
	vertical-align: middle;
}
.vertical-align h2, .vertical-align h3 {
	margin: 0;
}
.todo-list {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.todo-list.small-list {
	font-size: 12px;
}
.todo-list.small-list > li {
	background: #f3f3f4;
	border-left: none;
	border-right: none;
	border-radius: 4px;
	color: inherit;
	margin-bottom: 2px;
	padding: 6px 6px 6px 12px;
}
.todo-list.small-list .btn-xs, .todo-list.small-list .btn-group-xs > .btn {
	border-radius: 5px;
	font-size: 10px;
	line-height: 1.5;
	padding: 1px 2px 1px 5px;
}
.todo-list > li {
	background: #f3f3f4;
	border-left: 6px solid #e7eaec;
	border-right: 6px solid #e7eaec;
	border-radius: 4px;
	color: inherit;
	margin-bottom: 2px;
	padding: 10px;
}
.todo-list .handle {
	cursor: move;
	display: inline-block;
	font-size: 16px;
	margin: 0 5px;
}
.todo-list > li .label {
	font-size: 9px;
	margin-left: 10px;
}
.check-link {
	font-size: 16px;
}
.todo-completed {
	text-decoration: line-through;
}
.geo-statistic h1 {
	font-size: 36px;
	margin-bottom: 0;
}
.glyphicon.fa {
	font-family: 'Font Awesome 5 Free';
}
/* INPUTS */
.inline {
	display: inline-block !important;
}
.input-s-sm {
	width: 120px;
}
.input-s {
	width: 200px;
}
.input-s-lg {
	width: 250px;
}
.i-checks {
	padding-left: 0;
}
.form-control, .single-line {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #e5e6e7;
	border-radius: 1px;
	color: inherit;
	display: block;
	padding: 4px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	height: 30px;
	font-size: 14px;
}
.form-control:focus, .single-line:focus {
	border-color: #346cab;
}
.has-success .form-control, .has-success .form-control:focus {
	border-color: #346cab;
}
.has-warning .form-control, .has-warning .form-control:focus {
	border-color: #f8ac59;
}
.has-error .form-control, .has-error .form-control:focus {
	border-color: #ed5565;
}
.has-success .control-label {
	color: #346cab;
}
.has-warning .control-label {
	color: #f8ac59;
}
.has-error .control-label {
	color: #ed5565;
}
.input-group-addon {
	background-color: #fff;
	border: 1px solid #E5E6E7;
	border-radius: 1px;
	color: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 6px 12px;
	text-align: center;
}
.spinner-buttons.input-group-btn .btn-xs {
	line-height: 1.13;
}
.spinner-buttons.input-group-btn {
	width: 20%;
}
.noUi-connect {
	background: none repeat scroll 0 0 #346cab;
	box-shadow: none;
}
.slider_red .noUi-connect {
	background: none repeat scroll 0 0 #ed5565;
	box-shadow: none;
}
/* UI Sortable */
.ui-sortable .ibox-title {
	cursor: move;
}
.ui-sortable-placeholder {
	border: 1px dashed #cecece !important;
	visibility: visible !important;
	background: #e7eaec;
}
.ibox.ui-sortable-placeholder {
	margin: 0 0 23px !important;
}
/* SWITCHES */
.onoffswitch {
	position: relative;
	width: 54px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #346cab;
	border-radius: 3px;
}
.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 16px;
	padding: 0;
	line-height: 16px;
	font-size: 10px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "ON";
	padding-left: 7px;
	background-color: #346cab;
	color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 7px;
	background-color: #FFFFFF;
	color: #919191;
	text-align: right;
}
.onoffswitch-switch {
	display: block;
	width: 18px;
	margin: 0;
	background: #FFFFFF;
	border: 2px solid #346cab;
	border-radius: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 36px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0;
}
/* jqGrid */
.ui-jqgrid {
	-moz-box-sizing: content-box;
}
.ui-jqgrid-btable {
	border-collapse: separate;
}
.ui-jqgrid-htable {
	border-collapse: separate;
}
.ui-jqgrid-titlebar {
	height: 40px;
	line-height: 15px;
	color: #676a6c;
	background-color: #F9F9F9;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-jqgrid .ui-jqgrid-title {
	float: left;
	margin: 1.1em 1em 0.2em;
}
.ui-jqgrid .ui-jqgrid-titlebar {
	position: relative;
	border-left: 0 solid;
	border-right: 0 solid;
	border-top: 0 solid;
}
.ui-widget-header {
	background: none;
	background-image: none;
	background-color: #f5f5f6;
	text-transform: uppercase;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.ui-jqgrid tr.ui-row-ltr td {
	border-right-color: inherit;
	border-right-style: solid;
	border-right-width: 1px;
	text-align: left;
	border-color: #DDDDDD;
	background-color: inherit;
}
.ui-search-toolbar input[type="text"] {
	font-size: 12px;
	height: 15px;
	border: 1px solid #CCCCCC;
	border-radius: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #f7faff;
	border: 1px solid #DDDDDD;
	line-height: 15px;
	font-weight: bold;
	color: #676a6c;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-widget-content {
	box-sizing: content-box;
}
.ui-icon-triangle-1-n {
	background-position: 1px -16px;
}
.ui-jqgrid tr.ui-search-toolbar th {
	border-top-width: 0 !important;
	border-top-color: inherit !important;
	border-top-style: ridge !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: #f5f5f5;
	border-collapse: separate;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #f2fbff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #dddddd;
	background: #ffffff;
	font-weight: normal;
	color: #212121;
}
.ui-jqgrid .ui-pg-input {
	font-size: inherit;
	width: 50px;
	border: 1px solid #CCCCCC;
	height: 15px;
}
.ui-jqgrid .ui-pg-selbox {
	display: block;
	font-size: 1em;
	height: 25px;
	line-height: 18px;
	margin: 0;
	width: auto;
}
.ui-jqgrid .ui-pager-control {
	position: relative;
}
.ui-jqgrid .ui-jqgrid-pager {
	height: 32px;
	position: relative;
}
.ui-pg-table .navtable .ui-corner-all {
	border-radius: 0;
}
.ui-jqgrid .ui-pg-button:hover {
	padding: 1px;
	border: 0;
}
.ui-jqgrid .loading {
	position: absolute;
	top: 45%;
	left: 45%;
	width: auto;
	height: auto;
	z-index: 101;
	padding: 6px;
	margin: 5px;
	text-align: center;
	font-weight: bold;
	display: none;
	border-width: 2px !important;
	font-size: 11px;
}
.ui-jqgrid .form-control {
	height: 10px;
	width: auto;
	display: inline;
	padding: 10px 12px;
}
.ui-jqgrid-pager {
	height: 32px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0;
}
.ui-widget-content {
	border: 1px solid #ddd;
}
.ui-jqgrid .ui-jqgrid-titlebar {
	padding: 0;
}
.ui-jqgrid .ui-jqgrid-titlebar {
	border-bottom: 1px solid #ddd;
}
.ui-jqgrid tr.jqgrow td {
	padding: 8px;
}
.ui-jqdialog .ui-jqdialog-titlebar {
	padding: 10px 10px;
}
.ui-jqdialog .ui-jqdialog-title {
	float: none !important;
}
.ui-jqdialog > .ui-resizable-se {
	position: absolute;
}
/* Nestable list */
.dd {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 20px;
}
.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.dd-list .dd-list {
	padding-left: 30px;
}
.dd-collapsed .dd-list {
	display: none;
}
.dd-item, .dd-empty, .dd-placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding: ��0;
	min-height: 20px;
	font-size: 13px;
	line-height: 20px;
}
.dd-handle {
	display: block;
	margin: 5px 0;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	border: 1px solid #e7eaec;
	background: #f5f5f5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.dd-handle span {
	font-weight: bold;
}
.dd-handle:hover {
	background: #f0f0f0;
	cursor: pointer;
	font-weight: bold;
}
.dd-item > button {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	width: 25px;
	height: 20px;
	margin: 5px 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}
.dd-item > button:before {
	content: '+';
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
	content: '-';
}
#nestable2 .dd-item > button {
	font-family: 'Font Awesome 5 Free';
	height: 34px;
	width: 33px;
	color: #c1c1c1;
}
#nestable2 .dd-item > button:before {
	content: "\f067";
}
#nestable2 .dd-item > button[data-action="collapse"]:before {
	content: "\f068";
}
.dd-placeholder, .dd-empty {
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: #f2fbff;
	border: 1px dashed #b6bcbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.dd-empty {
	border: 1px dashed #bbb;
	min-height: 100px;
	background-color: #e5e5e5;
	background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
	background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
	background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
}
.dd-dragel {
	position: absolute;
	z-index: 9999;
	pointer-events: none;
}
.dd-dragel > .dd-item .dd-handle {
	margin-top: 0;
}
.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
/**
* Nestable Extras
*/
.nestable-lists {
	display: block;
	clear: both;
	padding: 30px 0;
	width: 100%;
	border: 0;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}
#nestable-menu {
	padding: 0;
	margin: 10px 0 20px 0;
}
#nestable-output, #nestable2-output {
	width: 100%;
	font-size: 0.75em;
	line-height: 1.333333em;
	font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#nestable2 .dd-handle {
	color: inherit;
	border: 1px dashed #e7eaec;
	background: #f3f3f4;
	padding: 10px;
}
#nestable2 span.label {
	margin-right: 10px;
}
#nestable-output, #nestable2-output {
	font-size: 12px;
	padding: 25px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/* CodeMirror */
.CodeMirror {
	border: 1px solid #eee;
	height: auto;
}
.CodeMirror-scroll {
	overflow-y: hidden;
	overflow-x: auto;
}
/* Google Maps */
.google-map {
	height: 300px;
}
/* Validation */
label.error {
	color: #cc5965;
	display: inline-block;
	margin-left: 5px;
}
.form-control.error {
	border: 1px dotted #cc5965;
}
/* ngGrid */
.gridStyle {
	border: 1px solid #d4d4d4;
	width: 100%;
	height: 400px;
}
.gridStyle2 {
	border: 1px solid #d4d4d4;
	width: 500px;
	height: 300px;
}
.ngH eaderCell {
	border-right: none;
	border-bottom: 1px solid #e7eaec;
}
.ngCell {
	border-right: none;
}
.ngTopPanel {
	background: #F5F5F6;
}
.ngRow.even {
	background: #f9f9f9;
}
.ngRow.selected {
	background: #EBF2F1;
}
.ngRow {
	border-bottom: 1px solid #e7eaec;
}
.ngCell {
	background-color: transparent;
}
.ngHeaderCell {
	border-right: none;
}
/* Toastr custom style */
#toast-container > .toast {
	background-image: none !important;
}
#toast-container > .toast:before {
	position: fixed;
	font-family: 'Font Awesome 5 Free';
	font-size: 24px;
	line-height: 24px;
	float: left;
	color: #FFF;
	padding-right: 0.5em;
	margin: auto 0.5em auto -1.5em;
}
#toast-container > .toast-warning:before {
	content: "\f0e7";
}
#toast-container > .toast-error:before {
	content: "\f071";
}
#toast-container > .toast-info:before {
	content: "\f005";
}
#toast-container > .toast-success:before {
	/* content: "\f00C"; */
}
#toast-container > div {
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
	opacity: .9;
	-ms-filter: alpha(opacity=90);
	filter: alpha(opacity=90);
}
#toast-container > :hover {
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}
.toast {
	background-color: #346cab;
}
.toast-success {
	background-color: #346cab;
}
.toast-error {
	background-color: #ed5565;
}
.toast-info {
	background-color: #23c6c8;
}
.toast-warning {
	background-color: #f8ac59;
}
.toast-top-full-width {
	margin-top: 20px;
}
.toast-bottom-full-width {
	margin-bottom: 20px;
}
/* Notifie */
.cg-notify-message.inspinia-notify {
	background: #fff;
	padding: 0;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
	border: none;
	margin-top: 30px;
	color: inherit;
}
.alert {
	margin-bottom: 5px; /*���߿� 0���� �ٲ�*/
	font-size: 13px;
}
.inspinia-notify.alert-warning {
	border-left: 6px solid #f8ac59;
}
.inspinia-notify.alert-success {
	border-left: 6px solid #1c84c6;
}
.alert-gray {
	color: #666666;
	background-color: #c0c0c0;
	border-color: #9b9b9b;
}
.inspinia-notify.alert-danger {
	border-left: 6px solid #ed5565;
}
.inspinia-notify.alert-info {
	border-left: 6px solid #346cab;
}
/* Image cropper style */
.img-container, .img-preview {
	overflow: hidden;
	text-align: center;
	width: 100%;
}
.img-preview-sm {
	height: 130px;
	width: 200px;
}
/* Forum styles  */
.forum-post-container .media {
	margin: 10px 10px 10px 10px;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #f1f1f1;
}
.forum-avatar {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 110px;
}
.forum-avatar .img-circle {
	height: 48px;
	width: 48px;
}
.author-info {
	color: #676a6c;
	font-size: 11px;
	margin-top: 5px;
	text-align: center;
}
.forum-post-info {
	padding: 9px 12px 6px 12px;
	background: #f9f9f9;
	border: 1px solid #f1f1f1;
}
.media-body > .media {
	background: #f9f9f9;
	border-radius: 3px;
	border: 1px solid #f1f1f1;
}
.forum-post-container .media-body .photos {
	margin: 10px 0;
}
.forum-photo {
	max-width: 140px;
	border-radius: 3px;
}
.media-body > .media .forum-avatar {
	width: 70px;
	margin-right: 10px;
}
.media-body > .media .forum-avatar .img-circle {
	height: 38px;
	width: 38px;
}
.mid-icon {
	font-size: 66px;
}
.forum-item {
	margin: 10px 0;
	padding: 10px 0 20px;
	border-bottom: 1px solid #f1f1f1;
}
.views-number {
	font-size: 24px;
	line-height: 18px;
	font-weight: 400;
}
.forum-container, .forum-post-container {
	padding: 30px !important;
}
.forum-item small {
	color: #999;
}
.forum-item .forum-sub-title {
	color: #999;
	margin-left: 50px;
}
.forum-title {
	margin: 15px 0 15px 0;
}
.forum-info {
	text-align: center;
}
.forum-desc {
	color: #999;
}
.forum-icon {
	float: left;
	width: 30px;
	margin-right: 20px;
	text-align: center;
}
a.forum-item-title {
	color: inherit;
	display: block;
	font-size: 18px;
	font-weight: 600;
}
a.forum-item-title:hover {
	color: inherit;
}
.forum-icon .fa {
	font-size: 30px;
	margin-top: 8px;
	color: #9b9b9b;
}
.forum-item.active .fa {
	color: #346cab;
}
.forum-item.active a.forum-item-title {
	color: #346cab;
}

@media (max-width: 992px) {
.forum-info {
	margin: 15px 0 10px 0;
	/* Comment this is you want to show forum info in small devices */
	display: none;
}
.forum-desc {
	float: none !important;
}
}
/* New Timeline style */
.vertical-container {
	/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
	width: 90%;
	max-width: 1170px;
	margin: 0 auto;
}
.vertical-container::after {
	/* clearfix */
	content: '';
	display: table;
	clear: both;
}
#vertical-timeline {
	position: relative;
	padding: 0;
	margin-top: 2em;
	margin-bottom: 2em;
}
#vertical-timeline::before {
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: #f1f1f1;
}
.vertical-timeline-content .btn {
	float: right;
}
#vertical-timeline.light-timeline:before {
	background: #e7eaec;
}
.dark-timeline .vertical-timeline-content:before {
	border-color: transparent #f5f5f5 transparent transparent;
}
.dark-timeline.center-orientation .vertical-timeline-content:before {
	border-color: transparent transparent transparent #f5f5f5;
}
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before, .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
	border-color: transparent #f5f5f5 transparent transparent;
}
.dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content {
	background: #f5f5f5;
}

@media only screen and (min-width: 1170px) {
#vertical-timeline.center-orientation {
	margin-top: 3em;
	margin-bottom: 3em;
}
#vertical-timeline.center-orientation:before {
	left: 50%;
	margin-left: -2px;
}
}

@media only screen and (max-width: 1170px) {
.center-orientation.dark-timeline .vertical-timeline-content:before {
	border-color: transparent #f5f5f5 transparent transparent;
}
}
.vertical-timeline-block {
	position: relative;
	margin: 2em 0;
}
.vertical-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}
.vertical-timeline-block:first-child {
	margin-top: 0;
}
.vertical-timeline-block:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-block {
	margin: 4em 0;
}
.center-orientation .vertical-timeline-block:first-child {
	margin-top: 0;
}
.center-orientation .vertical-timeline-block:last-child {
	margin-bottom: 0;
}
}
.vertical-timeline-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 16px;
	border: 3px solid #f1f1f1;
	text-align: center;
}
.vertical-timeline-icon i {
	display: block;
	width: 24px;
	height: 24px;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -9px;
}

@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-icon {
	width: 50px;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	font-size: 19px;
}
.center-orientation .vertical-timeline-icon i {
	margin-left: -12px;
	margin-top: -10px;
}
.center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
	visibility: hidden;
}
}
.vertical-timeline-content {
	position: relative;
	margin-left: 60px;
	background: white;
	border-radius: 0.25em;
	padding: 1em;
}
.vertical-timeline-content:after {
	content: "";
	display: table;
	clear: both;
}
.vertical-timeline-content h2 {
	font-weight: 400;
	margin-top: 4px;
}
.vertical-timeline-content p {
	margin: 1em 0;
	line-height: 1.6;
}
.vertical-timeline-content .vertical-date {
	float: left;
	font-weight: 500;
}
.vertical-date small {
	color: #346cab;
	font-weight: 400;
}
.vertical-timeline-content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
.vertical-timeline-content h2 {
	font-size: 18px;
}
.vertical-timeline-content p {
	font-size: 13px;
}
}

@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-content {
	margin-left: 0;
	padding: 1.6em;
	width: 45%;
}
.center-orientation .vertical-timeline-content::before {
	top: 24px;
	left: 100%;
	border-color: transparent;
	border-left-color: white;
}
.center-orientation .vertical-timeline-content .btn {
	float: left;
}
.center-orientation .vertical-timeline-content .vertical-date {
	position: absolute;
	width: 100%;
	left: 122%;
	top: 2px;
	font-size: 14px;
}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
	float: right;
}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
	top: 24px;
	left: auto;
	right: 100%;
	border-color: transparent;
	border-right-color: white;
}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
	float: right;
}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
	left: auto;
	right: 122%;
	text-align: right;
}
.center-orientation .cssanimations .vertical-timeline-content.is-hidden {
	visibility: hidden;
}
}
/* Tabs */
.tabs-container .panel-body {
	background: #f7f7f7;
	border: 1px solid #c2c2c2;
	border-radius: 2px;
	padding: 20px;
	position: relative;
}
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
	border: 1px solid #c2c2c2;
	border-bottom-color: transparent;
	background-color: #f7f7f7;
	text-align: center;
	height: 95px;
	padding-top: 13px;
}
.a2_height >a, .a2_height >a:hover, .a2_height >a:focus {
	height: 100px !important;
}
.tabs-container .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	width: 20%;
}
.tabs-container .tab-pane .panel-body {
	border-top: none;
}
.tabs-container .nav-tabs {
	border-bottom: 1px solid #c2c2c2;
	text-align: center;
}
.tabs-container .tab-pane .panel-body {
	border-top: none;
}
.tabs-container .tabs-left .tab-pane .panel-body, .tabs-container .tabs-right .tab-pane .panel-body {
	border-top: 1px solid #e7eaec;
}
.tabs-container .nav-tabs > li a:hover {
	background: transparent;
	border-color: transparent;
}
.tabs-container .tabs-below > .nav-tabs, .tabs-container .tabs-right > .nav-tabs, .tabs-container .tabs-left > .nav-tabs {
	border-bottom: 0;
}
.tabs-container .tabs-left .panel-body {
	position: static;
}
.tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs {
	width: 20%;
}
.tabs-container .tabs-left .panel-body {
	width: 80%;
	margin-left: 20%;
}
.tabs-container .tabs-right .panel-body {
	width: 80%;
	margin-right: 20%;
}
.tabs-container .tab-content > .tab-pane, .tabs-container .pill-content > .pill-pane {
	display: none;
}
.tabs-container .tab-content > .active, .tabs-container .pill-content > .active {
	display: block;
}
.tabs-container .tabs-below > .nav-tabs {
	border-top: 1px solid #e7eaec;
}
.tabs-container .tabs-below > .nav-tabs > li {
	margin-top: -1px;
	margin-bottom: 0;
}
.tabs-container .tabs-below > .nav-tabs > li > a {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.tabs-container .tabs-below > .nav-tabs > li > a:hover, .tabs-container .tabs-below > .nav-tabs > li > a:focus {
	border-top-color: #e7eaec;
	border-bottom-color: transparent;
}
.tabs-container .tabs-left > .nav-tabs > li, .tabs-container .tabs-right > .nav-tabs > li {
	float: none;
}
.tabs-container .tabs-left > .nav-tabs > li > a, .tabs-container .tabs-right > .nav-tabs > li > a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
}
.tabs-container .tabs-left > .nav-tabs {
	float: left;
	margin-right: 19px;
}
.tabs-container .tabs-left > .nav-tabs > li > a {
	margin-right: -1px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.tabs-container .tabs-left > .nav-tabs .active > a, .tabs-container .tabs-left > .nav-tabs .active > a:hover, .tabs-container .tabs-left > .nav-tabs .active > a:focus {
	border-color: #e7eaec transparent #e7eaec #e7eaec;
}
.tabs-container .tabs-right > .nav-tabs {
	float: right;
	margin-left: 19px;
}
.tabs-container .tabs-right > .nav-tabs > li > a {
	margin-left: -1px;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.tabs-container .tabs-right > .nav-tabs .active > a, .tabs-container .tabs-right > .nav-tabs .active > a:hover, .tabs-container .tabs-right > .nav-tabs .active > a:focus {
	border-color: #e7eaec #e7eaec #e7eaec transparent;
	z-index: 1;
}

/*@media (max-width: 767px) {
.tabs-container .nav-tabs > li { 
	float: none !important;
}
.tabs-container .nav-tabs > li.active > a {
	border-bottom: 1px solid #e7eaec !important;
	margin: 0;
}
}*/
/* jsvectormap */
.jvectormap-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.jvectormap-tip {
	position: absolute;
	display: none;
	border: solid 1px #CDCDCD;
	border-radius: 3px;
	background: #292929;
	color: white;
	font-family: sans-serif, Verdana;
	font-size: smaller;
	padding: 5px;
}
.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
	position: absolute;
	left: 10px;
	border-radius: 3px;
	background: #346cab;
	padding: 3px;
	color: white;
	cursor: pointer;
	line-height: 10px;
	text-align: center;
	box-sizing: content-box;
}
.jvectormap-zoomin, .jvectormap-zoomout {
	width: 10px;
	height: 10px;
}
.jvectormap-zoomin {
	top: 10px;
}
.jvectormap-zoomout {
	top: 30px;
}
.jvectormap-goback {
	bottom: 10px;
	z-index: 1000;
	padding: 6px;
}
.jvectormap-spinner {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}
.jvectormap-legend-title {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.jvectormap-legend-cnt {
	position: absolute;
}
.jvectormap-legend-cnt-h {
	bottom: 0;
	right: 0;
}
.jvectormap-legend-cnt-v {
	top: 0;
	right: 0;
}
.jvectormap-legend {
	background: black;
	color: white;
	border-radius: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
	float: left;
	margin: 0 10px 10px 0;
	padding: 3px 3px 1px 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
	float: left;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
	margin: 10px 10px 0 0;
	padding: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
	width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
	height: 15px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
.jvectormap-legend-tick-text {
	font-size: 12px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
	text-align: center;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	padding-left: 3px;
}
/*Slick Carousel */
.slick-prev:before, .slick-next:before {
	color: #346cab !important;
	/* color: #ffffff !important; */
}
/* Payments */
.payment-card {
	background: #ffffff;
	padding: 20px;
	margin-bottom: 25px;
	border: 1px solid #e7eaec;
}
.payment-icon-big {
	font-size: 60px;
	color: #d1dade;
}
.payments-method.panel-group .panel + .panel {
	margin-top: -1px;
}
.payments-method .panel-heading {
	padding: 15px;
}
.payments-method .panel {
	border-radius: 0;
}
.payments-method .panel-heading h5 {
	margin-bottom: 5px;
}
.payments-method .panel-heading i {
	font-size: 26px;
}
/* Select2 custom styles */
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
	border-color: #e7eaec;
}
.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #346cab;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #346cab;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: #e7eaec;
}
.select2-dropdown {
	border-color: #e7eaec;
}
.select2-dropdown input:focus {
	outline: none;
}
.select2-selection {
	outline: none;
}
.ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > a {
	background-color: #346cab;
}
/* Tour */
.tour-tour .btn.btn-default {
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
	color: inherit;
}
.tour-step-backdrop {
	z-index: 2101;
}
.tour-backdrop {
	z-index: 2100;
	opacity: .7;
}
.popover[class*=tour-] {
	z-index: 2100;
}
body.tour-open .animated {
	animation-fill-mode: initial;
}
/* Resizable */
.resizable-panels .ibox {
	clear: none;
	margin: 10px;
	float: left;
	overflow: hidden;
	min-height: 150px;
	min-width: 150px;
}
.resizable-panels .ibox .ibox-content {
	height: calc(100% - 49px);
}
.ui-resizable-helper {
	background: rgba(211, 211, 211, 0.4);
}
/* Wizard step fix */
.wizard > .content > .body {
	position: relative;
}
/* PDF js style */
.pdf-toolbar {
	max-width: 600px;
	margin: 0 auto;
}
/* Dropzone */
.dropzone {
	min-height: 140px;
	border: 1px dashed #346cab;
	background: white;
	padding: 20px 20px;
}
.dropzone .dz-message {
	font-size: 16px;
}
/* Activity stream */
.stream {
	position: relative;
	padding: 10px 0;
}
.stream:first-child .stream-badge:before {
	top: 10px;
}
.stream:last-child .stream-badge:before {
	height: 30px;
}
.stream .stream-badge {
	width: 50px;
}
.stream .stream-badge i {
	border: 1px solid #e7eaec;
	border-radius: 50%;
	padding: 6px;
	color: #808486;
	position: absolute;
	background-color: #ffffff;
	left: 8px;
}
.stream .stream-badge i.fa-circle {
	color: #ced0d1;
}
.stream .stream-badge i.bg-success {
	color: #ffffff;
	background-color: #1c84c6;
	border-color: #1c84c6;
}
.stream .stream-badge i.bg-primary {
	color: #ffffff;
	background-color: #346cab;
	border-color: #346cab;
}
.stream .stream-badge i.bg-warning {
	color: #ffffff;
	background-color: #f8ac59;
	border-color: #f8ac59;
}
.stream .stream-badge i.bg-info {
	color: #ffffff;
	background-color: #23c6c8;
	border-color: #23c6c8;
}
.stream .stream-badge i.bg-danger {
	color: #ffffff;
	background-color: #ed5565;
	border-color: #ed5565;
}
.stream .stream-badge:before {
	content: '';
	width: 1px;
	background-color: #e7eaec;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
}
.stream .stream-info {
	font-size: 12px;
	margin-bottom: 5px;
}
.stream .stream-info img {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	margin-right: 2px;
	margin-top: -4px;
}
.stream .stream-info .date {
	color: #9a9d9f;
	font-size: 80%;
}
.stream .stream-panel {
	margin-left: 55px;
}
.stream-small {
	margin: 10px 0;
}
.stream-small .label {
	padding: 2px 6px;
	margin-right: 2px;
}
.sidebar-panel {
	width: 220px;
	background: #ebebed;
	padding: 10px 20px;
	position: absolute;
	right: 0;
}
.sidebar-panel .feed-element img.img-circle {
	width: 32px;
	height: 32px;
}
.sidebar-panel .feed-element, .media-body, .sidebar-panel p {
	font-size: 12px;
}
.sidebar-panel .feed-element {
	margin-top: 20px;
	padding-bottom: 0;
}
.sidebar-panel .list-group {
	margin-bottom: 10px;
}
.sidebar-panel .list-group .list-group-item {
	padding: 5px 0;
	font-size: 12px;
	border: 0;
}
.sidebar-content .wrapper, .wrapper.sidebar-content {
	padding-right: 230px !important;
}
.body-small .sidebar-content .wrapper, .body-small .wrapper.sidebar-content {
	padding-right: 20px !important;
}
#right-sidebar {
	background-color: #fff;
	border-left: 1px solid #e7eaec;
	border-top: 1px solid #e7eaec;
	overflow: hidden;
	position: fixed;
	top: 60px;
	width: 260px !important;
	z-index: 1009;
	bottom: 0;
	right: -260px;
}
#right-sidebar.sidebar-open {
	right: 0;
}
#right-sidebar.sidebar-open.sidebar-top {
	top: 0;
	border-top: none;
}
.sidebar-container ul.nav-tabs {
	border: none;
}
.sidebar-container ul.nav-tabs.navs-4 li {
	width: 25%;
}
.sidebar-container ul.nav-tabs.navs-3 li {
	width: 33.3333%;
}
.sidebar-container ul.nav-tabs.navs-2 li {
	width: 50%;
}
.sidebar-container ul.nav-tabs li {
	border: none;
}
.sidebar-container ul.nav-tabs li a {
	border: none;
	padding: 12px 10px;
	margin: 0;
	border-radius: 0;
	background: #2f4050;
	color: #fff;
	text-align: center;
	border-right: 1px solid #334556;
}
.sidebar-container ul.nav-tabs li.active a {
	border: none;
	background: #f9f9f9;
	color: #676a6c;
	font-weight: bold;
}
.sidebar-container .nav-tabs > li.active > a:hover, .sidebar-container .nav-tabs > li.active > a:focus {
	border: none;
}
.sidebar-container ul.sidebar-list {
	margin: 0;
	padding: 0;
}
.sidebar-container ul.sidebar-list li {
	border-bottom: 1px solid #e7eaec;
	padding: 15px 20px;
	list-style: none;
	font-size: 12px;
}
.sidebar-container .sidebar-message:nth-child(2n+2) {
	background: #f9f9f9;
}
.sidebar-container ul.sidebar-list li a {
	text-decoration: none;
	color: inherit;
}
.sidebar-container .sidebar-content {
	padding: 15px 20px;
	font-size: 12px;
}
.sidebar-container .sidebar-title {
	background: #f9f9f9;
	padding: 20px;
	border-bottom: 1px solid #e7eaec;
}
.sidebar-container .sidebar-title h3 {
	margin-bottom: 3px;
	padding-left: 2px;
}
.sidebar-container .tab-content h4 {
	margin-bottom: 5px;
}
.sidebar-container .sidebar-message > a > .pull-left {
	margin-right: 10px;
}
.sidebar-container .sidebar-message > a {
	text-decoration: none;
	color: inherit;
}
.sidebar-container .sidebar-message {
	padding: 15px 20px;
}
.sidebar-container .sidebar-message .message-avatar {
	height: 38px;
	width: 38px;
	border-radius: 50%;
}
.sidebar-container .setings-item {
	padding: 15px 20px;
	border-bottom: 1px solid #e7eaec;
}
body {
	font-family: "����";
	/*background-color: #2f4050;*/
	font-size: 13px;
	color: #676a6c;
	overflow-x: hidden;
}
html, body {
	height: 100%;
}
body.full-height-layout #wrapper, body.full-height-layout #page-wrapper {
	height: 100%;
}
#page-wrapper {
	min-height: auto;
}
body.boxed-layout {
	/*background: url('patterns/shattered.png');*/
}
.boxed-layout {
}

body.boxed-layout #wrapper {
	background-color: #fff;
	max-width: 1200px;
	margin: 0 auto;
	/*-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);*/
}
.top-navigation.boxed-layout #wrapper, .boxed-layout #wrapper.top-navigation {
	max-width: 1200px !important;
}
.block {
	display: block;
}
.clear {
	display: block;
	overflow: hidden;
}
a {
	cursor: pointer;
}
a:hover, a:focus {
	text-decoration: none;
}
.border-bottom {
	border-bottom: 1px solid #e7eaec !important;
}
.font-bold {
	font-weight: 600;
}
.font-normal {
	font-weight: 400;
}
.text-uppercase {
	text-transform: uppercase;
}
.font-italic {
	font-style: italic;
}
.b-r {
	border-right: 1px solid #e7eaec;
}
.hr-line-dashed {
	border-top: 1px dashed #e7eaec;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	margin: 20px 0;
}
.hr-line-dashed_m10 {
	border-top: 1px dashed #e7eaec;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	margin: 10px 0;
}
.hr-line-solid {
	border-bottom: 1px solid #e7eaec;
	background-color: rgba(0, 0, 0, 0);
	border-style: solid !important;
	margin-top: 15px;
	margin-bottom: 15px;
}
video {
	width: 100% !important;
	height: auto !important;
}
/* GALLERY */
.gallery > .row > div {
	margin-bottom: 15px;
}
.fancybox img {
	margin-bottom: 5px;
	/* Only for demo */
	width: 24%;
}
/* Summernote text editor  
.note-editor {
	height: auto !important;
}
.note-editor.fullscreen {
	z-index: 2050;
}
.note-editor.note-frame.fullscreen {
	z-index: 2020;
}
.note-editor.note-frame .note-editing-area .note-editable {
	color: #676a6c;
	padding: 15px;
}
.note-editor.note-frame {
	border: none;
}
.note-editor.panel {
	margin-bottom: 0;
}*/
/* MODAL */
.modal-content {
	background-clip: padding-box;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	outline: 0 none;
	position: relative;
}
.modal-dialog {
	z-index: 2200;
}
.modal-body {
	padding: 20px 30px 30px 30px;
}
.inmodal .modal-body {
	background: #f8fafb;
}
.inmodal .modal-header {
	padding: 30px 15px;
	text-align: center;
}
.animated.modal.fade .modal-dialog {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.inmodal .modal-title {
	font-size: 26px;
    margin-top: 10px;
}
.inmodal .modal-icon {
	font-size: 84px;
	color: #e2e3e3;
}
.modal-footer {
	margin-top: 0;
}
/* WRAPPERS */
#wrapper {
	width: 100%;
}
.wrapper {
	padding: 0 20px;
}
.wrapper-content {
	padding: 20px 10px 40px;
}
#page-wrapper {
	padding: 0px 15px 0;
	min-height: 568px;
	position: relative !important;
}
.title-action {
	text-align: right;
	padding-top: 30px;
}
.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {
	margin-top: 5px;
}
.ibox-content-top h5 {
	border-left: 3px solid #346cab;
	padding-left: 10px;
}
.ibox-content-top p {
	padding-left: 10px;
}
.ibox-content-mid p {
	padding-left: 10px;
}
.ibox-content-mid h5 {
	border-left: 3px solid #346cab;
	padding-left: 10px;
}
/*.ibox-content-mid p {padding-left: 15px;}*/
ul.unstyled, ol.unstyled {
	list-style: none outside none;
	margin-left: 0;
}
.big-icon {
	font-size: 100px !important;
	color: #e5e6e7;
}
/* FOOTER ����Ǫ��
.footer {
  /* z-index: 9999;
  background: none repeat scroll 0 0 white;
  border-top: 1px solid #e7eaec;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  position: absolute;
  right: 0;
}
.footer.fixed_full {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 20px;
  background: white;
  border-top: 1px solid #e7eaec;
}
.footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 20px;
  background: white;
  border-top: 1px solid #e7eaec;
  margin-left: 220px;
} */
body.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
	margin: 0 0 0 70px;
}
body.mini-navbar.canvas-menu .footer.fixed, body.canvas-menu .footer.fixed {
	margin: 0 !important;
}
body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
	margin: 0 0 0 220px;
}
body.body-small .footer.fixed {
	margin-left: 0;
}
/* PANELS */
.page-heading {
	
}
.page-heading h2 {
	color: #fff;
    font-family: sans-serif;
    font-weight: bold;
	font-size: 34px;
	letter-spacing: -2px;
	text-shadow: 1px 1px 10px rgb(0,0,0,0.3);
	margin-top: 27px; 
}
.page-heading h3 {
	font-weight: 100;
	color: #fff;
    font-family: sans-serif;
	font-size: 25px;
	letter-spacing: -4px;
	padding: 40px 0 0 20px;;
	text-shadow: 1px 1px 10px rgb(0,0,0,0.3);
}
.panel-heading h1, .panel-heading h2 {
	margin-bottom: 5px;
}
/* TABLES */
.table-bordered {
	border: 1px solid #EBEBEB;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td {
	background-color: #f7f7f7;
	border-bottom-width: 1px;
}
.table-bordered > thead > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #e5e6e6;
}
.table > thead > tr > th {
	border-bottom: 1px solid #DDDDDD;
	vertical-align: bottom;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 1px solid #e7eaec;
	line-height: 1.62857;
	vertical-align: middle;
}
/* PANELS */
.panel.blank-panel {
	background: none;
	margin: 0;
}
.blank-panel .panel-heading {
	padding-bottom: 0;
}
.nav-tabs > li > a {
	color: #A7B1C2;
	font-weight: 600;
	/*padding: 18px 20px 10px 25px;*/
	height: 50px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background-color: #e6e6e6;
	color: #676a6c;
}
.ui-tab .tab-content {
	padding: 20px 0;
}
/* GLOBAL  */
.no-padding {
	padding: 0 !important;
}
.no-borders {
	border: none !important;
}
.no-margins {
	margin: 0 !important;
}
.no-top-border {
	border-top: 0 !important;
}
.ibox-content.text-box {
	padding-bottom: 0;
	padding-top: 15px;
}
.border-left-right {
	border-left: 1px solid #e7eaec;
	border-right: 1px solid #e7eaec;
}
.border-top-bottom {
	border-top: 1px solid #e7eaec;
	border-bottom: 1px solid #e7eaec;
}
.border-left {
	border-left: 1px solid #e7eaec;
}
.border-right {
	border-right: 1px solid #e7eaec;
}
.border-top {
	border-top: 1px solid #e7eaec;
}
.border-bottom {
	border-bottom: 1px solid #e7eaec;
}
.border-size-sm {
	border-width: 3px;
}
.border-size-md {
	border-width: 6px;
}
.border-size-lg {
	border-width: 9px;
}
.border-size-xl {
	border-width: 12px;
}
.full-width {
	width: 100% !important;
}
.link-block {
	font-size: 12px;
	padding: 10px;
}
.nav.navbar-top-links .link-block a {
	font-size: 12px;
}
.link-block a {
	font-size: 10px;
	color: inherit;
}
body.mini-navbar .branding {
	display: none;
}
img.circle-border {
	border: 6px solid #FFFFFF;
	border-radius: 50%;
}
.branding {
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	padding: 17px 20px;
	text-align: center;
	background-color: #346cab;
}
.login-panel {
	margin-top: 25%;
}
.icons-box h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.icons-box .infont a i {
	font-size: 25px;
	display: block;
	color: #676a6c;
}
.icons-box .infont a {
	color: #a6a8a9;
}
.icons-box .infont a {
	padding: 10px;
	margin: 1px;
	display: block;
}
.ui-draggable .ibox-title {
	cursor: move;
}
.breadcrumb {
	background-color: #ffffff;
	padding: 0;
	margin-bottom: 0;
	font-size: 12px;
	color: #999999;
}
.breadcrumb > li a {
	color: inherit;
}
.breadcrumb > .active {
	color: inherit;
}
code {
	background-color: #F9F2F4;
	border-radius: 4px;
	color: #ca4440;
	font-size: 90%;
	padding: 2px 4px;
	white-space: nowrap;
}
.ibox {
	clear: both;
	/* margin-bottom: 25px; */
	margin-top: 0;
	padding: 0;
}
.ibox.collapsed .ibox-content {
	display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
	content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
	content: "\f077";
}
.ibox:after, .ibox:before {
	display: table;
}
.ibox-title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: #67585b;
	border-image: none;
	border-style: solid;
	border-width: 2px 0 0;
	color: inherit;
	margin-bottom: 0;
	padding: 15px 15px 7px;
	min-height: 48px;
}
.ibox-content {
	background-color: #ffffff;
	color: inherit;
	padding: 15px 20px 20px 20px;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid;
	border-width: 0;
}
.ibox-content-top {
	background-color: #ffffff;
	color: inherit;
	padding: 35px 40px 20px 40px;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0;
}
.ibox-content-mid {
	background-color: #ffffff;
	color: inherit;
	padding: 0 40px 20px 40px;
	border-color: #fff;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0;
}
.ibox-footer {
	color: inherit;
	border-top: 1px solid #e7eaec;
	font-size: 90%;
	background: #ffffff;
	padding: 10px 15px;
}
table.table-mail tr td {
	padding: 12px;
}
.table-mail .check-mail {
	padding-left: 20px;
}
.table-mail .mail-date {
	padding-right: 20px;
}
.star-mail, .check-mail {
	width: 40px;
}
.unread td a, .unread td {
	font-weight: 600;
	color: inherit;
}
.read td a, .read td {
	font-weight: normal;
	color: inherit;
}
.unread td {
	background-color: #f9f8f8;
}
.ibox-content {
	clear: both;
}
.ibox-content-top {
	clear: both;
}
.ibox-content-mid {
	clear: both;
}
.ibox-heading {
	background-color: #f3f6fb;
	border-bottom: none;
}
.ibox-heading h3 {
	font-weight: 200;
	font-size: 24px;
}
.ibox-title h5 {
	display: inline-block;
	font-size: 15px;
	margin: 0 0 7px;
	padding: 0;
	text-overflow: ellipsis;
	float: left;
}
.ibox-title .label {
	float: left;
	margin-left: 4px;
}
.ibox-tools {
	display: block;
	float: none;
	margin-top: 0;
	position: relative;
	padding: 0;
	text-align: right;
}
.ibox-tools a {
	cursor: pointer;
	margin-left: 5px;
	color: #c4c4c4;
}
.ibox-tools a.btn-primary {
	color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
	padding: 4px 10px;
	font-size: 12px;
}
.ibox .ibox-tools.open > .dropdown-menu {
	left: auto;
	right: 0;
}
/* BACKGROUNDS */
.gray-bg, .bg-muted {
	background-color: #f3f3f4;
}
.white-bg {
	background-color: #ffffff;
}
.blue-bg, .bg-success {
	background-color: #1c84c6;
	color: #ffffff;
}
.navy-bg, .bg-primary {
	background-color: #346cab;
	color: #ffffff;
}
.lazur-bg, .bg-info {
	background-color: #23c6c8;
	color: #ffffff;
}
.yellow-bg, .bg-warning {
	background-color: #f8ac59;
	color: #ffffff;
}
.red-bg, .bg-danger {
	background-color: #ed5565;
	color: #ffffff;
}
.black-bg {
	background-color: #262626;
}
.panel {
	margin-bottom: 0px;
}
.panel-primary {
	border-color: #346cab;
}
.panel-primary > .panel-heading {
	background-color: #346cab;
	border-color: #346cab;
}
.panel-success {
	border-color: #1c84c6;
}
.panel-success > .panel-heading {
	background-color: #1c84c6;
	border-color: #1c84c6;
	color: #ffffff;
}
.panel-info {
	border-color: #23c6c8;
}
.panel-info > .panel-heading {
	background-color: #23c6c8;
	border-color: #23c6c8;
	color: #ffffff;
}
.panel-warning {
	border-color: #ff8e11;
}
.panel-warning > .panel-heading {
	background-color: #fff;
	border-color: #fff;
	color: #ff8e11;
	border-radius: 3px;
}
.panel-step {
	border-color: #346cab;
}
.panel-step > .panel-heading {
	background-color: #346cab;
	border-color: #346cab;
	color: #fff;
	border-radius: 3px;
}
.panel-danger {
	border-color: #ed5565;
}
.panel-danger > .panel-heading {
	background-color: #ed5565;
	border-color: #ed5565;
	color: #ffffff;
}
.progress-bar {
	background-color: #346cab;
}
.progress-small, .progress-small .progress-bar {
	height: 10px;
}
.progress-small, .progress-mini {
	margin-top: 5px;
}
.progress-mini, .progress-mini .progress-bar {
	height: 5px;
	margin-bottom: 0;
}
.progress-bar-navy-light {
	background-color: #3dc7ab;
}
.progress-bar-success {
	background-color: #1c84c6;
}
.progress-bar-info {
	background-color: #23c6c8;
}
.progress-bar-warning {
	background-color: #f8ac59;
}
.progress-bar-danger {
	background-color: #ed5565;
}
.panel-title {
	font-size: inherit;
}
.jumbotron {
	border-radius: 6px;
	padding: 40px;
}
.jumbotron h1 {
	margin-top: 0;
}
/* COLORS */
.text-navy {
	color: #346cab !important;
}
.text-darknavy {
	color: #055186 !important;
}
.text-green {
	color: #1eacae !important;
}
.text-gray {
	color: #999999 !important;
}
.text-primary {
	color: inherit;
}
.text-success {
	color: #1c84c6;
}
.text-info {
	color: #2397c8;
}
.text-warning {
	color: #58b4b5 !important;
}
.text-danger {
	color: #ed5565;
}
.text-muted {
	color: #888888;
}
.text-white {
	color: #ffffff;
}
.simple_tag {
	background-color: #f3f3f4;
	border: 1px solid #e7eaec;
	border-radius: 2px;
	color: inherit;
	font-size: 10px;
	margin-right: 5px;
	margin-top: 5px;
	padding: 5px 12px;
	display: inline-block;
}
.img-shadow {
	-webkit-box-shadow: 0 0 3px 0 #919191;
	-moz-box-shadow: 0 0 3px 0 #919191;
	box-shadow: 0 0 3px 0 #919191;
}
/* For handle diferent bg color in AngularJS version */
.dashboards\.dashboard_2 nav.navbar, .dashboards\.dashboard_3 nav.navbar, .mailbox\.inbox nav.navbar, .mailbox\.email_view nav.navbar, .mailbox\.email_compose nav.navbar, .dashboards\.dashboard_4_1 nav.navbar, .metrics nav.navbar, .metrics\.index nav.navbar, .dashboards\.dashboard_5 nav.navbar {
	background: #fff;
}
/* For handle diferent bg color in MVC version */
.Dashboard_2 .navbar.navbar-static-top, .Dashboard_3 .navbar.navbar-static-top, .Dashboard_4_1 .navbar.navbar-static-top, .ComposeEmail .navbar.navbar-static-top, .EmailView .navbar.navbar-static-top, .Inbox .navbar.navbar-static-top, .Metrics .navbar.navbar-static-top, .Dashboard_5 .navbar.navbar-static-top {
	background: #fff;
}
a.close-canvas-menu {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 1011;
	color: #a7b1c2;
}
a.close-canvas-menu:hover {
	color: #fff;
}
.close-canvas-menu {
	display: none;
}
.canvas-menu .close-canvas-menu {
	display: block;
}
.light-navbar .navbar.navbar-static-top {
	background-color: #ffffff;
}
/* FULL HEIGHT */
.full-height {
	height: 100%;
}
.fh-breadcrumb {
	height: calc(100% - 196px);
	margin: 0 -15px;
	position: relative;
}
.fh-no-breadcrumb {
	height: calc(100% - 99px);
	margin: 0 -15px;
	position: relative;
}
.fh-column {
	z-index: 99;
	background: #f3f3f4;
	width: 175px;
	float: left;
	
}
.modal-backdrop {
	z-index: 2040 !important;
}
.modal {
	z-index: 2050 !important;
}
.spiner-example {
	height: 200px;
	padding-top: 70px;
}
/* MARGINS & PADDINGS */
.p-xxs {
	padding: 5px;
}
.p-xs {
	padding: 10px;
}
.p-l-xs {
	padding-left: 10px;
}
.p-sm {
	padding: 15px;
}
.p-l-sm {
	padding-left: 15px;
}
.p-m {
	padding: 20px;
}
.p-md {
	padding: 25px;
}
.p-lg {
	padding: 30px;
}
.p-xl {
	padding: 40px;
}
.p-w-xs {
	padding: 0 10px;
}
.p-w-sm {
	padding: 0 15px;
}
.p-w-m {
	padding: 0 20px;
}
.p-w-md {
	padding: 0 25px;
}
.p-w-lg {
	padding: 0 30px;
}
.p-w-xl {
	padding: 0 40px;
}
.p-h-xs {
	padding: 10px 0;
}
.p-h-sm {
	padding: 15px 0;
}
.p-h-m {
	padding: 20px 0;
}
.p-h-md {
	padding: 25px 0;
}
.p-h-lg {
	padding: 30px 0;
}
.p-h-xl {
	padding: 40px 0;
}
.m-xxs {
	margin: 2px 4px;
}
.m {
	margin: 15px;
}
.m-xs {
	margin: 5px;
}
.m-sm {
	margin: 10px;
}
.m-md {
	margin: 20px;
}
.m-lg {
	margin: 30px;
}
.m-xl {
	margin: 50px;
}
.m-n {
	margin: 0 !important;
}
.m-l-none {
	margin-left: 0;
}
.m-l-xs {
	margin-left: 5px;
}
.m-l-sm {
	margin-left: 10px;
}
.m-l {
	margin-left: 15px;
}
.m-l-md {
	margin-left: 20px;
}
.m-l-lg {
	margin-left: 30px;
}
.m-l-xl {
	margin-left: 40px;
}
.m-l-n-xxs {
	margin-left: -1px;
}
.m-l-n-xs {
	margin-left: -5px;
}
.m-l-n-sm {
	margin-left: -10px;
}
.m-l-n {
	margin-left: -15px;
}
.m-l-n-md {
	margin-left: -20px;
}
.m-l-n-lg {
	margin-left: -30px;
}
.m-l-n-xl {
	margin-left: -40px;
}
.m-t-none {
	margin-top: 0;
}
.m-t-xxs {
	margin-top: 1px;
}
.m-t-xs {
	margin-top: 5px;
}
.m-t-sm {
	margin-top: 10px;
}
.m-t {
	margin-top: 15px;
}
.m-t-md {
	margin-top: 20px;
}
.m-t-lg {
	margin-top: 30px;
}
.m-t-xl {
	margin-top: 40px;
}
.m-t-n-xxs {
	margin-top: -1px;
}
.m-t-n-xs {
	margin-top: -5px;
}
.m-t-n-sm {
	margin-top: -10px;
}
.m-t-n {
	margin-top: -15px;
}
.m-t-n-md {
	margin-top: -20px;
}
.m-t-n-lg {
	margin-top: -30px;
}
.m-t-n-xl {
	margin-top: -40px;
}
.m-r-none {
	margin-right: 0;
}
.m-r-xxs {
	margin-right: 1px;
}
.m-r-xs {
	margin-right: 5px;
}
.m-r-sm {
	margin-right: 10px;
}
.m-r {
	margin-right: 15px;
}
.m-r-md {
	margin-right: 20px;
}
.m-r-lg {
	margin-right: 30px;
}
.m-r-xl {
	margin-right: 40px;
}
.m-r-n-xxs {
	margin-right: -1px;
}
.m-r-n-xs {
	margin-right: -5px;
}
.m-r-n-sm {
	margin-right: -10px;
}
.m-r-n {
	margin-right: -15px;
}
.m-r-n-md {
	margin-right: -20px;
}
.m-r-n-lg {
	margin-right: -30px;
}
.m-r-n-xl {
	margin-right: -40px;
}
.m-b-none {
	margin-bottom: 0;
}
.m-b-xxs {
	margin-bottom: 1px;
}
.m-b-xs {
	margin-bottom: 5px;
}
.m-b-sm {
	margin-bottom: 10px;
}
.m-b {
	margin-bottom: 15px;
}
.m-b-md {
	margin-bottom: 20px;
}
.m-b-lg {
	margin-bottom: 30px;
}
.m-b-xl {
	margin-bottom: 40px;
}
.m-b-n-xxs {
	margin-bottom: -1px;
}
.m-b-n-xs {
	margin-bottom: -5px;
}
.m-b-n-sm {
	margin-bottom: -10px;
}
.m-b-n {
	margin-bottom: -15px;
}
.m-b-n-md {
	margin-bottom: -20px;
}
.m-b-n-lg {
	margin-bottom: -30px;
}
.m-b-n-xl {
	margin-bottom: -40px;
}
.space-15 {
	margin: 15px 0;
}
.space-20 {
	margin: 20px 0;
}
.space-25 {
	margin: 25px 0;
}
.space-30 {
	margin: 30px 0;
}
.img-sm {
	width: 32px;
	height: 32px;
}
.img-md {
	width: 64px;
	height: 64px;
}
.img-lg {
	width: 96px;
	height: 96px;
}
.b-r-xs {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.b-r-sm {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.b-r-md {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.b-r-lg {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.b-r-xl {
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}
.fullscreen-ibox-mode .animated {
	animation: none;
}
body.fullscreen-ibox-mode {
	overflow-y: hidden;
}
.ibox.fullscreen {
	z-index: 2030;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	margin-bottom: 0;
}
.ibox.fullscreen .collapse-link {
	display: none;
}
.ibox.fullscreen .ibox-content {
	min-height: calc(100% - 48px);
}
body.modal-open {
	padding-right: inherit !important;
}
body.modal-open .wrapper-content.animated {
	-webkit-animation: none;
	-ms-animation-nam: none;
	animation: none;
}
body.modal-open .animated {
	animation-fill-mode: initial;
	z-index: inherit;
}
/* Show profile dropdown on fixed sidebar */
body.mini-navbar.fixed-sidebar .profile-element, .block {
	display: block !important;
}
body.mini-navbar.fixed-sidebar .nav-header {
	padding: 33px 25px;
}
body.mini-navbar.fixed-sidebar .logo-element {
	display: none;
}
.fullscreen-video .animated {
	animation: none;
}
/* SEARCH PAGE */
.search-form {
	margin-top: 10px;
}
.search-result h3 {
	margin-bottom: 0;
	color: #1E0FBE;
}
.search-result .search-link {
	color: #006621;
}
.search-result p {
	font-size: 12px;
	margin-top: 5px;
}
/* CONTACTS */
.contact-box {
	background-color: #ffffff;
	border: 1px solid #e7eaec;
	padding: 11px 5px 0 5px;
	margin-bottom: 5px;/*border-top: 1px solid #346cab;*/
}
.contact-box > a {
	color: inherit;
}
.contact-box.center-version {
	border: 1px solid #e7eaec;
	padding: 0;
}
.contact-box.center-version > a {
	display: block;
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
}
.contact-box.center-version > a img {
	width: 80px;
	height: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contact-box.center-version address {
	margin-bottom: 0;
}
.contact-box .contact-box-footer {
	text-align: center;
	background-color: #ffffff;
	border-top: 1px solid #e7eaec;
	padding: 15px 20px;
}
/* INVOICE */
.invoice-table tbody > tr > td:last-child, .invoice-table tbody > tr > td:nth-child(4), .invoice-table tbody > tr > td:nth-child(3), .invoice-table tbody > tr > td:nth-child(2) {
	text-align: right;
}
.invoice-table thead > tr > th:last-child, .invoice-table thead > tr > th:nth-child(4), .invoice-table thead > tr > th:nth-child(3), .invoice-table thead > tr > th:nth-child(2) {
	text-align: right;
}
.invoice-total > tbody > tr > td:first-child {
	text-align: right;
}
.invoice-total > tbody > tr > td {
	border: 0 none;
}
.invoice-total > tbody > tr > td:last-child {
	border-bottom: 1px solid #DDDDDD;
	text-align: right;
	width: 15%;
}
/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
	max-width: 1000px;
	z-index: 100;
	margin: 0 auto;
	padding-top: 100px;
}
.lockscreen.middle-box {
	width: 200px;
	padding-top: 110px;
}
.loginscreen.middle-box {
	width: 1000px;
}
.loginColumns {
	max-width: 800px;
	margin: 0 auto;
	padding: 100px 20px 20px 20px;
}
.passwordBox {
	max-width: 460px;
	margin: 0 auto;
	padding: 100px 20px 20px 20px;
}
.logo-name {
	color: #e6e6e6;
	font-size: 180px;
	font-weight: 800;
	letter-spacing: -10px;
	margin-bottom: 0;
}
.middle-box h1 {
	font-size: 170px;
}
.wrapper .middle-box {
	margin-top: 140px;
}
.lock-word {
	z-index: 10;
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -470px;
}
.lock-word span {
	font-size: 100px;
	font-weight: 600;
	color: #e9e9e9;
	display: inline-block;
}
.lock-word .first-word {
	margin-right: 160px;
}
/* DASBOARD */
.dashboard-header {
	border-top: 0;
	padding: 20px 20px 20px 20px;
}
.dashboard-header h2 {
	margin-top: 10px;
	font-size: 26px;
}
.fist-item {
	border-top: none !important;
}
.statistic-box {
	margin-top: 40px;
}
.dashboard-header .list-group-item span.label {
	margin-right: 10px;
}
.list-group.clear-list .list-group-item {
	border-top: 1px solid #e7eaec;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	padding: 10px 0;
}
ul.clear-list:first-child {
	border-top: none !important;
}
/* Intimeline */
.timeline-item .date i {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	width: 30px;
	text-align: center;
	border-top: 1px solid #e7eaec;
	border-bottom: 1px solid #e7eaec;
	border-left: 1px solid #e7eaec;
	background: #f8f8f8;
}
.timeline-item .date {
	text-align: right;
	width: 110px;
	position: relative;
	padding-top: 30px;
}
.timeline-item .content {
	border-left: 1px solid #e7eaec;
	border-top: 1px solid #e7eaec;
	padding-top: 10px;
	min-height: 100px;
}
.timeline-item .content:hover {
	background: #f6f6f6;
}
/* PIN BOARD */
ul.notes li, ul.tag-list li {
	list-style: none;
}
ul.notes li h4 {
	margin-top: 20px;
	font-size: 16px;
}
ul.notes li div {
	text-decoration: none;
	color: #000;
	background: #ffc;
	display: block;
	height: 140px;
	width: 140px;
	padding: 1em;
	position: relative;
}
ul.notes li div small {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 10px;
}
ul.notes li div a {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: inherit;
}
ul.notes li {
	margin: 10px 40px 50px 0;
	float: left;
}
ul.notes li div p {
	font-size: 12px;
}
ul.notes li div {
	text-decoration: none;
	color: #000;
	background: #ffc;
	display: block;
	height: 140px;
	width: 140px;
	padding: 1em;
	/* Firefox */
	-moz-box-shadow: 5px 5px 2px #212121;
	/* Safari+Chrome */
	-webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
	/* Opera */
	box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}
ul.notes li div {
	-webkit-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
}
ul.notes li:nth-child(even) div {
	-o-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	position: relative;
	top: 5px;
}
ul.notes li:nth-child(3n) div {
	-o-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	position: relative;
	top: -5px;
}
ul.notes li:nth-child(5n) div {
	-o-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	position: relative;
	top: -10px;
}
ul.notes li div:hover, ul.notes li div:focus {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	position: relative;
	z-index: 5;
}
ul.notes li div {
	text-decoration: none;
	color: #000;
	background: #ffc;
	display: block;
	height: 210px;
	width: 210px;
	padding: 1em;
	-moz-box-shadow: 5px 5px 7px #212121;
	-webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
	box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
	-moz-transition: -moz-transform 0.15s linear;
	-o-transition: -o-transform 0.15s linear;
	-webkit-transition: -webkit-transform 0.15s linear;
}
/* FILE MANAGER */
.file-box {
	float: left;
	width: 33%;
}
.file-manager h5 {
	text-transform: uppercase;
}
.file-manager {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.folder-list li a {
	color: #666666;
	display: block;
	padding: 5px 0;
}
.folder-list li {
	border-bottom: 1px solid #e7eaec;
	display: block;
}
.folder-list li i {
	margin-right: 8px;
	color: #3d4d5d;
}
.category-list li a {
	color: #666666;
	display: block;
	padding: 5px 0;
}
.category-list li {
	display: block;
}
.category-list li i {
	margin-right: 8px;
	color: #3d4d5d;
}
.category-list li a .text-navy {
	color: #346cab;
}
.category-list li a .text-primary {
	color: #1c84c6;
}
.category-list li a .text-info {
	color: #2397c8;
}
.category-list li a .text-danger {
	color: #EF5352;
}
.category-list li a .text-warning {
	color: #F8AC59;
}
.file-manager h5.tag-title {
	margin-top: 20px;
}
.tag-list li {
	float: left;
}
.tag-list li a {
	font-size: 10px;
	background-color: #f3f3f4;
	padding: 5px 12px;
	color: inherit;
	border-radius: 2px;
	border: 1px solid #e7eaec;
	margin-right: 5px;
	margin-top: 5px;
	display: block;
}
.underline {
	display:inline; border-bottom:1px solid #e4cea0; padding-bottom:0px;
}
.file {
	border: 1px solid #e7eaec;
	padding: 0;
	background-color: #ffffff;
	position: relative;
	margin: 0 5px;
}
.file-manager .hr-line-dashed {
	margin: 15px 0;
}
.file .icon, .file .image {
	height: 60px;
	overflow: hidden;
}
.file .icon {
	padding: 10px 10px;
	text-align: center;
}
.file-control {
	color: inherit;
	font-size: 11px;
	margin-right: 10px;
}
.file-control.active {
	text-decoration: underline;
}
.file .icon i {
	font-size: 40px;
	color: #dadada;
}
.file .file-name {
	padding: 10px;
	background-color: #f8f8f8;
	border-top: 1px solid #e7eaec;
}
.file-name small {
	color: #676a6c;
}
.corner {
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	line-height: 0;
	border: 0.6em solid transparent;
	border-right: 0.6em solid #f1f1f1;
	border-bottom: 0.6em solid #f1f1f1;
	right: 0em;
	bottom: 0em;
}
a.compose-mail {
	padding: 8px 10px;
}
.mail-search {
	max-width: 300px;
}
/* PROFILE */
.profile-content {
	border-top: none !important;
}
.profile-stats {
	margin-right: 10px;
}
.profile-image {
	width: 120px;
	float: left;
}
.profile-image img {
	width: 96px;
	height: 96px;
}
.profile-info {
	margin-left: 120px;
}
.feed-activity-list .feed-element {
	border-bottom: 1px solid #e7eaec;
}
.feed-element:first-child {
	margin-top: 0;
}
.feed-element {
	padding-bottom: 15px;
}
.feed-element, .feed-element .media {
	margin-top: 15px;
}
.feed-element, .media-body {
	overflow: hidden;
}
.feed-element > .pull-left {
	margin-right: 10px;
}
.feed-element img.img-circle, .dropdown-messages-box img.img-circle {
	width: 38px;
	height: 38px;
}
.feed-element .well {
	border: 1px solid #e7eaec;
	box-shadow: none;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 10px 20px;
	font-size: 11px;
	line-height: 16px;
}
.feed-element .actions {
	margin-top: 10px;
}
.feed-element .photos {
	margin: 10px 0;
}
.feed-photo {
	max-height: 180px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
}
.file-list li {
	padding: 5px 10px;
	font-size: 11px;
	border-radius: 2px;
	border: 1px solid #e7eaec;
	margin-bottom: 5px;
}
.file-list li a {
	color: inherit;
}
.file-list li a:hover {
	color: #346cab;
}
.user-friends img {
	width: 42px;
	height: 42px;
	margin-bottom: 5px;
	margin-right: 5px;
}
/* MAILBOX */
.mail-box {
	background-color: #ffffff;
	border: 1px solid #e7eaec;
	border-top: 0;
	padding: 0;
	margin-bottom: 20px;
}
.mail-box-header {
	background-color: #ffffff;
	border: 1px solid #e7eaec;
	border-bottom: 0;
	padding: 30px 20px 20px 20px;
}
.mail-box-header h2 {
	margin-top: 0;
}
.mailbox-content .tag-list li a {
	background: #ffffff;
}
.mail-body {
	border-top: 1px solid #e7eaec;
	padding: 20px;
}
.mail-text {
	border-top: 1px solid #e7eaec;
}
.mail-text .note-toolbar {
	padding: 10px 15px;
}
.mail-body .form-group {
	margin-bottom: 5px;
}
.mail-text .note-editor .note-toolbar {
	background-color: #F9F8F8;
}
.mail-attachment {
	border-top: 1px solid #e7eaec;
	padding: 20px;
	font-size: 12px;
}
.mailbox-content {
	background: none;
	border: none;
	padding: 10px;
}
.mail-ontact {
	width: 23%;
}
/* PROJECTS */
.project-people, .project-actions {
	text-align: right;
	vertical-align: middle;
}
dd.project-people {
	text-align: left;
	margin-top: 5px;
}
.project-people img {
	width: 32px;
	height: 32px;
}
.project-title a {
	font-size: 14px;
	color: #676a6c;
	font-weight: 600;
}
.project-list table tr td {
	border-top: none;
	border-bottom: 1px solid #e7eaec;
	padding: 15px 10px;
	vertical-align: middle;
}
.project-manager .tag-list li a {
	font-size: 10px;
	background-color: white;
	padding: 5px 12px;
	color: inherit;
	border-radius: 2px;
	border: 1px solid #e7eaec;
	margin-right: 5px;
	margin-top: 5px;
	display: block;
}
.project-files li a {
	font-size: 11px;
	color: #676a6c;
	margin-left: 10px;
	line-height: 22px;
}
/* FAQ */
.faq-item {
	margin: 0 15px 15px 15px;/*margin-bottom: 2px;*//*background: #fff;*/ 
	position: relative; /*�߰�*/
}
.faq-question {
	font-size: 15px;
	color: #346cab;
	display: block;
    font-family: sans-serif;
    letter-spacing: -0.1px;
	margin: 0 auto;
	width: 62%;
}
.faq-answer {
	/*margin-top: 10px;*/
	background: #fff;
	/*border: 1px solid #e7eaec;*/
	border-radius: 3px;/*padding: 15px;*/
}
.faq-item .tag-item {
	background: #f3f3f4;
	padding: 2px 6px;
	font-size: 10px;
	text-transform: uppercase;
}
/* Chat view */
.message-input {
	height: 90px !important;
}
.chat-avatar {
	width: 36px;
	height: 36px;
	float: left;
	margin-right: 10px;
}
.chat-user-name {
	padding: 10px;
}
.chat-user {
	padding: 8px 10px;
	border-bottom: 1px solid #e7eaec;
}
.chat-user a {
	color: inherit;
}
.chat-view {
	z-index: 20012;
}
.chat-users, .chat-statistic {
	margin-left: -30px;
}

@media (max-width: 992px) {
.chat-users, .chat-statistic {
	margin-left: 0;
}
}
.chat-view .ibox-content {
	padding: 0;
}
.chat-message {
	padding: 10px 20px;
}
.message-avatar {
	height: 48px;
	width: 48px;
	border: 1px solid #e7eaec;
	border-radius: 4px;
	margin-top: 1px;
}
.chat-discussion .chat-message.left .message-avatar {
	float: left;
	margin-right: 10px;
}
.chat-discussion .chat-message.right .message-avatar {
	float: right;
	margin-left: 10px;
}
.message {
	background-color: #fff;
	border: 1px solid #e7eaec;
	text-align: left;
	display: block;
	padding: 10px 20px;
	position: relative;
	border-radius: 4px;
}
.chat-discussion .chat-message.left .message-date {
	float: right;
}
.chat-discussion .chat-message.right .message-date {
	float: left;
}
.chat-discussion .chat-message.left .message {
	text-align: left;
	margin-left: 55px;
}
.chat-discussion .chat-message.right .message {
	text-align: right;
	margin-right: 55px;
}
.message-date {
	font-size: 10px;
	color: #888888;
}
.message-content {
	display: block;
}
.chat-discussion {
	background: #eee;
	padding: 15px;
	height: 400px;
	overflow-y: auto;
}
.chat-users {
	overflow-y: auto;
	height: 400px;
}
.chat-message-form .form-group {
	margin-bottom: 0;
}
/* jsTree */
.jstree-open > .jstree-anchor > .fa-folder:before {
	content: "\f07c";
}
.jstree-default .jstree-icon.none {
	width: 0;
}
/* CLIENTS */
.clients-list {
	margin-top: 20px;
}
.clients-list .tab-pane {
	position: relative;
	height: 600px;
}
.client-detail {
	position: relative;
	height: 620px;
}
.clients-list table tr td {
	height: 46px;
	vertical-align: middle;
	border: none;
}
.client-link {
	font-weight: 600;
	color: inherit;
}
.client-link:hover {
	color: inherit;
}
.client-avatar {
	width: 42px;
}
.client-avatar img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
}
.contact-type {
	width: 20px;
	color: #c1c3c4;
}
.client-status {
	text-align: left;
}
.client-detail .vertical-timeline-content p {
	margin: 0;
}
.client-detail .vertical-timeline-icon.gray-bg {
	color: #a7aaab;
}
.clients-list .nav-tabs > li.active > a, .clients-list .nav-tabs > li.active > a:hover, .clients-list .nav-tabs > li.active > a:focus {
	border-bottom: 1px solid #fff;
}
/* BLOG ARTICLE */
.blog h2 {
	font-weight: 700;
}
.blog h5 {
	margin: 0 0 5px 0;
}
.blog .btn {
	margin: 0 0 5px 0;
}
.article h1 {
	font-size: 48px;
	font-weight: 700;
	color: #2F4050;
}
.article p {
	font-size: 15px;
	line-height: 26px;
}
.article-title {
	text-align: center;
	margin: 40px 0 100px 0;
}
.article .ibox-content {
	padding: 40px;
}
/* ISSUE TRACKER */
.issue-tracker .btn-link {
	color: #346cab;
}
table.issue-tracker tbody tr td {
	vertical-align: middle;
	height: 50px;
}
.issue-info {
	width: 50%;
}
.issue-info a {
	font-weight: 600;
	color: #676a6c;
}
.issue-info small {
	display: block;
}
/* TEAMS */
.team-members {
	margin: 10px 0;
}
.team-members img.img-circle {
	width: 42px;
	height: 42px;
	margin-bottom: 5px;
}
/* AGILE BOARD */
.sortable-list {
	padding: 10px 0;
}
.agile-list {
	list-style: none;
	margin: 0;
}
.agile-list li {
	background: #FAFAFB;
	border: 1px solid #e7eaec;
	margin: 0 0 10px 0;
	padding: 10px;
	border-radius: 2px;
}
.agile-list li:hover {
	cursor: pointer;
}
.agile-list li:hover span {
	color: #fff;
	font-weight: bold;
}
.agile-list li.success-element:hover {
	border-left: 3px solid #346cab;
	background: #346cab;
}
.agile-list li.green-element:hover {
	border-left: 3px solid #1ab394;
	background: #1eacae;
}
.agile-list li.warning-element:hover {
	border-left: 3px solid #58b4b5;
	background: #58b4b5;
}
.agile-list li.info-element:hover {
	border-left: 3px solid #2397c8;
	background: #2397c8;
}
.agile-list li.danger-element:hover {
	border-left: 3px solid #ed5565;
	background: #ed5565;
}
.agile-list li.warning-element {
	border-left: 3px solid #58b4b5;
}
.agile-list li.danger-element {
	border-left: 3px solid #ed5565;
}
.agile-list li.info-element {
	border-left: 3px solid #2397c8;
}
.agile-list li.success-element {
	border-left: 3px solid #346cab;
}
.agile-list li.green-element {
	border-left: 3px solid #1eacae;
}

.agile-list li.gray-element {
	border-left: 3px solid #999999;cursor: not-allowed;pointer-events:none;
}
.agile-list2 li.gray-element {
	border-left: 3px solid #999999;cursor: not-allowed;pointer-events:none;
}

.pivot-list {
	list-style: none;
	margin: 0;
}
.pivot-list li {
	background: #FAFAFB;
	border: 1px solid #e7eaec;
	margin: 0 0 7px 0;
	padding: 5px;
	border-radius: 3px;
	color: #346cab;
}
.pivot-list li:hover {
	cursor: pointer;
}
.pivot-list li:hover span {
	color: #fff;
	font-weight: bold;
}
.pivot-list li.pivot-element:hover {
	border-top: 1px solid #346cab;
	background: #fff;
	
}



.agile-list2 {
	list-style: none;
	margin: 0;
}
.agile-list2 li {
	background: #fff;
	border: 1px solid #e7eaec;
	margin: 0 0 10px 0;
	padding: 10px;
	border-radius: 2px;
}
.agile-list2 li:hover {
	cursor: pointer;
}
.agile-list2 li:hover span {
	color: #fff;
	font-weight: bold;
}
.agile-list2 li.success-element:hover {
	border-left: 3px solid #346cab;
	background: #346cab;
}
.agile-list2 li.green-element:hover {
	border-left: 3px solid #1ab394;
	background: #1eacae;
}
.agile-list2 li.warning-element:hover {
	border-left: 3px solid #58b4b5;
	background: #58b4b5;
}
.agile-list2 li.info-element:hover {
	border-left: 3px solid #2397c8;
	background: #2397c8;
}
.agile-list2 li.danger-element:hover {
	border-left: 3px solid #ed5565;
	background: #ed5565;
}
.agile-list2 li.warning-element {
	border-left: 3px solid #58b4b5;
}
.agile-list2 li.danger-element {
	border-left: 3px solid #ed5565;
}
.agile-list2 li.info-element {
	border-left: 3px solid #2397c8;
}
.agile-list2 li.success-element {
	border-left: 3px solid #346cab;
}
.agile-list2 li.green-element {
	border-left: 3px solid #1eacae;
}
.agile-detail {
	margin-top: 5px;
	font-size: 12px;
}
/* DIFF */
ins {
	/*background-color: #c6ffc6;*/
	background-color: #faff6f;
	text-decoration: none;
}
del {
	background-color: #ffc6c6;
}
/* E-commerce */
.product-box {
	padding: 0;
	border: 1px solid #e7eaec;
}
.product-box:hover, .product-box.active {
	border: 1px solid transparent;
	-webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
	-moz-box-shadow: 0 3px 7px 0 #a8a8a8;
	box-shadow: 0 3px 7px 0 #a8a8a8;
}
.product-imitation {
	text-align: center;
	padding: 90px 0;
	background-color: #f8f8f9;
	color: #bebec3;
	font-weight: 600;
}
.cart-product-imitation {
	text-align: center;
	padding-top: 30px;
	height: 80px;
	width: 80px;
	background-color: #f8f8f9;
}
.product-imitation.xl {
	padding: 120px 0;
}
.product-desc {
	padding: 20px;
	position: relative;
}
.ecommerce .tag-list {
	padding: 0;
}
.ecommerce .fa-star {
	color: #d1dade;
}
.ecommerce .fa-star.active {
	color: #f8ac59;
}
.ecommerce .note-editor {
	border: 1px solid #e7eaec;
}
table.shoping-cart-table {
	margin-bottom: 0;
}
table.shoping-cart-table tr td {
	border: none;
	text-align: right;
}
table.shoping-cart-table tr td.desc, table.shoping-cart-table tr td:first-child {
	text-align: left;
}
table.shoping-cart-table tr td:last-child {
	width: 80px;
}
.product-name {
	font-size: 16px;
	font-weight: 600;
	color: #676a6c;
	display: block;
	margin: 2px 0 5px 0;
}
.product-name:hover, .product-name:focus {
	color: #346cab;
}
/*.product-price {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: #346cab;
  padding: 6px 12px;
  position: absolute;
  top: -32px;
  right: 0;
}*/
.product-price {
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	padding: 0 12px;
	position: absolute;
	top: 15px;
	right: 10px;
}
.product-detail .ibox-content {
	padding: 30px 30px 50px 30px;
}
.image-imitation {
	background-color: #f8f8f9;
	text-align: center;
	padding: 200px 0;
}
.product-main-price small {
	font-size: 10px;
}
.product-images {
	margin: 0 20px;
}

/* pivot */
.pivot-box {
  padding: 0;
  border: 1px solid #e7eaec;
}
.pivot-box:hover,
.pivot-box.active {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
  -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
  box-shadow: 0 3px 7px 0 #a8a8a8;
}
.pivot-imitation {
  text-align: center;
  padding: 90px 0;
  background-color: #f8f8f9;
  color: #bebec3;
  font-weight: 600;
}
.cart-pivot-imitation {
  text-align: center;
  padding-top: 30px;
  height: 80px;
  width: 80px;
  background-color: #f8f8f9;
}
.pivot-imitation.xl {
  padding: 120px 0;
}
.pivot-desc {
  padding: 10px;
  position: relative;
  height: 117px;
}
.ecommerce .tag-list {
  padding: 0;
}
.ecommerce .fa-star {
  color: #d1dade;
}
.ecommerce .fa-star.active {
  color: #f8ac59;
}
.ecommerce .note-editor {
  border: 1px solid #e7eaec;
}
table.shoping-cart-table {
  margin-bottom: 0;
}
table.shoping-cart-table tr td {
  border: none;
  text-align: right;
}
table.shoping-cart-table tr td.desc,
table.shoping-cart-table tr td:first-child {
  text-align: left;
}
table.shoping-cart-table tr td:last-child {
  width: 80px;
}
.pivot-name {
  font-size: 13px;
  font-weight: 600;
  color: #676a6c;
  display: block;
  margin: 2px 0 5px 0;
}
.pivot-name:hover,
.pivot-name:focus {
  color: #346cab;
}
.pivot-price {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: #346CAB;
  padding: 4px 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.pivot-detail .ibox-content {
  padding: 30px 30px 50px 30px;
}
.image-imitation {
  background-color: #f8f8f9;
  text-align: center;
  padding: 200px 0;
}
.pivot-main-price small {
  font-size: 10px;
}
.pivot-images {
  margin: 0 20px;
}



/* Social feed */
.social-feed-separated .social-feed-box {
	margin-left: 62px;
}
.social-feed-separated .social-avatar {
	float: left;
	padding: 0;
}
.social-feed-separated .social-avatar img {
	width: 52px;
	height: 52px;
	border: 1px solid #e7eaec;
}
.social-feed-separated .social-feed-box .social-avatar {
	padding: 15px 15px 0 15px;
	float: none;
}
.social-feed-box {
	/*padding: 15px;*/
	border: 1px solid #e7eaec;
	background: #fff;
	margin-bottom: 15px;
}
.article .social-feed-box {
	margin-bottom: 0;
	border-bottom: none;
}
.article .social-feed-box:last-child {
	margin-bottom: 0;
	border-bottom: 1px solid #e7eaec;
}
.article .social-feed-box p {
	font-size: 13px;
	line-height: 18px;
}
.social-action {
	margin: 15px;
}
.social-avatar {
	padding: 15px 15px 0 15px;
}
.social-comment .social-comment {
	margin-left: 45px;
}
.social-avatar img {
	height: 40px;
	width: 40px;
	margin-right: 10px;
}
.social-avatar .media-body a {
	font-size: 14px;
	display: block;
}
.social-body {
	padding: 15px;
}
.social-body img {
	margin-bottom: 10px;
}
.social-footer {
	border-top: 1px solid #e7eaec;
	padding: 10px 15px;
	background: #f9f9f9;
}
.social-footer .social-comment img {
	width: 32px;
	margin-right: 10px;
}
.social-comment:first-child {
	margin-top: 0;
}
.social-comment {
	margin-top: 15px;
}
.social-comment textarea {
	font-size: 12px;
}
/* Vote list */
.vote-item {
	padding: 20px 25px;
	background: #ffffff;
	border-top: 1px solid #e7eaec;
}
.vote-item:last-child {
	border-bottom: 1px solid #e7eaec;
}
.vote-item:hover {
	background: #fbfbfb;
}
.vote-actions {
	float: left;
	width: 30px;
	margin-right: 15px;
	text-align: center;
}
.vote-actions a {
	color: #346cab;
	font-weight: 600;
}
.vote-actions {
	font-weight: 600;
}
.vote-title {
	display: block;
	color: inherit;
	font-size: 18px;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 2px;
}
.vote-title:hover, .vote-title:focus {
	color: inherit;
}
.vote-info, .vote-title {
	margin-left: 45px;
}
.vote-info, .vote-info a {
	color: #b4b6b8;
	font-size: 12px;
}
.vote-info a {
	margin-right: 10px;
}
.vote-info a:hover {
	color: #346cab;
}
.vote-icon {
	text-align: right;
	font-size: 38px;
	display: block;
	color: #e8e9ea;
}
.vote-icon.active {
	color: #346cab;
}
body.body-small .vote-icon {
	display: none;
}
.lightBoxGallery {
	text-align: center;
}
.lightBoxGallery img {
	margin: 5px;
}
#small-chat {
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 100;
}
#small-chat .badge {
	position: absolute;
	top: -3px;
	right: -4px;
}
/* 은경 주석 */
/* .open-small-chat {
	height: 38px;
	width: 38px;
	display: block;
	background: #346cab;
	padding: 9px 8px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
} */
/* .open-small-chat:hover {
	color: white;
	background: #346cab;
} */
.small-chat-box {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 75px;
	background: #fff;
	border: 1px solid #e7eaec;
	width: 230px;
	height: 320px;
	border-radius: 4px;
}
.small-chat-box.ng-small-chat {
	display: block;
}
.body-small .small-chat-box {
	bottom: 70px;
	right: 20px;
}
.small-chat-box.active {
	display: block;
}
.small-chat-box .heading {
	background: #2f4050;
	padding: 8px 15px;
	font-weight: bold;
	color: #fff;
}
.small-chat-box .chat-date {
	opacity: 0.6;
	font-size: 10px;
	font-weight: normal;
}
.small-chat-box .content {
	padding: 15px 15px;
}
.small-chat-box .content .author-name {
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 11px;
}
.small-chat-box .content > div {
	padding-bottom: 20px;
}
.small-chat-box .content .chat-message {
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 11px;
	line-height: 14px;
	max-width: 80%;
	background: #f3f3f4;
	margin-bottom: 10px;
}
.small-chat-box .content .chat-message.active {
	background: #346cab;
	color: #fff;
}
.small-chat-box .content .left {
	text-align: left;
	clear: both;
}
.small-chat-box .content .left .chat-message {
	float: left;
}
.small-chat-box .content .right {
	text-align: right;
	clear: both;
}
.small-chat-box .content .right .chat-message {
	float: right;
}
.small-chat-box .form-chat {
	padding: 10px 10px;
}
/*
 * metismenu - v2.0.2
 * A jQuery menu plugin
 * https://github.com/onokumus/metisMenu
 *
 * Made by Osman Nuri Okumus
 * Under MIT License
 */
.metismenu .plus-minus, .metismenu .plus-times {
	float: right;
}
.metismenu .arrow {
	float: right;
	line-height: 1.42857;
}
.metismenu .glyphicon.arrow:before {
	content: "\e079";
}
.metismenu .active > a > .glyphicon.arrow:before {
	content: "\e114";
}
.metismenu .fa.arrow:before {
	content: "\f104";
}
.metismenu .active > a > .fa.arrow:before {
	content: "\f107";
}
.metismenu .ion.arrow:before {
	content: "\f3d2";
}
.metismenu .active > a > .ion.arrow:before {
	content: "\f3d0";
}
.metismenu .fa.plus-minus:before, .metismenu .fa.plus-times:before {
	content: "\f067";
}
.metismenu .active > a > .fa.plus-times {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.metismenu .active > a > .fa.plus-minus:before {
	content: "\f068";
}
.metismenu .collapse {
	display: none;
}
.metismenu .collapse.in {
	display: block;
}
.metismenu .collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;
}
.mini-navbar .metismenu .collapse {
	opacity: 0;
}
.mini-navbar .metismenu .collapse.in {
	opacity: 1;
}
.mini-navbar .metismenu .collapse a {
	display: none;
}
.mini-navbar .metismenu .collapse.in a {
	display: block;
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-rotating-plane"></div>
 *
 */
.sk-spinner-rotating-plane.sk-spinner {
	width: 30px;
	height: 30px;
	background-color: #346cab;
	margin: 0 auto;
	-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
	animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotatePlane {
 0% {
 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
 50% {
 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
 100% {
 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes sk-rotatePlane {
 0% {
 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
 50% {
 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
 100% {
 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-double-bounce">
 *      <div class="sk-double-bounce1"></div>
 *      <div class="sk-double-bounce2"></div>
 *    </div>
 *
 */
.sk-spinner-double-bounce.sk-spinner {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 0 auto;
}
.sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #346cab;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
	animation: sk-doubleBounce 2s infinite ease-in-out;
}
.sk-spinner-double-bounce .sk-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
@-webkit-keyframes sk-doubleBounce {
 0%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 50% {
 -webkit-transform: scale(1);
 transform: scale(1);

}
}
@keyframes sk-doubleBounce {
 0%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 50% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
 *      <div class="sk-rect1"></div>
 *      <div class="sk-rect2"></div>
 *      <div class="sk-rect3"></div>
 *      <div class="sk-rect4"></div>
 *      <div class="sk-rect5"></div>
 *    </div>
 *
 */
.sk-spinner-wave.sk-spinner {
	margin: 0 auto;
	width: 50px;
	height: 30px;
	text-align: center;
	font-size: 10px;
}
.sk-spinner-wave div {
	background-color: #346cab;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-spinner-wave .sk-rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
 0%, 40%, 100% {
 -webkit-transform: scaleY(0.4);
 transform: scaleY(0.4);
}
 20% {
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
}
}
@keyframes sk-waveStretchDelay {
 0%, 40%, 100% {
 -webkit-transform: scaleY(0.4);
 transform: scaleY(0.4);
}
 20% {
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wandering-cubes">
 *      <div class="sk-cube1"></div>
 *      <div class="sk-cube2"></div>
 *    </div>
 *
 */
.sk-spinner-wandering-cubes.sk-spinner {
	margin: 0 auto;
	width: 32px;
	height: 32px;
	position: relative;
}
.sk-spinner-wandering-cubes .sk-cube1, .sk-spinner-wandering-cubes .sk-cube2 {
	background-color: #346cab;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
	animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
}
.sk-spinner-wandering-cubes .sk-cube2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
@-webkit-keyframes sk-wanderingCubeMove {
 25% {
 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
 transform: translateX(42px) rotate(-90deg) scale(0.5);
}
 50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
 transform: translateX(42px) translateY(42px) rotate(-179deg);
}
 50.1% {
 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
 transform: translateX(42px) translateY(42px) rotate(-180deg);
}
 75% {
 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
 transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
 100% {
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}
}
@keyframes sk-wanderingCubeMove {
 25% {
 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
 transform: translateX(42px) rotate(-90deg) scale(0.5);
}
 50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
 transform: translateX(42px) translateY(42px) rotate(-179deg);
}
 50.1% {
 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
 transform: translateX(42px) translateY(42px) rotate(-180deg);
}
 75% {
 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
 transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
 100% {
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse.sk-spinner {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background-color: #346cab;
	border-radius: 100%;
	-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
	animation: sk-pulseScaleOut 1s infinite ease-in-out;
}
@-webkit-keyframes sk-pulseScaleOut {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0;
}
}
@keyframes sk-pulseScaleOut {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0;
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-chasing-dots">
 *      <div class="sk-dot1"></div>
 *      <div class="sk-dot2"></div>
 *    </div>
 *
 */
.sk-spinner-chasing-dots.sk-spinner {
	margin: 0 auto;
	width: 40px;
	height: 40px;
	position: relative;
	text-align: center;
	-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
	animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #346cab;
	border-radius: 100%;
	-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
	animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-spinner-chasing-dots .sk-dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
@-webkit-keyframes sk-chasingDotsRotate {
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes sk-chasingDotsRotate {
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-webkit-keyframes sk-chasingDotsBounce {
 0%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 50% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes sk-chasingDotsBounce {
 0%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 50% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
	margin: 0 auto;
	width: 70px;
	text-align: center;
}
.sk-spinner-three-bounce div {
	width: 18px;
	height: 18px;
	background-color: #346cab;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
	animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes sk-threeBounceDelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-circle.sk-spinner {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	position: relative;
}
.sk-spinner-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-spinner-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 20%;
	height: 20%;
	background-color: #346cab;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.sk-spinner-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-spinner-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-spinner-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-spinner-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-spinner-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-spinner-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-spinner-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-spinner-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-spinner-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-spinner-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-spinner-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-spinner-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-spinner-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-spinner-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-spinner-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-spinner-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-spinner-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-spinner-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-spinner-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-spinner-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-spinner-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-spinner-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes sk-circleBounceDelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-cube-grid">
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *    </div>
 *
 */
.sk-spinner-cube-grid {
/*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}
.sk-spinner-cube-grid.sk-spinner {
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
.sk-spinner-cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	background-color: #346cab;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-spinner-cube-grid .sk-cube:nth-child(1) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(2) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(3) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(4) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(5) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(6) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(7) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(8) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(9) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
 0%, 70%, 100% {
 -webkit-transform: scale3D(1, 1, 1);
 transform: scale3D(1, 1, 1);
}
 35% {
 -webkit-transform: scale3D(0, 0, 1);
 transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
 0%, 70%, 100% {
 -webkit-transform: scale3D(1, 1, 1);
 transform: scale3D(1, 1, 1);
}
 35% {
 -webkit-transform: scale3D(0, 0, 1);
 transform: scale3D(0, 0, 1);
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wordpress">
 *      <span class="sk-inner-circle"></span>
 *    </div>
 *
 */
.sk-spinner-wordpress.sk-spinner {
	background-color: #346cab;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	position: relative;
	margin: 0 auto;
	-webkit-animation: sk-innerCircle 1s linear infinite;
	animation: sk-innerCircle 1s linear infinite;
}
.sk-spinner-wordpress .sk-inner-circle {
	display: block;
	background-color: #fff;
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 8px;
	top: 5px;
	left: 5px;
}
@-webkit-keyframes sk-innerCircle {
 0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes sk-innerCircle {
 0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-fading-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-fading-circle.sk-spinner {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	position: relative;
}
.sk-spinner-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-spinner-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 18%;
	height: 18%;
	background-color: #346cab;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.sk-spinner-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-spinner-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-spinner-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-spinner-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-spinner-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-spinner-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-spinner-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-spinner-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-spinner-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-spinner-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-spinner-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-spinner-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-spinner-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-spinner-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-spinner-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-spinner-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-spinner-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-spinner-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-spinner-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-spinner-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-spinner-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-spinner-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
 0%, 39%, 100% {
 opacity: 0;
}
 40% {
 opacity: 1;
}
}
@keyframes sk-circleFadeDelay {
 0%, 39%, 100% {
 opacity: 0;
}
 40% {
 opacity: 1;
}
}
.ibox-content > .sk-spinner {
	display: none;
}
.ibox-content.sk-loading {
	position: relative;
}
.ibox-content.sk-loading:after {
	content: '';
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.ibox-content.sk-loading > .sk-spinner {
	display: block;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	z-index: 2000;
}
.ibox-content > .sk-spinner {
	display: none;
}
.tableStyle01.sk-loading {
	position: relative;
}
.tableStyle01.sk-loading:after {
	content: '';
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.tableStyle01.sk-loading > .sk-spinner {
	display: block;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	z-index: 2000;
}
/*
 *
 *   INSPINIA Landing Page - Responsive Admin Theme
 *   Copyright 2014 Webapplayers.com
 *
*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* PACE PLUGIN
-------------------------------------------------- */
.landing-page.pace .pace-progress {
	background: #fff;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	height: 2px;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	transition: width 1s;
}
.carousel-tab {
	float: left;
	display: inline-block;
	width: 25%;
	height: 80px;
	background-color: rgba(0,0,0,0.8);
	list-style-type: none;
	text-align: center;
	cursor: pointer;
	transition: all .0625s linear;
}
.landing-page .carousel-tab .tab-content {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.pace-inactive {
	display: none;
}
body.landing-page {
	color: #676a6c;
	background-color: #fff;
}
.landing-page {
/* CUSTOMIZE THE NAVBAR
  -------------------------------------------------- */
  /* Flip around the padding for proper display in narrow viewports */
  /* BACKGROUNDS SLIDER
  -------------------------------------------------- */
  /* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */
  /* Carousel base class */
  /* Since positioning the image, we need to help out the caption */
  /* Declare heights because of positioning of img element */
  /* Sections
  ------------------------- */
  /* Buttons - only primary custom button
  ------------------------- */
  /* RESPONSIVE CSS
  -------------------------------------------------- */
}
.landing-page .contentBody h4 {
	margin-bottom: 10px;
}
.landing-page .container {
	overflow: hidden;
}
.landing-page span.navy {
	color: #346cab;
}
.landing-page p.text-color {
	color: #676a6c;
}
.landing-page a.navy-link {
	color: #346cab;
	text-decoration: none;
}
.landing-page a.navy-link:hover {
	color: #179d82;
}
.landing-page section p {
	color: #666666;
	font-size: 13px;
}
.landing-page address {
	font-size: 13px;
}
.landing-page h1 {
	margin-top: 10px;
	font-size: 30px;
	font-weight: 200;
}
.landing-page .navy-line {
	width: 60px;
	height: 1px;
	margin: 60px auto 0;
	border-bottom: 2px solid #346cab;
}
.landing-page .navbar-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 200;
}
.landing-page .navbar-wrapper > .container {
	padding-right: 0;
	padding-left: 0;
}
.landing-page .navbar-wrapper .navbar {
	padding-right: 15px;
	padding-left: 15px;
	border-top: 3px solid #346cab !important;
}
.landing-page .navbar-default.navbar-scroll {
	background-color: #fff;
	background: rgba(49,52,63,0.9);
	border-color: #fff;
	padding: 15px 0;
}
.landing-page .navbar-default {
	background-color: rgba(255,255,255,0.7);
	border-color: transparent;
	transition: all 0.3s ease-in-out 0s;
}
.landing-page .navbar-default .nav li a {
	color: #fff;
	font-family: "buri";
	letter-spacing: 1px;
	text-transform: uppercase;
}
.landing-page .navbar-nav > li > a {
	padding-top: 25px;
}
.landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover {
	background: transparent;
	color: #346cab;
	letter-spacing: -1px;
	padding : 5px;
}
.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
	background: transparent;
	color: inherit;
}
/*.landing-page .navbar-default .navbar-brand:hover,
.landing-page .navbar-default .navbar-brand:focus {
  background: #179d82;
  color: #fff;
}*/
.landing-page .navbar-default .navbar-brand {
	height: auto;
	display: block;
	background: transparent;
	padding: 12px 5px 5px 5px;
	transition: all 0.3s ease-in-out 0s;
}
.landing-page .navbar-scroll.navbar-default .nav li a {
	color: #eaeaea;
}
.landing-page .navbar-scroll.navbar-default .nav li a:hover {
	color: #346cab;
}
.landing-page .navbar-wrapper .navbar.navbar-scroll {
	padding-top: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #e7eaec;
	border-radius: 0;
}
.landing-page .nav > li.active {
	border: none;
	background: inherit;
}
.landing-page .nav > li > a {
	padding: 1px;
}
.landing-page .navbar-scroll .navbar-nav > li > a {
	padding: 5px;
}
.landing-page .navbar-fixed-top {
	border: none !important;
}
.landing-page .navbar-fixed-top.navbar-scroll {
	border-top: 3px solid #346cab !important;
}
.landing-page .navbar.navbar-scroll .navbar-brand { /*��ũ�� �������� �ΰ�*/
	border-radius: 5px;
	text-align: left;
	padding: 12px 5px 5px 5px;
	height: auto;
}
.landing-page .header-back {
	height: 550px;
	width: 100%;
}
.page-scroll p {
	font-family: 'Open Sans', helvetica, arial, sans-serif; 
	margin: 0 0 2px 0;
}
.landing-page .header-back.one {
	background: url('/img/landing/1.jpg') 50% 0 no-repeat;
}
.landing-page .header-back.two {
	background: url('/img/landing/2.jpg') 50% 50% no-repeat;
}
.landing-page .header-back.three {
	background: url('/img/landing/3.jpg') 50% 100% no-repeat;
}
.landing-page .carousel {
	height: 550px;
}
.landing-page .carousel-caption {
	z-index: 10;
}
.landing-page .carousel .item {
	height: 550px;
	background-color: #777;
}
.landing-page .carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 550px;
}
.landing-page .carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.landing-page .carousel-fade .carousel-inner .active {
	opacity: 1;
}
.landing-page .carousel-fade .carousel-inner .active.left, .landing-page .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.landing-page .carousel-fade .carousel-inner .next.left, .landing-page .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.landing-page .carousel-fade .carousel-control {
	z-index: 2;
}
.landing-page .carousel-control.left, .landing-page .carousel-control.right {
	background: none;
}
.landing-page .carousel-control {
	width: 6%;
}
.landing-page .carousel-inner .container {
	position: relative;
	overflow: visible;
}
.landing-page .carousel-inner {
	overflow: visible;
}
.landing-page .carousel-caption {
	position: absolute;
	top: 150px;
	left: 0;
	bottom: auto;
	right: 0;
	text-align: center;
}
.landing-page .carousel-caption.blank {
	top: 140px;
}
.landing-page .carousel-image {
	position: absolute;
	right: 10px;
	top: 150px;
}
.landing-page .carousel-caption h1 {
	font-weight: 700;
	font-size: 80px;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: -6px;
	line-height: 90px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
}
.landing-page .carousel-caption p {
	font-size: 15px;
	text-transform: uppercase;
	text-shadow: none;
	font-family: "buri";
}
.landing-page .caption-link {
	color: #fff;
	margin-left: 10px;
	text-transform: capitalize;
	font-weight: 400;
}
.landing-page .caption-link:hover {
	text-decoration: none;
	color: inherit;
}
.landing-page .services {
	padding-top: 30px;
}
.landing-page .services h2 {
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 600;
	text-transform: uppercase;
}
.landing-page .features-block {
	margin-top: 40px;
}
.landing-page .features-text {
	margin-top: 40px;
}
.landing-page .features small {
	color: #346cab;
}
.landing-page .features h2 {
	font-size: 18px;
	margin-top: 5px;
}
.landing-page .features-text-alone {
	margin: 40px 0;
}
.landing-page .features-text-alone h1 {
	font-weight: 200;
}
.landing-page .features-icon {
	color: #346cab;
	font-size: 40px;
}
.landing-page .navy-section {
	margin-top: 60px;
	background: #346cab;
	color: #fff;
	padding: 20px 0;
}
.landing-page .gray-section {
	background: #f4f4f4;
	margin-top: 60px;
}
.landing-page .team-member {
	text-align: center;
}
.landing-page .team-member img {
	margin: auto;
}
.landing-page .social-icon a {
	background: #346cab;
	color: #fff;
	padding: 4px 8px;
	height: 28px;
	width: 28px;
	display: block;
	border-radius: 50px;
}
.landing-page .social-icon a:hover {
	background: #179d82;
}
.landing-page .img-small {
	height: 88px;
	width: 88px;
}
.landing-page .pricing-plan {
	margin: 10px 0;
	border-radius: 4px;
	background-color: #fafafa;
}
.landing-page .pricing-plan.selected {
	transform: scale(1.1);
	background: #f4f4f4;
}
.landing-page .pricing-plan li {
	padding: 10px 16px;
	border-top: 1px solid #e7eaec;
	text-align: center;
	color: #666666;
}
.landing-page .pricing-plan .pricing-price span {
	font-weight: 700;
	color: #346cab;
}
.landing-page li.pricing-desc {
	font-size: 13px;
	border-top: none;
	padding: 20px 16px;
}
.landing-page li.pricing-title {
	background: #346cab;
	color: #fff;
	padding: 10px;
	border-radius: 4px 4px 0 0;
	font-size: 17px;
	font-weight: 600;
}
.landing-page .testimonials {
	padding-top: 80px;
	padding-bottom: 90px;
	background-color: #346cab;
	background-image: url('../img/landing/avatar_all.png');
}
.landing-page .big-icon {
	font-size: 56px !important;
}
.landing-page .features .big-icon {
	color: #346cab !important;
}
.landing-page .contact {
}
.landing-page section.timeline {
	padding-bottom: 30px;
}
.landing-page section.comments {
	padding-bottom: 80px;
}
.landing-page .comments-avatar {
	margin-top: 25px;
	margin-left: 22px;
	margin-bottom: 25px;
}
.landing-page .comments-avatar .commens-name {
	font-weight: 600;
	font-size: 14px;
}
.landing-page .comments-avatar img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	margin-right: 10px;
}
.landing-page .bubble {
	position: relative;
	height: 120px;
	padding: 20px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-style: italic;
	font-size: 14px;
}
.landing-page .bubble:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 14px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -15px;
	left: 30px;
}
.landing-page .btn-primary.btn-outline:hover, .landing-page .btn-success.btn-outline:hover, .landing-page .btn-info.btn-outline:hover, .landing-page .btn-warning.btn-outline:hover, .landing-page .btn-danger.btn-outline:hover {
	color: #fff;
}
.landing-page .btn-primary {
	border-color: #fff;
	color: #FFFFFF;
	font-size: 16px;
	padding: 10px 20px;
	font-weight: 600;
	width: 405px;
	margin-top: 40px;
	height: 50px;
}
.landing-page .btn-sub {
	border-color: #fff;
	color: #FFFFFF;
	font-size: 16px;
	padding: 12px 10px;
	font-weight: 600;
	width: 200px;
	height: 50px;
	margin-top: 40px;
}
.landing-page .btn-primary:hover, .landing-page .btn-primary:focus, .landing-page .btn-primary:active, .landing-page .btn-primary.active, .landing-page .open .dropdown-toggle.btn-primary {
	background-color: #346cab;
	border-color: #346cab;
	color: #FFFFFF;
}
.landing-page .btn-sub:hover, .landing-page .btn-sub:focus, .landing-page .btn-sub:active, .landing-page .btn-sub.active, .landing-page .open .dropdown-toggle.btn-sub {
	background-color: #fff;
	border-color: #fff;
	color: #346cab;
}
.landing-page .btn-primary:active, .landing-page .btn-primary.active, .landing-page .open .dropdown-toggle.btn-primary {
	background-image: none;
}
.landing-page .btn-primary.disabled, .landing-page .btn-primary.disabled:hover, .landing-page .btn-primary.disabled:focus, .landing-page .btn-primary.disabled:active, .landing-page .btn-primary.disabled.active, .landing-page .btn-primary[disabled], .landing-page .btn-primary[disabled]:hover, .landing-page .btn-primary[disabled]:focus, .landing-page .btn-primary[disabled]:active, .landing-page .btn-primary.active[disabled], .landing-page fieldset[disabled] .btn-primary, .landing-page fieldset[disabled] .btn-primary:hover, .landing-page fieldset[disabled] .btn-primary:focus, .landing-page fieldset[disabled] .btn-primary:active, .landing-page fieldset[disabled] .btn-primary.active {
	background-color: #1dc5a3;
	border-color: #1dc5a3;
}

@media (min-width: 768px) {
.landing-page {
/* Navbar positioning foo */
    /* The navbar becomes detached from the top, so we round the corners */
    /* Bump up size of carousel content */
}
.landing-page .navbar-wrapper {
	margin-top: 20px;
}
.landing-page .navbar-wrapper .container {
	padding-right: 15px;
	padding-left: 15px;
}
.landing-page .navbar-wrapper .navbar {
	padding-right: 0;
	padding-left: 0;
}
.landing-page .navbar-wrapper .navbar {
	border-radius: 0px;
}
.landing-page .carousel-caption p {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.4;
}
.landing-page .featurette-heading {
	font-size: 50px;
}
}

@media (max-width: 992px) {
.landing-page .carousel-image {
	display: none;
}
}

@media (max-width: 768px) {
.landing-page .carousel-caption, .landing-page .carousel-caption.blank {
	left: 5%;
	top: 80px;
}
.landing-page .carousel-caption h1 {
	font-size: 50px;
}
.landing-page .navbar.navbar-scroll .navbar-brand {
	margin-top: 6px;
}
.landing-page .navbar-default {
	background-color: rgba(0,0,0,0.5);
	border-color: #fff;
	padding: 15px 0;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
	color: inherit;
}
.landing-page .navbar-default .nav li a {
	color: #676a6c;
}
.landing-page .navbar-default .nav li a:hover {
	color: #346cab;
}
.landing-page .navbar-wrapper .navbar {
	padding-top: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #e7eaec;
	border-radius: 0;
}
.landing-page .nav > li > a {
	padding: 25px 10px 15px 10px;
}
.landing-page .navbar-nav > li > a {
	padding: 20px 10px;
}
.landing-page .navbar .navbar-brand {
	margin-top: 6px;
	border-radius: 5px;
	padding: 0px;
	height: auto;
}
.landing-page .navbar-wrapper .navbar {
	padding-left: 15px;
	padding-right: 5px;
}
.landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover {
	color: inherit;
	text-align: center;
}
.landing-page .carousel-control {
	display: none;
}
}

@media (min-width: 992px) {
.landing-page .featurette-heading {
	margin-top: 120px;
}
}

@media (max-width: 768px) {
.landing-page .navbar .navbar-header {
	display: block;
	float: none;
}
.landing-page .navbar .navbar-header .navbar-toggle {
	background-color: #ffffff;
	padding: 9px 10px;
	border: none;
}
}
body.rtls {
/* Theme config */
}
body.rtls #page-wrapper {
	margin: 0 220px 0 0;
}
body.rtls .nav-second-level li a {
	padding: 7px 35px 7px 10px;
}
body.rtls .ibox-title h5 {
	float: right;
}
body.rtls .pull-right {
	float: left !important;
}
body.rtls .pull-left {
	float: right !important;
}
body.rtls .ibox-tools {
	float: left;
}
body.rtls .stat-percent {
	float: left;
}
body.rtls .navbar-right {
	float: left !important;
}
body.rtls .navbar-top-links li:last-child {
	margin-left: 40px;
	margin-right: 0;
}
body.rtls .minimalize-styl-2 {
	float: right;
	margin: 14px 20px 5px 5px;
}
body.rtls .feed-element > .pull-left {
	margin-left: 10px;
	margin-right: 0;
}
body.rtls .timeline-item .date {
	text-align: left;
}
body.rtls .timeline-item .date i {
	left: 0;
	right: auto;
}
body.rtls .timeline-item .content {
	border-right: 1px solid #e7eaec;
	border-left: none;
}
body.rtls .theme-config {
	left: 0;
	right: auto;
}
body.rtls .spin-icon {
	border-radius: 0 20px 20px 0;
}
body.rtls .toast-close-button {
	float: left;
}
body.rtls #toast-container > .toast:before {
	margin: auto -1.5em auto 0.5em;
}
body.rtls #toast-container > div {
	padding: 15px 50px 15px 15px;
}
body.rtls .center-orientation .vertical-timeline-icon i {
	margin-left: 0;
	margin-right: -12px;
}
body.rtls .vertical-timeline-icon i {
	right: 50%;
	left: auto;
	margin-left: auto;
	margin-right: -12px;
}
body.rtls .file-box {
	float: right;
}
body.rtls ul.notes li {
	float: right;
}
body.rtls .chat-users, body.rtls .chat-statistic {
	margin-right: -30px;
	margin-left: auto;
}
body.rtls .dropdown-menu > li > a {
	text-align: right;
}
body.rtls .b-r {
	border-left: 1px solid #e7eaec;
	border-right: none;
}
body.rtls .dd-list .dd-list {
	padding-right: 30px;
	padding-left: 0;
}
body.rtls .dd-item > button {
	float: right;
}
body.rtls .theme-config-box {
	margin-left: -220px;
	margin-right: 0;
}
body.rtls .theme-config-box.show {
	margin-left: 0;
	margin-right: 0;
}
body.rtls .spin-icon {
	right: 0;
	left: auto;
}
body.rtls .skin-settings {
	margin-right: 40px;
	margin-left: 0;
}
body.rtls .skin-settings {
	direction: ltr;
}
body.rtls .footer.fixed {
	margin-right: 220px;
	margin-left: 0;
}

@media (max-width: 992px) {
body.rtls .chat-users, body.rtls .chat-statistic {
	margin-right: 0;
}
}
body.rtls.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
	margin: 0 70px 0 0;
}
body.rtls.mini-navbar.fixed-sidebar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
	margin: 0 0 0 0;
}
body.rtls.top-navigation .navbar-toggle {
	float: right;
	margin-left: 15px;
	margin-right: 15px;
}
.body-small.rtls.top-navigation .navbar-header {
	float: none;
}
body.rtls.top-navigation #page-wrapper {
	margin: 0;
}
body.rtls.mini-navbar #page-wrapper {
	margin: 0 70px 0 0;
}
body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
	margin: 0 0 0 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
	margin: 0 220px 0 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
	width: 220px;
}
.body-small.rtls .navbar-fixed-top {
	margin-right: 0;
}
.body-small.rtls .navbar-header {
	float: right;
}
body.rtls .navbar-top-links li:last-child {
	margin-left: 20px;
}
body.rtls .top-navigation #page-wrapper, body.rtls.mini-navbar .top-navigation #page-wrapper, body.rtls.mini-navbar.top-navigation #page-wrapper {
	margin: 0;
}
body.rtls .top-navigation .footer.fixed, body.rtls.top-navigation .footer.fixed {
	margin: 0;
}

@media (max-width: 768px) {
body.rtls .navbar-top-links li:last-child {
	margin-left: 20px;
}
.body-small.rtls #page-wrapper {
	position: inherit;
	margin: 0 0 0 0;
	min-height: 1000px;
}
.body-small.rtls .navbar-static-side {
	display: none;
	z-index: 2001;
	position: absolute;
	width: 70px;
}
.body-small.rtls.mini-navbar .navbar-static-side {
	display: block;
}
.rtls.fixed-sidebar.body-small .navbar-static-side {
	display: none;
	z-index: 2001;
	position: fixed;
	width: 220px;
}
.rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
	display: block;
}
}
.rtls .ltr-support {
	direction: ltr;
}
.rtls.mini-navbar .nav-second-level, .rtls.mini-navbar li.active .nav-second-level {
	left: auto;
	right: 70px;
}
.rtls #right-sidebar {
	left: -260px;
	right: auto;
}
.rtls #right-sidebar.sidebar-open {
	left: 0;
}
/*
 *
 *   This is style for skin config
 *   Use only in demo theme
 *
*/
.theme-config {
	position: absolute;
	top: 90px;
	right: 0;
	overflow: hidden;
}
.theme-config-box {
	margin-right: -220px;
	position: relative;
	z-index: 2000;
	transition-duration: 0.8s;
}
.theme-config-box.show {
	margin-right: 0;
}
.spin-icon {
	background: #346cab;
	position: absolute;
	padding: 7px 10px 7px 13px;
	border-radius: 20px 0 0 20px;
	font-size: 16px;
	top: 0;
	left: 0;
	width: 40px;
	color: #fff;
	cursor: pointer;
}
.skin-settings {
	width: 220px;
	margin-left: 40px;
	background: #f3f3f4;
}
.skin-settings .title {
	background: #efefef;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	display: block;
	padding: 10px 15px;
	font-size: 12px;
}
.setings-item {
	padding: 10px 30px;
}
.setings-item.skin {
	text-align: center;
}
.setings-item .switch {
	float: right;
}
.skin-name a {
	text-transform: uppercase;
}
.setings-item a {
	color: #fff;
}
.default-skin, .blue-skin, .ultra-skin, .yellow-skin {
	text-align: center;
}
.default-skin {
	font-weight: 600;
	background: #283A49;
}
.default-skin:hover {
	background: #1e2e3d;
}
.blue-skin {
	font-weight: 600;
	background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
}
.blue-skin:hover {
	background: #0d8ddb;
}
.yellow-skin {
	font-weight: 600;
	background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
}
.yellow-skin:hover {
	background: #ce8735;
}
.ultra-skin {
	padding: 20px 10px;
	font-weight: 600;
	background: url("patterns/3.png") repeat scroll 0 0;
}
.ultra-skin:hover {
	background: url("patterns/4.png") repeat scroll 0 0;
}


@media (min-width: 768px) {
#page-wrapper {
	position: inherit;
	/* min-height: 962px; */
}
.navbar-static-side {
	z-index: 2001;
	position: absolute;
	width: 220px;
}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
	margin-left: auto;
}
}

@media (max-width: 768px) {
#page-wrapper {
	position: inherit;
	margin: 0 0 0 0;
	min-height: 1000px;
}
.body-small .navbar-static-side {
	display: none;
	z-index: 2001;
	position: absolute;
	width: 70px;
}
.body-small.mini-navbar .navbar-static-side {
	display: block;
}
.lock-word {
	display: none;
}
.navbar-form-custom {
	display: none;
}
.navbar-header {
	display: inline;
	float: left;
}
.sidebar-panel {
	z-index: 2;
	position: relative;
	width: auto;
	min-height: 100% !important;
}
.sidebar-content .wrapper {
	padding-right: 0;
	z-index: 1;
}
.fixed-sidebar.body-small .navbar-static-side {
	display: none;
	z-index: 2001;
	position: fixed;
	width: 220px;
}
.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
	display: block;
}
.ibox-tools {
	float: none;
	text-align: right;
	display: block;
}
.navbar-static-side {
	display: none;
}
body:not(.mini-navbar) {
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
	background-color: #ffffff;
}
}

@media (max-width: 350px) {
.timeline-item .date {
	text-align: left;
	width: 110px;
	position: relative;
	padding-top: 30px;
}
.timeline-item .date i {
	position: absolute;
	top: 0;
	left: 15px;
	padding: 5px;
	width: 30px;
	text-align: center;
	border: 1px solid #e7eaec;
	background: #f8f8f8;
}
.timeline-item .content {
	border-left: none;
	border-top: 1px solid #e7eaec;
	padding-top: 10px;
	min-height: 100px;
}
.nav.navbar-top-links li.dropdown {
	display: none;
}
.ibox-tools {
	float: none;
	text-align: left;
	display: inline-block;
}
}

/* Only demo */
@media (max-width: 1000px) {
.welcome-message {
	display: none;
}
}

@media print {
nav.navbar-static-side {
	display: none;
}
body {
	overflow: visible !important;
}
#page-wrapper {
	margin: 0;
}
}

@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
/*float:none;-*/
}
}
/*üũ�ڽ�&������ư*/
.checkbox {
	padding-left: 20px;
	margin-top: 0px;
}
.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}
.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: -1px;
	top: 1px;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-right: 1px;
	font-size: 11px;
	color: #555555;
}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f00c";
	font-weight: 900;
}
.checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after {
	display: block;
	content: "";
	width: 10px;
	height: 3px;
	background-color: #555555;
	border-radius: 2px;
	margin-left: -16.5px;

	margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled, .checkbox input[type="radio"]:disabled {
	cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
	opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}
.checkbox.checkbox-inline {
	margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
	color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {
	color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {
	color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after {
	color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {
	color: #fff;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}
.radio {
	padding-left: 20px;
	line-height: 120%;
}
.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 2px;
	margin-right: 10px;
}
.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}
.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
.radio input[type="radio"]:disabled {
	cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
	opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed;
}
.radio.radio-inline {
margin: 0 0 0 0;
}
.radio-primary input[type="radio"] + label::after {
	background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
	border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
	background-color: #337ab7;
}
.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c;
}
input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before {
	color: #fff;
}
input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after {
	color: #fff;
}
/* ��ö */
.step-margin {
	margin: 10px 10px 0 0
}
.step-title {
	display: inline-block;
}
.step-title h2 {
	font-size: 28px;
	font-family: "buri";
	color: #444;
}
.red-bar {
	width: 10px;
	height: 2px;
	background-color: red;
	display: inline-block;
	margin: 10px 0 5px 0;
}
.step-box {
	background-color: #346cab;
	color: #fff;
	border-radius: 3px;
	padding: 5px 5px 0 5px;
	width: 70px;
	margin: 15px 15px 0 0;
	display: inline-block;
}
.top-line {
	border-top: 2px solid #848484;
}
.left-line {
	border-left: 2px solid #848484;
}
.orange {
	color: #f15822 !important;
}
.orange_bg {
	background-color: #f15822 !important;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left !important;
}
ul {
	padding-left: 0px;
}
.ibox-content-mid ul li {
	margin-bottom: 5px;
}
.btn-offline {
	text-align: center;
	margin: 30px 0 10px 0;
}
.idpw-find {
	margin: 30px 0 10px 0;
}
.col-sm-2 {
	width: 82px;
}
tr td {
	/*background-color: #fff;*/
}
.inquiry_box tr>th, .inquiry_box tr>td {
	text-align: -webkit-center;
}
.left_box tr>td {
	text-align: left;
}
.inquiry_box tr>td {
	padding-top: 3px;
}
.p_t_5 {
	padding-top: 3px;
}
.inquiry_box .form-group {
	margin-bottom: 0px;
}
.inquiry_box h4 {
	border-left: 3px solid #346cab;
	padding-left: 10px;
}
.checkbox, .radio {
	margin-top: 0;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.btn-group-lg>.btn, .btn-lg {
	padding: 12px 20px;
	font-size: 15px;
}
.control-label {
	padding-top: 7px;
	margin-bottom: 0;
	text-align: right;
}
.w100 {
	min-width: 100px;
}
.w100per {
	width: 100%;
}
.w50per {width: 48%;}
.w33per {
	width: 33%;
}

.btn-group, .btn-group-vertical {
	float: left;
}
.vertical-center {
	vertical-align: middle;
}
.vertical-sub {
	vertical-align: sub;
}

@media (min-width:768px) {
.modal-dialog-800 {
	width: 760px;
	margin: 30px auto;
}
}
.back_dec_im {
	height: 400px;
	width: 700px;
	background-image: url("../img/dec_import.jpg");
	background-repeat: no-repeat;
	background-size: 700px;
	position: absolute;
}
.back_dec_im tr td {
	background-color: inherit;
}
.scroll_content {
	position: relative;
	font-size: 12px;
	line-height: 18px;
}
.po_apsol {
	position: absolute;
}
th {
	text-align: center;
}
.pay .ibox-title {
	background-color: #f7faff;
}
.pay .ibox-content {
	padding: 0;
}
.pay h1 {
	padding: 20px 20px;
	border-bottom: 1px solid #eaeaea;
	margin: 0;
}
.pay .clause {
	padding: 20px;
	background-color: #f7faff;
}
.border_1px {
	border: 1px solid #eaeaea;
	padding: 10px;
	background-color: #ffffff;
}
.pay .scroll_content {
	font-size: 12px;
}
.bold {
	font-weight: bold;
}
.font50 {
	font-size: 50px;
}
.font36 {
	font-size: 36px !important;
}
.font20 {
	font-size: 20px !important;
	letter-spacing: -2px;
}
.font18 {
	font-size: 18px !important;
	letter-spacing: -1px
}
.font16 {
	font-size: 16px !important;
}
.font15 {
	font-size: 15px !important;
}
.font14 {
	font-size: 14px !important;
}
.font13 {
	font-size: 13px !important;
}
.font12 {
	font-size: 12px !important;
}
.font10 {
	font-size: 14px !important;
}
.excel {
	color: #1f6f43;
}
.mypage tr {
	height: 40px;
}
.mypage >tbody>tr>td {
	padding : 5px;
}
.ibox_mypage {
	border-left: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
}
.mypage_btn {
	padding: 6px 9px 7px;
	font-size: 11px;
}
.yqm_btn {
	padding: 6px 10px 5px;
	font-size: 12px;
}
.inline {
	display: inline-block;
}
.w-180 {
	min-width: 180px !important;
}
.btn-resize {
	padding: 4px 12px;
}
.w20p > li {
	width: 20% !important;
}
.tabmenu01 {
	padding-top: 1px;
	margin-bottom: 30px;
}
.tabmenu01 li {
	float: left;
	margin-top: -1px;
	box-sizing: border-box;
}
.tabmenu01 li a {
	display: block;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border: 1px solid #d0d0d0;
	font-size: 14px;
	color: #31343f;
	font-weight: 500;
	margin-right: -1px;
}
.tabmenu01 li a:hover, .tabmenu01 li a.on {
	background: #4c5059;
	color: #fff;
	border: 1px solid #4c5059;
}
.tabmenu01.depth2 li {
	width: 49.96%
} /* 2�� */
.tabmenu01.depth3 li {
	width: 33.333%
} /* 3�� */
.tabmenu01.depth4 li {
	width: 25%
} /* 4�� */
.tabmenu01.depth5 li {
	width: 20%
} /* 5�� */
.tabmenu01.depth6 li {
	width: 16.666%
} /* 6�� */
.tabmenu01.depth7 li {
	width: 14.285%
} /* 7�� */
.landing-page .contentArea .listBulDot {
	margin-bottom: 0;
	margin-left: 10px;
}
.listBulDot {
	clear: both;
	margin-top: 15px;
}
.listBulDot > li {
	margin-bottom: 6px;
	background: url('../img/bul_dot.gif') 0 8px no-repeat;
	padding-left: 12px;
	color: #4d4d4d;
	font-size: 14px;
}
.listBulDot > li a.link {
	font-weight: bold;
	color: #3154af;
	text-decoration: underline;
}
.listBulDot .colorB {
	color: #c8212f;
}
.listBulDot img, .liBulDash img {
	vertical-align: middle;
}
.liBulDash.none {
	margin: 0 0 0 0;
}
.liBulDash.none > li {
	margin-bottom: 0;
}
.liBulDash {
	margin: 6px 0 8px 0;
	word-break: keep-all;
}
.liBulDash > li, p.liBulDash {
	margin-bottom: 4px;
	padding-left: 8px;
	background: url('../img/bul_bar.gif') 2px 10px no-repeat;
	color: #515252;
}
.liBulDash.sub {
	margin-bottom: 32px;
}
.textArea {
	overflow: hidden;
	line-height: 160%;
	margin-bottom: 33px;
}
.textArea dl > dt {
	margin-bottom: 6px;
	padding-left: 12px;
	background: url(../img/bul_dot.gif) no-repeat 0 8px;
	font-weight: bold;
}
.textArea dl > dd {
	margin-bottom: 6px !important;
	padding-left: 10px;
}
/* boardList */
.boardList {
	margin-bottom: 30px;
	border-top: 2px solid #66575a;
	border-bottom: 1px solid #e1e2e2;
	background: #fff;
	position: relative;
}
.boardList table {
	width: 100%;
}
.boardList table thead th {
	text-align: center;
	line-height: 130%;
	padding: 12px 0 14px;
	border-bottom: 1px solid #a9a6a7;
	color: #31343f;/* background:url('/common/image/bg/bg_boardSec.gif') no-repeat 0 50%; */
	vertical-align: middle;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}
.boardList table thead tr {
	background-color: #f7f7f7;
}
.boardList table tbody tr:hover {
	background-color: #f7f7f7;
}
.boardList table thead th:first-child {
	background-image: none;
}
.boardList table tbody td {
	line-height: 160%;
	min-height: 22px;
	height: 16px;
	padding: 10px 0;
	border-top: 1px solid #e1e2e2;
	color: #5e5e5f;
	vertical-align: middle;
	text-align: center;
}
.boardList table tbody td.subject {
	padding-left: 20px;
	padding-right: 5px;
	text-align: left;
}
.boardList table tbody td.subject em {
	margin: 0 5px 0 16px;
	padding-left: 11px;
	background: url('../img/bul_re.png') no-repeat 0 3px;
	color: #c53e49;
}
.boardList table tbody td.subject span {
	margin-left: 5px;
	color: #f15822;
	font-size: 11px; font-weight: bold;
}
.boardList table tbody td.subject .mSubInfo {
	display: none;
}
.boardList table tbody td.noData {
	padding: 50px 0;
}


.min100 {
	min-width: 100% !important;
}


/* form */
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-moz-placeholder, input::-moz-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {
color:#888
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input, select {/* -webkit-appearance:none; */
}
input[type=text], input[type=password], input[type=tel], input[type=number], input[type=email], input[type=url] {
	line-height: 1;
	height: 30px;
	padding: 6px 0 7px;
	margin: 0;
	border: 1px solid #e1e2e2;
	-webkit-appearance: none !important;
	background: #fff;
	color: #4d4d4d;
	font-size: 13px;
	text-indent: 10px !important;
	min-width: 50px;
}
input[type=button], input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border-radius: none;
	cursor: pointer;
}
input[type=file] {
	line-height: 1;
	padding: 6px 10px 7px;
	border: 1px solid #e5e5e5;
	background: #fff;
	color: #4d4d4d;
	cursor: pointer;
	font-size: 12px
}
input[type=text]:read-only, input[type=password]:read-only, input[type=tel]:read-only, input[type=number]:read-only, input[type=email]:read-only, input[type=url]:read-only, input[type=file]:read-only {
border:1px solid #e1e2e2;
color:#4d4d4d;
text-indent:10px !important
}
input[readonly], input[disabled] {
	border: 1px solid #e1e2e2;
	color: #4d4d4d;
	text-indent: 10px !important
}
input[type=checkbox] {/* width:15px;height:15px;border:1px solid #886868; */
	vertical-align: middle
}
input[type=checkbox]:checked {/* background:url('../images/ico_checked.png') no-repeat */
}
select {
	height: 28px;
	padding: 4px 5px 3px 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 13px;
	color: #333;
	vertical-align: middle;
}
select[disabled] {
	border: 1px solid #e5e5e5;
	background: #f1f1f1;
	color: #4d4d4d
}
textarea {
	width: 100%;
	padding: 5px 7px;
	font-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border-radius: none;
	border: 1px solid #e1e2e2
}
button {
	cursor: pointer;
	border: 0;
}
area:focus { /* outline: 0; */
}
.btnSch {
	display: inline-block;
	min-width: 60px;
	height: 35px;
	-webkit-border-radius: 0 !important;
	background: rgba(115,115,115,1);
	border-radius: 0 !important;
	padding-bottom: 3px;
	background: #eff0f0;
	color: #31343f !important;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}
input.btnSch {
	padding: 0 26px 4px !important;
}
input.btnSch.gray {
	border: 1px solid #d2d2d2 !important;
	background: #f0f0f0 !important;
	color: #4d4d4d;
}
.ie7 .btnSch, .ie8 .btnSch {
	padding-bottom: 1px !important;
}
.ie7 input.btnSch, .ie8 input.btnSch {
	padding: 0 2px 1px !important;
}
.ie9 input.btnSch, .ie10 input.btnSch, .ie11 input.btnSch {
	padding: 1px 19px 3px !important;
}
@-moz-document url-prefix() {
input.btnSch {
padding-right:16px !important;
padding-left:16px !important;
}
}
a {
	color: inherit;
	text-decoration: none;
	background: transparent;
}
/* paging */
.paging {
	overflow: hidden;
	height: 28px;
	max-width: 450px;
	margin: 0 auto 30px auto;
	text-align: center;/*display: inline-block;*/
}
.paging .num {
	display: inline-block;
	vertical-align: middle;
}
.paging .num a, .paging strong {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	margin: 0 -1px;/* background:#e7e5e5; */
	color: #6c6e6f;
	text-align: center;
	font-family: 'notoKrR', sans-serif;
	font-weight: 300;
}
.paging .num a:hover, .paging strong.on {
	background: #eff0f0;
	color: #0d6fb8;
	font-family: 'notoKrB', sans-serif;
	font-weight: 700;
}
.paging .btn {
	display: inline-block;
	vertical-align: middle;
}
.paging .btn a {
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 -10px;
	text-indent: -9999px;
}
.paging .first {
	width: 20px !important;
	background: url('../img/btn_first02.gif') no-repeat 0 0;
}
.paging .prev {
	width: 20px !important;
	margin-right: -3px !important;
	background: url('../img/btn_prev02.gif') no-repeat 0 0;
}
.paging .next {
	width: 20px !important;
	margin-left: -3px !important;
	background: url('../img/btn_next02.gif') no-repeat 0 0;
}
.paging .last {
	width: 20px !important;
	background: url('../img/btn_last02.gif') no-repeat 0 0;
}
.ie9 .paging .num a, .ie9 .paging strong, .ie10 .paging .num a, .ie10 .paging strong, .ie11 .paging .num a, .ie11 .paging strong {
	line-height: 26px;
}
.tableScroll + .paging {
	margin-top: -10px !important;
}
.paging .mNum {
	display: none;
}
.searchInner .paging {
	margin-top: 30px;
} /* 2017.02.16 ���հ˻���� ����¡ */
/* 2016.12.20 ����¡ ��� ��ư ���� */
.pagingWrap {
	text-align: center;
}
.pagingWrap.mo {
	display: none;
}
.pagingWrap + .btnLeft, .pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight {
	margin-top: -58px;
}
.pagingWrap + .btnLeft {
	float: left;
}
.pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight {
	float: right;
}
.tableStyle01 + .pagingWrap {
	margin-top: 24px;
}
.paging {
	position: relative;
	overflow: inherit ! important;
}
.paging > .btnLeft {
	position: absolute;
	left: 0;
	top: -7px;
}
.paging > .btnRight {
	position: absolute;
	right: 0;
	top: -7px;
}
table tr.on th, table tr.on td {
	background: #f0efeb;
}
table tr.on td.subject {
	font-weight: bold;
}
table tr .notice {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-top: 5px;
	background: url('../img/icon_notice.png') no-repeat 50% 50%;
	text-indent: -9999em;
} 
table tr .favo {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-top: 5px;
	background: url('../img/icon_favo.png') no-repeat 50% 50%;
	text-indent: -9999em;
} 
/* ���� */
table tr td a:hover {
	color: #137cbd;
}
.ie7 table tr .notice {
	display: block;
	margin-top: 0;
}
/* width size */
.w10 {

	width: 10%;
}
.w15 {
	width: 15%;
}
.w20 {
	width: 20%;
}
.w17 {
	width: 14.5%;
}
.w25 {
	width: 25%;
}
.w30 {
	width: 30%;
}
.w35 {
	width: 35%;
}
.w40 {
	width: 40%;
}
.w45 {
	width: 45%;
}
.w50 {
	width: 50% !important;
}
.w49 {
	width: 49% !important;
}
.w52 {
	width: 52%;
}
.w55 {
	width: 55%;
}
.w60 {
	width: 60%;
}
.w65 {
	width: 65%;
}
.w70 {
	width: 70%;
}
.w80 {
	width: 80%;
}
.w85 {
	width: 85%;
}
.w90 {
	width: 90%;
}
.w95 {
	width: 95%;
}
/* ����Ʈ �ڽ� */
.selectBox {
	position: relative;
	display: inline-block;
	min-width: 152px;
	min-height: 28px;
	vertical-align: middle;
	background: transparent url(../img/bg_selectbox_arrow.png) no-repeat right center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/bg_selectbox_arrow@2x.png) no-repeat right center;
	background: linear-gradient(transparent, transparent), url(../img/bg_selectbox_arrow@2x.png) no-repeat right center;
	background-size: 27px 26px;
	background-color: #fff;
}
.selectBox span {
	/*position: relative;*/
	display: block;
	color: #6c6e6f;
	height: 35px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 37px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overow: ellipsis;
	border: 1px solid #e1e2e2;
	z-index: 10;
}
.selectBox.focus span {
	border-color: #2168db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, .9);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, .9);
}
.selectBox select {
	width: 100%;
	height: 30px;
	line-height: 34px;
	padding: 0 10px;
	opacity: 0;
	filter: alpha(opacity=0); /* IE 8 */
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	left: 0;
	top: 0;
	/* z-index: 90; */
}
.selectBox.half {
	width: 40%;
	display: inline-block;
	vertical-align: middle;
}
/* ����Ʈ �ڽ� pivot */
.pivot_selectBox {
	position: relative;
	display: inline-block;
	min-width: 152px;
	min-height: 26px;
	vertical-align: middle;
	background: transparent url(../img/bg_selectbox_arrow.png) no-repeat right center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/bg_selectbox_arrow@2x.png) no-repeat right center;
	background: linear-gradient(transparent, transparent), url(../img/bg_selectbox_arrow@2x.png) no-repeat right center;
	background-size: 27px 26px;
	background-color: #fff;
	font-weight: 100;
	font-size: 12px;
	border-radius: 3px;
	margin-left:5px;
}
.pivot_selectBox span {
	/*position: relative;*/
	display: block;
	color: #6c6e6f;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	padding-right: 37px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overow: ellipsis;
	border: 1px solid #e1e2e2;
	border-radius: 3px;
	z-index: 10;
}
.pivot_selectBox.focus span {
	border-color: #2168db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, .9);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, .9);
}
.pivot_selectBox select {
	width: 100%;
	height: 28px;
	line-height: 34px;
	padding: 0 10px;
	opacity: 0;
	filter: alpha(opacity=0); /* IE 8 */
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 90;
}
.pivot_selectBox.half {
	width: 40%;
	display: inline-block;
	vertical-align: middle;
}
.searchArea02 {
	width: 100%;
	padding: 20px;
	background: #f5f6f6;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.searchArea02 label {
	min-width: 45px;
	padding-right: 19px;
	display: inline-block;
	color: #31343f;
	font-family: "notoKrB", sans-serif;
}
.searchArea02 > .divide {
	margin: 0 0 6px;
	float: none;
	clear: both;
	width: 100%;
}
.searchArea02 .selectBox + label {
	margin-left: 7%;
}
.searchArea02 .selectBox {
	width: 30%;
}
.searchArea02 .selectBox.wDefault {
	width: 30% !important;
}
.searchArea02 > .divide .selectBox {
	width: 26%;
}
.searchArea02 .btnSch02 {
	display: inline-block;
	background: #31343f;
	border: 1px solid #31343f;
	width: 100px;
	height: 34px;
	color: #fff;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	cursor: pointer;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 1px;
}
.searchArea02 .divide02 {
	float: left;
	width: 29%;
	position: relative;
	padding: 0 0 0 64px;
	box-sizing: border-box;
}
.searchArea02 .divide02.type02 {
	width: 36%;
	padding: 0 0 0 74px;
}
.searchArea02 > .divide02.type03 {
	padding: 0;
}
.searchArea02 > .divide02 > label {
	padding-top: 8px;
	position: absolute;
	left: 0;
	top: 0;
}
.searchArea02 > .divide02.type03 > label {
	position: absolute;
	left: -9999em;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
.searchArea02 .divide02 + .divide02 {
	margin-left: 3%;
}
.searchArea02 > .divide02 > .selectBox, .searchArea02 > .divide03 > .selectBox {
	width: 100%;
}
.searchArea02 .divide03 {
	float: left;
	width: 38%;
	position: relative;
	padding: 0 0 0 74px;
	box-sizing: border-box;
}
.searchArea02 .divide03.type02 {
	float: right;
	width: 56%;
	padding: 0 0 0 74px;
}
.searchArea02 .divide03.type03 {
	float: right;
	width: 56%;
	padding: 0 100px 0 74px;
}
.searchArea02 > .divide03 > label {
	padding-top: 8px;
	position: absolute;
	left: 0;
	top: 0;
}
.searchArea02 .inputSearchBox {
	width: 100%;
	clear: both;
	position: relative;
	padding: 5px 210px 0 0;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
.searchArea02 .inputSearchBox.type02 {
	padding: 5px 100px 0 64px;
	box-sizing: border-box;
}
.searchArea02 .inputSearchBox input[type="text"] {
	width: 100%;
	height: 21px;
}
.searchArea02 .inputSearchBox .btnSch01, .searchArea02 .inputSearchBox .btnSch02 {
	width: 100px;
	height: 36px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	cursor: pointer;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 5px;
}
.searchArea02 .inputSearchBox .btnSch01 {
	background: #eff0f0;
	border: 1px solid #e1e2e2;
	color: #31343f;
	right: 110px;
}
.searchArea02 .inputSearchBox .btnSch02 {
	background: #31343f;
	border: 1px solid #31343f;
	color: #fff;
}
.searchArea02 + .boardSearch {
	border: 0;
	margin: 0;
}
.searchArea02 .inputSearchBox.type02 label {
	padding-top: 8px;
	position: absolute;
	left: 0;
	top: 5px;
}
.searchArea02 .inputSearchBox.type02 input[type="text"] {
	width: 100%;
}
.searchArea02 .inputSearchBox.type02 .btnSch02 {
	position: absolute;
	right: 0;
	top: 5px;
}
.searchArea02 .subText {
	display: inline-block;
	margin-left: 12px;
	color: #137cbd;
	padding-top: 6px;
}
.searchArea02 .inputSearchBox.type03 {
	padding: 0 2px 0 0;
} /* 2017.02.09 */
/* boardSearch */
.boardSearch {
	min-height: 35px;
	margin-bottom: 15px;
}
.boardSearch .result {
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	/*background: url('/common/image/icon/icon_docu.png') no-repeat left center;*/
	padding-left: 20px;
	color: #6c6e6f;
}
.boardSearch .result strong {/* color:#bd2f3c; */
	color: #31343f;
}
.boardSearch .search {
	float: right;
}
.boardSearch .selectBox {
	display: block;
	min-width: 90px;
	height: 33px;
	float: left;
	margin-right: 5px;
}
.boardSearch .selectBox label {
	height: 33px;
	line-height: 33px;
}
.boardSearch .measure {
	float: right;
	margin-top: 20px;
	margin-left: 5px;
	color: #31343f;
	font-weight: 500;
	font-family: "notoKrM", sans-serif;
}
.emailBox {
	margin: 0;
	padding: 0;
}
.emailBox:after {
	content: "";
	clear: both;
	display: block;
}
.emailBox .inputEmail1 {
	float: left;
	width: 100px;
	margin-right: 2%;
}
.emailBox .inputEmail2 {
	float: left;
	position: relative;
	width: 100px;
	margin-right: 2%;
}
.emailBox .inputEmail2 input[type="text"] {
	display: block;
	padding-left: 20px;
	width: 100%;
}
.emailBox .inputEmail2 span {
	position: absolute;
	top: 3px;
	left: 9px;
	color: #6c6e6f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	display: block;
}
.emailBox .selectBox {
	float: left;
	width: 150px;
}
.emailBox .selectBox > span {
	height: 28px;
	line-height: 28px;
	box-sizing: border-box;
}
.emailBox .selectBox > select {
	height: 28px;
}
.half .emailBox {
	margin: 0;
	padding: 0;
}
.half .emailBox:after {
	content: "";
	clear: both;
	display: block;
}
.half .emailBox .inputEmail1 {
	float: left;
	width: 30%;
	margin-right: 2%;
}
.half .emailBox .inputEmail2 {
	float: left;
	position: relative;
	width: 30%;
	margin-right: 2%;
}
.half .emailBox .inputEmail2 input[type="text"] {
	display: block;
	padding-left: 20px;
	width: 100%;
}
.half .emailBox .inputEmail2 span {
	position: absolute;
	top: 3px;
	left: 9px;
	color: #6c6e6f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	display: block;
}
.half .emailBox .selectBox {
	float: left;
	width: 35%;
	min-width: 100px;
}
.phoneBox {
	margin: 0;
	padding: 0;
	width: 50%;
}
.half .phoneBox {
	margin: 0;
	padding: 0;
	width: 100%;
}
.phoneBox:after {
	content: "";
	clear: both;
	display: block;
}
.phoneBox .selectBox {
	float: left;
	width: 30%;
	min-width: 80px;
}
.phoneBox .selectBox > span {
	height: 28px;
	line-height: 28px;
	box-sizing: border-box;
}
.phoneBox .selectBox > select {
	height: 28px;
}
.phoneBox input[type="text"] {
	float: left;
	width: 33%;
	margin-left: 2%;
}
/*
.searchField {position: relative;display: inline-block;min-width: 90px;line-height: 33px;vertical-align:top;box-sizing: border-box;background: url('/common/image/common/select_search.png') no-repeat right center;margin-right: 5px;}
.searchField a {display: block;padding: 0 14px;border: 1px solid #e1e2e2;}
.searchField > ul {display: none;position: absolute;top: 35px;width: 100%;z-index: 100;}
.searchField a.on + ul {display:block;}
.searchField > ul > li {color: #000;padding: 0 14px; background-color: #fff;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;box-sizing: border-box;cursor: pointer;}
.searchField > ul > li:hover {font-family: "notoKrM", sans-serif;}
*/

.boardSearch .search .inText {
	position: relative;
	float: left;
	left: 0;
	display: block;
	width: 250px;
	height: 35px;
	line-height: 1;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.boardSearch .search .inText input[type="text"] {
	display: block;
	width: 180px;
	padding: 0;
	border: 0;
	height: 33px;
	line-height: 33px;
	vertical-align: baseline;
}
.ie10 .boardSearch .search .inText input[type="text"] {
	width: 180px;
	padding: 0;
	border: 0;
}
.boardSearch .search .inText .btnSch {
	position: absolute;
	top: -1px;
	right: -1px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	line-height: 35px;
	border: 1px solid #e1e2e2;
	cursor: pointer;
}
.ie7 .boardSearch .search .inText input[type="text"] {
	text-indent: 10px;
}

/* List_boardType01 */
.boardType01 {
	overflow: hidden;
	margin-bottom: 30px;
	border-top: 2px solid #585858;
	border-bottom: 1px solid #a0a0a0;
}
.boardType01 > li {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #d8d8d8;
}
.boardType01 > li:first-child {
	border-top: 0;
}
.boardType01 .left {
	position: absolute;
	left: 0;
	float: left;
	width: 260px;
	text-align: center;
}
.boardType01 .left > div {
	padding: 30px 0;
}
.boardType01 .left > div span {
	display: block;
	width: 230px;
	height: 140px;
	margin-bottom: 10px;
	border: 1px solid #e8e8e8;
}
.boardType01 .left > div img {
	height: 140px;
}
.boardType01 .left > div .btn {
	width: 230px;
	text-align: center;
}
.boardType01 .right {
	float: left;
	width: 100%;
}
.boardType01 .right > div {
	line-height: 170%;
	min-height: 174px;
	margin-left: 260px;
	padding: 25px 15px 26px 0;
	color: #4d4d4d;
}
.boardType01 .right > div > div {
	overflow: hidden;
}
.boardType01 .right > div p {
	margin-bottom: 16px;
}
.boardType01 .right > div .tit {
	font-size: 14px;
	color: #333;
}
.boardType01 .right > div .sTit {
	margin-bottom: 0;
}
.boardType01 .right > div ul li {
	padding-left: 9px;
	background: url('/common/image/common/bul/bul_dash.png') no-repeat 0 9px;
}
/* List_boardType02 */
.boardType02 {
	overflow: hidden;
	margin-bottom: 30px;
	border-top: 2px solid #585858;
}
.boardType02 .tit {
	overflow: hidden;
	line-height: 150%;
	min-height: 20px;
	padding: 11px 0 11px 20px;
	border-bottom: 1px solid #d8d8d8;
	font-weight: bold;
	color: #333;
}
.boardType02 .movie {
	position: relative;
	overflow: hidden;
	height: 299px;
	margin-top: 30px;
	padding-bottom: 30px;
}
.boardType02 .movie .left {
	position: absolute;
	left: 0;
	float: left;
	width: 399px;
}
.boardType02 .movie .left > div {
	width: 399px;
	height: 299px;
}
.boardType02 .movie .left > div embed {
	width: 399px !important;
	height: 299px !important;
}
.boardType02 .movie .right {
	float: left;
	width: 100%;
}
.boardType02 .movie .right > div {
	overflow: hidden;
	overflow-y: scroll;
	line-height: 170%;
	height: 261px;
	margin-left: 434px;
	padding: 16px 20px 20px;
	border: 1px solid #d8d8d8;
	color: #4d4d4d;
}
.boardType02 + .boardView {
	margin-top: -30px;
}
.boardType02 + .paging {
	margin-top: -3px;
}
/* faq */
.faqList {
	border-top: 2px solid #66575a;
	margin-bottom: 25px;
}
.faqList dl {
	border-bottom: 1px solid #e1e2e2;
}
.faqList dl dt {
	margin: 0;
	padding: 0;
}
.faqList dl dt a {
	position: relative;
	display: block;
	padding-left: 90px;
	min-height: 14px;
	padding: 13px 41px 13px 90px;
	font-family: "notoKrM", sans-serif;
	color: #5e5e5f;
}
.faqList dl dt a .count {
	position: absolute;
	top: 12px;
	left: 0;
	width: 72px;
	color: #6c6e6f;
	text-align: center;
}
.faqList dl dt a .wordQ {
	position: absolute;
	top: 12px;
	left: 72px;
	font-size: 15px;
}
.faqList dl dt a .title {
	display: block
}
.faqList dl dt a .arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -3px;
	width: 12px;
	height: 6px;
	display: block;
	background: url(/common/image/icon/icon_arrow_down01.png) no-repeat 0 0;
}
.faqList dl dt a.on, .faqList dl dt a.on .count {
	background: #1c98de;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}
.faqList dl dt a.on .arrow {
	background: url(/common/image/icon/icon_arrow_up01.png) no-repeat 0 0;
}
.faqList dl dd {
	position: relative;
	display: none;
	padding: 27px 41px 23px 90px;
	background: #f7f7f7;
	color: #5e5e5f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.faqList dl dd .wordA {
	position: absolute;
	top: 27px;
	left: 72px;
	color: #1c98de;
	font-size: 15px;
}
.faqList dl dd .faqFileLink {
	display: block;
	color: #554246;
	text-decoration: underline;
	font-family: "notoKrB", sans-serif;
	font-weight: 700
}
.faqList.type02 dl dt a.on .icon.bg15 {
	background: #fff;
	color: #1c98de;
	text-shadow: none;
}
.faqList.type02 dl dt a .title {
	padding-left: 141px;
}
.faqList.type02 dl dt a em {
	margin-left: -141px;
	margin-right: 10px;
}
.faqList.type02 dl dt a .titleTxt {
	word-break: keep-all;
}
/* thumbnail list */
.thumbNailList {
	border-top: 2px solid #66575a;
	margin-bottom: 24px;
}
.thumbNailList li {
	position: relative;
	padding: 14px 0 13px 260px;
	min-height: 140px;
	border-bottom: 1px solid #e1e2e2
}
.thumbNailList li .imgThumbNail {
	position: absolute;
	top: 14px;
	left: 0;
	display: block;
	width: 230px;
	height: 140px;
	border: 1px solid #f1f1f1
}
.thumbNailList li .thumbNailInfo {
	display: block;
	min-height: 81px;
	margin-bottom: 10px;
	padding-top: 15px;
}
.thumbNailList li .thumbNailInfo .title {
	color: #31343f;
	font-size: 14px;
	line-height: 24px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	margin-bottom: 5px;
}
.thumbNailList li .thumbNailInfo .submit {
	color: #5e5e5f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.thumbNailList li .btns {
	display: block;
}
.thumbNailList li .btns:after {
	content: "";
	clear: both;
	display: block
}
.thumbNailList li .btns a {
	float: left;
	margin-right: 8px;
}
.thumbNailList li .btns a img {
	display: inline-block;
	vertical-align: bottom;
}
/* thumbNail + article list */
.thumbNailList.type02 li > a {
	display: block;
}
.thumbNailList.type02 li {
	padding: 20px 0 20px 288px;
}
.thumbNailList.type02 li .imgThumbNail {
	top: 20px;
	width: 260px;
	height: 130px;
}
.thumbNailList.type02 li .thumbNailInfo {
	padding-top: 17px;
}
.thumbNailList.type02 li .thumbNailInfo .title {
	margin-bottom: 12px;
}
/* boardView */
.boardView {
	overflow: hidden;
	margin-bottom: 20px;
	border-top: 1px solid #585858;
}
.boardView > ul {
	overflow: hidden;
	border-top: 1px solid #585858;
}
.boardView > ul:first-child {
	border-bottom: 1px solid #d8d8d8;
}
.boardView > ul > li, .reply > ul > li {
	float: left;
	border-top: 1px solid #d8d8d8;/* border-bottom: 1px solid #d8d8d8; *//* margin-bottom: -1px; */
}
.boardView > ul > li:first-child {
	border-top: none;
}
.boardView > ul > li > strong, .reply > ul > li > strong {
	float: left;
	position: relative;
	color: #333;
	vertical-align: middle;
	line-height: 150%;
	min-height: 20px;
	padding: 11px 0 11px 26px;
	box-sizing: border-box;
}
.boardView > ul > li > strong:after, .reply > ul > li > strong:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	border-left: 1px solid #d8d8d8;
	width: 1px;
	height: 12px;
}
.boardView > ul > li > div, .reply > ul > li > div {
	float: right;
	line-height: 150%;
	min-height: 20px;
	padding: 11px 0 11px 20px;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
}
.boardView > ul > li.tit {
	width: 100%;
}
.boardView > ul > li.tit > strong {
	width: 10.75%;
	background-color: #f6f6f6;
}
.boardView > ul > li.part > strong {
	background-color: #f6f6f6;
}
.boardView > ul > li.tit > div {
	width: 89.25%;
}
.boardView ul.file {
	border-top: none;
	border-bottom: 1px solid #a0a0a0;
}
.boardView ul.file li {
	overflow: hidden;
	padding: 15px 0;
}
.boardView ul.file li > strong {
	padding-top: 0;
	padding-bottom: 0;
}
.boardView ul.file li > div {
	padding-top: 0;
	padding-bottom: 0;
}
.boardView ul.file li > div em {
	display: block;
	margin-top: 6px;
}
.boardView ul.file li > div em:first-child {
	margin-top: 0;
}
.boardView ul.file li > div em a {
	text-decoration: underline;
}
.boardView .reply {
	margin-top: 20px;
	border-top: 2px solid #585858;
}
.boardView .reply > ul {
	border-bottom: 1px solid #a9a6a7 !important;
}
.boardView .reply > strong {
	display: block;
	text-align: center;
	height: 37px;
	line-height: 37px;
	color: #31343f;
	background: #f2f3f3;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}
.boardView ul.btn {
	border-bottom: 1px solid #a0a0a0;
}
.boardView .textArea {
	overflow: hidden;
	margin-bottom: 0;
	padding-right: 2px;
}
.boardView .textArea .textarea {
	height: 55px;
}
.boardView .cmt {
	line-height: 170%;
	margin-top: 5px;
	font-size: 11px;
	color: #727272;
}
.boardView .title {
	position: relative;
	overflow: hidden;
	min-height: 20px;
	margin-top: -1px !important;
	padding: 13px 0 9px 20px;
	background: #efeeee;
}
.boardView .title span {
	display: inline-block;
	padding-left: 12px;
	background: url('/common/image/bul/bul_re.png') no-repeat 0 30%;
	font-weight: bold;
	color: #c53e49;
}
.boardView .cont {
	line-height: 170%;
	padding: 45px 20px;
	border-bottom: 1px solid #d8d8d8;
} /* board_view Content */
.boardView .cont p {
	line-height: 2.5em !important;
}
.boardView .cont .img {
	margin-top: 20px;
	text-align: center;
	margin-left: -20px;
	margin-right: -20px;
}
.boardView .cont .img:first-child {
	margin-top: 5px;
}
.boardView .cont img {
	max-width: 910px;
	height: 100%;
}
.boardView .contReply {
	line-height: 170%;
	padding: 28px 20px 25px;
	border-bottom: 1px solid #a0a0a0;
}
.boardView .contReply + .contPoll {
	margin-top: -1px;
}
.boardView .contPoll {
	line-height: 160%;
	border-bottom: 1px solid #a0a0a0;
}
.boardView .contPoll .top {
	overflow: hidden;
	line-height: 160%;
	min-height: 50px;
	padding: 25px 20px 15px 98px;
	border: 1px solid #e8e8e8;
	background: url('/common/image/icon/icon_poll_reply.png') no-repeat 30px 21px;
}
.boardView .contPoll .top p.tit {
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: bold;
}
.boardView .contPoll .pollList {
	overflow: hidden;
	padding: 15px 18px 12px;
	border: 1px solid #e8e8e8;
	border-top: none;
}
.boardView .contPoll .pollList li {
	overflow: hidden;
	margin-bottom: 1px;
}
.boardView .contPoll .pollList li dl {
	width: 100%;
}
.boardView .contPoll .pollList li dl dt {
	display: block;
	margin-bottom: 7px;
	padding-left: 10px;
	background: url('/common/image/bul/bul_bar.gif') 0 10px no-repeat;
}
.boardView .contPoll .pollList li dl dd {
	float: left;
	min-height: 26px;
	margin-right: 14px;
	padding-left: 10px;
}
.boardView .contPoll .pollList li dl dd .inText {
	width: 50%;
	margin-left: 10px;
}
.boardView .contPoll .pollList li dl dd input[type="radio"], .boardView .contPoll .pollList li dl dd input[type="checkbox"] {
	margin-right: 8px;
}
.boardView .contPoll .btnArea.sub {
	margin-top: 10px;
}
.ie7 .boardView .contPoll {
	padding-bottom: 20px;
}
.boardView + .boardView {
	margin-top: 40px;
}
.boardView.child02 li.part {
	width: 50%;
} /* child02 : �� �ٿ� ������ 2�� */
.boardView.child02 li.part > strong {
	width: 21.5%;
}
.boardView.child02 li.part > div {
	width: 78.5%;
}
.boardView.child02 li.date {
	width: 50%;
}
.boardView.child02 li.date > strong {
	width: 21%;
}
.boardView.child02 li.date > div {
	width: 79%;
}
.boardView.wide li.tit > strong {
	width: 13%;
	padding-right: 1%;
}
.boardView.wide li.tit > div {
	width: 85.9%;
}
.boardView.wide li.part > strong {
	width: 27%;
	padding-right: 1%;
}
.boardView.wide li.part > div {
	width: 72%;
}
.boardView.wide li.date > strong {
	width: 27%;
	padding-right: 1%;
}
.boardView.wide li.date > div {
	width: 72%;
}
.boardView + .boardType02 {
	margin-top: -20px;
	border-top: none;
}
.pollView {
	overflow: hidden;
	padding: 45px 0;
	border-bottom: 1px solid #bbb;
}
.pollView > ul {
	overflow: hidden;
	padding: 0 20px;
}
.pollView > ul > li:first-child {
	margin-top: 0;
	padding-top: 0;
}
.pollView > ul > li {
	line-height: 160%;
	margin-top: 20px;
}
.pollView li dl {
	width: 100%;
}
.pollView li dl dt {
	display: block;
	margin-bottom: 11px;
	font-size: 14px;
	color: #4d4d4d;
}
.pollView li dl dd {
	min-height: 26px;
}
.pollView li dl dd.text {
	padding-right: 5px;
}
.pollView li dl dd .inText {
	width: 50%;
	margin-left: 10px;
}
.pollView li dl dd input[type="radio"], .pollView li dl dd input[type="checkbox"] {
	margin-right: 8px;
}
.pollView li dl dd input[type="text"] {
	padding: 2px 0 3px;
}
.pollView li dl dd .textarea {
	height: 55px;
}
.pollView .result {
	overflow: hidden;
}
.pollView .result li {
	position: relative;
	margin: 0 0 12px 16px;
}
.pollView .result li .tit {
	line-height: 170%;
	margin-bottom: 10px;
	color: #4d4d4d;
}
.pollView .result li .grDep {
	position: relative;
	max-width: 590px;
}
.pollView .result li .grDep .bar {
	position: relative;
	display: block;
	margin-right: 50px;
	height: 14px;
	background: #e3e3e3;
}
.pollView .result li .grDep .bar > em {
	display: block;
	height: 14px;
	background: url('/common/image/cs/bg_pollGr.gif') repeat-x 0 0;
}
.pollView .result li .grDep .bar > em > em {
	overflow: hidden;
	position: absolute;
	left: -9999em;
	height: 0;
	font-size: 0;
	line-height: 0;
}
.pollView .result li .grDep .num {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	min-width: 50px;
	line-height: 100%;
	text-align: right;
}
.pollView .result li .text {
	line-height: 160%;
	margin-top: 5px;
	padding: 15px 19px 17px;
	border: 1px solid #e5e5e5;
	background: #eaeaea;
}
/* View_boardTb */
.boardTb {
	overflow: hidden;
	margin-bottom: 30px;
	border-top: 2px solid #585858;
	border-bottom: 1px solid #a0a0a0;
}
.boardTb ul {
	overflow: hidden;
}
.boardTb li {
	position: relative;
	width: 100%;
	border-top: 1px solid #d8d8d8;
}
.boardTb li > p {
	overflow: hidden;
	width: 100%;
}
.boardTb li:first-child {
	border-top: none;
}
.boardTb li > p > .num {
	display: block;
	float: left;
	width: 7%;
	line-height: 150%;
	min-height: 20px;
	padding: 10px 0;
	background: url('/common/image/bg/bg_boardSec.gif') no-repeat 100% 50%;
	color: #333;
	vertical-align: middle;
}
.boardTb li > p > .num > span {
	display: inline-block;
	padding-left: 17px;
}
.boardTb li > p > .txt {
	display: block;
	float: left;
	width: 93%;
}
.boardTb li > p > .txt > span {
	display: block;
	line-height: 150%;
	min-height: 20px;
	margin-right: 45px;
	padding: 10px 0 10px 20px;
	vertical-align: middle;
}
.boardTb li > p > .txt > span .sTit {
	display: inline-block;
	padding-left: 13px;
	background: url('/common/image/icon/icon_q.gif') no-repeat 0 4px;
	color: #4d4d4d;
}
.boardTb li > p > .txt > span > a {
	display: block;
}
.boardTb li > p > .txt > span > a:hover .sTit {
	font-weight: bold;
	color: #333;
}
.boardTb li > p > .txt > span button {
	position: absolute;
	top: 0;
	right: 4px;
	display: block;
	width: 42px;
	height: 42px;
	background: url('/common/image/btn/btn_tb_open.gif') no-repeat 50% 50%;
	text-indent: -9999em;
}
.boardTb li > div {
	display: none;
	overflow: hidden;
	line-height: 170%;
	padding: 18px 20px 25px;
	border-top: 1px solid #d8d8d8;
}
.boardTb li > div .sTit {
	display: inline-block;
	padding-left: 25px;
	background: url('/common/image/icon/icon_a.gif') no-repeat 0 2px;
}
.boardTb li > div .sTit p {
	letter-spacing: 0 !important;
}
.boardTb li .sTit b {
	color: #c8212f;
}
.boardTb li.on > p > .num > span, .boardTb li.on > p > .txt > span .sTit {
	font-weight: bold;
}
.boardTb li.on > p > .txt > span button {
	background-image: url('/common/image/btn/btn_tb_close.gif');
}
.boardTb li.on > div {
	display: block;
}
.boardTb li.noData {
	padding: 30px 0;
	text-align: center;
}
.ie7 .boardTb li > p > .txt {
	width: 92.8%;
}
.boardTb.case02 li > p > .txt {
	position: relative;
}
.boardTb.case02 li > p > .txt > span .icon {
	position: absolute;
	width: 125px;
}
.boardTb.case02 li > p > .txt > span .sTit {
	margin-left: 150px;
}
/* boardWrite */
.boardWrite {
	margin-bottom: 20px;
	border-top: 2px solid #585858;
	border-bottom: 1px solid #a0a0a0;
	background: #fff;
}
.boardWrite > ul {
	overflow: hidden;
	width: 100%;
}
.boardWrite > ul > li {
	width: 100%;
	border-top: 1px solid #d8d8d8;
	clear: both;
	float: none;
}
.boardWrite > ul:first-child > li:first-child {
	border-top: 0;
}
/*.boardWrite > ul > li:first-child {border-top:0;}*/
/* boardWrite > ul > li > div {float:left; vertical-align:middle;} */
.boardWrite li.half {
	float: left;
	width: 50%;
	clear: none;
}
.boardWrite li .inputWrapper {
	overflow: hidden;
	width: 100%;
	display: table;
	min-height: 33px;
	padding: 5px 0;
}
.boardWrite li .inputWrapper .tit {
	word-break: keep-all;
}
.boardWrite li .tit {
	display: table-cell;
	vertical-align: top;
	width: 10.75%;
	padding: 6px 19px 0 25px;
	box-sizing: border-box;
	font-weight: 700;
	font-family: "notoKrB", sans-serif;
}
.boardWrite.modify ul li .tit {
	width: 150px;
}
.boardWrite li.half .tit {
	width: 21.5%;
}
.boardWrite li .tit > span label {
	color: #333;
	word-break: keep-all;
}
.boardWrite li .tit.wide {
	width: 100% !important;
	background: #efeeee;
	display: block;
	padding: 6px 19px 7px 25px;
}
.boardWrite li .cnt {
	display: table-cell;
	vertical-align: middle;
}
.boardWrite li .cnt button.btnSm, .boardWrite li .all .ibox button.btnSm {
	height: 30px;
	font-size: 12px;
}
.boardWrite li .cnt input.btnSm, .boardWrite li .all .ibox input.btnSm {
	height: 30px;
	font-size: 12px;
}
.boardWrite li .cnt a.btnSm, .boardWrite li .all .ibox a.btnSm {
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}
.boardWrite li .cnt + .ibox {
	margin-top: 5px;
}
.boardWrite li .cnt > p {
	margin-top: 6px;
}
.boardWrite li .cnt input.btnSm + p.add {
	margin-top: 0;
}
.boardWrite li .cnt > .inCk + p.add {
	margin-top: 6px;
}
.boardWrite li .cnt > input + .add input:first-child {
	margin-top: 5px;
}
.boardWrite li .cnt .add input {
	margin-top: 5px;
}
.boardWrite li .cnt .add input:first-child {
	margin-top: 0;
}
.boardWrite li .cnt .cmt {
	display: block;
	font-size: 11px;
	color: #727272;
	text-align: right;
}
.boardWrite li .cnt .txtCmtM {
	margin-left: 6px;
} /* inline ����� ȸ���� ���ܻ��� */
.boardWrite li .cnt .title, .boardWrite li .cnt .inp100 {
	width: 100%;
}
.boardWrite li .cnt .inp100 {
	width: 100%;
}
.boardWrite li .cnt .inpHalf {
	width: 45%;
}
/* .boardWrite li .cnt p.txtCmt {margin:6px 0 0;}  block ����� */
.boardWrite li .cnt em {
	margin-left: 15px;
}
.boardWrite li input {
	box-sizing: border-box
}
.boardWrite li textarea {
	vertical-align: middle;
}
.boardWrite li .cnt .password {
	width: 200px;
}
.boardWrite li .cnt .writerName {
	width: 283px;
}
.boardWrite li.half .cnt .writerName {
	width: 60%;
}
.textBox01 + .boardWrite {
	margin-top: 40px;
}
/* File Add */
.fileBox {
	width: 60%;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	position: relative;
	padding-right: 177px;
}
.fileBox .addFile {
	width: 100%;
	height: 28px;
	padding: 6px 0 7px 0;
	background: #fff;
	border: 1px solid #e1e2e2;
}
.fileBox input[type=text]:read-only {
background:#fff;
}
.btnFile {
	position: absolute;
	right: 89px;
	top: 0;
	width: 82px;
	height: 26px;
	border: 1px solid #d6d6d9;
	background: #eff0f0;
	text-align: center;
	line-height: 26px;
	color: #31343f;
	font-size: 12px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.btnFile.focus {
	border-color: #2168db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, 1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, 1);
}
.btnFile input[type="file"] {
	width: 83px;
	height: 22px;
	cursor: pointer;
	border: 0;
	background: none;
	overflow: hidden;
	opacity: 0;
	position: relative;
	z-index: 100;
}
.attchFileReset {
	position: absolute;
	right: 0;
	top: 0;
	width: 82px;
	height: 26px;
	border: 1px solid #d6d6d9;
	background: #eff0f0;
	text-align: center;
	line-height: 26px;
	color: #31343f;
	font-size: 12px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	margin-left: 4px;
}
.btnFile:after {
	content: "÷������";
	width: 84px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.boardWrite li .cnt .txtCmt {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 15px;
	color: #6c6e6f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500
} /* inline ����� */
.agreeArea {
	margin-bottom: 20px;
	border-bottom: 1px solid #e1e2e2;
}
.agreeArea h3 {
	font-size: 20px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	color: #31343f;
	margin-bottom: 25px;
}
.agreeArea .agreeBox {
	height: 132px;
	background: #eff0f0;
	padding: 25px 30px;
	margin-bottom: 25px;
	border: 0;
	color: #515252;
}
.agreeArea .agreeTxt .inCk {
	height: auto;
	line-height: 16px;
}
.agreeArea + .btnArea02 {
	padding-top: 0;
}
.boardWrite li.m02 .cnt {
	padding: 10px 0 0;
}
.boardWrite li.m02 .cnt .add {
	margin-bottom: 5px;
}
.boardWrite li.address > input[type="text"] {
	width: 10%;
}
.boardWrite li.address .ibox > input[type="text"] {
	text-align: center;
	text-indent: 0 !important;
}
.boardWrite li .all {
	width: 100%;
	line-height: 150%;
	min-height: 30px;
	padding: 4px 0;
}
.boardWrite li .btnSm {
	padding-right: 12px;
	padding-left: 12px;
}
.boardWrite.wide li .tit {
	width: 15.5%;
	padding-right: 1%;
}
.boardWrite.wide li .cnt {
	width: 83%;
}
.boardWrite + .txtRefer {
	margin-top: -20px
}
.boardWrite > p {
	line-height: 190%;
	padding: 15px 18px;
}
.boardWrite li .cnt .ibox.newsLetter p {
	float: left
}
.boardWrite li .cnt .ibox.newsLetter p + p {
	float: right
}
.boardWrite li .cnt .ibox.newsLetter p + p input {
	margin-left: 15px
}
.boardWrite li .inputW15 input {
	width: 15%;
	margin-right: 5px
}
.boardWrite li .inputW52 input {
	width: 52%;
	margin-right: 5px
}
.boardWrite li .inputW100 input {
	width: 52%;
	margin-right: 5px
}
.boardWrite li .addr div + div {
	margin-top: 5px;
}
.boardWrite li .addr div:first-child input {
	width: 25%;
}
.boardWrite li .addr input {
	width: 100%;
}
.boardWrite li .sbtn02 {
	display: inline-block;
	padding: 5px 7px;
	background: #80838d;
	font-size: 11px;
	color: #fff;
	line-height: 100%;
	margin-left: 3px;
}
.boardWrite li .sbtn03 {
	height: auto;
	display: inline-block;
	padding: 7px 10px;
	background: #eff0f0;
	border: 1px solid #d6d6d9;
	font-size: 12px;
	color: #31343f;
	line-height: 100%;
	margin-left: 3px;
}
.inpOther {
	margin-top: 5px;
}
.inpOther input {
	width: 100%;
}
.boardWrite h5 {
	color: #31343f;
	line-height: 100%;
	padding: 10px 0;
	text-align: center;
	background: #f2f3f3;
	border-top: 1px solid #a9a6a7;
}
.boardWrite h5 + ul > li:first-child {
	border-top: 1px solid #a9a6a7;
}
.boardWrite li .tit_p2 {
	padding-top: 0;
}
.boardWrite li .cnt .selType1 + label, .boardWrite li .cnt .selType2 + label {
	margin-left: -19px;
}
.inputWrapper .cnt .cityBox {
	float: left;
}
.boardWrite li .cnt .cityTit, .boardWrite li .cnt .cityTit02 {
	padding-right: 10px;
}
.boardWrite li .cnt .cityTit02 {
	margin-left: 20px;
}
/* �Խ��� �۾��� ��ư */
.boardBtnArea {
	text-align: center;
}
.boardBtnArea:after {
	content: "";
	clear: both;
	display: block
}
.boardBtnArea .fr {
	float: right;
}
.boardBtnArea .fr .btnMd02 {
	display: inline-block;
	vertical-align: middle;
	width: 75px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	color: #fff;
	background: #37272a;
	border: 1px solid #37272a;
	margin-left: 3px;
}
.boardBtnArea .fr .btnMd02.bgColor02 {
	color: #31343f;
	background: #eff0f0;
	border: 1px solid #d6d6d9;
}
/* board_����,������ */
.boardNext {
	overflow: hidden;
	margin-bottom: 30px;
	border-top: 2px solid #585858;
	border-bottom: 1px solid #a0a0a0;
	margin-top: 20px;
}
.boardNext.comment {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.boardNext ul {
	overflow: hidden;
	margin-bottom: 0;
}
.boardNext li {
	float: left;
	width: 100%;
	border-top: 1px solid #d8d8d8;
}
.boardNext li:first-child {
	border-top: none;
}
.boardNext li > strong {
	display: block;
	float: left;
	width: 10.5%;
	background: #f2f3f3;
	line-height: 150%;
	min-height: 20px;
	padding: 11px 16px 11px 20px;
	vertical-align: middle;
	box-sizing: border-box;
}
.boardNext li > div {
	display: block;
	float: right;
	width: 89.5%;
	line-height: 150%;
	min-height: 20px;
	padding: 11px 0 11px 20px;
	vertical-align: middle;
	box-sizing: border-box;
}
.boardNext li > div > a > span {
	color: #3514af;
	margin-left: 5px
}
.boardNext li > div > span.cmt {
	display: block;
}
.boardNext li > div > span.cmt .txt {
	float: left;
}
.boardNext li > div > span.cmt .date {
	float: right;
}
.boardNext li > div > span.cmt .date .btnWrt {
	margin-left: 12px;
}
.boardNext li.prev > strong {
	background: #f2f3f3 url('/common/image/bul/bul_prevTxt.gif') no-repeat 85% 50%;
}
.boardNext li.next > strong {
	background: #f2f3f3 url('/common/image/bul/bul_nextTxt.gif') no-repeat 85% 50%;
}
/* board_�̹��� ����Ʈ */
.imgList {
	overflow: hidden;
	padding-top: 40px;
	border-top: 1px solid #a0a0a0;
}
.imgList ul {
	overflow: hidden;
}
.imgList li {
	overflow: hidden;
	float: left;
	width: 262px;
	margin-left: 32px;
}
.imgList li:first-child {
	margin-left: 0;
}
.imgList li > a {
	display: block;
	width: 262px;
	height: 153px;
	margin-bottom: 10px;
}
.imgList li > a img {
	width: 100%;
	height: 153px;
}
.imgList li dl {
	overflow: hidden;
	line-height: 160%;
}
.imgList li dl dt {
	overflow: hidden;
	height: 17px;
	margin-bottom: 4px;
	font-weight: bold;
}
.imgList li dl dt a {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.imgList li dl dd {
	float: left;
	padding: 0 8px;
	background: url('/common/image/bg/bg_lineY.gif') no-repeat 0 50%;
}
.imgList li dl dd.date {
	padding-left: 0;
	background: none;
}
.imgList02 {
	overflow: hidden;
}
.imgList02 ul {
	overflow: hidden;
}
.imgList02 li {
	overflow: hidden;
	float: left;
	width: 262px;
	margin-left: 32px;
	margin-bottom: 25px;
}
.imgList02 li.first {
	margin-left: 0;
}
.imgList02 li > a {
	display: block;
	width: 262px;
	height: 175px;
	margin-bottom: 12px;
}
.imgList02 li > a img {
	width: 100%;
	height: 175px;
}
.imgList02 li dl {
	overflow: hidden;
	line-height: 160%;
}
.imgList02 li dl dt {
	overflow: hidden;
	height: 17px;
	margin-bottom: 4px;
	font-weight: bold;
}
.imgList02 li dl dt a {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.imgList02 li dl dd {
	float: left;
	padding: 0 8px;
	background: url('/common/image/bg/bg_lineY.gif') no-repeat 0 50%;
}
.imgList02 li dl dd.date {
	padding-left: 0;
	background: none;
}
/* common */
.tbTopTxt {
	overflow: hidden;
	/* margin-bottom: 11px; */
	line-height: 150%;
}
.tbTopTxt > span {
	float: right;
	display: block;
}
.tbTopTxt > span strong.star {
	display: inline-block;
	float: left;
	margin: 3px 7px 0 0;
	color: #cd2a37;
}
.tbTopTxt > span em {
	display: inline-block;
	float: left;
}
textarea.textarea {
	width: 100%;
	padding: 10px;
	height: 153px;
	box-sizing: border-box;
}
textarea.textarea.type02 {
	height: 148px;
}
textarea.textarea.type03 {
	height: 94px;
}
.new {
	margin-left: 5px;
	vertical-align: middle;
} /* new */
.inCk {
	display: inline-block;
	vertical-align: middle; /* height: 33px; line-height: 33px;*/
} /* radio, checkbox Group*/
.inCk > li {
	display: inline-block;
}
.inCk input[type="radio"] {/* visibility:hidden; */
}
.inCk input[type="radio"] + label {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 20px 0 -15px;
	;
	padding-left: 20px;
	background: url(/common/image/icon/icon_radio_type01_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_off@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_off@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
}
.inCk input[type="radio"] + label.on {
	background: url(/common/image/icon/icon_radio_type01_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_on@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_on@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
}
.inCk.type02 input[type="radio"] + label {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 -15px;
	;
	padding-left: 20px;
	background: url(/common/image/icon/icon_radio_type02_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type02_off@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type02_off@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
}
.inCk.type02 input[type="radio"] + label.on {
	background: url(/common/image/icon/icon_radio_type02_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type02_on@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type02_on@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
	color: #179fe9;
}
.inCk label {
	margin-right: 28px;
	color: #6c6e6f;
}
.inCk label.none {
	margin-right: 0;
}
/* ����Ͽ� */
table tr .num {
	width: 8%;
} /* ��ȣ */
table tr .file {
	width: 7%;
} /* ÷�� */
table tr .name {
	width: 8%;
} /* �ۼ��� : display:none */
table tr .nameOpen {
	width: 8%;
} /* �ۼ��� : display:block */
table tr .part {
	width: 12%;
} /* �з� */
table tr .group {
	width: 10%;
} /* ���� */
table tr .state {
	width: 7%;
} /* ���� */
table tr .process {
	width: 10%;
} /* ���� */
table tr .date {
	width: 12%;
} /* �ۼ��� : display:none */
table tr .dateOpen {
	width: 12%;
} /* �ۼ��� : display:block */
table tr .dateWide {
	width: 18%;
} /* �ۼ��� : ������ & ������ */
table tr .spot {
	width: 12%;
} /* ���� */
table tr .step {
	width: 12%;
} /* �ܰ� */
table tr .refer {
	width: 8%;
} /* ��ȸ */
table tr .refer {
	width: 8%;
} /* ��ȸ */
table tr .public {
	width: 8%;
} /* ���� */
table tr .public strong {
	color: #000000
} /* ���� */
table tr .answer {
	width: 8%;
} /* �亯��Ȳ */
.textArea.type02 {
	height: 158px;
}
.noDate {
	border-top: 1px solid #d8d8d8;
	padding: 30px 0;
	text-align: center;
} /* ������ ������_���̺� ������ ��� */
.boardList + .noDate {
	border-top: none;
}
.icon {
	display: inline-block;
	width: 94px;
	min-width: 66px;
	height: 15px;
	padding: 5px 3px 0 3px;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px #333;
}
.icon.bg01 {
	background: #c53e49;
}
.icon.bg02 {
	background: #6d5450;
}
.icon.bg03 {
	background: #3a2f45;
}
.icon.bg04 {
	background: #596091;
}
.icon.bg05 {
	background: #9bd7db;
	color: #333;
	text-shadow: none;
}
.icon.bg06 {
	background: #6f6f6f;
}
.icon.bg07 {
	background: #d3d3d3;
	color: #333;
	text-shadow: none;
}
.icon.bg08 {
	background: #7c5c39;
}
.icon.bg09 {
	background: #876d67;
}
.icon.bg10 {
	background: #eeecdf;
	color: #333;
	text-shadow: none;
}
.icon.bg11 {
	background: #a16255;
}
.icon.bg12 {
	background: #717171;
}
.icon.bg13 {
	background: #b4b4b4;
}
.icon.bg14 {
	background: #414f89;
}
.icon.bg15 {
	background: #137cbd;
}
.icon.bg16 {
	background: #00875a;
}
.icon.bg17 {
	background: #eb6272;
}
.icon.bg18 {
	background: #31343f;
}
.icon.bg19 {
	background: #554246;
}
.faqList.type02 .icon {
	width: 125px;
}
.iconS {
	display: inline-block;
	width: 44px;
	line-height: 160%;
	height: 20px;
	padding: 0 3px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}
.iconS.bg01 {
	background: #3a2f45;
}
.iconS.bg02 {
	background: #596091;
}
.iconS.bg03 {
	background: #d3d3d3;
	color: #333;
}
.iconState {
	display: inline-block;
	width: 49px;
	line-height: 20px;
	height: 20px;
	padding: 0 3px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #333;
}
.iconState.bg01 {
	background: #b82220;
}
.iconState.bg02 {
	background: #596091;
}
.iconState.bg03 {
	background: #3a2f45;
}
.iconState.bg04 {
	background: #717171;
}
.iconState.bg05 {
	background: #7c5c39;
}
.iconState.bg06 {
	background: #b4b4b4;
}
.iconState.bg07 {
	background: #414f89;
}
.iconState.bg08 {
	background: #00885a;
}
.ie7 .icon, .ie8 .icon {
	height: 19px;
	padding: 1px 3px 0 !important;
}
.ie7 .iconS, .ie8 .iconS, .ie7 .iconState, .ie8 .iconState {
	height: 19px;
	padding: 1px 3px 0!important;
}
/* 2016.12.20 ����¡ ��� ��ư ���� */
.pagingWrap {
	text-align: center;
}
.pagingWrap.mo {
	display: none;
}
.pagingWrap + .btnLeft, .pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight {
	margin-top: -58px;
}
.pagingWrap + .btnLeft {
	float: left;
}
.pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight {
	float: right;
}
.tableStyle01 + .pagingWrap {
	margin-top: 24px;
}
/* �亯 ������ */
.replySatis {
	padding: 20px;
}
.replySatisInner {
	border: 1px solid #cad9e2;
	overflow: hidden;
}
.replySatis .infomation {
	display: block;
	padding: 20px 30px;
	background-color: #dfebf2;
}
.replySatis .infomation p.iTitle {
	font-size: 18px;
	color: #0f689f;
}
.replySatis .infomation p.desc {
	font-size: 12px;
	color: #434750;
	margin-top: 10px;
}
.replySatis .infomation strong {
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.valueWrap {
	padding: 20px 30px;
	overflow: hidden;
}
.replySatis .value {
	float: left;
	margin: 0;
	height: 24px;
	line-height: 24px;
}
.replySatis .value p {
	float: left;
	padding-left: 39px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	padding-right: 20px;
}
.replySatis .value p:first-child {
	margin-left: 0;
}
.replySatis .value p.valuation1 {
	background: transparent url(../../common/image/icon/icon_satisfaction01_off.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction01_off@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction01_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}
.replySatis .value p.valuation2 {
	background: transparent url(../../common/image/icon/icon_satisfaction02_off.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction02_off@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction02_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}
.replySatis .value p.valuation3 {
	background: transparent url(../../common/image/icon/icon_satisfaction03_off.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction03_off@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction03_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}
.replySatis .value p.valuation4 {
	background: transparent url(../../common/image/icon/icon_satisfaction04_off.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction04_off@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction04_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}
.replySatis .value p.valuation5 {
	background: transparent url(../../common/image/icon/icon_satisfaction05_off.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction05_off@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction05_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
	padding-right: 0;
}
.replySatis .value p.valuation1.on {
	background: transparent url(../../common/image/icon/icon_satisfaction01_on.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction01_on@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction01_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}
.replySatis .value p.valuation2.on {
	background: transparent url(../../common/image/icon/icon_satisfaction02_on.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction02_on@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction02_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}
.replySatis .value p.valuation3.on {
	background: transparent url(../../common/image/icon/icon_satisfaction03_on.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction03_on@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction03_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}
.replySatis .value p.valuation4.on {
	background: transparent url(../../common/image/icon/icon_satisfaction04_on.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction04_on@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction04_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}
.replySatis .value p.valuation5.on {
	background: transparent url(../../common/image/icon/icon_satisfaction05_on.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction05_on@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_satisfaction05_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}
.replySatis .value p input[type="radio"] {
	display: none;
}
.replySatis .value p .imageRadio02 {
	display: inline-block;
	padding-left: 60px;
	background: transparent url(../../common/image/icon/icon_radio_type02_off.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_radio_type02_off@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_radio_type02_off@2x.png) no-repeat 16px center;
	background-size: 13px 13px;
}
.replySatis .value p .imageRadio02.on {
	background: transparent url(../../common/image/icon/icon_radio_type02_on.png) no-repeat 16px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../common/image/icon/icon_radio_type02_on@2x.png) no-repeat 16px center;
	background: linear-gradient(transparent, transparent), url(../../common/image/icon/icon_radio_type02_on@2x.png) no-repeat 16px center;
	background-size: 13px 13px;
}
.replySatis .value p label {
	display: inline-block;
	vertical-align: middle;
	color: #7b7b7b;
	margin-left: -55px;
}
.replySatis .value p label.on {
	color: #179fec;
}
.valueWrap .btnArea02 {
	padding-top: 0;
}
.replySatis .valueBtn {
	float: right;
	overflow: hidden;
}
.boardSearch + .tableScroll .tableStyle01 table {
	margin: 10px 0 0 0;
}

@media only screen and (max-width:1023px) {
/* board_�̹��� ����Ʈ */
.imgList ul {
	width: 557px;
	height: 203px;
	margin: 0 auto;
}
.imgList02 ul {
	width: 557px;
	margin: 0 auto;
}
.imgList02 li {
	margin-left: 0;
}
.imgList02 li:nth-of-type(even) {
	float: right;
}
/* boardView */
.boardView > ul > li.tit > strong {
	width: 15%;
}
.boardView > ul > li.tit > div {
	width: 85%;
}
.boardView.child02 li.part > strong {
	width: 30%;
}
.boardView.child02 li.part > div {
	width: 70%;
}
.boardView.child02 li.date > strong {
	width: 30%;
}
.boardView.child02 li.date > div {
	width: 70%;
}
.boardView.wide li.tit > strong {
	width: 17.5%;
}
.boardView.wide li.tit > div {
	width: 81.5%;
}
.boardView.wide li.part > strong {
	width: 36%;
}
.boardView.wide li.part > div {
	width: 63%;
}
.boardView.wide li.date > strong {
	width: 36%;
}
.boardView.wide li.date > div {
	width: 63%;
}
.pollView > ul {
	padding: 0 10px;
}
.pollView .result li {
	margin: 0 0 12px 16px;
}
/* boardWrite */
	/* .boardWrite li .cnt .txtCmt {display:block; margin:6px 0 !important;} inline ����� */
	/* .boardWrite li .cnt .txtCmtM {margin-left:0; display:block} inline ����� ȸ���� ���ܻ��� */

	/* boardNext */
.boardNext li > strong {
	width: 15%;
}
.boardNext li > div {
	width: 85%;
}
/* common */
table tr .part {
	width: 100px;
} /* �з� */
table tr .state {
	width: 80px;
} /* ���� */
/* .boardWrite li.half {float: none; width: 100%;} */
.selectBox.half {
	width: 100%;
}
/* .boardWrite li .cnt .txtCmt {clear: both; display: block; float: none; margin-left: 0;} */

	/* �Խ��� �۾��� ��ư */
.boardBtnArea {
	text-align: center;
}
.boardBtnArea:after {
	content: "";
	clear: both;
	display: block
}
.boardBtnArea .fr.btnsN2 {
	float: none;
	clear: both;
	width: 100%
}
.boardBtnArea .fr.btnsN2 a {
	width: 49%;
	margin-left: 0;
	display: block;
	vertical-align: middle;
}
.boardBtnArea .fr.btnsN2 .btnMd02 {
	float: left;
}
.boardBtnArea .fr .btnMd02.bgColor02 {
	float: right;
}
.searchArea02 {
	padding: 2%;
}
.searchArea02 > div.divide {
	margin: 0 0 6px;
}
.searchArea02 .selectBox + label {
	margin-left: 3%;
}
.searchArea02 .selectBox {
	width: 30%;
}
.searchArea02 > div .selectBox {
	width: 26%;
}
.searchArea02 .btnSch02 {
	height: 36px;
}
.searchArea02 .divide02 {
	float: left;
	width: 38%;
}
.searchArea02 .divide02 + .divide02 {
	margin-left: 0;
}
.searchArea02 .divide02.type02 {
	width: 58%;
	margin-left: 3.5%;
}
.searchArea02 .divide02.type03 {
	margin-top: 5px;
}
.searchArea02 > .divide02 > label {
	width: 28%;
}
.searchArea02 > .divide02.type02 > label {
	width: 20%;
}
.searchArea02 .inputSearchBox {
	width: 58%;
	display: inline-block;
	padding: 5px 0 0;
	float: none;
	clear: both;
	box-sizing: border-box;
	margin-left: 3.5%;
}
.searchArea02 .inputSearchBox input[type="text"] {
	width: 52%;
}
.searchArea02 .inputSearchBox.type02 {
	width: 100%;
	margin-left: 0;
}
.searchArea02 .inputSearchBox.type02 input[type="text"] {
	width: 100%;
}
.searchArea02 .inputSearchBox.type03 input[type="text"] {
	width: 100%;
}
}

@media only screen and (max-width:767px) {
/* boardSearch */
.boardSearch {
	min-height: 35px;
	margin-bottom: 10px;
}
.boardSearch .result {
	float: none;
}
.boardSearch .search {
	float: none;
}
.boardSearch .measure {
	margin-top: 40px
}
.boardSearch .search .selectBox {
	display: block;
	;
	height: 33px;
	float: none;
	margin-right: 0;
	margin-bottom: 5px;
}
.boardSearch .search .selectBox label {
	height: 33px;
	line-height: 33px;
}
.boardSearch .search .inText {
	width: 100%;
	margin-bottom: 5px;
}
.boardSearch .search .inText input[type="text"] {
	width: 77%;
}
#popup .boardSearch .search {
	float: none;
}
#popup .boardSearch .search select {
	width: 100%;
	margin-right: 0;
}
#popup .boardSearch .search .inText {
	width: 100%;
	margin-top: 6px;
}
#popup .boardSearch .search .inText input[type="text"] {
	width: 77%;
}
/* boardList */
.boardList table thead th {
	display: none;
}
.boardList table thead.mobileShow th {
	display: table-cell
}
.boardList {
	margin-bottom: 30px;
}
.boardList table tbody td.subject {
	padding-left: 5px;
	width: 86%;
}
.boardList table tbody td.mWidth100 {
	width: 100%
}
.boardList + .btnArea.sub2 {
	margin-top: 20px !important;
}
.tableScroll .boardList {
	margin-bottom: 0;
}
/* List_boardType01 */
.boardType01 .left {
	position: inherit;
	float: none;
	width: 230px;
	margin: 0 auto;
}
.boardType01 .left > div {
	padding: 15px 0;
}
.boardType01 .right {
	width: 100%;
	margin: 0;
}
.boardType01 .right > div {
	margin-left: 0;
	padding: 0 0 15px;
}
/* List_boardType02 */
.boardType02 {
	margin-bottom: 15px;
}
.boardType02 .movie {
	margin-top: 15px;
	padding-bottom: 15px;
}
.boardType02 .movie .left > div {
	width: 290px;
	height: 217px;
}
.boardType02 .movie .left > div img {
	width: 100%;
}
.boardType02 .movie .left > div embed {
	width: 100% !important;
	height: 100% !important;
	vertical-align: top;
}
.boardType02 .movie .right > div {
	padding: 8px 10px 10px;
}
.boardType02 + .pagingWrap {
	margin-top: -20px !important;
}
/* boardView */
.boardView > ul > li > strong > span {
	padding-left: 10px;
}
.boardView > ul > li > span > span {
	padding-left: 15px;
}
.boardView .cont {
	padding: 25px 0;
}
.boardView > ul > li.tit > strong {
	width: 21%;
}
.boardView > ul > li.tit > div {
	width: 76%;
}
.boardView.child02 li.part {
	width: 100%;
} /* child02 : �� �ٿ� ������ 2�� */
.boardView.child02 li.part > strong {
	width: 21%;
}
.boardView.child02 li.part > div {
	width: 76%;
}
.boardView.child02 li.date {
	width: 100%;
}
.boardView.child02 li.date > strong {
	width: 24%;
}
.boardView.child02 li.date > div {
	width: 76%;
}
.boardView.wide li.tit > strong {
	width: 28%;
	padding-right: 1%;
}
.boardView.wide li.tit > div {
	width: 71%;
}
.boardView.wide li.part {
	width: 100%;
}
.boardView.wide li.part > strong {
	width: 28%;
	padding-right: 1%;
}
.boardView.wide li.part > div {
	width: 71%;
}
.boardView.wide li.date {
	width: 100%;
}
.boardView.wide li.date > strong {
	width: 28%;
	padding-right: 1%;
}
.boardView.wide li.date > div {
	width: 71%;
}
.boardView .contPoll .top {
	padding: 15px 10px 15px 10px;
	background: none;
}
.boardView .contPoll .top p.tit {
	min-height: 50px;
	margin-bottom: 2px;
	padding: 5px 0 0 55px;
	background: url('/common/image/icon/icon_poll_reply.png') no-repeat 0 0;
}
.boardView .contPoll .pollList li dl dd {
	margin-right: 7px;
}
.boardView .inCk label {
	margin-right: 10px
}
.pollView {
	padding: 25px 0;
}
.pollView > ul {
	padding: 0;
}
/* boardTb */
.boardTb li > p > .num {
	width: 14%;
}
.boardTb li > p > .num > span {
	padding-left: 10px;
}
.boardTb li > p > .txt {
	width: 86%;
}
.boardTb li > p > .txt > span {
	padding-left: 12px;
}
.boardTb.case02 li > p > .txt > span {
	margin-right: 40px;
}
.boardTb.case02 li > p > .txt > span .icon {
	position: inherit;
	float: left;
	margin-right: 10px;
}
.boardTb.case02 li > p > .txt > span .sTit {
	margin: 5px 0 0;
}
.boardWrite {
	min-width: 280px;
}
.boardWrite li.half {
	float: none;
	width: 100%;
}
.boardWrite li .tit {
	background: none;
	width: 90px;
	padding: 6px 19px 6px 15px;
}
.boardWrite.modify ul li .tit {
	width: 100px;
	padding: 6px 10px 6px 15px;
}
.boardWrite li.half .tit {
	width: 90px;
}
.boardWrite li .cnt .txtCmt {
	margin-left: 0;
	display: block
} /* inline ����� ȸ���� ���ܻ��� */
.boardWrite.modify ul li .password {
	width: 100%;
}
.boardWrite li .cnt .writerName {
	width: 100%;
}
.boardWrite li .tit_p2 {
	padding-top: 6px;
}
.inputWrapper .cnt .cityBox {
	float: none;
}
.boardWrite li .cnt .cityTit {
	padding-right: 24px;
}
.boardWrite li .cnt .cityTit02 {
	margin-left: 0px;
}
/* File Add */
.fileBox {
	width: 100%;
}
.fileBox .addFile {
	width: 100%;
	height: 28px;
	padding: 6px 0 7px 0;
	background: #fff;
	border: 1px solid #e1e2e2;
}
 .fileBox input[type=text]:read-only {
background:#fff;
}
.btnFile {
	width: 44%;
	position: relative;
	display: inline-block;
	right: 0;
	vertical-align: middle;
	margin-top: 5px;
}
.btnFile input[type="file"] {
	width: 44%;
	height: 22px;
	cursor: pointer;
	border: 0;
	background: none;
	overflow: hidden;
	opacity: 0;
	position: relative;
	z-index: 100;
}
.attchFileReset {
	width: 44%;
	position: static;
	display: inline-block;
	vertical-align: middle;
	margin-top: 5px;
}
.btnFile:after {
	content: "÷������";
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.boardWrite li .cnt .txtCmt {
	margin: 0;
} /* inline ����� */
/* board_�̹��� ����Ʈ */
.imgList {
	padding-top: 20px;
}
.imgList li {
	float: none;
	margin: 0 auto 15px;
}
.imgList li:first-child {
	margin: 0 auto 15px;
}
.imgList02 ul {
	position: inherit;
}
.imgList02 li {
	float: none;
	margin: 0 auto 15px;
}
/* boardNext */
.boardNext {
	margin-bottom: 20px;
}
.boardNext li > strong {
	width: 22%;
	padding-right: 0;
}
.boardNext li > div {
	width: 78%;
}
.boardNext li > div > span.cmt .date {
	float: left;
	margin: 0 0 10px 6px;
}
.boardNext li.prev > strong, .boardNext li.next > strong {
	background: none;
}
/* common */
table tr .num, table tr .name, table tr .group, table tr .state, table tr .date, table tr .dateWide, table tr .spot, table tr .step, table tr .public, table tr .answer, table tr .refer {
	display: none;
}
table tr .process {
	width: 18%;
}
table tr .nameOpen {
	width: 18%;
}
table tr .dateOpen {
	width: 23%;
}
table tr .part {
	width: 100px;
	background-image: none;
}
.boardList table tbody td.part {
	vertical-align: top
}
table tr .subject {
	width: auto;
	background-image: none;
}
/*
	table tr .subject a {display: inline-block; vertical-align: middle; max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overow: ellipsis;}
	*/
table tr .subject a {
	display: inline-block;
	vertical-align: middle;
}
table tr th.part + th.subject {
	background-image: url('/common/image/bg/bg_boardSec.gif');
}
table tr .file {
	width: 14% !important;
}
.boardList table tbody td.subject .mSubInfo {
	display: block;
	padding-top: 5px;
}
.boardList table tbody td.subject .mSubInfo:after {
	content: "";
	clear: both;
	display: block
}
.boardList table tbody td.subject .mSubInfo li {
	float: left;
	color: #9e9e9e;
	font-size: 11px;
	line-height: 12px;
	padding-left: 10px;
	margin-left: 9px;
	background: url(/common/image/icon/icon_g_stick01.gif) no-repeat 0 1px;
	background-size: 1px 10px
}
.boardList table tbody td.subject .mSubInfo li:first-child {
	background: transparent;
	margin-left: 0;
	padding-left: 0;
}
.boardList table tbody td.subject .mSubInfo li strong {
	color: #000;
	font-family: "NotoKrM", sans-serif;
	font-weight: 500;
}
.boardList table tbody td.subject .mSubInfo li span {
	color: #fff;
	display: inline-block;
	height: 15px;
	line-height: 15px;
}
.pagingWrap {
	display: none;
}
.tableStyle01 ~ .pagingWrap.mo {
	padding-top: 15px;
}
.pagingWrap.mo {
	position: relative;
	display: block;
}
.paging .num {
	display: none;
}
.paging .mNum {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 3px
}
.paging .mNum input[type="text"] {
	display: inline-block;
	width: 50px;
	height: 28px;
	padding-right: 10px;
	font-weight: bold;
	color: #137cbd;
	text-align: right;
	box-sizing: border-box;
	border: 1px solid #e1e2e2;
	font-size: 13px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500
}
.paging .mNum span {
	display: inline-block;
	width: 50px;
	height: 28px;
	line-height: 26px;
	padding-right: 10px;
	font-weight: bold;
	color: #137cbd;
	text-align: right;
	box-sizing: border-box;
	border: 1px solid #e1e2e2;
	font-size: 12px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
/* 2016.12.20 ����¡ ��� ��ư ���� */
.pagingWrap + .btnLeft, .pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight {
	margin-top: 0;
	margin-bottom: 20px;
}
.boardWrite .inputCal {
	position: relative;
}/* ��¥ �޷¹�ư */
.boardWrite .inputCal .btnCalender {
	position: absolute;
	right: -2px;
	top: 2px;
}
.boardWrite li .cnt .inpHalf {
	width: 100%;
}
.inCk > li {
	display: block;
}
/* selectbox Search Area */
.searchArea02 {
	padding: 20px;
	background: #f5f6f6;
	margin: -25px 0 10px;
	position: relative;
	box-sizing: border-box;
}
.searchArea02 label {
	display: none;
}
.searchArea02 .selectBox {
	width: 100%;
	margin: 0 0 5px;
}
.searchArea02 > div.divide {
	margin: 0;
}
.searchArea02 .selectBox + label {
	margin-left: 0;
}
.searchArea02 .selectBox {
	width: 100%;
}
.searchArea02 > div .selectBox {
	width: 100%;
}
.searchArea02 .divide02 {
	float: none;
	width: 100%;
	padding: 0;
}
.searchArea02 .divide02 + .divide02 {
	margin-left: 0;
}
.searchArea02 .divide02.type02 {
	width: 100%;
	margin-left: 0;
	padding: 0;
}
.searchArea02 .divide02.type03 {
	width: 100%;
	margin-top: 0;
	padding: 0;
}
.searchArea02 > .divide > .selectBox, .searchArea02 > .divide02 > .selectBox, .searchArea02 > .divide02.type02 > .selectBox {
	width: 100%;
}
.searchArea02 .divide03, .searchArea02 .divide03.type02, .searchArea02 .divide03.type03 {
	padding: 0;
	width: 100%;
	float: none;
}
.searchArea02 .inputSearchBox {
	width: 100%;
	display: block;
	padding: 0;
	margin-left: 0;
}
.searchArea02 .inputSearchBox input[type="text"] {
	width: 100%;
	height: 34px;
	margin: 0 0 5px;
	box-sizing: border-box;
}
.searchArea02 .inputSearchBox input[type="button"], .searchArea02 .btnSch02 {
	position: static;
	position: static !important;
	width: 100%;
}
.searchArea02 .inputSearchBox input[type="button"] + input[type="button"] {
	margin: 5px 0 0;
}
.searchArea02 .inputSearchBox.type02 {
	padding: 0;
}
.areaMobileSearchArea + .searchArea02 {
	margin: 0;
}
/* �亯 ������ */
.replySatis .infomation, .valueWrap {
	padding: 3%;
}
.replySatis .value {
	margin-bottom: 14px;
	float: none;
	width: 100%;
}
.replySatis .value p {
	width: 20%;
	box-sizing: border-box;
	background-position: center top !important;
	padding: 30px 0 0 0;
	text-align: center;
}
.replySatis .valueBtn {
	float: none;
	clear: both;
	width: 100%;
}
.replySatis .valueBtn .btn2nd {
	float: left;
	width: 49%;
	margin-left: 2%;
	box-sizing: border-box;
}
.replySatis .valueBtn .btn2nd:first-child {
	margin-left: 0;
}
.replySatis .value p label {
	padding-left: 17px !important;
	margin-left: 0;
	background-position: left center !important;
}
.faqList.type02 dl dt a .title {
	padding-left: 0px;
}
.faqList.type02 dl dt a em {
	margin-left: 0px;
	margin-right: 0px;
}
.faqList.type02 dl dt a .titleTxt {
	display: block;
}
}

@media only screen and (min-width:401px) and (max-width:768px) {
/* List_boardType02 */
.boardType02 .movie {
	height: auto;
}
.boardType02 .movie .left {
	width: 100%;
}
.boardType02 .movie .left > div {
	margin: 0 auto 20px;
}
.boardType02 .movie .left {
	position: inherit;
}
.boardType02 .movie .right > div {
	margin: 0;
}
}

@media only screen and (min-width:401px) and (max-width:500px) {
	/* .boardWrite li.email .string em {width:22px !important;}

	.boardNext li > span > span.cmt .date {display:block; width:100%; margin:5px 0 10px !important;}

	.boardWrite li .cnt .fileBox {float: none; width: 100%; padding-right: 0; box-sizing: border-box;}
	.boardWrite li .cnt .fileBox .uploadName {width: 100%; height: 28px; padding: 6px 0 7px 0; background: #fff; border: 1px solid #e1e2e2}
	.boardWrite li .cnt .fileBox .fileBtns {position: static; margin-top: 5px;}
	.boardWrite li .cnt .fileBox label, .boardWrite li .cnt .fileBox a {width: 49%; height: 27px; border: 1px solid #d6d6d9; background: #eff0f0; text-align: center; line-height: 27px; color: #31343f; font-size: 12px; font-family: "notoKrM", sans-serif; font-weight: 500; margin-left: 0;}
	.boardWrite li .cnt .fileBox label {float: left;}
	.boardWrite li .cnt .fileBox a {float: right}
	.boardWrite li .cnt .fileBox input[type="file"] {display: none;}
	.boardWrite li .cnt .txtCmt {float: left; margin-left: 15px; color: #6c6e6f; font-family: "notoKrM", sans-serif; font-weight: 500;} /* inline ����� */
	/* faq */
	.faqList {
border-top: 2px solid #66575a;
margin-bottom: 25px;
}
.faqList dl {
	border-bottom: 1px solid #e1e2e2;
}
.faqList dl dt {
	margin: 0;
	padding: 0;
}
.faqList dl dt a {
	position: relative;
	display: block;
	min-height: 14px;
	padding: 13px 41px 13px 50px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	color: #5e5e5f;
}
.faqList dl dt a .count {
	position: absolute;
	top: 12px;
	left: 0;
	width: 40px;
	color: #6c6e6f;
	text-align: center;
}
.faqList dl dt a .wordQ {
	position: absolute;
	top: 12px;
	left: 35px;
}
.faqList dl dt a .title {
	display: block;
	font-size: 13px;
}
.faqList dl dt a .arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -3px;
	width: 12px;
	height: 6px;
	display: block;
	background: url(/common/image/icon/icon_arrow_down01.png) no-repeat 0 0;
}
.faqList dl dt a.on, .faqList dl dt a.on .count {
	background: #1c98de;
	color: #fff;
}
.faqList dl dt a.on .arrow {
	background: url(/common/image/icon/icon_arrow_up01.png) no-repeat 0 0;
}
.faqList dl dd {
	position: relative;
	display: none;
	padding: 27px 41px 23px 50px;
	background: #f7f7f7;
	color: #5e5e5f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.faqList dl dd .wordA {
	position: absolute;
	top: 27px;
	left: 35px;
	color: #1c98de;
}
/* thumbnail list */
.thumbNailList li {
	padding: 14px 0 13px 130px;
	min-height: 70px;
}
.thumbNailList li .imgThumbNail {
	width: 115px;
	height: 70px;
}
.thumbNailList li .thumbNailInfo {
	min-height: auto;
	margin-bottom: 10px;
	padding-top: 0;
}
.thumbNailList li .thumbNailInfo .title {
	font-size: 13px;
	line-height: 18px;
}
.thumbNailList li .thumbNailInfo .submit {
	font-size: 11px;
}
.thumbNailList li .btns a img {
	width: 18px;
	height: 18px;
}
}

@media only all and (max-width:480px) {
/* �亯 ������ */
.replySatis .value {
	height: auto;
}
.replySatis .value p {
	float: none;
	width: auto;
	padding-top: 0;
	padding-left: 0;
	margin: 10px 0;
	text-align: left;
}
.replySatis .value p.valuation1, .replySatis .value p.valuation2, .replySatis .value p.valuation3, .replySatis .value p.valuation4, .replySatis .value p.valuation5, .replySatis .value p.valuation1.on, .replySatis .value p.valuation2.on, .replySatis .value p.valuation3.on, .replySatis .value p.valuation4.on, .replySatis .value p.valuation5.on {
	background-position: 20px top !important;
}
.replySatis .value p .imageRadio02, .replySatis .value p .imageRadio02.on {
	line-height: 24px;
	padding-left: 53px !important;
	background-position: left center !important;
	font-size: 15px;
}
}

@media only screen and (max-width:400px) {
/* faq */
.faqList {
	border-top: 2px solid #66575a;
	margin-bottom: 25px;
}
.faqList dl {
	border-bottom: 1px solid #e1e2e2;
}
.faqList dl dt {
	margin: 0;
	padding: 0;
}
.faqList dl dt a {
	position: relative;
	display: block;
	min-height: 14px;
	padding: 13px 41px 13px 50px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	color: #5e5e5f;
}
.faqList dl dt a .count {
	position: absolute;
	top: 12px;
	left: 0;
	width: 40px;
	color: #6c6e6f;
	text-align: center;
}
.faqList dl dt a .wordQ {
	position: absolute;
	top: 12px;
	left: 35px;
}
.faqList dl dt a .title {
	display: block;
	font-size: 13px;
}
.faqList dl dt a .arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -3px;
	width: 12px;
	height: 6px;
	display: block;
	background: url(/common/image/icon/icon_arrow_down01.png) no-repeat 0 0;
}
.faqList dl dt a.on, .faqList dl dt a.on .count {
	background: #1c98de;
	color: #fff;
}
.faqList dl dt a.on .arrow {
	background: url(/common/image/icon/icon_arrow_up01.png) no-repeat 0 0;
}
.faqList dl dd {
	position: relative;
	display: none;
	padding: 27px 41px 23px 50px;
	background: #f7f7f7;
	color: #5e5e5f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.faqList dl dd .wordA {
	position: absolute;
	top: 27px;
	left: 35px;
	color: #1c98de;
}
/* thumbnail list */
.thumbNailList li {
	padding: 14px 0 13px 130px;
	min-height: 70px;
}
.thumbNailList li .imgThumbNail {
	width: 115px;
	height: 70px;
}
.thumbNailList li .thumbNailInfo {
	min-height: auto;
	margin-bottom: 10px;
	padding-top: 0;
}
.thumbNailList li .thumbNailInfo .title {
	font-size: 13px;
	line-height: 18px;
}
.thumbNailList li .thumbNailInfo .submit {
	font-size: 11px;
}
.thumbNailList li .btns a img {
	width: 18px;
	height: 18px;
}
/* List_boardType01 */
.boardType01 .left {
	position: inherit;
	float: none;
	margin: 0 auto;
}
.boardType01 .right {
	width: 100%;
	margin: 0;
}
.boardType01 .right > div {
	margin-left: 0;
	padding: 0 0 15px;
}
/* List_boardType02 */
.boardType02 .movie {
	height: auto;
}
.boardType02 .movie .left {
	width: 100%;
}
.boardType02 .movie .left > div {
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
}
.boardType02 .movie .left > div img {
	width: 100%;
}
.boardType02 .movie .left {
	position: inherit;
}
.boardType02 .movie .right > div {
	margin: 0;
}
/* board_�̹��� ����Ʈ */
.imgList li {
	float: none;
	margin: 0 auto 26px;
}
.imgList li:first-child {
	margin: 0 auto 26px;
}
.imgList02 li {
	float: none;
	margin: 0 auto 26px;
}
/* View_boardTb */
.boardTb li > p > .txt > span .icon {
	margin-right: 10px;
}
/* View_boardView */
.boardView.child02 > ul > li.tit > strong {
	width: 28% !important;
}
.boardView.child02 > ul > li.tit > div {
	width: 71% !important;
}
.boardView.child02 li.part > strong {
	width: 28% !important;
}
.boardView.child02 li.part > div {
	width: 71% !important;
}
.boardView.child02 li.date > strong {
	width: 28% !important;
}
.boardView.child02 li.date > div {
	width: 71% !important;
}
/* boardWrite */
.boardWrite li .cnt .txtCmtM {
	margin-left: 0;
	display: block
} /* inline ����� ȸ���� ���ܻ��� */
.boardWrite li.email .string em {
	width: 16px !important;
}
.boardWrite li .cnt .fileBox {
	float: none;
	width: 100%;
	padding-right: 0;
	box-sizing: border-box;
}
.boardWrite li .cnt .fileBox .uploadName {
	width: 100%;
	height: 28px;
	padding: 6px 0 7px 0;
	background: #fff;
	border: 1px solid #e1e2e2
}
.boardWrite li .cnt .fileBox .fileBtns {
	position: static;
	margin-top: 5px;
}
.boardWrite li .cnt .fileBox label, .boardWrite li .cnt .fileBox a {
	width: 48%;
	height: 27px;
	border: 1px solid #d6d6d9;
	background: #eff0f0;
	text-align: center;
	line-height: 27px;
	color: #31343f;
	font-size: 12px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	margin-left: 0;
}
.boardWrite li .cnt .fileBox label {
	float: left;
}
.boardWrite li .cnt .fileBox a {
	float: right
}
.boardWrite li .cnt .fileBox input[type="file"] {
	display: none;
}
.boardWrite li .cnt .txtCmt {
	float: left;
	margin-left: 15px;
	color: #6c6e6f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
} /* inline ����� */
.boardWrite li .cnt em {
	display: block;
	margin: 0;
}
.selectBox.half {
	width: 100%;
}
.phoneBox {
	margin: 0;
	padding: 0;
	width: 100%;
}
.boardWrite li .cnt .selType1 + label {
	margin-right: 67%;
}
.boardWrite li .cnt .selType3 + label {
	margin-right: 60%;
}
.emailBox, .half .emailBox {
	margin: 0;
	padding: 0;
}
.emailBox:after, .half .emailBox:after {
	content: "";
	clear: both;
	display: block;
}
.emailBox .inputEmail1, .half .emailBox .inputEmail1 {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}
.emailBox .inputEmail2, .half .emailBox .inputEmail2 {
	float: none;
	position: relative;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 5px;
}
.emailBox .inputEmail2 input[type="text"], .half .emailBox .inputEmail2 input[type="text"] {
	display: block;
	padding-left: 15px;
	width: 100%;
}
.emailBox .inputEmail2 span, .half .emailBox .inputEmail2 span {
	position: absolute;
	top: 3px;
	left: 9px;
	color: #6c6e6f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	display: block;
}
.emailBox .selectBox, .half .emailBox .selectBox {
	clear: both;
	float: none;
	width: 100%;
}
.phoneBox {
	margin: 0;
	padding: 0;
}
.phoneBox:after {
	content: "";
	clear: both;
	display: block;
}
.phoneBox .selectBox {
	float: left;
	width: 50%;
}
.phoneBox input[type="text"] {
	float: left;
	width: 23.5%;
	margin-left: 1%;
}
/* boardNext */
.boardNext li > strong {
	width: 22%;
}
.boardNext li > strong > span {
	padding-right: 0;
	padding-left: 10px;
}
.boardNext li > span {
	width: 78%;
}
.boardNext li > span > span {
	padding-left: 10px;
}
.boardNext li > span > span.cmt .date {
	display: block;
	width: 100%;
	margin: 5px 0 10px !important;
}
.boardNext li.prev > strong > span, .boardNext li.next > strong > span {
	background: none;
}
/* common */
table tr .part {
	width: 100px;
} /* �з� */
table tr .state {
	width: 60px;
} /* ���� */
}
/* tableStyle01 : td �߾� ���� ���� */
.tableStyle01.long {
	margin-bottom: 60px;
}
.tableStyle01 table {
	width: 100%;
	margin: 15px 0 0 0; /* border-right: 1px solid #e5e6e6; */
	border-collapse: collapse;
	border-top: 2px solid #67585b;
	border-bottom: 1px solid #e5e6e6;
}
.tableStyle01 table tr th {
	padding: 11px 0 12px;
	height: 22px;
	text-align: center;
	line-height: 160%;
	vertical-align: middle;
	border-left: 1px solid #e5e6e6;
	border-top: 1px solid #e5e6e6;
	font-size: 14px;
}
.tableStyle01 table tr td {/* height:19px; */
	line-height: 160%;
	vertical-align: middle;
	text-align: center;
	color: #4d4d4d;
	border: 1px solid #e5e6e7;
	border-width: 1px 0 0 1px;
}
.tableStyle01 table thead tr th {
	font-family: "noto";
	color: #505050;
	border-top: none;
	background: #f7f7f7;
	border-left: 1px solid #e5e6e6;
	border-top: 1px solid #e5e6e6;
}
.tableStyle01 table thead tr.depth th {
	border-top: 1px solid #acacac;
}
.tableStyle01 table tfoot tr th {
	color: #333;
	background: #f9f9f9;
}
.tableStyle01 table tfoot tr td {
	padding: 10px 16px 13px 0;
	font-weight: bold;
	text-align: right;
	background: #f9f9f9;
}
.tableStyle01 table tbody tr th {
	color: #6c6e6f;/* background: #f7f7f7; */
	padding: 10px 16px 13px 20px;
	font-family: "noto";
	font-size: 14px;
}
.tableStyle01 table tbody tr th.left {
	text-align: left;
}
.tableStyle01 table tbody tr td {
	padding: 10px 10px 9px 10px;/* text-align:center; */
	height: 54px;
}
.first_table tbody tr td {height: 40px!important;}
.tableStyle01 table tbody tr td.left {
	text-align: left;
}
.tableStyle01 table tbody tr td.right {
	text-align: right;
}
.tableStyle01 table tr th.borL0, .tableStyle01 table tr td.borL0 {
	border-left: 0;
}
.tableStyle01 table tr th.borT0, .tableStyle01 table tr td.borT0 {
	border-top: 0;
}
.tableStyle01 table tr th.borB0, .tableStyle01 table tr td.borB0 {
	border-bottom: 0;
}
.tableStyle01 .borT0 {
	border-top: 0;
}
.tableStyle01 .borB0 {
	border-bottom: 0;
}
.tableStyle01 table tr th.bg, .tableStyle01 table tr td.bg {
	background-color: #f7f7f7;
}
.tableStyle01 table tr th.bg02, .tableStyle01 table tr td.bg02 {
	background-color: #ebecec;
}
.tableStyle01 + .tableStyle01 {
	margin-top: 20px;
}
.tableStyle01 + .btnArea02 {
	margin-top: 20px;
}
.tableStyle01.textA table tbody th {
	padding-right: 16px;
	text-align: right;
}
.tableStyle01.textA table tbody td {
	padding-left: 0;
	padding-right: 5px;
	text-align: right;
}
.tableStyle01 table tfoot tr th, .tableStyle02 table tfoot tr th {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.tableStyle01 table tfoot tr th, .tableStyle02 table tfoot tr th, /* �հ� */ .tableStyle01 table tbody tr.tFoot th, .tableStyle02 table tbody tr.tFoot th {
	padding-left: 16px;
	font-family: "noto";
	color: #6c6e6f;
	background: #fff;
	border-left: 1px solid #e5e6e6;
}
.tableStyle01 table tfoot tr td, .tableStyle02 table tfoot tr td, .tableStyle01 table tbody tr.tFoot td, .tableStyle02 table tbody tr.tFoot td {
	padding-right: 16px;
	font-weight: bold;
	text-align: right;
	background: #f9f9f9;
}
.tableStyle01 .capTitle {
	margin: 20px 0 5px 10px;
}
.tableStyle01 + .paging {
	margin-top: 30px;
}
.tableScroll .tableStyle01 table {
	margin-top: 0;
}
.titleArea h4 {
	border-left: 3px solid #346cab;
	padding-left: 10px;
}
/* tableStyle02 : td ���� ���� ���� */ 
.tableStyle02 {
	margin-bottom: 40px;
}
.contentArea > p {
	margin-top: 10px ;
	color: #4d4d4d !important;
}
.contentArea .tableStyle02 {
	margin-bottom: 0;
}
.tableStyle02.long {
	margin-bottom: 60px;
}
.tableStyle02 table {
	width: 100%;
	border-top: 2px solid #5a4f4a;
	border-bottom: 1px solid #acacac;
}
.tableStyle02 table tr th {
	padding: 11px 0 12px;
	height: 19px;
	text-align: center;
	line-height: 160%;
	vertical-align: middle;
	border: 1px solid #d8d8d8;
	border-width: 1px 0 0 1px;
}
.tableStyle02 table tr td {
	height: 19px;
	line-height: 160%;
	vertical-align: middle;
	color: #4d4d4d;
	border: 1px solid #d8d8d8;
	border-width: 1px 0 0 1px;
}
.tableStyle02 table thead tr th {
	color: #333;
	border-top: none;
	background: #ebebeb;
}
.tableStyle02 table thead tr.depth th {
	border-top: 1px solid #acacac;
}
.tableStyle02 table tfoot tr th {
	color: #333;
	background: #f9f9f9;
}
.tableStyle02 table tfoot tr td {
	padding: 10px 16px 13px 0;
	font-weight: bold;
	text-align: right;
	background: #f9f9f9;
}
.tableStyle02 table tbody tr th {
	color: #666;
}
.tableStyle02 table tbody tr td {
	padding: 10px 16px 13px;
	text-align: left;
}
.tableStyle02 table tbody tr:first-child th, .tableStyle02 table tbody tr:first-child td {
	border-top: 1px solid #9b928d;
}
.tableStyle02 table tr th.borL0, .tableStyle02 table tr td.borL0 {
	border-left: 0;
}
.tableStyle02 table tr th.bg, .tableStyle02 table tr td.bg {
	background-color: #f7f7f7;
}
.tableStyle02 table tr th.bg02, .tableStyle02 table tr td.bg02 {
	background-color: #ebecec;
}
table tfoot tr th.type02 {
	padding-left: 16px !important;
	text-align: left;
	background: #fff;
} /* tfoot �ι�° ��Ÿ�� */
table tfoot tr td.type02 {
	text-align: right;
	border-left: none;
	background: #fff;
}
table tfoot tr td.type02 em {
	display: inline-block;
	padding-left: 20px;
	line-height: 110%;
	color: #c8212f;
	border-left: 1px dashed #cdcdcd;
}
p + .tableStyle01, p + .tableStyle02 {
	margin-top: 6px;
}
p + .tableScroll {
	margin-top: 6px;
}
/* tableStyle03 : td ���� ���� ���� */ 
.tableStyle03 {
	margin-bottom: 35px;
	border-top: 2px solid #66575a;
	border-bottom: 1px solid #e1e2e2;
}
.tableStyle03 table {
	width: 100%;
}
.tableStyle03 table tr th {
	padding: 11px 0 12px;
	height: 19px;
	text-align: center;
	line-height: 160%;
	vertical-align: middle;
	border: 1px solid #e1e2e2;
	border-width: 1px 0 0 1px
}
.tableStyle03 table tr td {
	height: 19px;
	line-height: 160%;
	vertical-align: middle;
	color: #4d4d4d;
	border: 1px solid #e1e2e2;
	border-width: 1px 0 0 1px
}
.tableStyle03 table thead tr th {
	color: #31343f;
	border-top: none;
	background: #ebebeb;
}
.tableStyle03 table tfoot tr th {
	color: #31343f;
	background: #f9f9f9;
}
.tableStyle03 table tfoot tr td {
	padding: 10px 16px 13px 0;
	font-weight: bold;
	text-align: right;
	background: #f9f9f9;
}
.tableStyle03 table tbody tr th {
	color: #31343f;
	background: #ebecec
}
.tableStyle03 table tbody tr.on th, .tableStyle03 table tbody tr.on td {
	background: #f7f7f7;
	color: #31343f;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	border-bottom: 1px solid #a9a6a7;
}
.tableStyle03 table tbody tr td {
	padding: 10px 16px 13px;
	text-align: left;
}
.tableStyle03 table tr th.borL0, .tableStyle03 table tr td.borL0 {
	border-left: 0;
}
.tableStyle03 table tr th.bg, .tableStyle03 table tr td.bg {
	background-color: #f7f7f7;
}
.tableStyle03 table tr th.bg02, .tableStyle03 table tr td.bg02 {
	background-color: #ebecec;
}
/* tableStyle04 : th_tl_bg td_tl ���� ���� ���� */
.tableStyle04 {/* margin-bottom:60px; */
}
.tableStyle04.long {
	margin-bottom: 60px;
}
.tableStyle04 table {
	width: 100%;/* border-right: 1px solid #e5e6e6; */
	border-collapse: collapse;
	border-top: 2px solid #67585b;
	border-bottom: 1px solid #e5e6e6;
}
.tableStyle04 table tr th {
	padding: 11px 0 12px;
	height: 22px;
	text-align: center;
	line-height: 160%;
	vertical-align: middle;
	border-left: 1px solid #e5e6e6;
	border-top: 1px solid #e5e6e6;
	font-size: 13px;/* font-family: "notoKrM", sans-serif; */
}
.tableStyle04 table tr td {/* height:19px; */
	line-height: 160%;
	vertical-align: middle;
	text-align: center;
	color: #4d4d4d;
	border: 1px solid #e5e6e7;
	border-width: 1px 0 0 1px;
}
.tableStyle04 table thead tr th {
	font-family: "notoKrB", sans-serif;
	color: #505050;
	border-top: none;
	background: #f7f7f7;
	border-left: 1px solid #e5e6e6;
	border-top: 1px solid #e5e6e6
}
.tableStyle04 table thead tr.depth th {
	border-top: 1px solid #acacac;
}
.tableStyle04 table tfoot tr th {
	color: #333;
	background: #f9f9f9;
}
.tableStyle04 table tfoot tr td {
	padding: 10px 16px 13px 0;
	font-weight: bold;
	text-align: right;
	background: #f9f9f9;
}
.tableStyle04 table tbody tr th {
	color: #6c6e6f;/* background: #f7f7f7; */
	padding: 10px 16px 13px 20px;
}
.tableStyle04 table tbody tr th.left {
	text-align: left;
}
.tableStyle04 table tbody tr td {
	padding: 10px 20px 13px 20px;/* text-align:center; */
}
.tableStyle04 table tbody tr td.left {
	text-align: left;
}
.tableStyle04 table tbody tr td.right {
	text-align: right;
}
.tableStyle04 table tr th.borL0, .tableStyle04 table tr td.borL0 {
	border-left: 0;
}
.tableStyle04 table tr th.bg, .tableStyle04 table tr td.bg {
	background-color: #f7f7f7;
}
.tableStyle04 table tr th.bg02, .tableStyle04 table tr td.bg02 {
	background-color: #ebecec;
}
/* List Table Style */
.ListTableStyle01 {
	margin: 15px 0 20px 0;
}
.ListTableStyle01 h5.dot {
	padding-left: 11px;
	font-family: "noto";
	font-weight: 400;
	color: #515252;
	line-height: 23px;
	background: url('../img/bul_dot.gif') no-repeat 0 11px;
	text-align: left;
	margin: 0 0 10px 0;
}
.ListTableStyle01 .ulList01 {
	margin-bottom: 10px;
	margin-top: 5px;
}
.ListTableStyle01 .ulList01 li {
	background: none;
}
.ListTableStyle01 .ulList01 li > p {
	margin-left: 10px;
	padding-left: 8px;
	color: #4d4d4d;
	background: url(../img/bul_bar.gif) no-repeat 0 11px;
}
.ListTableStyle01 .ulList01 li ul {
	padding-left: 10px
}
.ListTableStyle01 .ulList01 li ul li {
	padding-left: 10px;
	background: url(../img/bul_dotted01.png) no-repeat 0 9px;
}
.ListTableStyle01 .tableStyle01 table {
	margin: 0 0 20px 0;
}
/* ul list01 */
.tableStyle01 .ulList01 {
	margin-bottom: 0px;
}
.tableStyle01 .ulList01 > li {
	padding-left: 10px;
	color: #4d4d4d;
	background: url(../img/bul_ul01.gif) no-repeat 0 10px;
}
.tableStyle01 .ulList01 > li > ul > li {
	padding-left: 7px;
	background: url(../img/bul_dotted01.png) no-repeat 0 10px;
}
/* ul list02 */
.ulList02 {
	margin-bottom: 10px;
}
.ulList02 > li {
	padding-left: 8px;
	line-height: 24px;
	background: url(../img/bul_dotted01.png) no-repeat 0 11px;
}
/* ol list01 */
.olList01 {
	margin-bottom: 10px;
	padding-left: 0px;
}
.olList01 > li {
	padding-left: 20px;
	line-height: 24px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.olList01 > li .number {
	float: left;
	margin-left: -20px;
	width: 18px;
}
.olList01 > li > ol > li {
	padding-left: 0;
}
/* ���̺� ���� */
.ie10 .tableStyle01 table, .ie10 .tableStyle02 table {
	border-collapse: separate;
}
.relSite {
	margin-bottom: 60px;
}
ee .relSite table {
	border-top: 2px solid #67585b;
	border-right: 0;
}
.relSite table a {
	color: #3154af;
} /* ���̺� url ��� */
.relSite table a:hover {
	text-decoration: underline;
	color: #3154af;
}
.relSite table tbody tr td {
	border-right: 0;
}
.relSite table thead tr th:first-child, .relSite table tbody tr td:first-child {
	border-left: 0;
}
.relSite table tbody tr:first-child td {
	border-top: 1px solid #e5e6e7;
}
table tr td.vt {
	vertical-align: top;
} /* ��� ���� */
table tr th.tl, table tr td.tl {
	padding-left: 16px !important;
	padding-right: 16px !important;
	text-align: left;
} /* ���� ���� */
table tr td.tr {
	padding-left: 20px !important;
	padding-right: 20px !important;
	text-align: right;
} /* ������ ���� */
table tr td.tr input[type="text"], table tr td.money input[type="password"] {
	padding-right: 16px !important;
	text-align: right;
}
table tr td.tc {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center !important;
} /* �߾� ���� */
table tbody tr.noDate td {
	padding: 30px 0 !important;
	text-align: center;
} /* �˻����� ���� */
table tr label {
	display: inline-block;
	vertical-align: middle;
}
table tr select, table tr input {
	vertical-align: middle;
	margin-bottom: 1px;
}
table td > button, table td > a {
	vertical-align: middle !important;
}
table td span.sentence {
	display: block;
	margin-top: 7px;
} /* �ܶ� ���� �� */
table tr td a {/* text-decoration:underline; *//* color:#3154af; */
}
.tableStyle01 + .btnArea, .tableStyle02 + .btnArea, .tableStyle03 + .btnArea, .tableStyle02 + .btnArea, .tableStyle01 + .titleArea.clear {
	margin-top: 20px;
}
/* ���̺� �ϴ� �? */
.tableStyle01 + .refer, .tableStyle02 + .refer, .tableStyle03 + .refer, .wBorderBox + .refer {
	margin-top: -30px;
}
p.refer {
	margin-bottom: 35px;
	padding-left: 9px;
	line-height: 160%;
	background: url('../img/bul_refer.gif') no-repeat 0 5px;
}
p.referRed {
	margin-bottom: 35px;
	padding-left: 14px;
	line-height: 160%;
	background: url('../img/bul_referRed.gif') 0 5px no-repeat;
	color: #ef1111;
}
ul.refer {
	margin-bottom: 35px;
}
ul.refer li {
	padding-left: 9px;
	line-height: 160%;
	background: url('../img/bul_refer.gif') no-repeat 0 5px;
}
table.tl th, table.tl td {
	text-align: left !important;
}
table.tr th, table.tr td {
	text-align: right !important;
}
table.tc th, table.tc td {
	text-align: center !important;
}
/* ���̺� �� ��� */
/*
table tr td .liBulDash {margin:0;}
table tr td .liBulDash > li {margin-top:5px; padding-left:10px; line-height:160%; color:#4d4d4d; background:url('/common/image/bul/bul_bar.gif') 2px 10px no-repeat;}
table tr td .liBulDash > li:first-child {margin-top:0;}
*/
.tableScroll {
	overflow-x: auto;
	margin-bottom: 20px;
}
.tableScroll .tableStyle01, .tableScroll .tableStyle02, .tableScroll .tableStyle03 {
	margin-bottom: 0;
}
.tableScroll.w1200 .tableStyle01, .tableScroll.w1200 .tableStyle02, .tableScroll.w1200 .tableStyle03 {
	width: 1200px;
}
.tableScroll.w944 .tableStyle01, .tableScroll.w944 .tableStyle02, .tableScroll.w944 .tableStyle03 {
	width: 944px;
}
/* ���̺� ��� box */
.h4BoxStyle {
	position: relative;
	margin-bottom: 10px;
	width: 100%;
	min-height: 22px;
} /* h4 & �ؽ�Ʈ ��� �� ��� */
.h4BoxStyle h4 {
	margin-top: 60px; /* padding-bottom:13px; *//* padding-left:12px; *//* line-height:160%; *//* font-size:14px; *//* font-weight:bold; *//* color:#333; *//* background:url('/common/image/bul/bul_stick.gif') no-repeat 0 6px; */
}
.h4BoxStyle .rText {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 160%;
	font-size: 13px;
	font-family: "notoKrM", sans-serif;
	color: #31343f;
}
.h4BtnStyle {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	min-height: 12px;
} /* h4 & ��ư ��� �� ��� */
.h4BtnStyle h4 {/* margin-bottom:0; *//* padding-left:12px; *//* line-height:160%; *//* font-size:14px; *//* font-weight:bold; *//* color:#333; *//* background:url('/common/image/bul/bul_stick.gif') no-repeat 0 6px; */
}
.h4BtnStyle .rBtn {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 160%;
}
.h4BoxStyle {
	position: relative;
	margin-bottom: 8px;
	width: 100%;
	min-height: 22px;
} /* h4 ��� �� ��� */
.h4BoxStyle h4.dot {
	margin-bottom: 0;
	padding-bottom: 6px;
	padding-left: 12px;
	line-height: 160%;
	font-weight: bold;
	vertical-align: top;
	background: url('../img/bul_dot.gif') no-repeat 0 7px;
}
.h4BoxStyle .rText {/* display:block; *//* position:absolute; *//* right:0; *//* bottom:0; */
}
.boxStyle {
	position: relative;
	margin-bottom: 8px;
	width: 100%;
	min-height: 15px;
} /* rText�� ��� �� ��� */
.boxStyle .rText {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
.h4BoxStyle .rText em, .h4BoxStyle .rText em, .boxStyle .rText em {/* color:#c8212f; */
} /* ���� RED */
/* ���̺� �ʼ� �Է� �׸� */
.star {
	display: inline-block;
	width: 5px;
	height: 5px;
	vertical-align: top;
	color: #cd2a37
}
/* boardView */
.boardView {
	overflow: hidden;
	margin-bottom: 20px;
	border-top: 1px solid #585858;
}
.boardView > ul {
	overflow: hidden;
	border-top: 1px solid #585858;
}
.boardView > ul:first-child {
	border-bottom: 1px solid #d8d8d8;
}
.boardView > ul > li, .reply > ul > li {
	float: left;
	border-top: 1px solid #d8d8d8;/* border-bottom: 1px solid #d8d8d8; *//* margin-bottom: -1px; */
}
.boardView > ul > li:first-child {
	border-top: none;
}
.boardView > ul > li > strong, .reply > ul > li > strong {
	float: left;
	position: relative;
	color: #333;
	vertical-align: middle;
	line-height: 150%;
	min-height: 20px;
	padding: 11px 0 11px 26px;
	box-sizing: border-box;
}
.boardView > ul > li > strong:after, .reply > ul > li > strong:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	border-left: 1px solid #d8d8d8;
	width: 1px;
	height: 12px;
}
.boardView > ul > li > div, .reply > ul > li > div {
	float: right;
	line-height: 150%;
	min-height: 20px;
	padding: 11px 0 11px 20px;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
}
.boardView > ul > li.tit {
	width: 100%;
}
.boardView > ul > li.tit > strong {
	width: 10.75%;
}
.boardView > ul > li.tit > div {
	width: 89.25%;
}
.boardView ul.file2 {
	border-top: none;
	border-bottom: 1px solid #a0a0a0;
}
.boardView ul.file2 li {
	overflow: hidden;
	padding: 0;
}
.boardView ul.file2 li > strong {
	padding: 11px 0 11px 20px;
}
.boardView ul.file2 li > div {
	padding-top: 0;
	padding-bottom: 0;
}
.boardView ul.file2 li > div em {
	display: block;
	margin-top: 6px;
}
.boardView ul.file2 li > div em:first-child {
	margin-top: 10px;
}
.boardView ul.file2 li > div em a {
	text-decoration: underline;
}
.boardView .reply {
	margin-top: 20px;
	border-top: 2px solid #585858;
}
.boardView .reply > ul {
	border-bottom: 1px solid #a9a6a7 !important;
}
.boardView .reply > strong {
	display: block;
	text-align: center;
	height: 37px;
	line-height: 37px;
	color: #31343f;
	background: #f2f3f3;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}
.boardView ul.btn {
	border-bottom: 1px solid #a0a0a0;
}
.boardView .textArea {
	overflow: hidden;
	margin-bottom: 0;
	padding-right: 2px;
}
.boardView .textArea .textarea {
	height: 55px;
}
.boardView .cmt {
	line-height: 170%;
	margin-top: 5px;
	font-size: 11px;
	color: #727272;
}
.boardView .title {
	position: relative;
	overflow: hidden;
	min-height: 20px;
	margin-top: -1px !important;
	padding: 13px 0 9px 20px;
	background: #efeeee;
}
.boardView .title span {
	display: inline-block;
	padding-left: 12px;
	background: url('/common/image/bul/bul_re.png') no-repeat 0 30%;
	font-weight: bold;
	color: #c53e49;
}
.boardView .cont {
	line-height: 170%;
	padding: 45px 20px;
	border-bottom: 1px solid #d8d8d8;
} /* board_view Content */
.boardView .cont p {
	line-height: 2.5em !important;
}
.boardView .cont .img {
	margin-top: 20px;
	text-align: center;
	margin-left: -20px;
	margin-right: -20px;
}
.boardView .cont .img:first-child {
	margin-top: 5px;
}
.boardView .cont img {
	max-width: 910px;
	height: 100%;
}
.boardView .contReply {
	line-height: 170%;
	padding: 28px 20px 25px;
	border-bottom: 1px solid #a0a0a0;
}
.boardView .contReply + .contPoll {
	margin-top: -1px;
}
.boardView .contPoll {
	line-height: 160%;
	border-bottom: 1px solid #a0a0a0;
}
.boardView .contPoll .top {
	overflow: hidden;
	line-height: 160%;
	min-height: 50px;
	padding: 25px 20px 15px 98px;
	border: 1px solid #e8e8e8;
	background: url('/common/image/icon/icon_poll_reply.png') no-repeat 30px 21px;
}
.boardView .contPoll .top p.tit {
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: bold;
}
.boardView .contPoll .pollList {
	overflow: hidden;
	padding: 15px 18px 12px;
	border: 1px solid #e8e8e8;
	border-top: none;
}
.boardView .contPoll .pollList li {
	overflow: hidden;
	margin-bottom: 1px;
}
.boardView .contPoll .pollList li dl {
	width: 100%;
}
.boardView .contPoll .pollList li dl dt {
	display: block;
	margin-bottom: 7px;
	padding-left: 10px;
	background: url('/common/image/bul/bul_bar.gif') 0 10px no-repeat;
}
.boardView .contPoll .pollList li dl dd {
	float: left;
	min-height: 26px;
	margin-right: 14px;
	padding-left: 10px;
}
.boardView .contPoll .pollList li dl dd .inText {
	width: 50%;
	margin-left: 10px;
}
.boardView .contPoll .pollList li dl dd input[type="radio"], .boardView .contPoll .pollList li dl dd input[type="checkbox"] {
	margin-right: 8px;
}
.boardView .contPoll .btnArea.sub {
	margin-top: 10px;
}
.ie7 .boardView .contPoll {
	padding-bottom: 20px;
}
.boardView + .boardView {
	margin-top: 40px;
}
.boardView.child02 li.part {
	width: 50%;
} /* child02 : �� �ٿ� ������ 2�� */
.boardView.child02 li.part > strong {
	width: 21.5%;
}
.boardView.child02 li.part > div {
	width: 78.5%;
}
.boardView.child02 li.date {
	width: 50%;
}
.boardView.child02 li.date > strong {
	width: 21%;
}
.boardView.child02 li.date > div {
	width: 79%;
}
.boardView.wide li.tit > strong {
	width: 13%;
	padding-right: 1%;
}
.boardView.wide li.tit > div {
	width: 85.9%;
}
.boardView.wide li.part > strong {
	width: 27%;
	padding-right: 1%;
}
.boardView.wide li.part > div {
	width: 72%;
}
.boardView.wide li.date > strong {
	width: 27%;
	padding-right: 1%;
}
.boardView.wide li.date > div {
	width: 72%;
}
.boardView + .boardType02 {
	margin-top: -20px;
	border-top: none;
}
/* board_����,������ */
.boardNext {
	overflow: hidden;
	margin-bottom: 30px;
	border-top: 2px solid #585858;
	border-bottom: 1px solid #a0a0a0;
	margin-top: 20px;
}
.boardNext.comment {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.boardNext li {
	float: left;
	width: 100%;
	border-top: 1px solid #d8d8d8;
}
.boardNext li:first-child {
	border-top: none;
}
.boardNext li > strong {
	display: block;
	float: left;
	width: 10.5%;
	background: #f2f3f3;
	line-height: 150%;
	min-height: 20px;
	padding: 11px 16px 11px 20px;
	vertical-align: middle;
	box-sizing: border-box;
}
.boardNext li > div {
	display: block;
	float: right;
	width: 89.5%;
	line-height: 150%;
	min-height: 20px;
	padding: 11px 0 11px 20px;
	vertical-align: middle;
	box-sizing: border-box;
}
.boardNext li > div > a > span {
	color: #3514af;
	margin-left: 5px
}
.boardNext li > div > span.cmt {
	display: block;
}
.boardNext li > div > span.cmt .txt {
	float: left;
}
.boardNext li > div > span.cmt .date {
	float: right;
}
.boardNext li > div > span.cmt .date .btnWrt {
	margin-left: 12px;
}
.boardNext li.prev > strong {
	background: #f2f3f3 url('../img/bul_prevTxt.gif') no-repeat 85% 50%;
}
.boardNext li.next > strong {
	background: #f2f3f3 url('../img/bul_nextTxt.gif') no-repeat 85% 50%;
}
.btnArea02 + .boardNext {
	margin-top: 30px;
}
.boardView + .btnArea02 {
	padding-top: 20px;
	border: none;
}
.btnArea02 {
	border-top: 1px solid #e7e7e7;
	text-align: center;/* margin-bottom: 35px; */
	padding-top: 20px;
}
.btnArea02.lineNone {
	border-top: 0;
}
.btnArea02:after {
	content: "";
	clear: both;
	display: block;
}
.btnArea02 .btnLeft {
	float: left;
}
.btnArea02 .btnRight {
	float: right;
}
.btnArea02 .btnLeft a {
	margin-right: 7px;
	margin-left: -2px;
}
.boardView + .btnArea02 .btnRight a {
	margin-left: 7px;
	margin-right: -2px;
}
.btnArea02 a {
	margin-left: 6px;
}
.btnArea02 a:first-child {
	margin-left: 0;
}
.btnMd01 {
	display: inline-block;
	vertical-align: middle;
	min-width: 77px;
	height: 36px;
}
.btnMd01 span {
	display: block;
	padding: 0 25px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #31343f;
	background: #31343f;
	color: #fff;
	font-size: 14px;
}
.btnMd01.bg02 span {
	border: 1px solid #d6d6d9;
	background: #eff0f0;
	color: #31343f;
}
.btnMd01.bg03 span {
	border: 1px solid #80838d;
	background: #80838d;
	color: #fff;
}
.btnMd01.bg04 span {
	border: 1px solid #179fec;
	background: #179fec;
	color: #fff;
}
/* faq */
.faqList {
	border-top: 2px solid #66575a;
	margin-bottom: 25px;
}
.faqList dl {
	border-bottom: 1px solid #e1e2e2;
	margin: 0;
}
.faqList dl dt {
	margin: 0;
	padding: 0;
}
.faqList dl dt a {
	position: relative;
	display: block;
	padding-left: 90px;
	min-height: 14px;
	padding: 13px 41px 13px 90px;
	font-family: "notoKrM", sans-serif;
	color: #5e5e5f;
}
.faqList dl dt a .count {
	position: absolute;
	top: 12px;
	left: 0;
	width: 72px;
	color: #6c6e6f;
	text-align: center;
}
.faqList dl dt a .wordQ {
	position: absolute;
	top: 12px;
	left: 72px;
	font-size: 15px;
}
.faqList dl dt a .title {
	display: block
}
.faqList dl dt a .arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -3px;
	width: 12px;
	height: 6px;
	display: block;
	background: url(../img/icon_arrow_down01.png) no-repeat 0 0;
}
.faqList dl dt a.on, .faqList dl dt a.on .count {
	background: #1c98de;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}
.faqList dl dt a.on .arrow {
	background: url(../img/icon_arrow_up01.png) no-repeat 0 0;
}
.faqList dl dd {
	position: relative;
	display: none;
	padding: 27px 41px 23px 90px;
	background: #f7f7f7;
	color: #5e5e5f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.faqList dl dd .wordA {
	position: absolute;
	top: 27px;
	left: 72px;
	color: #1c98de;
	font-size: 15px;
}
.faqList dl dd .faqFileLink {
	display: block;
	color: #554246;
	text-decoration: underline;
	font-family: "notoKrB", sans-serif;
	font-weight: 700
}
.faqList.type02 dl dt a.on .icon.bg15 {
	background: #fff;
	color: #1c98de;
	text-shadow: none;
}
.faqList.type02 dl dt a .title {
	padding-left: 141px;
}
.faqList.type02 dl dt a em {
	margin-left: -141px;
	margin-right: 10px;
}
.faqList.type02 dl dt a .titleTxt {
	word-break: keep-all;
}
.webView01 td {
	text-align: center;
}
.boardMList {
	display: none;
}
.tag, .tag02 {
	width: auto;
	text-align: center;
	display: inline-block;
	color: #fff;
	line-height: 100%;
	padding: 5px;
	font-size: 12px;
	margin: 3px auto;
	border-radius: 2px;
}
.boardView > ul > li > div .tag, .tag02, .reply > ul > li > div .tag, .tag02 {
	padding: 4px 0;
}
.tag02 {
	width: 80px;
}
.finish {
	background: #b4b4b4;
}
.standby {
	background: #414f89;
}
.st01 {
	background: #00875a;
}
.st02 {
	background: #31343f;
}
.st03 {
	background: #717171;
}
.st04 {
	background: #eb6272;
}
.st05 {
	background: #137cbd;
}
.st06 {
	background: #51447a;
}
.st07 {
	background: #c53e49;
}
.st08 {
	background: #ebf0f4;
	color: #31343f;
	text-shadow: none;
} /* ��ǰ��� */
.st09 {
	background: #e9f3f0;
	color: #00593b;
	text-shadow: none;
} /* �ſ��� */
.st10 {
	background: #554246;
}
.st11 {
	background: #d3d3d3;
	color: #3a2f45;
	text-shadow: none;
}
.paging {
	position: relative;
	overflow: inherit ! important;
}
.paging > .btnLeft {
	position: absolute;
	left: 0;
	top: -7px;
}
.paging > .btnRight {
	position: absolute;
	right: 0;
	top: -7px;
}
ul:after, ol:after {
	display: block;
	height: 0;
	content: "";
	float: none;
	clear: both;
}
.textArea {
	overflow: hidden;
	line-height: 160%;
	margin-bottom: 33px
}
.textArea > h5 {
	margin-bottom: 6px;
	padding-left: 11px;
	background: url('../img/bul_dot.gif') no-repeat 0 6px;
	font-weight: bold;
	color: #444444;
}
.textArea > p {
	margin-bottom: 6px !important;
	margin-left: 12px
}
.textArea > p.textBulDot {
	margin-left: 0;
}
.textArea > p.textBulDot + ol {
	margin-left: 12px;
}
.textArea > .p + .p {
	margin-top: 8px !important;
}
.textArea > .p + ul {
	margin-top: -21px !important;
}
.textArea > p.liBulDash {
	margin-bottom: 6px !important;
}
.textArea.type2 > p {
	margin-left: 0
}
.textArea.type3 > ul > li {
	background: none;
	padding-left: 0;
	margin-bottom: 10px
}
.textArea.type3 > ul > li > p, .textArea.type3 > ul > li > ul > li {
	background: url('../img/bul_bar.gif') 2px 10px no-repeat !important;
	padding-left: 10px !important;
}
.textArea.type3 > ul > li > p {
	margin-top: 5px
}
.textArea.type3 > ul > li > ol > li {
	text-indent: -15px
}
.textArea.type3 > ul > li > p + ul > li {
	line-height: 160%;
	margin-top: 3px;
	padding-left: 10px;
	margin-left: 12px;
	background: url('../image/bul/bul_dot3.gif') 0 8px no-repeat !important;
	color: #444444;
}
.textArea.type3 ul + h5, .textArea.type3 ol + h5, .textArea.type3 p + h5 {
	margin: 7px 0 6px 0
}
.textArea.type3 > ol > li > ul, .textArea.type3 > ul > li > ol {
	margin: 3px 0 0 0
}
.textArea.type3 > ul > li > ol > li {
	line-height: 150%
}
.textArea > .p {
	margin-left: 0;
	margin-bottom: 33px !important;
}
/* ��ħ, ��� Ÿ��Ʋ */
.textArea .guideline {
	margin-top: 50px;
	margin-bottom: 40px;
	font-size: 22px;
	color: #31343f;
	font-family: "notoKrM", sans-serif;
	text-align: center;
}
.textArea .boxGrayTxt p.txtRefer {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
.textArea > h5 + ul, .textArea > h5 + ol, .textArea > h5 + p + ol, .textArea > h5 + p + ul, .textArea > h5 + p + ol + ul, .textArea > h5 + p + ul + ul, .textArea h5 + p.liBulDash, .textArea > h5 + p.txtReferRed {
	overflow: hidden;
	margin: 0 0 20px 10px;
	padding: 0;
}
.textArea ul + h5, .textArea ol + h5, .textArea p + h5 {
	margin: 14px 0 6px 0;
}
.textArea td > p.liBulDash {
	margin: 0;
}
.textArea > h5 + p + h5 {
	margin-top: 14px;
}
.textArea > ul, .textArea > ol {
	padding-left: 10px;
}
.textArea > ol > ol > li {
	line-height: 20px;
}
.textArea > ul:last-child, .textArea > ol:last-child {
	margin-bottom: 0;
}
.textArea > ul > li {
	margin-top: 4px;
	padding-left: 9px;
	background: url('../img/bul_bar.gif') 2px 10px no-repeat;
	color: #444444;
	font-weight: 500;
	font-family: "notoKRM", sans-serif;
}
.textArea > ul > li:first-child {
	margin-top: 0;
}
.textArea > ul > li > ul, .textArea > ul > li > p {
	margin-top: 5px
}
.textArea > ul > li > ul > li, .textArea > ul > li > p {
	line-height: 140%;
	margin-top: 1px;
	padding-left: 10px;
	background: url('../img/bul_dot3.gif') 2px 8px no-repeat;
	color: #444444;
}
.textArea > ul > li > ul > li > ul > li, .textArea > ul > li > ul > li > p {
	font-size: 12px;
	margin-top: 3px;
	padding-left: 8px;
	background: url('../img/bul_bar.gif') 2px 8px no-repeat;
	color: #525252;
}
.textArea > ul > li > p.p {
	line-height: 160%;
	margin-top: 3px;
	padding-left: 0;
	background: none;
	color: #444444;
	margin-bottom: 0;
}
.textArea > ul > li > .boxGrayTxt {
	margin-top: 9px;
}
.boxGrayTxt + .csgo08btnGo {
	margin-top: -40px;
}
.textArea > ul > li > ul.txtRefer > li {
	padding-left: 13px
}
.textArea > ul > li > .tableStyle01, .textArea > ul > li > .tableStyle02, .textArea > ul > li > .tableScroll, .textArea > ol > li > .tableStyle01, .textArea > ol > li > .tableStyle02, .textArea > ol > li > .tableScroll {
	margin-top: 5px
}
.textArea > ol > li .tableScroll .tableStyle01, .textArea > ol > li .tableScroll .tableStyle02 {
	margin-bottom: 0
}
.textArea > ol > li .tableScroll, .textArea > ol > li .tableStyle01, .textArea > ol > li .tableStyle02, .textArea > ol > li .tableStyle01 + .txtRefer, .textArea > ol > li .tableStyle02 + .txtRefer, .textArea > ol > li .tableScroll + .txtRefer {
	margin-bottom: 11px
}/*���̺� �Ʒ� li*/
.textArea > ol > li > .tableStyle01 + .txtRefer, .textArea > ol > li > .tableStyle02 + .txtRefer, .textArea > ol > li .tableScroll + .txtRefer, .textArea ul.txtRefer li, .textArea p.txtRefer, .textArea span.txtRefer {
	margin-top: 7px !important;
	padding-left: 14px;
	text-indent: 0
} /*���̺� �Ʒ� ����*/
.textArea > ol > li > .stepDiagram {
	margin-top: 10px !important
}
.textArea p.txtRefer + ul.sub, .textArea p.txtReferBlue + ul.sub, .textArea p.txtReferRed + ul.sub {
	margin: 0 0 4px 12px;
}
.textArea .tableStyle01 + .txtReferBlue {
	margin-left: 0;
}
.textArea > ol > li {
	margin-bottom: 4px;
	list-style-type: none;
	line-height: 160%;
	margin-left: 14px;
	text-indent: -14px;
	color: #444444;
}
.textArea > ol > li > ol > li {
	list-style-type: none;
	line-height: 160%;
	text-indent: -14px;
	margin-left: 14px;
	color: #444444;
}
.textArea > ul > li > ol > li {
	list-style-type: none;
	line-height: 160%;
	text-indent: -14px;
	margin-left: 15px;
	color: #444444;
}
.textArea > ol > li > em {
	display: block
}
.textArea > ul > li > em {
	display: block
}
.textArea > ol > li > span {
	display: block;
	text-align: left;
	margin-left: 18px
}
.textArea > ol > li > ol {
	margin: 7px 0 0 0;
}
.textArea > ol > ol {
	padding: 10px 0 10px 13px;
}
.textArea > ol > li > ol > li > ul, .textArea > ol > li > ol > li > ol {
	margin: 7px 0 2px 14px;
}
.textArea > ol > li > ol > li > em {
	display: block;
}
.textArea > ol > li > ol > li > em + p, .textArea > ol > li > em + p {
	text-indent: 0;
	margin-left: 0;
} /* em���� p�����ϰ�� */
.textArea > ol > li > ul, .textArea > ul > li > ol {
	margin: 7px 0 0 0;
}
.textArea > ol > li > ul > li {
	margin-bottom: 4px;
	text-indent: 0;
	padding-left: 12px;
	background: url('../image/bul/bul_bar.gif') 2px 10px no-repeat;
	color: #444444;
}
.textArea > ol > li > ul.stepDiagram > li {
	margin-bottom: 0;
	padding-left: 0;
	background: url(../image/gb/bg_stepDiagramLine.gif) repeat-y 59px 0;
}
.textArea > ol > li > ul > li > ul {
	margin-top: 5px
}
.textArea > ol > li > ul > li > ul > li {
	line-height: 160%;
	margin-top: 1px;
	padding-left: 10px;
	background: url('../image/bul/bul_dot3.gif') 2px 8px no-repeat;
	color: #444444;
}
.textArea > ol > li > ul > li > ul > li:first-child {
	margin-top: 0;
}
.textArea .caption {
	display: block;
	margin: 6px 0 5px 12px;
	color: #4d4d4d;
}
.textArea ol li a, .textArea ul li a {
	color: #3154af;
	text-decoration: underline;
} /* ��ũ */
.textArea ol li a.btnGo, .textArea ul li a.btnGo {
	color: #fff;
	text-decoration: none
} /* ��ư */
.textArea ol li table tr td, .textArea ul li table tr td, .textArea ol li div table tr td, .textArea ul li div table tr td, .textArea ol li table tr th, .textArea ul li table tr th, .textArea ol li div table tr th, .textArea ul li div table tr th, .textArea table, .textArea .tableScroll, .textArea .tableStyle02, .textArea .tableStyle01 {
	text-indent: 0
} /* ���̺� */
.textArea .tableStyle01 + ul {
	margin-top: 40px;
	margin-left: 12px;
	margin-left: 0;
}
.textArea > p + h4, .textArea > ol + h4, .textArea > ul + h4, .textArea > .h4TxtStyle, .textArea > .h4BtnStyle, .textArea > .wBorderBox01 + h4, .textBtnArea + h4, form + h4 {
	/*margin-top: 60px;*/
}
.textArea > .tableStyle01 + h4, .textArea > .tableStyle02 + h4, .tableStyle01 + h5 {
	margin-top: 60px;
}
.textArea ol ul.stepDiagram, .textArea ul ul.stepDiagram {
	margin-bottom: 25px !important;
}
.textArea dl > dt {
	margin-bottom: 6px;
	padding-left: 12px;
	background: url('../image/bul/bul_dot.gif') no-repeat 0 8px;
	font-weight: bold
}
.textArea dl > dd {
	margin-bottom: 6px !important;
	padding-left: 10px
}
.textArea dl > dd:last-child {
	margin-bottom: 0 !important;
}
.textArea dl > dd + dt {
	margin-top: 8px;
}
.textArea dl > dd .liBulDash {
	line-height: 160%;
	margin-left: 0;
	background: url('../image/bul/bul_bar.gif') 2px 10px no-repeat;
	padding-left: 10px;
	color: #444444;
}
.textBtnArea {
	margin: 5px 0;
}
.textArea > .p + .textBtnArea {
	margin: -25px 0 5px 0;
}
.contentArea {
	overflow: hidden;
	line-height: 160%;
	margin-bottom: 30px;
	font-size: 14px;
	font-family: 'noto';
}
.contentArea:first-child {margin-top: 30px;}
.contentArea + .btnArea02 {
	margin-top: -60px;
}
.contentArea > ol > li {/* font-size:13px; *//* font-family:"notoKrM",sans-serif; */
}
.contentBody h4 {
	border-left: 3px solid #f15822;
	padding-left: 10px;
	display: inline-block;
	font-family: 'noto5';
    font-weight: 500;
	font-size: 18px;
	color: #31343f;
	margin-bottom: 0;
}
.contentBody h4.borL0 {
	border-left: 0;
	padding-left: 0px;
}
.contentBody .p3 {
    margin-bottom: 30px;
    color: #444444;
    font-weight: 400;
    font-family: "noto";
	font-style: normal;
}
.btnsType01 {
	position: relative;
	display: inline-block;
	padding: 1px 33px 1px 18px;
	height: 22px;
	line-height: 20px;
	color: #444444;
	background-color: #fff;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #dedede;
}
.btnsType01 .iconArrow {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	width: 5px;
	margin-top: -4px;
}
.btnsType01.right {
	float: right;
}
.titleArea .left {
	float: left;
}
.btnGo {
	display: inline-block;
	min-width: 84px;
	height: 20px;
	line-height: 150%;
	padding: 0 10px 2px 30px;
	background: #80838d;
	font-size: 11px;
	color: #fff;
	vertical-align: middle;
}
a.btnGo {
	font-size: 12px !important;
	min-width: 44px !important;
	height: 19px;
	padding: 1px 20px;
	color: #fff;
	text-align: center;
}
.va_top {
	vertical-align: top !important;
}
.boxViewerInfo {
	border: 1px solid #e2e2e2;
	margin-bottom: 40px;
	padding: 20px 40px 20px 250px;
	background: url('../image/cs/bg_viewer.png') no-repeat 32px 50%;
}
.boxViewerInfo span {
	display: block
}
.boxViewer {
	margin-top: 5px;
	border: 1px solid #e2e2e2;
	border-bottom: 0;
}
.boxViewer ul li {
	box-sizing: border-box;
	float: left;
	min-height: 105px;
	height: 147px;
	width: 33.3%;
	line-height: 150%;/* margin-bottom:25px; */
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.boxViewer ul li dl {
	padding: 30px 30px 30px 90px;
}
.boxViewer ul li.viewer01, .boxViewer ul li.viewer04, .boxViewer ul li.viewer07 {/* padding-left:0; */
	border-left: 0;
}
.boxViewer ul li dl dt {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
}
.boxViewer ul li dl dd p {
	margin-bottom: 5px;
	letter-spacing: -1px;
}
.boxViewer ul li.viewer01 dl {
	background: url('../img/icon_word.png') no-repeat 30px 30px;
}
.boxViewer ul li.viewer02 dl {
	background: url('../img/icon_word.png') no-repeat 30px 30px;
}
.boxViewer ul li.viewer03 dl {
	background: url('../img/icon_word.png') no-repeat 30px 30px;
}
li.viewer04 {
	clear: both;
}
.boxViewer ul li.viewer04 dl {
	background: url('../img/icon_word.png') no-repeat 30px 30px;
}
.boxViewer ul li.viewer05 dl {
	background: url('../img/icon_word.png') no-repeat 30px 30px;
}
.boxViewer ul li.viewer06 dl {
	background: url('../img/icon_word.png') no-repeat 30px 30px;
}
.boxViewer ul li.viewer07 dl {
	background: url('../img/icon_word.png') no-repeat 30px 30px;
}

@media only screen and (max-width:767px) {
/* boardSearch */
.boardSearch {
	min-height: 35px;
	margin-bottom: 10px;
}
.boardSearch .result {
	float: none;
}
.boardSearch .search {
	float: none;
}
.boardSearch .measure {
	margin-top: 40px
}
.boardSearch .search .selectBox {
	display: block;
	;
	height: 33px;
	float: none;
	margin-right: 0;
	margin-bottom: 5px;
}
.boardSearch .search .selectBox label {
	height: 33px;
	line-height: 33px;
}
.boardSearch .search .inText {
	width: 100%;
	margin-bottom: 5px;
}
.boardSearch .search .inText input[type="text"] {
	width: 77%;
}
#popup .boardSearch .search {
	float: none;
}
#popup .boardSearch .search select {
	width: 100%;
	margin-right: 0;
}
#popup .boardSearch .search .inText {
	width: 100%;
	margin-top: 6px;
}
#popup .boardSearch .search .inText input[type="text"] {
	width: 77%;
}
/* boardList */
.boardList table thead th {
	display: none;
}
.boardList table thead.mobileShow th {
	display: table-cell
}
.boardList {
	margin-bottom: 30px;
}
.boardList table tbody td.subject {
	padding-left: 5px;
	width: 86%;
}
.boardList table tbody td.mWidth100 {
	width: 100%
}
.boardList + .btnArea.sub2 {
	margin-top: 20px !important;
}
.tableScroll .boardList {
	margin-bottom: 0;
}
/* List_boardType01 */
.boardType01 .left {
	position: inherit;
	float: none;
	width: 230px;
	margin: 0 auto;
}
.boardType01 .left > div {
	padding: 15px 0;
}
.boardType01 .right {
	width: 100%;
	margin: 0;
}
.boardType01 .right > div {
	margin-left: 0;
	padding: 0 0 15px;
}
/* List_boardType02 */
.boardType02 {
	margin-bottom: 15px;
}
.boardType02 .movie {
	margin-top: 15px;
	padding-bottom: 15px;
}
.boardType02 .movie .left > div {
	width: 290px;
	height: 217px;
}
.boardType02 .movie .left > div img {
	width: 100%;
}
.boardType02 .movie .left > div embed {
	width: 100% !important;
	height: 100% !important;
	vertical-align: top;
}
.boardType02 .movie .right > div {
	padding: 8px 10px 10px;
}
.boardType02 + .pagingWrap {
	margin-top: -20px !important;
}
/* boardView */
.boardView > ul > li > strong > span {
	padding-left: 10px;
}
.boardView > ul > li > span > span {
	padding-left: 15px;
}
.boardView .cont {
	padding: 25px 0;
}
.boardView > ul > li.tit > strong {
	width: 21%;
}
.boardView > ul > li.tit > div {
	width: 76%;
}
.boardView.child02 li.part {
	width: 100%;
} /* child02 : �� �ٿ� ������ 2�� */
.boardView.child02 li.part > strong {
	width: 21%;
}
.boardView.child02 li.part > div {
	width: 76%;
}
.boardView.child02 li.date {
	width: 100%;
}
.boardView.child02 li.date > strong {
	width: 24%;
}
.boardView.child02 li.date > div {
	width: 76%;
}
.boardView.wide li.tit > strong {
	width: 28%;
	padding-right: 1%;
}
.boardView.wide li.tit > div {
	width: 71%;
}
.boardView.wide li.part {
	width: 100%;
}
.boardView.wide li.part > strong {
	width: 28%;
	padding-right: 1%;
}
.boardView.wide li.part > div {
	width: 71%;
}
.boardView.wide li.date {
	width: 100%;
}
.boardView.wide li.date > strong {
	width: 28%;
	padding-right: 1%;
}
.boardView.wide li.date > div {
	width: 71%;
}
.boardView .contPoll .top {
	padding: 15px 10px 15px 10px;
	background: none;
}
.boardView .contPoll .top p.tit {
	min-height: 50px;
	margin-bottom: 2px;
	padding: 5px 0 0 55px;
	background: url('/common/image/icon/icon_poll_reply.png') no-repeat 0 0;
}
.boardView .contPoll .pollList li dl dd {
	margin-right: 7px;
}
.boardView .inCk label {
	margin-right: 10px
}
.pollView {
	padding: 25px 0;
}
.pollView > ul {
	padding: 0;
}
/* boardTb */
.boardTb li > p > .num {
	width: 14%;
}
.boardTb li > p > .num > span {
	padding-left: 10px;
}
.boardTb li > p > .txt {
	width: 86%;
}
.boardTb li > p > .txt > span {
	padding-left: 12px;
}
.boardTb.case02 li > p > .txt > span {
	margin-right: 40px;
}
.boardTb.case02 li > p > .txt > span .icon {
	position: inherit;
	float: left;
	margin-right: 10px;
}
.boardTb.case02 li > p > .txt > span .sTit {
	margin: 5px 0 0;
}
.boardWrite {
	min-width: 280px;
}
.boardWrite li.half {
	float: none;
	width: 100%;
}
.boardWrite li .tit {
	background: none;
	width: 90px;
	padding: 6px 19px 6px 15px;
}
.boardWrite.modify ul li .tit {
	width: 100px;
	padding: 6px 10px 6px 15px;
}
.boardWrite li.half .tit {
	width: 90px;
}
.boardWrite li .cnt .txtCmt {
	margin-left: 0;
	display: block
} /* inline ����� ȸ���� ���ܻ��� */
.boardWrite.modify ul li .password {
	width: 100%;
}
.boardWrite li .cnt .writerName {
	width: 100%;
}
.boardWrite li .tit_p2 {
	padding-top: 6px;
}
.inputWrapper .cnt .cityBox {
	float: none;
}
.boardWrite li .cnt .cityTit {
	padding-right: 24px;
}
.boardWrite li .cnt .cityTit02 {
	margin-left: 0px;
}
/* File Add */
.fileBox {
	width: 100%;
}
.fileBox .addFile {
	width: 100%;
	height: 28px;
	padding: 6px 0 7px 0;
	background: #fff;
	border: 1px solid #e1e2e2;
}
 .fileBox input[type=text]:read-only {
background:#fff;
}
.btnFile {
	width: 44%;
	position: relative;
	display: inline-block;
	right: 0;
	vertical-align: middle;
	margin-top: 5px;
}
.btnFile input[type="file"] {
	width: 44%;
	height: 22px;
	cursor: pointer;
	border: 0;
	background: none;
	overflow: hidden;
	opacity: 0;
	position: relative;
	z-index: 100;
}
.attchFileReset {
	width: 44%;
	position: static;
	display: inline-block;
	vertical-align: middle;
	margin-top: 5px;
}
.btnFile:after {
	content: "÷������";
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.boardWrite li .cnt .txtCmt {
	margin: 0;
} /* inline ����� */
/* board_�̹��� ����Ʈ */
.imgList {
	padding-top: 20px;
}
.imgList li {
	float: none;
	margin: 0 auto 15px;
}
.imgList li:first-child {
	margin: 0 auto 15px;
}
.imgList02 ul {
	position: inherit;
}
.imgList02 li {
	float: none;
	margin: 0 auto 15px;
}
/* boardNext */
.boardNext {
	margin-bottom: 20px;
}
.boardNext li > strong {
	width: 22%;
	padding-right: 0;
}
.boardNext li > div {
	width: 78%;
}
.boardNext li > div > span.cmt .date {
	float: left;
	margin: 0 0 10px 6px;
}
.boardNext li.prev > strong, .boardNext li.next > strong {
	background: none;
}
/* common */
table tr .num, table tr .name, table tr .group, table tr .state, table tr .date, table tr .dateWide, table tr .spot, table tr .step, table tr .public, table tr .answer, table tr .refer {
	display: none;
}
table tr .process {
	width: 18%;
}
table tr .nameOpen {
	width: 18%;
}
table tr .dateOpen {
	width: 23%;
}
table tr .part {
	width: 100px;
	background-image: none;
}
.boardList table tbody td.part {
	vertical-align: top
}
table tr .subject {
	width: auto;
	background-image: none;
}
/*
	table tr .subject a {display: inline-block; vertical-align: middle; max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overow: ellipsis;}
	*/
table tr .subject a {
	display: inline-block;
	vertical-align: middle;
}
table tr th.part + th.subject {
	background-image: url('/common/image/bg/bg_boardSec.gif');
}
table tr .file {
	width: 14% !important;
}
.boardList table tbody td.subject .mSubInfo {
	display: block;
	padding-top: 5px;
}
.boardList table tbody td.subject .mSubInfo:after {
	content: "";
	clear: both;
	display: block
}
.boardList table tbody td.subject .mSubInfo li {
	float: left;
	color: #9e9e9e;
	font-size: 11px;
	line-height: 12px;
	padding-left: 10px;
	margin-left: 9px;
	background: url(../img/icon_g_stick01.gif) no-repeat 0 1px;
	background-size: 1px 10px
}
.boardList table tbody td.subject .mSubInfo li:first-child {
	background: transparent;
	margin-left: 0;
	padding-left: 0;
}
.boardList table tbody td.subject .mSubInfo li strong {
	color: #000;
	font-family: "NotoKrM", sans-serif;
	font-weight: 500;
}
.boardList table tbody td.subject .mSubInfo li span {
	color: #fff;
	display: inline-block;
	height: 15px;
	line-height: 15px;
}
/* 2016.12.20 ����¡ ��� ��ư ���� */
.pagingWrap {
	text-align: center;
}
.pagingWrap.mo {
	display: none;
}
.pagingWrap + .btnLeft, .pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight {
	margin-top: -58px;
}
.pagingWrap + .btnLeft {
	float: left;
}
.pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight {
	float: right;
}
.tableStyle01 + .pagingWrap {
	margin-top: 24px;
}
/* selectbox Search Area */
.searchArea02 {
	padding: 20px;
	background: #f5f6f6;
	margin: -25px 0 10px;
	position: relative;
	box-sizing: border-box;
}
.searchArea02 label {
	display: none;
}
.searchArea02 .selectBox {
	width: 100%;
	margin: 0 0 5px;
}
.searchArea02 > div.divide {
	margin: 0;
}
.searchArea02 .selectBox + label {
	margin-left: 0;
}
.searchArea02 .selectBox {
	width: 100%;
}
.searchArea02 > div .selectBox {
	width: 100%;
}
.searchArea02 .divide02 {
	float: none;
	width: 100%;
	padding: 0;
}
.searchArea02 .divide02 + .divide02 {
	margin-left: 0;
}
.searchArea02 .divide02.type02 {
	width: 100%;
	margin-left: 0;
	padding: 0;
}
.searchArea02 .divide02.type03 {
	width: 100%;
	margin-top: 0;
	padding: 0;
}
.searchArea02 > .divide > .selectBox, .searchArea02 > .divide02 > .selectBox, .searchArea02 > .divide02.type02 > .selectBox {
	width: 100%;
}
.searchArea02 .divide03, .searchArea02 .divide03.type02, .searchArea02 .divide03.type03 {
	padding: 0;
	width: 100%;
	float: none;
}
.searchArea02 .inputSearchBox {
	width: 100%;
	display: block;
	padding: 0;
	margin-left: 0;
}
.searchArea02 .inputSearchBox input[type="text"] {
	width: 100%;
	height: 34px;
	margin: 0 0 5px;
	box-sizing: border-box;
}
.searchArea02 .inputSearchBox input[type="button"], .searchArea02 .btnSch02 {
	position: static;
	position: static !important;
	width: 100%;
}
.searchArea02 .inputSearchBox input[type="button"] + input[type="button"] {
	margin: 5px 0 0;
}
.searchArea02 .inputSearchBox.type02 {
	padding: 0;
}
.areaMobileSearchArea + .searchArea02 {
	margin: 0;
}
/* �亯 ������ */
.replySatis .infomation, .valueWrap {
	padding: 3%;
}
.replySatis .value {
	margin-bottom: 14px;
	float: none;
	width: 100%;
}
.replySatis .value p {
	width: 20%;
	box-sizing: border-box;
	background-position: center top !important;
	padding: 30px 0 0 0;
	text-align: center;
}
.replySatis .valueBtn {
	float: none;
	clear: both;
	width: 100%;
}
.replySatis .valueBtn .btn2nd {
	float: left;
	width: 49%;
	margin-left: 2%;
	box-sizing: border-box;
}
.replySatis .valueBtn .btn2nd:first-child {
	margin-left: 0;
}
.replySatis .value p label {
	padding-left: 17px !important;
	margin-left: 0;
	background-position: left center !important;
}
.faqList.type02 dl dt a .title {
	padding-left: 0px;
}
.faqList.type02 dl dt a em {
	margin-left: 0px;
	margin-right: 0px;
}
.faqList.type02 dl dt a .titleTxt {
	display: block;
}
.boxInfo {
	padding: 20px 30px;
}
.boxInfo.bg01 {
	background-image: none;
}
.boxViewer {
	margin-top: 40px;
	border: 1px solid #e2e2e2;
	border-bottom: 0;
}
.boxViewer ul li {
	width: 100%;
	border-left: 0;
}
.boxViewer ul li dl {
	padding: 30px 30px 30px 30px;
}
.boxViewer ul li.viewer01, .boxViewer ul li.viewer04, .boxViewer ul li.viewer07 {/* padding-left:0; */
	border-left: 0;
}
.boxViewer ul li dl dt {
	padding: 0 0 0 60px;
}
.boxViewer ul li dl dd p {
	padding: 0 0 0 60px;
	margin-bottom: 15px;
}
.boxViewer ul li.viewer08, .boxViewer ul li.viewer09 {
	display: none;
}
.boxInfo.viewer01 {
	background-image: none;
}
}
.fhs {
	overflow: hidden;
	width: auto;
	min-height: 800px;
}
.red {
	color: red;
}
.contentsBox01 {
	margin-top: 10px;
	padding: 10px;
	background: #f5f8fa;
	color: #6c6e6f;
	font-size: 13px;
	line-height: 20px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	margin-bottom: 33px;
}
.contentsBox01.bg01 {
	background-color: #f4f8fb;
}
.contentsBox01 em {
	line-height: 140%;
	padding-left: 12px;
	text-indent: -12px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	display: block;
}
.contentsBox01 p {
	padding-left: 12px;
}
.contentsBox01 p + p {
	margin-top: 10px;
}
.contentsBox01 ul.ulList01 {
	margin-bottom: 0;
	margin-left: 14px;
	margin-top: 5px;
}
.contentsBox01 .bigTitle {
	margin-bottom: 20px;
	font-size: 16px;
}
.goodsInfo01 {
	padding-top: 25px;
	margin-bottom: 65px;
	background: url(../img/bg_gnb_sub02.png) repeat-y center 0;
	background-size: contain;
}
.goodsInfo01 dl {
	position: relative;
	float: left;
	width: 33.33%;
	text-align: center;
}
.goodsInfo01 dl.last {
	background: transparent;
}
.goodsInfo01 dl dt {
	display: block;
	color: #353535;
	font-size: 16px;
	line-height: 32px;
	font-weight: 700;
	font-family: "notoKrB", sans-serif;
}
.goodsInfo01 dl dt img {
	display: block;
	width: 56px;
	margin: 0 auto 15px auto;
}
.goodsInfo01 dl dd {
	color: #31343f;
	font-size: 14px;
	line-height: 20px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	word-break: keep-all;
	padding: 0 6%;
}
.goodsInfo01 dl dd span {
	display: block;
}
.infoList {
	border-top: 1px solid #e1e2e2;
	border-right: 1px solid #e1e2e2;
	overflow: hidden;
	box-sizing: border-box;
	color: #31343f;
}
.infoList li {
	width: 50%;
	height: 170px;
	position: relative;
	padding: 30px 30px 30px 133px;
	float: left;
	border-bottom: 1px solid #e1e2e2;
	border-left: 1px solid #e1e2e2;
	box-sizing: border-box;
}
.infoList li > img {
	position: absolute;
	left: 30px;
	top: 30px;
	width: 83px;
}
.infoList li strong {
	display: block;
	font-size: 16px;
	margin: 0 0 8px;
}
.infoList li > p {
	display: block;
	font-size: 13px;
	margin: 0 0 8px;
	word-break: keep-all;
}
.infoList .sbtn02 {
	padding: 5px 20px !important;
}
li.infoCase01 {
	background: transparent url(../img/icon_infolist01.png) no-repeat 30px 30px;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/icon_infolist01.png) no-repeat 30px 30px;
	background: linear-gradient(transparent, transparent), url(../img/icon_infolist01@2x.png) no-repeat 30px 30px;
	background-size: 83px 83px;
}
li.infoCase02 {
	background: transparent url(../img/icon_infolist02.png) no-repeat 30px 30px;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/icon_infolist02.png) no-repeat 30px 30px;
	background: linear-gradient(transparent, transparent), url(../img/icon_infolist02@2x.png) no-repeat 30px 30px;
	background-size: 83px 83px;
}
li.infoCase03 {
	background: transparent url(../img/icon_infolist03.png) no-repeat 30px 30px;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/icon_infolist03.png) no-repeat 30px 30px;
	background: linear-gradient(transparent, transparent), url(../img/icon_infolist03@2x.png) no-repeat 30px 30px;
	background-size: 83px 83px;
}
li.infoCase04 {
	background: transparent url(../img/icon/icon_infolist04.png) no-repeat 30px 30px;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/icon_infolist04.png) no-repeat 30px 30px;
	background: linear-gradient(transparent, transparent), url(../img/icon_infolist04@2x.png) no-repeat 30px 30px;
	background-size: 83px 83px;
}
.sbtn02 {
	display: inline-block;
	padding: 5px 12px;
	background: #80838d;
	font-size: 11px;
	color: #fff;
	line-height: 100%;
	margin-left: 3px;
}
.fileBox {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	position: relative;
	padding-right: 177px;
}
.fileBox .addFile {
	width: 100%;
	height: 28px;
	padding: 6px 0 7px 0;
	background: #fff;
	border: 1px solid #e1e2e2;
}
.fileBox input[type=text]:read-only {
background:#fff;
}
.btnFile {
	position: absolute;
	right: 89px;
	top: 0;
	width: 82px;
	height: 28px;
	border: 1px solid #d6d6d9;
	background: #eff0f0;
	text-align: center;
	line-height: 26px;
	color: #31343f;
	font-size: 12px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.btnFile.focus {
	border-color: #2168db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, 1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, 1);
}
.btnFile input[type="file"] {
	width: 83px;
	height: 22px;
	cursor: pointer;
	border: 0;
	background: none;
	overflow: hidden;
	opacity: 0;
	position: relative;
	z-index: 100;
}
.attchFileReset {
	position: absolute;
	right: 0;
	top: 0;
	width: 82px;
	height: 28px;
	border: 1px solid #d6d6d9;
	background: #eff0f0;
	text-align: center;
	line-height: 26px;
	color: #31343f;
	font-size: 12px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	margin-left: 4px;
}
.btnFile:after {
	content: "÷������";
	width: 84px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.boardWrite li .cnt .txtCmt {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 15px;
	color: #6c6e6f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500
} /* inline ����� */
.fileinput {
	margin-bottom: 0px !important;
}
.visHug {/* width:100%; */
	min-height: 244px;
	position: relative;
	margin: 0 0 50px;
	padding: 32px 360px 32px 38px;
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}
.tabmenu01 + .visHug, .tabSub + .visHug {
	border-top: 0;
}
.visHug .visHugSub {
	color: #737373;
	font-weight: 500;
}
.visHug img {
	position: absolute;
	right: 2%;
	top: 32px;
	height: 210px;
}
.visHug > p {
	font-size: 30px;
	color: #137cbd;
	line-height: 120%;
	position: relative;
	padding: 0 0 25px;
	margin: 0 0 18px;
	font-weight: 100;
	font-family: "notoKrL", sans-serif;
	word-break: keep-all;
}
.visHug > p > span {
	font-size: 16px;
	color: #737373;
	display: block;
	font-weight: 500;
	font-family: "notoKrM", sans-serif;
}
.visHug > p:after {
	content: "";
	position: absolute;
	width: 36px;
	height: 1px;
	border-top: 1px solid #e0e0e0;
	bottom: 0;
	left: 0;
}
.visHug > span {
	display: block;
	font-size: 14px;
	color: #6d6e6e;
	font-weight: 700;
	font-family: "notoKrB", sans-serif;
	word-break: keep-all;
	margin-bottom: 10px;
}
.boxLinkInfo {
}
.boxLinkInfo:after {
	display: block;
	height: 0;
	clear: both;
	content: "";
	float: none;
} /* 160909 */
.ie7 .boxLinkInfo {
	overflow: hidden;
}
.boxLinkInfo > li {/* min-height: 161px; */
	box-sizing: border-box;
	padding: 40px;
	line-height: 160%;
	margin-bottom: 20px;
	background-color: #f2f0eb;
} /* 160909 */
.boxLinkInfo > li > strong {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #606162;
}
.boxLinkInfo > li > span {
	display: block;
	width: 53%;
	margin-bottom: 16px;
	color: #515252;
	word-break: keep-all;
}
.boxLinkInfo > li > span > em {
	color: #cd424e;
}
.boxLinkInfo > li a, .boxLinkInfo > li button {
	margin-right: 4px;
}
.boxLinkInfo.noImg > li > span {
	width: 100%;
}
.boxLinkInfo.noImg > li {
	margin-bottom: 60px;
}
.boxLinkInfo > li.bgSns {
	background: #f2f0eb url('../img/bg_sns01.png') no-repeat 90% center;
}
.boxLinkInfo02:after {
	display: block;
	height: 0;
	clear: both;
	content: "";
	float: none;
} /* 160909 */
.boxLinkInfo02 > li {/* min-height: 161px; */
	box-sizing: border-box;
	padding: 40px;
	line-height: 160%;
	margin-bottom: 20px;
	background-color: #f2f0eb;
} /* 160909 */
.boxLinkInfo02 > li > strong {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #606162;
}
.boxLinkInfo02 > li > span {
	display: block;
	width: 53%;
	margin-bottom: 16px;
	color: #515252;
}
.boxLinkInfo02 > li > span > em {
	color: #cd424e;
}
.boxLinkInfo02 > li a, .boxLinkInfo02 > li button {
	margin-right: 4px;
}
.boxLinkInfo02.noImg > li > span {
	width: 100%;
}
.boxLinkInfo02.noImg > li {
	margin-bottom: 60px;
}
.boxLinkInfo02 > li.bgSns {
	background: #f2f0eb url('../img/bg_sns01.png') no-repeat 90% center;
}
.spanBr {
	display: block;
}
.boxInfo.viewer01 {
	background-color: #edf3f6;
	background-image: url('../img/icon_banner03.png');
}
/* �̹��� & ��ũ���� ��� - ��������ǥ��*/
.boxLinkInfo > li.bgService {
	background: #f2f0eb url('../img/bg_service01pc.png') no-repeat 90% center;
}
.boxLinkInfo > li.bgMail {
	background: #f2f0eb url('../img/bg_boxInfo02.png') no-repeat 90% center;
}
.input-id {
	height: 40px!important;
	font-size: 15px!important;
}
.input-pw {
	height: 40px!important;
	font-size: 15px!important;
}
.btn .caret {
	margin-left: 10px;
}
/* footer
-------------------------------------------------- */
.footer {
	position: relative;
	font-size: 12px;
	background-color: #ffffff;
}
.footer .links-set {
	padding: 10px 0;
	text-align: center;
	background-color: #ffffff;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.footer .links li {
	display: inline-block;
	position: relative;
	margin: 0;
}
.footer .links li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	height: 12px;
	margin-top: -7px;
	border-left: 1px solid #8d8883;
}
.footer .links li > a {
	display: block;
	color: #346cab;
	font-weight: bold;
	padding: 0 10px;
}
.footer .links li > a > b {
	color: #346cab;
}
.footer .links ul {
	display: block;
	margin-bottom: 0px;
	padding: 7px 0 0 10px;
}
.footer .links ul > li:first-child:before {
	display: none;
}
.footer .contact .item {
	border-top: 1px solid #e4e4e4;
}
.footer .contact .item .inner {
	padding: 20px;
}
.footer .contact .item .inner > .h {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;
}
.footer .contact .item .inner li {
	display: inline-block;
	margin-right: 10px;
}
.footer .contact .item .inner li span {
	color: #333333;
}
.footer .contact .item .inner li a {
	color: #888;
}
.footer .contact .item .inner li a span {
	display: inline-block;
	text-decoration: underline;
}
.footer .contact .item .inner li a .icon {
	font-size: 9px;
}
.footer .utils {
	zoom: 1;
	padding: 20px 20px 0 20px;
}
.footer .utils:before {
	content: '';
	display: block;
}
.footer .utils:after {
	content: '';
	display: table;
	clear: both;
}
.footer .utils .col {
	float: left;
	width: 49%;
}
.footer .utils .col + .col {
	float: right;
}
.footer .copyright {
	display: block;
	text-transform: uppercase;
	padding: 15px 0;
}
.footer .copyright-set {
	font-size: 12px;
	background-color: #fff;
	padding: 0 20px;
	border-top: 1px solid #e4e4e4;
}

@media (max-width: 37.49em) {
.footer .contact-accordion .item .button {
	display: block;
	text-align: left;
	position: relative;
	display: block;
	padding: 12px 20px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}
.footer .contact-accordion .item .button .icon {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -6px;
	color: #333;
	font-size: 9px;
}
.footer .contact-accordion .item .button .icon-arr-top {
	display: none;
}
.footer .contact-accordion .item.on .button {
	background-color: #e4e4e4;
}
.footer .contact-accordion .item.on .button .icon-arr-top {
	display: inline-block;
}
.footer .contact-accordion .item.on .button .icon-arr-bottom {
	display: none;
}
}

@media (min-width: 1100px) {
.footer {
	font-size: 12px;
}
.footer .links li > a {
	padding: 0 1em;
}
.footer .links ul {
	display: inline-block;
}
.footer .links ul:first-child li:first-child:before {
	display: none;
}
.footer .contact {
	margin: 0 0 0 360px;
	padding: 0 0 0 60px;
}
.footer .contact-set {
	position: relative;
	margin: 30px 0 50px;
}
.footer .contact:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #ececec;
}
.footer .contact:before {
	left: 380px;
}
.footer .contact:after {
	right: 220px;
}
.footer .contact .item {
	border: 0;
}
.footer .contact .item .inner {
	padding: 0;
}
.footer .contact .item .inner > .h {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
}
.footer .contact .item .inner li {
	margin-bottom: 4px;
}
.footer .contact .item-customer {
	position: absolute;
	left: 0;
	top: 0;
	width: 360px;
}
.footer .contact-accordion .item + .item {
	margin-top: 15px;
}
.footer .utils {
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
	padding: 0;
}
.footer .utils .col {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.footer .copyright-set {
	font-size: 12px;
	text-align: center;
}
}

@media (min-width: 1350px) {
.footer .contact {
	margin: 0 0 70px 330px;
}
.footer .contact:before {
	left: 350px;
}
.footer .contact:after {
	right: 0px;
}
.footer .contact .item .inner {
	position: relative;
	padding-left: 150px;
	text-align: left;
}
.footer .contact .item .inner > .h {
	/* position: absolute;*/
	left: 0;
	margin-top: 0px;
}
.footer .contact .item-customer {
	width: 340px;
}
.footer .contact .item-customer .inner {
	padding-left: 100px;
	text-align: left;
}
.footer .contact .item-customer .inner li {
	display: inline-block;
	margin-right: 10px;
}
.footer .utils {
	width: 340px;
}
.footer .utils .col {
	float: left;
	width: 49%;
	margin-bottom: 0;
}
.footer .utils .col + .col {
	float: right;
}
}
.l-container {
	margin: 0;
}
.l-container .l-wrap {
	max-width: 800px;
}
.l-container .l-wrap.l-wide {
	max-width: 1000px;
}
.l-container .l-wrap.l-large {
	max-width: 970px;
}

@media (max-width: 400px) {
.l-container {
	padding-left: 0;
	padding-right: 0;
}
.footer .contact .item .inner {
	padding: 10px;
}
}

@media (min-width: 900px) {
.l-container {
	margin: 0 auto;
	max-width: 1000px;
}
}

@media (min-width: 80em) {
.l-container {
	margin: 0 auto;
	max-width: 1140px;
	padding:0 20px;
}
}
.l-content {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}
.no-mediaqueries .l-container {
	width: 1200px;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}
/*.checkbox-inline, .radio-inline ,.checkbox label, .radio label{
	cursor: default !important;
} */
.checkbox-inline, .radio-inline {margin-top:5px!important;}
.buri {
	font-family: "buri";
}
.landing-page .carousel-indicators {
	/*padding-right: 60px;*/
	display: none;
	padding: 0;
	position: absolute;
	z-index: 30;
	width: 100%;
	left: 0;
	margin-left: 0;
}
.landing-page .carousel-indicators li {
	border: none;
	border-radius: 0;
	text-indent: inherit;
	margin: 0;
}

@media(min-width:1200px) {
.landing-page .carousel-indicators {
	display: block;
	top: 480px;
}
}
.landing-page .carousel-indicators .carousel-tab {
	float: left;
	display: inline-block;
	width: 33.33333%;
	height: 70px;
	background-color: rgba(0,0,0,0.2);
	list-style-type: none;
	text-align: center;
	cursor: pointer;
	transition: all .2s linear;
}
.landing-page .carousel-indicators .carousel-tab:hover, .landing-page .carousel-indicators .carousel-tab:active, .landing-page .carousel-indicators .carousel-tab.active {
	background-color: rgba(52,108,171,0.8);
	transition: all .2s linear;
}
.landing-page .carousel-indicators .carousel-tab .tab-content {
	display: block;
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.landing-page .carousel-indicators .carousel-tab .tab-content h3 {
	color: #fff;
	font-family: 'Open Sans';
	font-size: 22px;
	letter-spacing: -1px;
}
.collapsible-carousel .slick-prev:hover, .collapsible-carousel .slick-prev:focus, .collapsible-carousel .slick-next:hover, .collapsible-carousel .slick-next:focus {
	outline: 0;
	color: transparent
}
.collapsible-carousel .slick-prev:hover:before, .collapsible-carousel .slick-prev:focus:before, .collapsible-carousel .slick-next:hover:before, .collapsible-carousel .slick-next:focus:before {
	opacity: 1;
	filter: alpha(opacity=100)
}
.collapsible-carousel .slick-prev.slick-disabled:before, .collapsible-carousel .slick-next.slick-disabled:before {
	opacity: .25;
	filter: alpha(opacity=25)
}
.collapsible-carousel .slick-next {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	top: calc(50% - 48px)
}
.collapsible-carousel .slick-prev:before, .collapsible-carousel .slick-next:before {
	font-family: "AIATitle", "Calibri", sans-serif;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75;
	filter: alpha(opacity=75);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.collapsible-carousel .slick-prev {
	width: 96px;
	height: 96px;
	left: 0
}
[dir="rtl"] .collapsible-carousel .slick-prev {
	left: auto;
	right: 0
}
.collapsible-carousel .slick-next {
	width: 96px;
	height: 96px;
	right: 0
}
[dir="rtl"] .collapsible-carousel .slick-next {
	left: 0;
	right: auto
}
.collapsible-carousel {
	display: none
}

@media(min-width:768px) {
.collapsible-carousel {
	display: block;
	margin-bottom: 100px
}
}
.collapsible-carousel .slide-container {
	position: relative;
	height: 440px;
	outline: 0
}

@media(min-width:768px) {
.collapsible-carousel .slide-container {
	height: 480px
}
}

@media(min-width:1200px) {
.collapsible-carousel .slide-container {
	height: 600px
}
}
.collapsible-carousel .slide-container .slide-content {
	height: 100%;
	position: relative;
	z-index: 40;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px
}

@media(min-width:768px) {
.collapsible-carousel .slide-container .slide-content {
	padding-bottom: 64px
}
}
.collapsible-carousel .slide-container .slide-content .heading-top {
	position: absolute;
	width: 100%;
	top: 40px
}
.collapsible-carousel .slide-container .slide-content .heading-top a {
	text-align: center;
	text-decoration: none;
	color: #fff
}
.collapsible-carousel .slide-container .slide-content .heading-top a:focus {
	outline: 0
}
.collapsible-carousel .slide-container .slide-content .heading-top a>svg {
	opacity: .5;
	filter: alpha(opacity=50)
}
.collapsible-carousel .slide-container .slide-content .heading-top a>svg:active, .collapsible-carousel .slide-container .slide-content .heading-top a>svg:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.collapsible-carousel .slide-container .slide-content .heading-middle {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 28px;
	padding-right: 28px;
	text-align: center
}
.collapsible-carousel .slide-container .slide-content .carousel-actions {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 40px;
	padding-left: 28px;
	padding-right: 28px
}

@media(min-width:768px) {
.collapsible-carousel .slide-container .slide-content .carousel-actions {
	bottom: 64px
}
}
.collapsible-carousel .slide-container .slide-content .carousel-actions .button-container {
	width: 100%;
	margin: 0 auto
}

@media(min-width:768px) {
.collapsible-carousel .slide-container .slide-content .carousel-actions .button-container {
	width: 250px;
	margin: 0 auto
}
}
.collapsible-carousel .slide-container .slide-content .carousel-actions .button-container button.btn-image {
	width: 100%;
	margin-top: 12px
}

@media(min-width:480px) {
.collapsible-carousel .slide-container .slide-content .carousel-actions .button-container button.btn-image {
	margin-top: 0;
	width: auto
}
}

@media(min-width:768px) {
.collapsible-carousel .slide-container .slide-content .carousel-actions .button-container button.btn-image {
	width: 250px
}
}
.collapsible-carousel .slide-container .slide-content .carousel-actions .button-container a+a {
	margin-left: 0
}

@media(min-width:480px) {
.collapsible-carousel .slide-container .slide-content .carousel-actions .button-container a+a {
	margin-left: 20px
}
}
.collapsed-carousel {
	display: block;
	background-color: #f0eee1;
	padding-top: 40px;
	padding-bottom: 40px
}

@media(min-width:768px) {
.collapsed-carousel {
	display: none
}
}
.collapsed-carousel .life-challenges-list {
	padding-left: 0;
	list-style: none
}
.collapsed-carousel .life-challenges-list>li {
	border-bottom: 1px solid #dbdad4
}
.collapsed-carousel .life-challenges-list>li:first-child {
	border-top: 1px solid #dbdad4
}
.collapsed-carousel .life-challenges-list>li:last-child {
	margin-bottom: 32px
}
.collapsed-carousel .life-challenges-list>li>a {
	display: block;
	position: relative;
	padding-top: 24px;
	padding-bottom: 24px;
	color: #554344
}
.collapsed-carousel .life-challenges-list>li .glyph-r-arrow {
	display: table;
	position: absolute;
	top: 20px;
	right: 0
}
.collapsed-carousel .life-challenges-list>li .glyph-r-arrow svg, .collapsed-carousel .life-challenges-list>li .glyph-r-arrow svg>* {
	display: table-cell;
	vertical-align: middle
}
.imgWrap img {
    max-width: 100%;
    margin: 0 auto;
}
.iconBanner {
	display: table;
	table-layout: fixed;
	width: 100%;
	font-weight: 500;
	font-family: "notoKrM",sans-serif;
	margin-bottom: 50px;
	padding: 23px 46px;
	box-sizing: border-box;
}

.iconBanner.bg01 { background-color:#edf3f6; }
.textArea > .tableStyle01 + .iconBanner {margin-top: -40px;}

.iconBanner .imgWrap {display: table-cell;vertical-align: middle; width: 142px;}
.iconBanner .imgWrap img { max-width:100%; }

.iconBanner .txtWrap { display: table-cell; vertical-align: middle; padding-left: 42px; }
.iconBanner p { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 800; color: #515252; }
.iconBanner .title { font-size:18px; margin-bottom:15px; color:#31343f; }



.objective {position:relative; border-top:1px solid #e1e2e2; }

.objective > ul {width:100%; overflow:hidden; position:relative; padding-top:30px;}
.objective > ul:after {content:""; position:absolute; top:0; left:50%; width:68%; height:0; border-top:1px solid #e1e2e2; margin-left:-34%;}
.objective > ul > li {width:32%; float:left; padding:39px 0 39px 39px; box-sizing:border-box; position:relative;}
.objective > ul > li:after {content:""; width:0; height:30px; border-left:1px solid #e1e2e2; position:absolute; top:-30px; left:50%;}
.objective > ul > li + li {margin-left:2%;}
.objective > ul > li > span {display:block; padding:10px 0 10px 75px;}
.objective > ul > li > span > em {font-family: "notoKrM", sans-serif;}
.objective > ul > li > span > strong {font-size:22px; display:block;}
.objective > ul > li.objBox01 {background:#eaf3f8 url('/hug/mo/image/bl_disc030201.png') no-repeat 39px 39px; background-size:60px;}
.objective > ul > li.objBox01 > span {color:#137cbd;}
.objective > ul > li.objBox02 {background:#f4f4f4 url('/hug/mo/image/bl_disc030202.png') no-repeat 39px 39px; background-size:60px;}
.objective > ul > li.objBox02 > span {color:#31343f;}
.objective > ul > li.objBox03 {background:#e9f5f2 url('/hug/mo/image/bl_disc030203.png') no-repeat 39px 39px; background-size:60px;}
.objective > ul > li.objBox03 > span {color:#00875a;}

.ico_state {
    position: absolute;
    /* top: 55px; */
    top: 35px;
    right: 55px;
}


/*Sidebar */
.h-util-wrap, .h-util-wrap *{box-sizing:border-box;}
.h-util-wrap * {font-family:inherit;}
.h-util-wrap strong {font-weight:normal;}
#util.h-util-wrap {position:static;top:auto;right:auto;width:auto;height:auto;background:none;z-index: inherit !important;}
#util.h-util-wrap a span {display:inherit;width:auto;background: none;text-indent:0;}
#util.h-util-wrap .util{background-color: #fff;width: 60px;position: absolute;top: 0;right:0;bottom:0;z-index:94;padding-top: 139px; transition:width .3s cubic-bezier(0.345, 0.125, 0.200, 1.540); /* -webkit-transition:width .3s cubic-bezier(0.345, 0.125, 0.200, 1.540); */}
#util.h-util-wrap .util:after {display:block;content:'';position:absolute;left:-1px;top:0;width:1px;height:100%;background:#e7eaea;z-index: 3;}
#util.h-util-wrap .util .btn-sidebar{display:block;width:100%;height:70px;font-size:0;text-indent:-9999px;background:url(https://image.kebhana.com/cont/common/img/util/btn-sidebar-open.png) 50% 50% no-repeat; }
#util.h-util-wrap .util .btn-sidebar span {line-height:0;font-size:0;}
#util.h-util-wrap .util .btn-sidebar span.open {display:block;}
#util.h-util-wrap.open .util .btn-sidebar span.open {display:none;}
#util.h-util-wrap .util .btn-sidebar span.close {display:none;}
#util.h-util-wrap.open .util .btn-sidebar span.close {display:block;}

#util.h-util-wrap .mymenu-area{position:relative;background-color: #465e6f;}
#util.h-util-wrap .mymenu-area .title{color:#fff;text-decoration:none;font-size:12px;display: block;padding-top:37px;text-align: center;height:60px;line-height:1;vertical-align: top;background:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-mymenu.png) 50% 10px no-repeat;font-family: "NotoSans_Regular";}
#util.h-util-wrap .mymenu-area .title:hover, #util.h-util-wrap .mymenu-area .title:focus{color:#fff;background: url(https://image.kebhana.com/cont/common/img/util/icon-lnb-mymenu.png) 50% 10px no-repeat #27b2a5;}
#util.h-util-wrap .util-lists {position: relative;background: #fff;}
#util.h-util-wrap .util-lists li a{text-decoration:none;font-size:12px;color: #8e9796;display:block;padding-top:37px;text-align: center;height:60px;line-height:1;vertical-align: top;font-family: "NotoSans_Regular";background-position:50% 10px;background-repeat: no-repeat;}
#util.h-util-wrap .util-lists li a:hover,#util.h-util-wrap .util-lists li a:focus{color: #27b2a5;}
#util.h-util-wrap .util-lists .mybox:hover,#util.h-util-wrap .util-lists .mybox:focus {}
#util.h-util-wrap .util-lists .chat{background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-chat.png);}
#util.h-util-wrap .util-lists .chat:hover,#util.h-util-wrap .util-lists .chat:focus {background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-chat-on.png);}
#util.h-util-wrap .util-lists .store{background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-store.png);}
#util.h-util-wrap .util-lists .store:hover,#util.h-util-wrap .util-lists .store:focus { background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-store-on.png) ;}
#util.h-util-wrap .util-lists .retire{background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-retire.png);}
#util.h-util-wrap .util-lists .retire:hover,#util.h-util-wrap .util-lists .retire:focus {background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-retire-on.png) ;}
#util.h-util-wrap .util-lists .foreign{background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-foreign.png);}
#util.h-util-wrap .util-lists .foreign:hover,#util.h-util-wrap .util-lists .foreign:focus {background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-foreign-on.png) ;}
#util.h-util-wrap .util-lists .hanamember{background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-hanamember.png);}
#util.h-util-wrap .util-lists .hanamember:hover,#util.h-util-wrap .util-lists .hanamember:focus {background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-hanamember-on.png);}
#util.h-util-wrap .util-lists .call{background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-call.png);}
#util.h-util-wrap .util-lists .call:hover,#util.h-util-wrap .util-lists .call:focus {background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-call-on.png);}
#util.h-util-wrap .util-lists .quick-acc{background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-quick-acc.png);}
#util.h-util-wrap .util-lists .quick-acc:hover,#util.h-util-wrap .util-lists .quick-acc:focus {background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-quick-acc-on.png);}
#util.h-util-wrap .util-lists .find-service{background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-find-service.png);}
#util.h-util-wrap .util-lists .find-service:hover,#util.h-util-wrap .util-lists .find-service:focus {background-image:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-find-service-on.png);}
#util.h-util-wrap .util-lists .hanamember,#util.h-util-wrap .util-lists .find-service,#util.h-util-wrap .util-lists .quick-acc {height:75px;padding-top:37px;}
#util.h-util-wrap .util.open .util-lists .hanamember br,#util.h-util-wrap .util.open .util-lists .find-service br,#util.h-util-wrap .util.open .util-lists .quick-acc br{display:none;}

#util.h-util-wrap .keb-go {background:#fff;position:relative;border-top: 1px solid #e7eaea;}
#util.h-util-wrap .keb-go .title {text-decoration: none;font-size: 12px;color: #8e9796;display: block;padding-top: 37px;text-align: center;height: 60px;line-height: 1;vertical-align: top;font-family: "NotoSans_Regular";background:url(https://image.kebhana.com/cont/common/img/util/ico-keb-go.png) 50% 10px no-repeat;}
#util.h-util-wrap .keb-go .title strong {display:none;}
#util.h-util-wrap .util.open .keb-go {padding: 20px 0 0 20px;}
#util.h-util-wrap .util.open .keb-go .title {background:none;text-align: left;color: #6e6d72;font-size: 14px;padding-top: 0;height: auto;}
#util.h-util-wrap .util.open .keb-go .title span {display:none;}
#util.h-util-wrap .util.open .keb-go .title strong {display: inline-block;position: relative;padding-right:23px;}
#util.h-util-wrap .util.open .keb-go .title strong:after {display:block;content:'';position:absolute;right:0;top:0;width:16px;height:16px;background:url(https://image.kebhana.com/cont/common/img/util/bul-keb-go.png) 0 0 no-repeat;}

#util.h-util-wrap .util .keb-go .pop {display:none;z-index: 5;padding: 20px 10px 20px 20px;background: #fff;width: 258px;position:absolute;bottom: 60px;right: 14px;border-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);border:1px solid #cfcfcf;}
#util.h-util-wrap .util .keb-go .pop:after {display:block;content:'';position:absolute;right: 4%;bottom: -11px;width:28px;height:11px;background:url(https://image.kebhana.com/cont/common/img/util/bg-keb-go-pop.png) 0 0 no-repeat;}
#util.h-util-wrap .util.open .keb-go .pop p{font-size:14px;width:125px;color: #062926;}
#util.h-util-wrap .util.open .keb-go .pop ul> li{font-size:14px;margin-top:13px;letter-spacing: -0.8px;line-height:20px;color: #637079;text-indent: -10px;padding-left: 10px;}
.pop, #util.h-util-wrap .util.open .keb-go .pop.show{display:block;}

#util.h-util-wrap .util .keb-go .go-shortcut {display:none;}
#util.h-util-wrap .util.open .keb-go .go-shortcut {position:relative;display:table;border:1px solid #28b2a5;color:#28b2a5;font-size:13px;border-radius:50px;padding: 0 10px 0 29px;line-height:23px;margin-top:5px;}
#util.h-util-wrap .util.open .keb-go .go-shortcut:after {display:block;content:'';position:absolute;left: 11px;top:50%;margin-top:-6px;background:url(https://image.kebhana.com/cont/common/img/util/ico-shortcut-down.png) 0 0 no-repeat;width:11px;height:12px;}
#util.h-util-wrap .util.open .keb-go .go-shortcut:hover,#util.h-util-wrap .util.open .keb-go .go-shortcut:focus {text-decoration:none;}





#util.h-util-wrap .mymenu-area .setting, #util.h-util-wrap .mymenu-area  .mymenu-go-now, #util.h-util-wrap .mymenu-area  .mymenu-lists, #util.h-util-wrap .util .please-login{display:none;}

#util.h-util-wrap .mymenu-area.inactive {background:#fff;}
#util.h-util-wrap .mymenu-area.inactive .title {color: #8e9796;background: url(https://image.kebhana.com/cont/common/img/util/icon-lnb-mymenu-inactive.png) 50% 10px no-repeat;}
#util.h-util-wrap .mymenu-area.inactive .title:hover,#util.h-util-wrap .mymenu-area.inactive .title:focus {color: #27b2a5;background: url(https://image.kebhana.com/cont/common/img/util/icon-lnb-mymenu-inactive-on.png) 50% 10px no-repeat;}
#util.h-util-wrap .util.open .mymenu-area.inactive .title:hover, #util.h-util-wrap .util.open .mymenu-area.inactive .title:focus {color: #27b2a5;background: url(https://image.kebhana.com/cont/common/img/util/icon-lnb-mymenu-inactive-on.png) 20px 50% no-repeat;}
#util.h-util-wrap .mymenu-area.inactive .title:after,#util.h-util-wrap .mymenu-area.inactive .title:after,#util.h-util-wrap .util.open .mymenu-area.inactive .title:hover +.pop, #util.h-util-wrap .util.open .mymenu-area.inactive .title:focus +.pop,#util.h-util-wrap .util.open .mymenu-area.inactive .setting {display:none !important;}


#util.h-util-wrap .util.open .mymenu-area.inactive .mymenu {padding:0;}
#util.h-util-wrap .util.open .mymenu-area.inactive .title {line-height: 40px;padding-left: 50px;text-align: left;background-position: 20px 50%;font-size: 14px;color: #8e9796;height: auto;padding-top: 0;background: url(https://image.kebhana.com/cont/common/img/util/icon-lnb-mymenu-inactive.png) 20px 50% no-repeat;display: block;}
#util.h-util-wrap .util.open .mymenu-area.inactive .please-login,#util.h-util-wrap .util.open .mymenu-area.inactive .after-login {display:none;}

#util.h-util-wrap .mybox-area .title {text-decoration: none;font-size: 12px;color: #8e9796;display: block;padding-top: 37px;text-align: center;height: 60px;line-height: 1;vertical-align: top;font-family: "NotoSans_Regular";background:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-mybox.png) 50% 10px no-repeat;}
#util.h-util-wrap .mybox-area .title:hover,#util.h-util-wrap .mybox-area .title:focus {color:#27b2a5;background:url(https://image.kebhana.com/cont/common/img/util/icon-lnb-mybox-on.png) 50% 10px no-repeat;}
#util.h-util-wrap .mybox-area .no-prod,#util.h-util-wrap .mybox-area .title .bflogin {display:none;}
#util.h-util-wrap .mybox-area .title span {line-height:1}
#util.h-util-wrap .mybox-area .title i {display:none;}
#util.h-util-wrap .mybox-area .nodata strong {display:none;}
#util.h-util-wrap .mybox-area ul {display:none;}
#util.h-util-wrap .mybox-area .data-type {display:none;}

#util.h-util-wrap .util.open .mybox-area .title {padding-left: 50px;text-align: left;background-position: 20px 50%;font-size: 14px;color: #8e9796;height: auto;padding-top: 0;}
#util.h-util-wrap .util.open .mybox-area .title:hover,#util.h-util-wrap .util.open .mybox-area .title:focus {color:#27b2a5;text-decoration:none;}
#util.h-util-wrap .util.open .mybox-area .title span {line-height:40px;}

#util.h-util-wrap .util.open .mybox-area.active {/* padding: 25px 0px 24px 18px; *//* background:#465e6f; *//* position: relative; */}
#util.h-util-wrap .util.open .mybox-area.active .title {font-size:18px;color:#fff;background:none;padding-left:0;padding: 25px 0px 24px 18px;background: #465e6f;}
#util.h-util-wrap .util.open .mybox-area .bflogin {display:none;}
#util.h-util-wrap .util.open .mybox-area.active .bflogin {position:relative;display:block;font-size: 14px;line-height:14px;margin-top: 20px;}
#util.h-util-wrap .util.open .mybox-area.active .bflogin:after {display:block;content:'';position:absolute;right: 10px;top:50%;margin-top:-7px;width:7px;height:14px;background:url(https://image.kebhana.com/cont/common/img/util/bul-util-mybox.png) 0 0 no-repeat;}
#util.h-util-wrap .util.open .mybox-area.active .title .user-name {line-height:1;display: block;position: relative;padding-right: 28px;}
#util.h-util-wrap .util.open .mybox-area.active .title i {display: block;line-height: 1;}
#util.h-util-wrap .util.open .mybox-area.active .title i:after {display:block;content:'';position:absolute;right: 20px;top:50%;margin-top:-7px;width:7px;height:14px;background:url(https://image.kebhana.com/cont/common/img/util/bul-util-mybox.png) 0 0 no-repeat;}

#util.h-util-wrap .util.open .mybox-area.active .title.aflogin {background: #465e6f;cursor: default;}
#util.h-util-wrap .util.open .mybox-area.active ul {display:block;background: #556b7a;padding:20px;}
#util.h-util-wrap .util.open .mybox-area.active ul li {margin-top:10px;}
#util.h-util-wrap .util.open .mybox-area.active ul li:first-child {margin-top:0;}
#util.h-util-wrap .util.open .mybox-area.active ul li a {display:block;font-size:14px;color:#fff;}
#util.h-util-wrap .util.open .mybox-area.active .nodata {background:#556b7a;padding: 25px 0px 24px 18px;font-size: 18px;color: #fff;display: block;height: auto;line-height: 1;vertical-align: top;font-family: "NotoSans_Regular";}
#util.h-util-wrap .util.open .mybox-area.active .nodata:after,#util.h-util-wrap .util.open .mybox-area.active .nodata:hover {text-decoration:none;}
#util.h-util-wrap .util.open .mybox-area.active .title.aflogin.nodata .user-name {display:none;}
#util.h-util-wrap .util.open .mybox-area.active .nodata strong {display:block;padding-top: 38px;position:relative;}
#util.h-util-wrap .util.open .mybox-area.active .nodata strong:after {display:block;content:'';position:absolute;left: 4px;top: -4px;width:34px;height:32px;background:url(https://image.kebhana.com/cont/common/img/util/ico-util-mybox-nodata.png) 0 0 no-repeat;}
#util.h-util-wrap .util.open .mybox-area.active .nodata strong i {position:relative;margin-top:8px;font-size:14px;display:block;}
#util.h-util-wrap .util.open .mybox-area.active .nodata strong i:after {display: block;content: '';position: absolute;right: 20px;top: 50%;margin-top: -7px;width: 7px;height: 14px;background: url(https://image.kebhana.com/cont/common/img/util/bul-util-mybox.png) 0 0 no-repeat;}
#util.h-util-wrap .util.open .mybox-area.active .data-type {display:block;}
#util.h-util-wrap .util.open .mybox-area.active .data-type .go-financial {position:relative;display:block;background:#556b7a;padding: 0 18px 18px;text-align:center;}
#util.h-util-wrap .util.open .mybox-area.active .data-type .go-financial > a {display:block;color:#cdd4d4;border:1px solid #7e8f9a;font-size:14px;line-height:32px;border-radius:50px;-webkit-border-radius:50px;}
#util.h-util-wrap .util.open .mybox-area.active .data-type .go-financial > a:hover,#util.h-util-wrap .util.open .mybox-area.active .data-type .go-financial > a:focus {text-decoration:none;}

#util.h-util-wrap .util.open{width: 210px;font-family:"NotoSans_Regular";}
#util.h-util-wrap .util.open .btn-sidebar{background:url(https://image.kebhana.com/cont/common/img/util/btn-sidebar-close.png) 10px 50% no-repeat;}
#util.h-util-wrap .util.open .util-lists li a{line-height: 40px;padding-left:50px;text-align: left;background-position:20px 50%;font-size:14px;color: #8e9796;height: auto;padding-top: 0;}
#util.h-util-wrap .util.open .util-lists li a:hover,#util.h-util-wrap .util.open .util-lists li a:focus {color:#27b2a5;}
#util.h-util-wrap .util.open .mymenu{padding: 16px 20px 17px 18px;position:relative;}
#util.h-util-wrap .util.open .mymenu-area .title{background: none;font-size:18px;height:auto;line-height:1;padding-top: 6px;text-align: left;display: inline-block;}

#util.h-util-wrap .util.open .mymenu-area .title:after{content:"";display:inline-block;background:url(https://image.kebhana.com/cont/common/img/util/icon-mymenu-pop.png) 50% 50% no-repeat ;width:26px;height:18px;vertical-align: top;}
#util.h-util-wrap .util .mymenu-area .pop {display:none;z-index: 5;padding: 20px 20px;background: #fff;width: 258px;position:absolute;top: 60px;right: 20px;border-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);}
#util.h-util-wrap .util .mymenu-area .pop.show {display:block;}
#util.h-util-wrap .util .mymenu-area .pop:after {display:block;content:'';position:absolute;left:50%;top:-11px;margin-left: 25px;width:28px;height:11px;background:url(https://image.kebhana.com/cont/common/img/util/bg-mymenu-pop.png) 0 0 no-repeat;}
#util.h-util-wrap .util.open .mymenu-area .pop p{font-size:14px;width:125px;color: #062926;}
#util.h-util-wrap .util.open .mymenu-area .pop ul> li{font-size:14px;margin-top:13px;letter-spacing: -0.8px;line-height:20px;color: #637079;}
#util.h-util-wrap .util.open .mymenu-area .setting{position:absolute;top: 9px;right:0px;display:inline-block;background:url(https://image.kebhana.com/cont/common/img/util/icon-setting.png) 50% 50% no-repeat;width: 60px;height: 40px;text-indent:-999px;font-size:0;}
#util.h-util-wrap .util.open .please-login{display:block;padding: 9px 0px 23px 22px;color:#fff;}
#util.h-util-wrap .util.open .please-login a {position:relative;display:block;color:#fff;font-size:14px;}
#util.h-util-wrap .util.open .please-login a:after {display:block;content:'';position:absolute;right: 10px;top:50%;margin-top:-7px;width:7px;height:14px;background:url(https://image.kebhana.com/cont/common/img/util/bul-util-mybox.png) 0 0 no-repeat;}
#util.h-util-wrap .util.open .please-login a:hover,#util.h-util-wrap .util.open .please-login a:focus {text-decoration:none;}
#util.h-util-wrap .util.open .after-login{}
#util.h-util-wrap .util.open .mymenu-area .mymenu-go-now{display:block;padding: 20px 0 0 20px;background: #556b7a;}
#util.h-util-wrap .util.open .mymenu-area .mymenu-go-now:after {display:block;content:'';clear:both;}

#util.h-util-wrap .util.open .mymenu-area .mymenu-go-now a{color: #cdd4d4;text-decoration:none;float:left;margin-right: 5px;display:inline-block;font-family:"NotoSans_Regular";font-size:14px;height:30px;padding: 4px 15px;position:relative;border: 1px solid #7e8f9a;border-radius: 50px;}

#util.h-util-wrap .util.open .mymenu-area .mymenu-lists{display:block;background-color: #556b7a;padding: 15px 0 15px 20px;}
#util.h-util-wrap .util.open .mymenu-area .mymenu-lists a{text-decoration:none;display:block;color:#fff;position: relative;font-size: 14px;line-height: 28px;}
#util.h-util-wrap .util.open .mymenu-area .recent{margin-left: 7px;margin-top:-5px;vertical-align: middle;display:inline-block;text-indent:-9999px;font-size:0;width:4px;height:4px;background: url(https://image.kebhana.com/cont/common/img/util/dot1.png)  0 0 no-repeat;}
#util.h-util-wrap .util.open .util-lists .retire{}

.util-layout {min-height:550px;position:relative;}
.util-layout .scroll-top {padding:36px 17px 45px;position:fixed;bottom:0;font-family: "NotoSans_Medium";font-size:12px;background: #fff url(https://image.kebhana.com/cont/common/img/util/btn-top.png) 50% 20px no-repeat;width: 60px;z-index: -2;}
.util-layout .scroll-top span{text-indent:-9999px;font-size:0;height:0;}
#util.h-util-wrap .util.open .scroll-top{padding-right: 193px;background-position-x:22px;}

.banner_guide {
	margin: 12px;
	position: fixed;
	bottom: 20px;
}



/* hh */

body {font-family: "Noto";}
input,textarea,button,select,.map_area .info_window { font-family: "Noto"; }

.en_font1{font-family: 'Myriad Pro';}

.skip-content a{background:#000;text-align:center;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;display:block;color:#fff}
.skip-content a:focus{width:100%;position:relative;padding:10px;height:auto}

/* cookies box */
div[role=status] a{display:block;color:#fff}
div[role=status] p{margin-bottom:0}


/* wrap */
#wrap {width:100%;position:relative;background-color: #fff;min-width:1200px;}

/* navigation */
#navigation {width:100%;left:0;top:0;z-index:3; position: absolute; }
#navigation .navi_area {height: 35px; width:100%; margin:0 auto; position:relative; border-bottom: 1px solid #e8e8e8; background-color: #ffffff; }
#navigation .navi_area .logo_box {height:55px;position:absolute;left:0;top:-10px;overflow:hidden;z-index:4;}
#navigation .navi_area .logo_box.hidden {width:0;}
#navigation .navi_area .logo_sub_box {width: 132px;height:34px;position: absolute;left: 0;top:10px;overflow: hidden;z-index: 2;padding-left: 10px;opacity:0;}
#navigation .navi_area .logo_sub_box.top {opacity:1;}
#navigation .navi_area .logo_sub_box .sub_logo {width: 132px;height:34px;}

#navigation .navi_area .navi_side_box {height:75px;position:relative;overflow:hidden;}
/*#navigation .navi_area .navi_side_box.hidden {width:0;}*/
#navigation .navi_area .navi_side_box .business_center {width:170px;height:75px;display:block;float:right;background:#3d3d3d;position:relative;z-index:2;}
#navigation .navi_area .navi_side_box .business_center .text {font-size:16px;color:#fff;position:relative;display:block;left:72px;top:22px;letter-spacing:1px;}
#navigation .navi_area .navi_side_box .business_center .ico {position:absolute;left:15px;top:18px;}
#navigation .navi_area .navi_side_box .business_center .btn_close {width:98px;height:75px;background:url('/_resource/global_images/ico/ico_navi_close.png') no-repeat 29px center #3d3d3d;position:absolute;right:-170px;top:0;font-size:17px;color:#fff;line-height:79px;padding-left:72px;letter-spacing:5px;}

#navigation .navi_area .navi_side_box .business_center.active {}
#navigation .navi_area .navi_side_box .business_center.active .btn_close {right:0;}


#navigation .navi_area h1 {float: left;height:74px;display:block;background:#f1f1f1;margin: 0;}
#navigation .navi_area h1 a.home {width:132px;height:34px;display:block;float:left; margin-top: 20px;}
#navigation .navi_area a.main_home {width:80px;height:75px;display:block;float:left;background:url('/_resource/global_images/ico/ico_sub_home.png') no-repeat center center #f27824; font-size:0;}
#navigation .navi_area .logo_box > p{width:80px;height:55px;display:block;float:left;}


/*#navigation .navi_area .smart_info_side.active {width:520px;}*/
/*#navigation .navi_area .smart_info_side.active .smart_info {left:0;}*/

#navigation .navi_area .navi_ul {width:1200px;height:34px;overflow:hidden;position:absolute; left: 50%; margin-left: -600px;}
#navigation .navi_area .navi_ul > li {float:left;position:relative; padding: 10px 16px; border-right: 1px solid #e8e8e8;font-weight: bold; font-size: 11px;}
#navigation .navi_area .navi_ul > li > a {font-weight: bold; font-size: 11px; color: #8e8e8e;}
#navigation .navi_area .navi_ul > li:first-child {border-left: 1px solid #e8e8e8;}
#navigation .navi_area .navi_ul > li:hover, #navigation .navi_area .navi_ul > li.active {background-color: #f6f6f6;}
#navigation .navi_area .navi_ul > li > a:hover {color: #333333;}




#navigation .navi_area .navi_ul.sub {width:600px;margin-left:-300px;}
/*#navigation .navi_area .navi_ul.sub li .navi_dl dt a {font-size:14px;}*/
#navigation .navi_area .navi_ul.sub li .navi_dl dt a:before {width:1px;height:14px;position:absolute;right:0;top:50%;margin-top:-7px;content:'';}

#navigation .dropdown {position: absolute; left: 50%; margin-left: 410px; font-size: 12px; font-weight: bold; }
#navigation .dropdown .count-info{padding: 10px 10px;color: #f15822; float: left;}



#navigation .logo_area {height: 80px; width:100%; margin:0 auto; position:relative; border-bottom: 1px solid #e8e8e8; background-color: #ffffff; }
#navigation .logo_area .logo_box {height:55px;position:absolute;left:0;top:14px;overflow:hidden;z-index:4;}
#navigation .logo_area .logo_box.hidden {width:0;}
#navigation .logo_area .logo_sub_box {width: 150px;height:50px;position: absolute;left: 0;top:14px;overflow: hidden;z-index: 2; opacity:0;}
#navigation .logo_area .logo_sub_box.top {opacity:1;}
#navigation .logo_area .logo_sub_box .sub_logo {width: 150px;height:50px;}
#navigation .main_title_box {position: absolute; left: 155px; top: 35px; overflow: hidden;  z-index: 4; border-left: 1px solid #cbcbcb; padding-left: 12px; height:26px;}
#navigation .main_title_box .main_title {font-size: 27px; font-family: 'noto7'; font-weight: bold; color: #444444; letter-spacing: -1px;line-height: 23px;}


#navigation .logo_area h1 {float: left;height:74px;display:block;background:#f1f1f1;margin: 0;}
#navigation .logo_area h1 a.home {width:132px;height:34px;display:block;float:left; margin-top: 20px;}
#navigation .logo_area .logo_box > p{width:80px;height:55px;display:block;float:left;}

#navigation .logo_area .logo_ul {width:1200px;height:80px;overflow:hidden;position:absolute; left: 50%; margin-left: -600px;}
#navigation .logo_area .logo_ul > li {float:right; position:relative; padding: 10px 0 1px; font-size: 15px; margin: 25px 12px 0; letter-spacing: -1px;}
#navigation .logo_area .logo_ul > li:hover {border-bottom: 2px solid #346cab; border-bottom-width: 70%;}
#navigation .logo_area .logo_ul > li.active {border-bottom: 2px solid #346cab; border-bottom-width: 70%;}
#navigation .logo_area .logo_ul > li > a {font-family:'noto5';}


/* navigation_sub */
#navigation_sub {width:100%;height:50px;position:absolute;left:0;top:115px;z-index:5; font-family: "noto"}

#navigation_sub .btn_side_navi_box {width:53px;height:48px;position:absolute;right:0;top:3px;overflow:hidden;}
#navigation_sub .logo_box {width:110px;position:absolute;left:0;top:8px;overflow:hidden;z-index:2;padding-left:10px;}
#navigation_sub .logo_box.top {top:5px;}
#navigation_sub .logo_box img {width:100%;}
#navigation_sub .logo_box .sub_navi_logo {position:relative;left:-130px;}
#navigation_sub .btn_side_navi {width:17px;height:12px;padding:14px;position:absolute;right:-53px;top:0; display: block;}
#navigation_sub .btn_side_navi span {width:17px;height:2px;background:#fff;display:block;position:relative;top:0;}
#navigation_sub .btn_side_navi p.state {font-size:0;}
#navigation_sub .btn_side_navi:hover span {background:#f27824;}
#navigation_sub .btn_side_navi:hover span.line_top {top:-2px;}
#navigation_sub .btn_side_navi:hover span.line_bottom {top:2px;}
#navigation_sub .btn_side_navi span.line_top {margin-bottom:4px;}
#navigation_sub .btn_side_navi span.line_middle {margin-bottom:4px;}
#navigation_sub .btn_side_navi span.line_top.active {
    -webkit-transform:rotate(45deg);-webkit-transform-origin:left center;
    -moz-transform:rotate(45deg);-moz-transform-origin:left center;
    -o-transform:rotate(45deg);-o-transform-origin:left center;
    transform:rotate(45deg);transform-origin:left center;
    -ms-transform:rotate(45deg);-ms-transform-origin:left center;
    background:#f27824;
    top:0 !important;
}

#navigation_sub .btn_side_navi span.line_middle.active {opacity:0;}
#navigation_sub .btn_side_navi span.line_bottom.active {
    -webkit-transform:rotate(-45deg);-webkit-transform-origin:left center;
    -moz-transform:rotate(-45deg);-moz-transform-origin:left center;
    -o-transform:rotate(-45deg);-o-transform-origin:left center;
    transform:rotate(-45deg);transform-origin:left center;
    -ms-transform:rotate(-45deg);-ms-transform-origin:left center;
    background:#f27824;
    top:0 !important;
}


#navigation_sub .navi_sub_area {height:50px;min-width:1024px;max-width:2000px;margin:0 auto; background:#055186;position:relative; box-shadow: 0px 5px 11px #c8c8c8;}
#navigation_sub .navi_sub_area .navi_sub_ul {overflow:hidden;margin:0 auto;position:relative;z-index:1;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan7 {width:1001px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan7 >li{width:14.285%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan6 {width:1200px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan6 > li{width:16.66%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan5 {width:1200px;}
.bpopup_banner {
    position: absolute;
    top: 150px;
    right: 50%;
    margin-right: 625px;
}
.bpopup_img {
    display: block;
    width: 170px;
    text-align: center;
    border-radius: 11px;
    background-image: linear-gradient(#ffffff, #eaeaeb);
    transition: all 1s ease;
    outline: 0;
    opacity: 0.9;
    border: 1px solid #bacedf;
    box-shadow: 0 2px 4px rgba(0,0,0, 0.05), 0 2px 4px rgba(0,0,0, 0.10);
}
	.bpopup_img:hover,
	.bpopup_img:focus {
		
	opacity: 1;
	   border: 1px solid #346cab;
	}
#bpopup_element { 
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none; 
    min-width:400px;
    min-height: 180px;
}
.b-close{
    cursor:pointer;
    position:absolute;
    right:1px;
    top:-20px;
	font-size: 40px;
	color: #666666;
}
#navigation_sub .navi_sub_area .navi_sub_ul.lan5 > li {width:16%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan8 > li {width:20%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan8 {width:1200px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan4 {width:920px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan4 > li {width:25%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan3 {width:615px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan3 > li {width:33.33%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan2 {width:410px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan2 > li {width:50%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan1 {width:205px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan1 > li {width:205px;}

#navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3 {width:615px;}
#navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3 > li {width:33.33%;}
#navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3 > li.expend {width:33.33%;}
#navigation_sub .navi_sub_area .navi_sub_ul{font-size: 0;letter-spacing: 0;word-spacing: 0;text-align: center;}
#navigation_sub .navi_sub_area .navi_sub_ul li {width:100%;display:inline-block;position:relative;font-size: 12px;  vertical-align: top;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl {height:50px;overflow:hidden; margin: 0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl.focused {height: 100% !important;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl.focused dd{top: 0 !important;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt {position:relative; background:#055186;z-index:2; height: 50px;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a {display:block;padding:18px 0;text-align:center;font-size:17.5px;color:#ffffff;line-height:14px; font-family: "noto5"; font-weight: 400;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a.active {color:#ffffff;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a:focus {color:#ffffff;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a:hover {color:#ffffff;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a:before {content:'';width:1px;height:18px;position:absolute;right:0;top:17px;background:#e3e3e3;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a.last:before {display:none;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt .sub_cursor_box {width:100%;height:8px;position:absolute;left:0;bottom:0px;overflow:hidden;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt .sub_cursor {width:100%;height:7px;position:absolute;left:0;bottom:-8px;border-bottom:5px solid #5cbee7; /*background:url('../img/ico_sub_navi_cursor.png') no-repeat center 0;*/}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt .sub_cursor.active {bottom:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd {position:relative;overflow:hidden;z-index:1;top:-250px;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 {overflow:hidden; border-top:0;background:#ffffff;box-sizing:border-box;padding:10px 0; border: 1px solid #e5e5e5; box-shadow: 5px 5px 5px #c8c8c8}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li {box-sizing:border-box;text-align:center;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a {display:inline-block;font-size:13px;color:#555;position:relative;padding:8px 0; font-weight: bold;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a span{display:inline-block;font-size:13px;color:#555;position:relative;padding: 2px 0}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.active {color:#555;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.active span {color:#555;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.active:before {width:100%;left:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.long_nav{font-size: 11px}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:focus {color:#346cab;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:hover {color:#346cab; }

#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline:after {content:'';width:106px;height:1px;background:#e6e6e6;position:absolute;left:30px;top:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline:before {content:'';width:106px;height:1px;background:#e6e6e6;position:absolute;left:30px;bottom:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline {margin:5px 0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline a {padding:13px 0 13px 17px;background:url('/_resource/global_images/ico/ico_bell.png') no-repeat 0 14px;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:before {content:'';width:0;height:1px;position:absolute;left:50%;bottom:7px;background:#346cab;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline a:before {bottom:11px;}

#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:hover:before {width:100%;left:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:focus:before {width:100%;left:0;}


/* contents */
#contents {min-width:1024px;max-width:2000px;/* min-height:1000px;*/ min-height:500px; margin:0 auto;position:relative;padding-top:156px;z-index:1;background:#fff;}

/*#pop_bg {width:100%;height:100%;position:fixed;left:0;top:0;z-index:2;background:url('/_resource/global_images/etc/black_layer.png') repeat 0 0;display:none;}*/
#pop_side_bg {width:100%;height:100%;position:fixed;left:0;top:0;z-index:2;background:rgba(0,0,0,0.5);display:none;}
#pop_side_bg.active {background:rgba(0,0,0,0.5);}

#pop_bg {width:100%;height:100%;position:fixed;left:0;top:0;z-index:2;background:rgba(0,0,0,0.5);display:none;}
#pop_bg.active {background:rgba(0,0,0,0.5);}

.pop_contents_bg {width:100%;height:100%;position:fixed;left:0;top:0;z-index:3;background:rgba(0,0,0,0.5);display:none;}


/* business_center */
.business_center_box {width:100%;background:#fff;position:absolute;left:0;top:75px;z-index:1;display:none;}

/* explosives business_center */
.business_center_box.explosives {padding:55px 0 40px 0;}
.business_center_box.explosives .business_content {width:980px;margin:0 auto;position:relative;overflow:hidden;padding-bottom:25px;}
.business_center_box.explosives .business_content .left_box {width:678px;float:left;border:1px solid #d7d7d7;position:relative;padding:35px 0 36px;height: 178px;}
.business_center_box.explosives .business_content .left_box .link_ul {width:603px;margin:0 auto;overflow:hidden;}
.business_center_box.explosives .business_content .left_box .link_ul li {width:165px;height:177px;float:left;}
.business_center_box.explosives .business_content .left_box .link_ul li.dot {width:54px;background:url('/_resource/explosives/images/center/ico_cursor01.png') no-repeat 30px 50px;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl {overflow:hidden;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt {padding:10px 0 10px 46px;margin-bottom:20px;position:relative;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt:before {content:'';width:115px;height:1px;background:#e0e0e0;position:absolute;right:0;bottom:0;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt.ico01 {background:url('/_resource/explosives/images/center/business_ico01.png') no-repeat 0 10px;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt.ico02 {background:url('/_resource/explosives/images/center/business_ico02.png') no-repeat 0 3px;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt.ico03 {background:url('/_resource/explosives/images/center/business_ico03.png') no-repeat 0 11px;}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt span {display:block;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt .sub_text {font-size:15px;color:#555;line-height:15px;margin-bottom:2px;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt .title_text { -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;font-size:22px;color:#555;font-weight:500;line-height:22px;padding:3px 0;background:url('/_resource/explosives/images/center/btn_more.png') no-repeat right 0;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt a:hover .title_text{background-image:url('/_resource/explosives/images/center/btn_more_on.png');}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dd {position:relative;padding-left:54px;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dd a {font-size:12px;color:#666;line-height:13px;display:block;background:url('/_resource/explosives/images/center/ico_cursor02.png') no-repeat 100px 3px;padding-bottom:10px;}
.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dd a:hover {color:#f27824;background:url('/_resource/explosives/images/center/ico_cursor03.png') no-repeat 100px 3px;}
.business_center_box.explosives .business_content .left_box .mining_service {width:232px;height:48px;padding-left:113px;position:absolute;left:50%;bottom:-24px;margin-left:-172px;background:url('/_resource/explosives/images/center/business_mining.jpg') no-repeat 0 0;font-size:20px;color:#5e5c5a;line-height:50px;}
.business_center_box.explosives .business_content .left_box .mining_service:before {content:'';width:25px;height:25px;background:url('/_resource/explosives/images/center/btn_more.png') no-repeat 0 0;position:absolute;right:33px;top:11px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    transform:rotate(0deg);
}
.business_center_box.explosives .business_content .left_box .mining_service:hover:before {background-image:url('/_resource/explosives/images/center/btn_more_on.png');}
.business_center_box.explosives .business_content .right_box {width:280px;float:left;margin-left:20px;}
.business_center_box.explosives .business_content .right_box .map {  display: block;width:234px;border:1px solid #d7d7d7;padding:22px;  height: 43px;background:url('/_resource/explosives/images/center/map.jpg') no-repeat 145px 15px}
.business_center_box.explosives .business_content .right_box h3 {font-size:19px;color:#565656;font-weight:500;line-height:19px;margin-bottom:5px;}
.business_center_box.explosives .business_content .right_box .btn_locations {display:inline-block;font-size:12px;color:#f27824;padding-right:12px;line-height:12px;background:url('/_resource/explosives/images/center/ico_cursor03.png') no-repeat right 4px;font-weight:bold;}
.business_center_box.explosives .business_content .right_box .info {display: block; width:234px;border:1px solid #d7d7d7;padding:22px;margin-top:20px;  height: 96px;}
.business_center_box.explosives .business_content .right_box .info p {font-size:12px;color:#666;line-height:16px;margin-top:10px;}
.business_center_box.explosives .business_content .right_box .info p span {font-weight:bold;color:#f27824;font-size:13px;margin-right:3px;position:relative;}

/* trade business_center */
.business_center_box.trade {padding:42px 0;}
.business_center_box.trade .link_ul {width:1000px;margin:0 auto;overflow:hidden;  text-align: center;font-size: 0;letter-spacing: 0;word-spacing: 0;}
.business_center_box.trade .link_ul li {display:inline-block;vertical-align: top;  padding: 0 25px 0 25px;  width: 80px;position:relative;background:url('/_resource/trade/images/center/circle_gray.png') no-repeat center top;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.business_center_box.trade .link_ul li.ico01 dt a{background:url('/_resource/trade/images/center/trade_ico01.png') no-repeat center 18px;}
.business_center_box.trade .link_ul li.ico02 dt a{background:url('/_resource/trade/images/center/trade_ico02.png') no-repeat center 20px;}
.business_center_box.trade .link_ul li.ico03 dt a{background:url('/_resource/trade/images/center/trade_ico03.png') no-repeat center 21px;}
.business_center_box.trade .link_ul li.ico04 dt a{background:url('/_resource/trade/images/center/trade_ico04.png') no-repeat center 20px;}
.business_center_box.trade .link_ul li.ico05 dt a{background:url('/_resource/trade/images/center/trade_ico05.png') no-repeat center 20px;}
.business_center_box.trade .link_ul li.ico06 dt a{background:url('/_resource/trade/images/center/trade_ico06.png') no-repeat center 21px;}
.business_center_box.trade .link_ul li.ico07 dt a{background:url('/_resource/trade/images/center/trade_ico07.png') no-repeat center 20px;}

.business_center_box.trade .link_ul li .link_dl {text-align: center;  }
.business_center_box.trade .link_ul li .link_dl dt {position:relative;margin-bottom:10px;white-space: nowrap;}
.business_center_box.trade .link_ul li .link_dl dt a{padding-top: 98px;display: block;}
.business_center_box.trade .link_ul li .link_dl dt .link_btn {-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;display:inline-block;font-size:16px;color:#555;font-weight:500;padding:2px 0; border-bottom: 1px solid #cbcbcb;}
.business_center_box.trade .link_ul li.ico03 dt .link_btn{ margin-left: -11px;}
/*.business_center_box.trade .link_ul li.ico07 dt .link_btn{ margin-left: -17px;}*/

.business_center_box.trade .link_ul li:hover{background-image:url('/_resource/trade/images/center/circle_orange.png')}
.business_center_box.trade .link_ul li:hover .link_dl dt a .link_btn{color:#f27824;border-color:#f27824;}

.business_center_box.trade .link_ul li .link_dl dd {}
.business_center_box.trade .link_ul li .link_dl dd a {height:22px;display:inline-block;padding:0 6px;font-size:12px;color:#666;line-height:24px;position:relative;}
.business_center_box.trade .link_ul li .link_dl dd a:before {content:'';width:5px;height:23px;background:url('/_resource/explosives/images/center/ico_cursor03.png') no-repeat right center;position:absolute;right:0;top:0;z-index:-1;opacity:0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.business_center_box.trade .link_ul li .link_dl dd a:hover{color: #f27824;  padding: 0 12px 0 0px;}
.business_center_box.trade .link_ul li .link_dl dd a:hover:before {z-index:2;opacity:1;}
/* machinery business_center */
.business_center_box.machinery .business_content {width:930px;margin:0 auto;overflow:hidden;}
.business_center_box.machinery .business_content .left_box {width:470px;float:left;}
.business_center_box.machinery .business_content .left_box h3 {font-size:24px;color:#f27824;font-weight:300;line-height:26px;margin-top:30px;}
.business_center_box.machinery .business_content .left_box h3 img {position:relative;left:10px;top:8px;}
.business_center_box.machinery .business_content .left_box .link_ul {overflow:hidden;margin-top:20px;}
.business_center_box.machinery .business_content .left_box .link_ul li {width:100px;float:left;margin:0 60px 25px 0;}
.business_center_box.machinery .business_content .left_box .link_ul li a {display:block;padding-top:105px;font-size:15px;color:#333;text-align:center;}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico01 {background:url('/_resource/machinery/images/center/machinery_ico01.png') no-repeat center 0;}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico02 {background:url('/_resource/machinery/images/center/machinery_ico02.png') no-repeat center 0;}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico03 {background:url('/_resource/machinery/images/center/machinery_ico03.png') no-repeat center 0;}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico04 {background:url('/_resource/machinery/images/center/machinery_ico04.png') no-repeat center 0;}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico05 {background:url('/_resource/machinery/images/center/machinery_ico05.png') no-repeat center 0;}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico06 {background:url('/_resource/machinery/images/center/machinery_ico06.png') no-repeat center 0;}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico01:hover{color:#f27824;background-image:url('/_resource/machinery/images/center/machinery_ico01_on.png');}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico02:hover{color:#f27824;background-image:url('/_resource/machinery/images/center/machinery_ico02_on.png');}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico03:hover{color:#f27824;background-image:url('/_resource/machinery/images/center/machinery_ico03_on.png');}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico04:hover{color:#f27824;background-image:url('/_resource/machinery/images/center/machinery_ico04_on.png');}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico05:hover{color:#f27824;background-image:url('/_resource/machinery/images/center/machinery_ico05_on.png');}
.business_center_box.machinery .business_content .left_box .link_ul li a.ico06:hover{color:#f27824;background-image:url('/_resource/machinery/images/center/machinery_ico06_on.png');}

.business_center_box.machinery .business_content .left_box .link_ul li.last {margin-right:0;}

.business_center_box.machinery .business_content .right_box {width:436px;float:left;padding:0 0 0 23px;border-left:1px solid #eaeaea;}
.business_center_box.machinery .business_content .right_box h4 {position:relative;font-size:15px;color:#333;font-weight:500;text-indent:10px;margin:37px 0 13px 0;}
.business_center_box.machinery .business_content .right_box h4 .btn_more {font-size:11px;color:#f27824;position:absolute;right:0;top:2px;padding-right:18px;font-weight:bold;  line-height: 13px;}
.business_center_box.machinery .business_content .right_box h4 .btn_more:before {content:'';width:13px;height:13px;position:absolute;right:0;top:1px;background:url('/_resource/machinery/images/center/btn_more.png') no-repeat 0 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transform:rotate(0deg);
}
.business_center_box.machinery .business_content .right_box h4 .btn_more:hover:before {background-image:url('/_resource/machinery/images/center/btn_more_on.png');}
.business_center_box.machinery .business_content .right_box .text_box {width:414px;border:1px solid #f2f2f2;background:#fbfbfb;padding:0 10px 0 13px;margin-bottom:30px;}
.business_center_box.machinery .business_content .right_box .text_box .text_ul {overflow:hidden;padding:4px 0;}
.business_center_box.machinery .business_content .right_box .text_box .text_ul li {padding:8px 0;position:relative;overflow:hidden;}
.business_center_box.machinery .business_content .right_box .text_box .text_ul li .date {width:75px;height:17px;background:#f0f0f0;border-radius:17px;text-align:center;font-size:11px;color:#666;line-height:18px;float:left;margin-right:15px;}
.business_center_box.machinery .business_content .right_box .text_box .text_ul li a {width:320px;display:block;float:left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:12px;color:#666;line-height:17px;}
.business_center_box.machinery .business_content .right_box .text_box .text_ul li a:hover {color:#f27824;}

/* defense business_center */
.business_center_box.defense .business_content {width:941px;margin:0 auto;overflow:hidden;padding:30px 0;}
.business_center_box.defense .business_content .left_box {width:480px;float:left;padding-bottom:26px;}
.business_center_box.defense .business_content .left_box h3 {font-size:24px;color:#f27824;font-weight:300;line-height:26px;}
.business_center_box.defense .business_content .left_box h3 img {position:relative;left:10px;top:8px;}
.business_center_box.defense .business_content .left_box .link_ul {overflow:hidden;margin-top:42px;}
.business_center_box.defense .business_content .left_box .link_ul li {width:108px;height:145px;float:left;}
.business_center_box.defense .business_content .left_box .link_ul li.last {width:140px;}
.business_center_box.defense .business_content .left_box .link_ul li.dot {width:48px;background:url('/_resource/defense/images/center/defense_line.png') no-repeat center 50px;}
.business_center_box.defense .business_content .left_box .link_ul li a {display:block;padding-top:128px;font-size:14px;color:#333;line-height:15px;letter-spacing:-1px;text-align:center;}
.business_center_box.defense .business_content .left_box .link_ul li a.ico01 {background:url('/_resource/defense/images/center/defense_ico01.png') no-repeat 0 0;}
.business_center_box.defense .business_content .left_box .link_ul li a.ico02 {background:url('/_resource/defense/images/center/defense_ico02.png') no-repeat 0 0;}
.business_center_box.defense .business_content .left_box .link_ul li a.ico03 {background:url('/_resource/defense/images/center/defense_ico03.png') no-repeat center 0;}
.business_center_box.defense .business_content .left_box .link_ul li a.ico01:hover {color:#f27824;background-image:url('/_resource/defense/images/center/defense_ico01_on.png');}
.business_center_box.defense .business_content .left_box .link_ul li a.ico02:hover {color:#f27824;background-image:url('/_resource/defense/images/center/defense_ico02_on.png');}
.business_center_box.defense .business_content .left_box .link_ul li a.ico03:hover {color:#f27824;background-image:url('/_resource/defense/images/center/defense_ico03_on.png');}

.business_center_box.defense .business_content .left_box .link_ul li.last a {width:140px;margin-left:-14px;}

.business_center_box.defense .business_content .right_box {width:412px;float:left;padding-left:47px;border-left:1px solid #eaeaea;}
.business_center_box.defense .business_content .right_box .btn_more {  line-height: 1;display: inline-block;font-size:19px;color:#666;position:relative;left:0;top:0;padding-right:29px;font-weight:300;}
.business_center_box.defense .business_content .right_box .btn_more:before {content:'';width:19px;height:19px;position:absolute;right:0;top:0;background:url('/_resource/defense/images/center/btn_more.png') no-repeat 0 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transform:rotate(0deg);
}

.business_center_box.defense .business_content .right_box .thumb_box:hover .btn_more:before {background-image:url('/_resource/defense/images/center/btn_more_on.png');}
.business_center_box.defense .business_content .right_box .thumb_box {  display: block;width:371px;padding:20px;border:1px solid #d7d7d7;overflow:hidden;margin-bottom:19px;}
.business_center_box.defense .business_content .right_box .thumb_box.last {margin-bottom:0;}
.business_center_box.defense .business_content .right_box .thumb_box .img_box {width:61px;float:left;}
.business_center_box.defense .business_content .right_box .thumb_box .text_box {width:290px;float:left;padding-left:20px;}
.business_center_box.defense .business_content .right_box .thumb_box .text_box p {font-size:12px;color:#666;line-height:18px;margin-top:6px;}



    /* footer */
#footer {}
#top_move{width: 100%;position:relative;z-index:1;}
#top_move .inner{max-width: 1900px;width: 100%;position: relative;}
#top_move .inner a{  display: block; width: 50px;height: 50px; background: #fff url('/_resource/global_images/ico/ico_arrow_top.png') no-repeat center 10px;line-height: 6; border: 1px solid #e0e0e0; position: absolute;right: 20px; bottom: 25px;z-index:10;}

/* breadcrumb */
.breadcrumb {overflow: hidden;  z-index: 1;position: relative;padding-right: 27px;}
.breadcrumb ul {float: right; padding-top: 20px;}
.breadcrumb ul li {float: left;padding: 0 12px;position: relative;}
.breadcrumb ul li a{   font-size: 11px;display: block;  line-height: 21px;color: #666;}
.breadcrumb ul li.home a { background: url("/_resource/global_images/ico/ico_home.png") 50% 50% no-repeat;text-indent: -999em;overflow: hidden;width: 12px;height: 20px;}
.breadcrumb ul li:before { content: '>'; position: absolute;left: -10px; top: 0;background: url("/_resource/global_images/ico/ico_gt.png") 50% 7px no-repeat;display: block;text-indent: -999em;overflow: hidden;width: 20px;height: 20px;}
.breadcrumb ul li:first-child:before {content:none;}
.breadcrumb ul li.active a{border-bottom: 1px solid #666;}


.breadcrumb.white ul li a{color: #fff;}
.breadcrumb.white ul li.home a{ background-image: url("/_resource/global_images/ico/ico_home_w.png");}
.breadcrumb.white ul li:before { background-image: url("/_resource/global_images/ico/ico_gt_w.png");}
.breadcrumb.white ul li.active a{border-color:#fff;}

.mot2 {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.mot3 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mot3Delay {
    -webkit-transition: all 0.3s ease-out 0.2s;
    -moz-transition: all 0.3s ease-out 0.2s;
    -o-transition: all 0.3s ease-out 0.2s;
    transition: all 0.3s ease-out 0.2s;
}

.mot4 {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mot5 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.mot6 {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

/**/
.sub_top {background-color: #000;text-align: center;height: 196px;z-index:2; position: relative; width:100%; overflow:hidden;}
.sub_top .inner{max-width: 2000px;}
.sub_top .inner > p {font-size: 14px;line-height: 1.8;color: #fff;font-weight: 500;margin-top: -6px;}
.sub_top .inner > h2 {font-size: 24px;color: #fff;font-weight: 300;line-height: 1; margin-top: 10px; letter-spacing: -2px; font-weight: 500;}
.sub_top .inner > h2.en_font1{letter-spacing: 0.5px;}
.sub_top .hr_line{border-color:#fff;}
.sub_top.white{background-color: #fff;}
.sub_top.white .inner > p {color:#333;}
.sub_top.white .inner > h2 {color:#333;}
.sub_top.white .inner > h2.en_font1{letter-spacing: 0.5px;}
.sub_top.white .hr_line{border-color:#f27824;}
.hr_line {display: block;width: 10px; margin: 0 auto; border-top: 2px solid red;}
.s_hr_line {display: block;width: 10px; margin: 15px 0; border-top: 1px solid #bfbfbf;}
.hr_line.orange{border-color:#f27824;}
.hr_line.white{border-color:#fff;}
.hr_line.black{border-color:#000;}
.hr_line.gray{border-color:#8d8d8d;}
.s_hr_line.orange{border-color:#f27824;}

.clear_line{position: absolute;bottom: 0;left:0; width: 100%;height: 1px;display: block;clear: both;background-color: #ececec;}
.clear{clear: both;}
.btn{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s; transition: all 0.2s;}
.inner_2{max-width: 1000px;margin: 0 auto;text-align: center;}

.section{background-color: #fff;}
.inner_content{}

.section{position: relative;margin: 0 auto;width: 100%;max-width: 2000px;overflow: hidden;}
.section .inner{position: relative;top:0;padding: 35px 0;}
.section .inner > h2{font-size: 30px;font-weight:300;line-height: 1;color: #333;  padding-top: 35px;padding-bottom: 10px;letter-spacing:-2px;}
.section .inner > h2.white{color: #fff;}
.section .inner > h3{font-size: 22px;font-weight: 400;line-height: 1;color: #333;padding-top: 15px;padding-bottom: 15px;}
.section .inner > h4{font-size: 16px;font-weight: 600;color: #333;}
.section .inner > h5{font-size: 14px;font-weight: 500;color: #666;padding-bottom: 15px;}
.section .inner > p{font-size: 14px;font-weight: 400;line-height: 1.8;color: #666;}
.section .inner > p.white{font-weight: 300;color: #fff;}

.irtext{  position: absolute;top: 0;left: 0;font-size: 0;}
.irtext > *{  position: absolute;top: 0;left: 0;font-size: 0;}

#sub_main_dimmed {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:999;}

#email_domain {
    display: none;
    position: absolute;
    top: 0;
    left: 186px;
    width: 133px;
    border: 1px solid #ccc;
}


/*-------- footer > SITEMAP --------*/
.sitemap_area{height: 147px}
.sub_top.sitemap_area .inner > h2.en_font1{font-weight: 500;}
.inner_content.sitemap_content{padding-bottom: 80px;  padding-top: 0; background: #ffffff;}
.sitemap_content .sitemap_title a,.sitemap_content .sitemap_title {font-size: 14px;color: #333;  line-height: 1;  display: block;}
.sitemap_content .sitemap_title a.en_font1{font-size: 16px}
.sitemap_content .sitemap_title a{  padding: 18px 0 18px 20px;}
.sitemap_content .sitemap_title a:hover{color: #f27824;}
.sitemap_content .sitemap_cnt1 .sitemap_title{background:  url("/_resource/hanwha/images/circle_orange.png") no-repeat 130px 16px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;height: 48px;margin-bottom: 20px;}
.sitemap_content .sitemap_cnt1>ul{font-size: 0;letter-spacing: 0;word-spacing: 0;}
.sitemap_content .sitemap_cnt1>ul>li{width: 166px;position:relative;display: inline-block;vertical-align: top;text-align: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; margin-left: 0}
.sitemap_content .sitemap_cnt1>ul>li:first-child{margin-left: 0px}
.sitemap_content .sitemap_cnt1>ul>li:before{ content: "";position: absolute;width: 2px;height: 25px;top:14px;left: 0;background: url("/_resource/hanwha/images/line_dash.png") no-repeat center top;  }
.sitemap_content .sitemap_cnt1>ul>li:first-child:before{content: none;}
.sitemap_content .sitemap_cnt1 ul.depth2{  margin-left: 20px;}
.sitemap_content .sitemap_cnt1 ul.depth2>li{margin-bottom: 15px;padding-left: 11px;background: url("/_resource/hanwha/images/orange_list_pointer.png") no-repeat left 7px;}
.sitemap_content .sitemap_cnt1 ul.depth2>li >a{font-size: 14px;color: #333;}
.sitemap_content .sitemap_cnt1 ul.depth2>li > a{}
.sitemap_content .sitemap_cnt1 ul.depth2>li a:hover{color: #f27824;border-bottom: 1px solid #f27824}

.sitemap_content .sitemap_cnt1 ul.depth3{margin-top: 8px;}
.sitemap_content .sitemap_cnt1 ul.depth3>li{margin-bottom: 3px;  padding-left: 11px; position: relative;}
.sitemap_content .sitemap_cnt1 ul.depth3>li:before{content: '';position: absolute;left:0;top:9px;width:6px; height:1px;background-color: #666;}
.sitemap_content .sitemap_cnt1 ul.depth3>li a{font-size: 13px;color: #666666}

.sitemap_content .sitemap_cnt2{text-align: left; border-top: 1px solid #e5e5e5;margin-top: 40px;padding: 20px 0}
.sitemap_content .sitemap_cnt2 .sitemap_title{display: inline-block;padding-left: 5px;position: relative}
.sitemap_content .sitemap_cnt2 .sitemap_title:after{content: "";position: absolute;width: 1px;height:15px;background: #e5e5e5;top: 1px;left: 93px; }
.sitemap_content .sitemap_cnt2 ul{display: inline-block;margin-left: 67px}
.sitemap_content .sitemap_cnt2 ul li{display: inline-block;margin-left: 33px}
.sitemap_content .sitemap_cnt2 ul li:first-child{margin-left: 0px}
.sitemap_content .sitemap_cnt2 ul li a{font-size: 14px ;color: #666}
.sitemap_content .sitemap_cnt2 ul li a:hover{color: #f27824;border-bottom: 1px solid #f27824}



@media all and (max-width:1040px){
    #navigation_sub .navi_sub_area .navi_sub_ul {max-width:816px;}
    #navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt .sub_cursor {border-bottom:2px solid #f27824; bottom:-10px;}

    #navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:before{content: none;}
}

/*
    smart info stock css
*/
#mini_stock {width:160px; padding:0; margin:0; font-family: 'e??e?��e��?e��?', 'NanumGothic', Gothic, Dotum; color:#fff; background:#F47808;}
#mini_stock>#close{ float:left; font-size:16px; font-weight:600; padding-right:10px;}
#mini_stock>#updown{ float:left; width:50px; height:16px; line-height:16px; padding-left:5px; background:#FF9644; border-radius:10px; font-size:11px; margin-top:2px;}
#mini_stock>#updown img {vertical-align: inherit;}


.no_article { font-size:13px; color:#666666; margin-left:45px;  }
/* ktyCss */
.dimd{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;opacity:0.5;display:none}
#mailPopup{border:1px solid #dadada;position:fixed;top:400px;left:50%;margin-left:-150px;width:300px;z-index:9999;background:#fff;display:none}
#mailPopup .mailPopup{position:relative;padding:20px 20px;font-size:16px}

.midline_wrap {width: 1200px; margin: 0 auto; position: relative;}
.midline_banner {position: absolute; right: 0; top: 20px;}
.midline_bg {height: 96px; background-image: url('../img/midline_bg.jpg'); background-repeat: repeat-x;}

/* 3Depth*/
.business_content .section.section_top {margin: 0 auto;background-color: #fff;background-repeat:no-repeat;background-position: center 75px;background-attachment: fixed;}
.business_content .section.section_top .top_bg{background-repeat:no-repeat;background-position: center 75px;background-attachment: fixed; width: 100%;height: 743px;top:-75px; z-index: 0; position: absolute;}

.section .inner > h3.lines {line-height:1.4;}
.business_content .section.section_top .inner {position: relative;background-color: #fff;margin-top: 397px;}
.business_content .section.section_top .inner > p {color: #333;}
.business_content .section.section_business_area.section_product{/*padding-top: 35px*/}
.business_content .section h2 {font-size: 30px;text-align:center;font-weight: 500;line-height: 1;color: #333;  font-family: "buri"; float: left; position: absolute; top:-15px;}
.business_content .section_top .back_container{ overflow: hidden;width: 100%; height: 913px;max-width: 2000px; position: fixed;top:75px;z-index: 0; background: #fff;}
.business_content .section_top .back_container .back_img { top:0px;position: absolute;opacity: 0;visibility: hidden;}
.business_content .section_top .top_white_area{position: absolute; top:671px;height: 100%;background: #fff;width: 100%;}


.business_content .section_business_area .inner{margin-bottom: 80px}
.tab_business_box.active { display: block;}
.tab_business_box {position: relative;margin-top: 30px;display: none;}
.tab_area {border-bottom: 1px solid #e3e3e3;margin-top: 35px;  width: 100%;}
.tab_area .tab_business_area_ul { width: 1200px; margin: 0 auto -3px; overflow: hidden; font-weight: bold; position: relative;}
.tab_area .tab_business_area_ul li { height: 46px; float: right;}


.business_content .tab_area .tab_business_area_ul.tab_items_2 li {width: 499px;}
.business_content .tab_area .tab_business_area_ul.tab_items_3 li {width: 200px;}
/* .business_content .tab_area .tab_business_area_ul.tab_items_4 li {width: 249px;} */
.business_content .tab_area .tab_business_area_ul.tab_items_4 li {width: 200px;}
.business_content .tab_area .tab_business_area_ul.tab_items_5 li {width: 170px;}
.business_content .tab_area .tab_business_area_ul.tab_items_cs li {width: 270px;}

.tab_area .tab_business_area_ul li a {height:44px;display:block;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #e3e3e3;font-size:14px;color:#5c5c5c;line-height:44px;position:relative;letter-spacing:1px;}
.tab_area .tab_business_area_ul li a:before {content:'';position:absolute;left:100%;bottom:10px;width:0px;height:20px;background:#e3e3e3;z-index:1;}
.tab_area .tab_business_area_ul li a:after{content: '';position: absolute;right: 0;bottom:0;width: 0px;height: 100%;background-color:#fff;z-index:1;}
.tab_area .tab_business_area_ul li a.last:before {}
.tab_area .tab_business_area_ul li a.active {color:#f27824;border-top:1px solid #f27824;border-bottom:1px solid #fff;}
.tab_area .tab_business_area_ul li a.active:before {display: block; left: 0;bottom:-1px;height: 100%;background-color:#e3e3e3;}
.tab_area .tab_business_area_ul li a.active:after {display: block; bottom:-1px;background-color:#e3e3e3;}
.tab_area .tab_business_area_ul li a:hover {color:#f27824;}


.tab_business_box .img_txt{font-size: 14px;color: #666666;line-height: 1.8;margin: 40px 20px;text-align: left}
.section_business_area .inner .tab_business_box dt{font-size: 18px;color:#f27824;display: inline-block;width: 200px;vertical-align: top;}
.section_business_area .inner .tab_business_box dd{display: inline-block}
.section_business_area .inner .tab_business_box dl{border-top: 1px solid #d1d1d1;text-align: left}
.section_business_area .inner .tab_business_box dl.dl_box1{padding: 50px 20px}
.section_business_area .inner .tab_business_box dl.dl_box2{position: relative;padding:45px 20px;vertical-align: top}
.section_business_area .inner .tab_business_box dl .dt_area1{margin-bottom:32px;position:relative;}
.section_business_area .inner .tab_business_box dd>p{display: inline-block}
.section_business_area .inner .tab_business_box dl.dl_box1 dd>p{font-size: 18px;color:#4e4e4e;margin-left: 40px}
.section_business_area .inner .tab_business_box dl.dl_box1 dd>p:first-child{margin-left: 0px}
.section_business_area .inner .tab_business_box dl.dl_box2 dd>p{font-size: 14px;color:#666666;vertical-align: top}
.section_business_area .inner .tab_business_box dl.dl_box2 dd>p span{color:#666666;margin-right: 10px;display: inline-block;vertical-align: top}
.section_business_area .inner .tab_business_box dl.dl_box2 dd>p span:first-child{color:#333333}
.section_business_area .inner .tab_business_box p.dd_area1{width: 288px;}
.section_business_area .inner .tab_business_box p.dd_area2{width: 270px;}
.section_business_area .inner .tab_business_box dl.dl_box1 em{font-size:13px }
.section_business_area .inner .tab_business_box dl.dl_box2 a{position:absolute;top:60px;text-align:center;right:20px;display: inline-block;width: 103px;font-size: 12px;height: 21px;line-height: 21px;color:#f27824;border-radius: 10px;border: 1px solid #f27824}
.section_business_area .inner .tab_business_box dl.dl_box2 a:hover, .section_business_area .inner .tab_business_box dl.dl_box2 a:focus{color: #ffffff;background: #f27824}
.section_business_area .inner .tab_business_box dl.dl_box2 .dt_area1 a{bottom:0;top:inherit;}

.section_business_area .inner .tab_business_box.tab3_box dl.dl_box1 dd>p, .section_business_area .inner .tab_business_box.tab5_box dl.dl_box1 dd>p{margin-left: 25px}
.section_business_area .inner .tab_business_box.tab3_box dl.dl_box1 dd>p:first-child, .section_business_area .inner .tab_business_box.tab5_box dl.dl_box1 dd>p:first-child{margin-left: 0}
.section_business_area .inner .tab_business_box.tab5_box dl .dt_area1{margin-bottom:15px }
.section_business_area .inner .tab_business_box.tab5_box dl .dt_area2{margin-bottom:15px }


.business_content.area5_1 .section_business_area .inner .tab_business_box.tab_box2 .dl_box1 dd>p{margin-left: 32px}
.business_content.area5_1 .section_business_area .inner .tab_business_box.tab_box2 .dl_box1 dd>p:first-child{margin-left: 0}

.business_content.area6_1 .section_business_area .inner .tab_business_box dl.dl_box1 dd>p{margin-left: 35px}
.business_content.area6_1 .section_business_area .inner .tab_business_box dl.dl_box1 dd>p:first-child{margin-left: 0}

.business_content.area7_1 .section_business_area .inner .tab_business_box{margin-top: 0}

.checkbox, .radio {margin-bottom:0px;}
.modal-dialog-graph {width:100%;}


.subsidiary_area {min-width:1024px;position:relative;background:#fff;padding-top:50px;}
.modal_tab_ul {width:1000px;overflow:hidden;margin:40px auto 0;}
.modal_tab_ul li {width:50%;height:45px;float:left;position:relative;margin-right:-1px;}
.modal_tab_ul li.last {width:200px;}
.modal_tab_ul li a {display:block;font-size:14px;color:#333;line-height:43px;text-align:center;border:1px solid #dbdbdb;position:relative;}
.modal_tab_ul li a:after {width:100%;height:2px;content:'';position:absolute;left:0;top:-1px;background:#f27824;opacity:0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.modal_tab_ul li a:hover {color:#f27824;}
.modal_tab_ul li a.active {color:#f27824;}
.modal_tab_ul li a.active:after {opacity:1;}

.modal_box {display:none;position:relative;padding-bottom:80px;}
.modal_box.active {display:block;}
.modal_box .img_box {margin-top:40px;}
.modal_box .modal_detail_box {overflow:hidden;margin-top:40px;text-align:left;}
.modal_box .modal_detail_box .left_box {width:550px;padding-right:40px;border-right:1px solid #ebebeb;float:left;}
.modal_box .modal_detail_box .left_box h3 {font-size:26px;color:#f27824;line-height:32px;font-weight:500;margin-bottom:12px; letter-spacing: -2px;}
.modal_box .modal_detail_box .left_box p {font-size:13px;color:#333;line-height:25px;padding-bottom:25px;border-bottom:1px solid #ebebeb;}
.modal_box .modal_detail_box .left_box .detail_dl {overflow:hidden;margin-top:25px;}
.modal_box .modal_detail_box .left_box .detail_dl dt {width:60px;float:left;padding-left:30px;position:relative;font-size:12px;color:#333;margin-bottom:20px;}
.modal_box .modal_detail_box .left_box .detail_dl dt:before {content:'';width:1px;height:10px;position:absolute;right:0;top:3px;background:#d9d9d9;}
.modal_box .modal_detail_box .left_box .detail_dl dt.ico01 {background:url('/_resource/hanwha/images/hanwha/subsidiary/ico_company.png') no-repeat 5px 1px;}
.modal_box .modal_detail_box .left_box .detail_dl dt.ico02 {background:url('/_resource/hanwha/images/hanwha/subsidiary/ico_ceo.png') no-repeat 5px 1px;}
.modal_box .modal_detail_box .left_box .detail_dl dt.ico03 {background:url('/_resource/hanwha/images/hanwha/subsidiary/ico_business.png') no-repeat 5px 1px;}
.modal_box .modal_detail_box .left_box .detail_dl dt.ico04 {background:url('/_resource/hanwha/images/hanwha/subsidiary/ico_home.png') no-repeat 5px 1px;}
.modal_box .modal_detail_box .left_box .detail_dl dd {width:440px;padding-left:15px;float:left;margin-bottom:20px;font-size:13px;color:#666;}
.modal_box .modal_detail_box .left_box .detail_dl dd a {text-decoration:underline;color:#666;}
.modal_box .modal_detail_box .left_box .detail_dl dd a:hover {color:#f27824;}
.modal_box .modal_detail_box .right_box {width:369px;padding-left:40px;float:left;}
.modal_box .modal_detail_box .right_box h4 {position:relative;font-size:18px;color:#333;line-height:20px;overflow:hidden;margin-bottom:20px;}
.modal_box .modal_detail_box .right_box h4 span {float:right;font-size:12px;color:#666;}
.modal_box .modal_detail_box .right_box table {width:100%;}
.modal_box .modal_detail_box .right_box table.mt30 {margin:30px 0 20px 0;}
.modal_box .modal_detail_box .right_box table th {border-top:1px solid #848484;border-bottom:1px solid #e8e8e8;background:#f9f9f9;padding:8px 10px;text-align:center;font-size:12px;color:#666;}
.modal_box .modal_detail_box .right_box table th.center {font-size:13px;color:#333;}
.modal_box .modal_detail_box .right_box table th.title {text-align:left;}
.modal_box .modal_detail_box .right_box table th.last {border-bottom:1px solid #848484;}
.modal_box .modal_detail_box .right_box table td {padding:8px 10px;border-bottom:1px solid #e8e8e8;text-align:center;font-size:12px;color:#666;}
.modal_box .modal_detail_box .right_box table td.bg {background:#f7f3f1;}
.modal_box .modal_detail_box .right_box table td.title {text-align:left;}
.modal_box .modal_detail_box .right_box table td.center {border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.modal_box .modal_detail_box .right_box table td+td {text-align:right;}
.modal_box .modal_detail_box .right_box table td+td+td {text-align:right;}
.modal_box .modal_detail_box .right_box .dot {padding-left:30px;background:url("/_resource/machinery/images/business/orange_list_pointer.png") no-repeat 18px 5px;font-size:11px;color:#666;line-height:15px;margin:5px 0;}

.modal_box .modal_detail_box.border_right .left_box {border-right:none;}
.modal_box .modal_detail_box.border_right .right_box {border-left:1px solid #ebebeb;}

select::-ms-expand {
   display: none;            /* ȭ��ǥ ��ֱ� for IE10, 11*/
}

.hidden {display: none!important;}

.sortedColumnHeader > div{
 text-decoration : underline;
color : #004E66;
}

/* �����޶�������  */
.guaranteeProcess { margin-bottom: 0px;}

.guaranteeProcess h5 {
	font-size: 15px;
	color: #00b278;
	font-weight: bold;
	font-family: "noto";
	border: 1px solid #09a56d;
	padding: 15px 33px 15px 45px;
	box-sizing: border-box;
	margin-bottom: 3px;
}

.guaranteeProcess h5.type01 { color: #098fdb; border: 1px solid #1698e2;  }
.guaranteeProcess table {border-collapse: separate;border-spacing: 0px 7px; border: 0px;}
.guaranteeProcess table tr th {
	position: relative;
	background: #e6eff3;
	width:300px;
	padding: 20px 20px 20px 33px;
	color: #333;
	font-size: 13px;
	font-family: "noto";
	text-align: left;
	font-weight: 100!important;
}

.guaranteeProcess table tr th.header { background: #346cab; color: #fff; text-shadow:1px 1px 1px #333;}
.guaranteeProcess table tr th span {  margin-right: 7px; font-weight: 500; }
.guaranteeProcess table tr th strong { float: left; }
.guaranteeProcess table tr th .bgTail { position: absolute; bottom: 0; left: 0; display: block; width: 7px; margin-bottom: -7px; }

.guaranteeProcess table tr td {
	border: 1px solid #e1e2e2;
	border-left: 0;
	padding: 20px;
	background: #fff;
	color: #333;
	font-family: "noto", sans-serif;
	font-weight: 400;
}
.guaranteeProcess table.type03 tr th {width:220px; padding:20px 10px 20px 20px; box-sizing:border-box;font-size:14px;}
.guaranteeProcess table.type03 tr th.body02 { background: #eff0f0; }
.guaranteeProcess table.type03 tr th.tail { background: #09a56d; color:#fff; text-shadow:1px 1px 1px #333;}

#Map { cursor: pointer; }




/* error�������߰� */


#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 710px;
  /* width: 100%; */
  padding-left: 190px;
  line-height: 1.4;
}

.notfound .notfound-404 {
  position: absolute;
  left: 0;
  top: 15px;
  width: 200px;
  height: 150px;
}

.notfound .notfound-404 h1 {
  font-family: 'Passion One', cursive;
  color: #346cab;
  font-size: 170px;
  letter-spacing: 12px;
  margin: 0px;
  font-weight: 900;
  position: absolute;
  /* left: 50%; */
  top: 50%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.notfound h2 {
  font-family: 'Raleway', sans-serif;
  color: #292929;
  font-size: 30px;
    font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}

.notfound p {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 15px;
  color: #333;
}

.notfound a {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  background: #fff;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 40px;
  color: #292929;
  font-weight: 700;
  -webkit-box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound a:hover {
  color: #fff;
  background-color: #346cab;
}

@media only screen and (max-width: 480px) {
  .notfound {
    text-align: center;
  }
  .notfound .notfound-404 {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
  }
  .notfound {
    padding-left: 15px;
    padding-right: 15px;
  }
}


/* error�������߰� */



/* ��� */
 .loader {
  position: relative;
  width: 2.5em;
  height: 2.5em;
  transform: rotate(165deg);
}
.loader:before, .loader:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
  transform: translate(-50%, -50%);
}
.loader:before {
  animation: before 2s infinite;
}
.loader:after {
  animation: after 2s infinite;
}

@keyframes before {
  0% {
    width: 0.5em;
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
  }
  35% {
    width: 2.5em;
    box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
  }
  70% {
    width: 0.5em;
    box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
  }
  100% {
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
  }
}
@keyframes after {
  0% {
    height: 0.5em;
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
  }
  35% {
    height: 2.5em;
    box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
  }
  70% {
    height: 0.5em;
    box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
  }
  100% {
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
  }
}
/**
 * Attempt to center the whole thing!
 */
html,
body {
  height: 100%;
}

.loader {
  position: absolute;
  top: calc(50% - 1.25em);
  left: calc(50% - 1.25em);
/* ��� */
}

.btn-bitbucket{
	padding : 9px 12px;
}



.cd-product-wrapper {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  width: 100%;
  /* max-width: 450px; */
}
.cd-product-wrapper > img {
  display: block;
}

.cd-single-point {
  position: absolute;
  border-radius: 50%;
}
.cd-single-point > a {
  position: relative;
  z-index: 2;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: inherit;
  background: #d95353;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-single-point > a::after, .cd-single-point > a:before {
  /* rotating plus icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.cd-single-point > a::after {
  height: 2px;
  width: 12px;
}
.cd-single-point > a::before {
  height: 12px;
  width: 2px;
}
.cd-single-point::after {
  /* this is used to create the pulse animation */
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  background-color: transparent;
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}
.cd-single-point.point1:nth-of-type(1) {
  top: 24%;
  left: 69%;
}
.cd-single-point.point1:nth-of-type(2) {
  top: 40%;
  right: 49%;
}
.cd-single-point.point1:nth-of-type(3) {
  bottom: 6%;
  left: 37%;
}
.cd-single-point.point2:nth-of-type(1) {
  top: 13%;
  left: 32%;
}
.cd-single-point.point2:nth-of-type(2) {
  top: 47%;
  left: 33%;
}
.cd-single-point.point2:nth-of-type(3) {
  top: 55%;
  left: 29%;
}
.cd-single-point.point2:nth-of-type(4) {
  top: 71%;
  left: 27%;
}
.cd-single-point.point2:nth-of-type(5) {
  top: 86.5%;
  left: 76%;
}
.cd-single-point.point3:nth-of-type(1) {
  top: 41%;
  left: 50%;
}
.cd-single-point.point3:nth-of-type(2) {
  top: 87%;
  left: 59%;
}
.cd-single-point.point4:nth-of-type(1) {
  top: 31.5%;
  left: 21%;
}
.cd-single-point.point4:nth-of-type(2) {
  top: 84%;
  left: 58%;
}
.cd-single-point.point5:nth-of-type(1) {
  top: 48%;
  left: 86%;
}
.cd-single-point.point5:nth-of-type(2) {
  top: 48%;
  left: 43%;
}
.cd-single-point.point5:nth-of-type(3) {
  top: 48%;
  left: 62%;
}
.cd-single-point.point5:nth-of-type(4) {
  top: 48%;
  left: 77%;
}
.cd-single-point.point6:nth-of-type(1) {
  top: 19%;
  left: 70%;
}
.cd-single-point.point6:nth-of-type(2) {
  top: 34%;
  left: 34%;
}
.cd-single-point.point6:nth-of-type(3) {
  top: 87%;
  left: 37%;
}
.cd-single-point.is-open > a {
  background-color: #475f74;
}
.cd-single-point.is-open > a::after, .cd-single-point.is-open > a::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.cd-single-point.is-open::after {
  /* remove pulse effect */
  display: none;
}
.cd-single-point.is-open .cd-more-info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point.visited > a {
  background-color: #475f74;
}
.cd-single-point.visited::after {
  /* pulse effect no more active on visited elements */
  display: none;
}
@media only screen and (min-width: 600px) {
  .cd-single-point.is-open .cd-more-info.cd-left {
    right: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-right {
    left: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-top {
    bottom: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-bottom {
    top: 140%;
  }
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  100% {
    -webkit-transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  100% {
    -moz-transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  100% {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
  }
}
.cd-single-point .cd-more-info {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  text-align: left;
  line-height: 1.5;
  background-color: rgba(71, 95, 116, 0.95);
  padding: 2em 1em 1em;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point .cd-more-info::before {
  /* triangle next to the interest point description - hidden on mobile */
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  display: none;
  border: 8px solid transparent;
}
.cd-single-point .cd-more-info h2 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 10px;
}
.cd-single-point .cd-more-info p {
  color: #ffffff;
}
@media only screen and (min-width: 600px) {
  .cd-single-point .cd-more-info {
    position: absolute;
    width: 300px;
    height: auto;
    padding: 1em;
    overflow-y: visible;
    line-height: 1.4;
    border-radius: 0.25em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  .cd-single-point .cd-more-info::before {
    display: block;
  }
  .cd-single-point .cd-more-info.cd-left, .cd-single-point .cd-more-info.cd-right {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-point .cd-more-info.cd-left::before, .cd-single-point .cd-more-info.cd-right::before {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-point .cd-more-info.cd-left {
    right: 160%;
    left: auto;
  }
  .cd-single-point .cd-more-info.cd-left::before {
    border-left-color:  rgba(71, 95, 116, 0.95);;
    left: 100%;
  }
  .cd-single-point .cd-more-info.cd-right {
    left: 160%;
  }
  .cd-single-point .cd-more-info.cd-right::before {
    border-right-color:  rgba(71, 95, 116, 0.95);;
    right: 100%;
  }
  .cd-single-point .cd-more-info.cd-top, .cd-single-point .cd-more-info.cd-bottom {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-point .cd-more-info.cd-top::before, .cd-single-point .cd-more-info.cd-bottom::before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-point .cd-more-info.cd-top {
    bottom: 160%;
    top: auto;
  }
  .cd-single-point .cd-more-info.cd-top::before {
    border-top-color: rgba(71, 95, 116, 0.95);
    top: 100%;
  }
  .cd-single-point .cd-more-info.cd-bottom {
    top: 160%;
  }
  .cd-single-point .cd-more-info.cd-bottom::before {
    border-bottom-color: rgba(71, 95, 116, 0.95);
    bottom: 100%;
  }
  .cd-single-point .cd-more-info h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .cd-single-point .cd-more-info p {
    font-size: 14px;
	line-height: 23px;
  }
}

/* close the interest point description - only on mobile */
.cd-close-info {
  position: fixed;
  top: 0;
  right: 0;
  height: 44px;
  width: 44px;
}
.cd-close-info::after, .cd-close-info:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background-color: #475f74;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.cd-close-info::after {
  height: 2px;
  width: 16px;
}
.cd-close-info::before {
  height: 16px;
  width: 2px;
}
@media only screen and (min-width: 600px) {
  .cd-close-info {
    display: none;
  }
}

.cd-img-replace {
  /* replace text with background images */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.modal-lg{width:1012px}

/* 3�� ���� */

.link_desc {background:linear-gradient(to right, rgba(255,255,255,0) 50%, #fff25b 50%); background-size:200%; transition: .35s; font-size:13px; color:#346cab;float:right;}
.link_desc:hover {background-position: -100% 0;}

.noto {font-family:'noto'!important;}
.noto5 {font-family:'noto5';}
.noto7 {font-family:'noto7';}


.popover
{filter: drop-shadow(2px 2px 2px #eaeaea); font-size: 12px;}

.popover-footer {
    padding: 4px;
    background-color: #fbfbfb;
    text-align: right;
    border-top: 1px solid #ebebeb;
	border-radius: 0 0 5px 5px;}
.popover-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 4px;
}
.popover.top-right > .arrow, .popover.bottom-right > .arrow { 
    left: 90%;
}

.popover-title, .popover-content {padding:15px;}

.analysis_wrap {height:280px; background-color:#f2f2f2; box-shadow: 0px 5px 10px #e2e2e2; border-bottom:1px solid #e2e2e2; width:100%; margin-bottom:20px;}
.analysis_inner {width:1200px; margin:9px auto 0;  height:100%;  padding:36px 0;}
.analysis_inner .inner_1st {float:left;}
.analysis_inner .inner_2nd {float:left; padding:15px 30px 0 45px; border-right: 1px solid #c8c8c8; }
.analysis_inner .inner_3rd {float:left; padding:15px 0 0 30px;  width: 500px; color: #333;}
.analysis_inner .inner_3rd p{line-height: 20px;  height: 120px;}
.analysis_inner .inner_title {width:350px; font-size:30px; font-family: 'noto5'; margin: 20px 0 20px 0; color:#333; line-height:35px; word-break:keep-all;}
.analysis_inner .orange_bar {background:#f15822; width: 60px; height: 2px;   }
.analysis_inner .inner_date {margin: 20px 0 0 0; }
.inner_3rd .btn {font-size: 14px; font-family: 'noto5';color: #333;}
.inner_3rd .btn + .btn {margin-left: 15px;}



.grade_wrap {margin: 29px auto 30px; border: 2px solid #346cab; border-radius: 4px; background-color: #effaff; padding: 18px 30px; width: 1200px;}
.grade_wrap p{margin: 0;font-size: 12px; font-family: '����'}


/* �����뿪 */
.rns_result_wrap {width:1200px; position: relative; font-size: 13px;}
.rns_result_borad {width: 900px; border-top: 2px solid #67585b; }
.result_board_header {height: 50px; color: #484848; padding: 15px 0; position: relative;}
.result_board_header span {font-family: 'noto5'; color:#346cab;}
.result_board_count {position: absolute; right: 10px; top: 15px;}
.result_wrap {border: 1px solid #e5e6e7; padding: 20px; margin-bottom: 10px;}
/*.result_wrap:hover {background: #f9f9f9;}*/
.result_box {position: relative;}
.result_title {color: #00548e; font-family: 'noto'; font-size: 16px; }
.result_option {font-family: '����'; font-size: 12px;}
.result_option span{  font-weight: bold;}
.result_tag {font-family: "����";}
.result_tag span {padding: 5px 8px; font-size: 11px; border: 1px solid #e5e6e7; background: #fff;}
.result_control {position: absolute; right: 0; bottom: 0;}
.result_control a {margin-right: 10px;}
.result_openbox {padding: 20px 5px 20px 20px;  border: 1px solid #e5e6e7; background: #ffffff;}



.rns_result_sort {position: absolute; border-top: 2px solid #67585b; right: 0; top:0; width: 280px; background: #f7f7f7; text-align: center;}
.result_sort_title {height: 50px; color: #484848; padding: 15px 0; text-align: center; }
.rns_result_sort > .selectBox {width: 250px; text-align: left;margin-bottom: 8px; }
.rns_result_sort button {width: 250px; height: 40px; margin-bottom: 20px;}



/* �����Խ��� ����Ʈ�� �߰� 200624*/
.smap_wrap {background: url("../img/sitemap_2_bg.jpg"); width: 1200px; height: 1346px; position: relative;}
.smap_box {padding-top: 424px; position: absolute; width: 760px; margin-left: -362px; left: 50%;}
.smap_cert {width: 262px; float: left; margin-right: 238px;}
.smap_data {width: 260px; float: left;}
.smap_guide {width: 260px; float: left; margin-left: 250px;}

.smap2_wrap {background: url("../img/sitemap_1_bg.jpg"); width: 1200px; height: 1188px; position: relative;}
.smap2_box {padding-top: 415px; position: absolute; width: 760px; margin-left: -370px; left: 50%;}
.smap_stat {width: 800px; float: left; }



.cert_title, .data_title {text-align: center; color: #ffffff; font-size: 20px;  font-family: 'noto5'; margin-bottom: 20px; margin-top: 39px;}
.cert_title a, .data_title a {color: #ffffff;}
.cert_title:first-child, .data_title:first-child {margin-top: 0px;}

.cert_text, .data_text {text-align: left;  color: #333333; font-size: 15px; font-family: 'noto5';  padding: 5px 10px;}
.cert_color_1, .data_color_1  {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #179fed 50%); background-size: 200%; transition: .35s; padding: 5px 10px;}
.cert_color_2, .data_color_2 {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #00a771 50%); background-size: 200%; transition: .35s; padding: 5px 10px; }
.cert_color_3, .data_color_3 {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #137cbd 50%); background-size: 200%; transition: .35s; padding: 5px 10px;}
.cert_color_4, .data_color_4 {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #80828e 50%); background-size: 200%; transition: .35s; padding: 5px 10px;}
.stat_color_1 {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #179fed 50%); background-size: 200%; transition: .35s; padding: 5px 10px; }
.stat_color_2 {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #00a771 50%); background-size: 200%; transition: .35s; padding: 5px 10px; }
.stat_color_3 {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #137cbd 50%); background-size: 200%; transition: .35s; padding: 5px 10px; }
.stat_color_4 {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #80828e 50%); background-size: 200%; transition: .35s; padding: 5px 10px; }
.stat_color_5 {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #a2d20a 50%); background-size: 200%; transition: .35s; padding: 5px 10px; }

.cert_text a:hover, .data_text a:hover, .stat_text a:hover {background-position: -100% 0; color:#ffffff;}
.stat_text a span{color: #f15822; font-weight: bold; font-size: 13px;}

.stat_wrap {height: 142px; padding: 20px 0; position: relative;}
.stat_title {float: left; text-align: center; color: #ffffff; font-size: 20px;  font-family: 'noto5'; width: 110px; height: 123px; position: absolute; top: 50px;}
.stat_text{text-align: left;  color: #333333; font-size: 15px; font-family: 'noto5';  padding: 5px 10px; margin-left: 170px; line-height: 30px;}



/* �ڵ������� 201201   */

.contentBody h4 span{color:#055186;}
.auto_wrapper {font-family: '����'; font-size:12px; font-weight: bold;}
.auto_box { position: relative;   border: 1px solid #e7eaec; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 2px solid #2e9ac2;   display: inline-block; margin-right: 10px; width: 15.3%; height: 190px;background: #fafafa; text-align: center;     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.auto_box.orange { position: relative; border: 1px solid #f15822; border-top: 2px solid #f15822; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  display: inline-block; margin-right: 10px; width: 15.3%; height: 190px;background: #fafafa; text-align: center;     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.auto_box:last-child {margin-right: 0px;}
.auto_box:hover {border: 1px solid #f58963; border-top: 2px solid #f58963; 	cursor: pointer;-ms-transform: scale(1.01);	-webkit-transform: scale(1.01); -webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.auto_title {color: #32475a; height:45px; border-bottom: 1px solid #e7eaec;  padding-top: 10px; background: #ffffff;}
.auto_body {color: #055186;  padding: 10px; position: absolute; top: 62%; left: 50%; transform: translate(-50%, -50%); line-height: 1.8em; width: 100%;}
/* �ڵ������� 201201 */

/* textarea ���� ó�� 210823*/
div.cont> pre {background: transparent; border: none; background-color: transparent;} 




/* 수철 추가 230920 최종 수정 */
#small-chat {
    position: fixed;
    z-index: 1000;
}
#small-chat .badge {
    position: absolute;
    top: -3px;
    right: -4px;
}
.open-small-chat {
    filter: drop-shadow(2px 2px 2px #999);
}
.small-chat-box {
    display: none;
    position: fixed;
    bottom: 120px;
    right: 40px;
    background: #f8f8f8;
    border: 1px solid #999999;
    width: 197px;
    height: 530px;
    border-radius: 20px;
}
.small-chat-box.active {
    display: block;
}
.small-chat-box {
    z-index: 1001;
}
.nav-link {
    text-align: center;
}
.bs-popover-left {
    margin-right: .8rem
}
.popover-content {
    font-size: 12px;
}
.tabs-container.quick ul li {
    width: 50%;
}
.tabs-container.quick ul li:first-child .nav-link {
    border-top-left-radius: 20px;
    background-color: #eaeaea;
    color: #aeaeae;
    border-bottom: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    border-top-right-radius: 0;
    font-size:14px;
}
.tabs-container.quick ul li:last-child .nav-link {
    border-top-right-radius: 20px;
    background-color: #eaeaea;
    color: #aeaeae;
    border-bottom: 1px solid #aeaeae;
    font-size:14px;
}
.tabs-container.quick ul li:first-child .nav-link.active {
    border-top-left-radius: 20px;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.tabs-container.quick ul li:last-child .nav-link.active {
    border-top-right-radius: 20px;
    border-right: none;
    border-top: none;
}
.tabs-container.quick ul li a {
    height: 50px;
}
.tabs-container.quick .nav-tabs {
    justify-content: space-between;
    border-bottom: 1px solid #f8f8f8;
}
.tabs-container.quick .nav-tabs .nav-link {
    color: #A7B1C2;
    font-weight: 600;
    padding: 12px;
    border-top-left-radius: 0;
    font-size: 14px;
}
.tabs-container.quick .nav-tabs .nav-link.fav.active {
    color: #2a4f8c;
    background-color: #f8f8f8;
    border-right-color: #aeaeae;
    border-top-right-radius: 0;
}
.tabs-container.quick .nav-tabs .nav-link.faq.active {
    color: #3c8f7c;
    background-color: #f8f8f8;
    border-bottom-color: #f8f8f8;
    border-top-left-radius: 0;
    border-left: none;
}
.tabs-container.quick .panel-body {
    background-color: #f8f8f8;
    border-bottom: none;
    height: 478px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border: 0;
    padding: 10px;
}
.tabs-container.quick .tab-content .tab-pane {position: relative;}
.tabs-container.quick .tab-content .tab-pane a {color: #333333;}
.tabs-container.quick .tab-content .tab-pane .panel_close {position: absolute; top: -94px; left:84px; width: 26px; height: 26px;  color: #666; border-radius: 16px; font-size: 30px}

.tabs-container.quick #tab-1 .panel-body {
    background-image: url("../img/faq.png");
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
}
.tabs-container.quick #tab-1 .panel-body .pop_keyword, .tabs-container.quick #tab-2 .panel-body .pop_keyword {position: absolute; bottom:15px; left:36px;}
.tabs-container.quick #tab-2 .panel-body {
    background-image: url("../img/fav.png");
    background-repeat: no-repeat;
    background-position: top;
}
.tabs-container.quick #tab-1 .panel-body ul {
    padding: 0; margin-bottom: 10px;
}
.tabs-container.quick #tab-1 .panel-body ul li {
    width: 170px;
    background-color: #fff;
    color: #2a4f8c;
    margin: 0 0 0 0;
    list-style: none;
    border: 1px solid #c9c9c9;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 5px;
    position: relative;
}
.tabs-container.quick #tab-1 .panel-body ul li a{color:#2a4f8c; }
.tabs-container.quick #tab-1 .panel-body ul li .fav_arrow {opacity: 0;transition: opacity 0.35s ease-in-out; position: absolute; right: 10px; top: 6px; font-size: 14px;}
.tabs-container.quick #tab-1 .panel-body ul li:hover .fav_arrow {opacity: 1;}
.tabs-container.quick #tab-1 .panel-body ul li:hover {border-color: #006aad; font-weight: bold; }
.tabs-container.quick #tab-1 .panel-body p {font-size: 12px; color: #333333; margin: 0}
.tabs-container.quick #tab-2 .panel-body ul {
    padding: 0; margin-bottom: 10px;
}
.tabs-container.quick #tab-2 .panel-body ul li {
    width: 170px;
    background-color: #fff;
    color: #3c8f7c;
    margin: 0 0 0 0;
    list-style: none;
    border: 1px solid #c9c9c9;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 5px;
    position: relative;
}
.tabs-container.quick #tab-2 .panel-body ul li a{color:#3c8f7c; }
.tabs-container.quick #tab-2 .panel-body ul li .fav_arrow {opacity: 0;transition: opacity 0.35s ease-in-out; position: absolute; right: 10px; top: 6px; font-size: 14px;}
.tabs-container.quick #tab-2 .panel-body ul li:hover .fav_arrow {opacity: 1;}
.tabs-container.quick #tab-2 .panel-body ul li:hover {border-color: #3c8f7c; font-weight: bold; }
.tabs-container.quick #tab-2 .panel-body p {font-size: 12px; color: #333333; margin: 0}


/* popover new */
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	line-break: auto
}

.popover.top {
	margin-top: -10px
}

.popover.right {
	margin-left: 10px
}

.popover.bottom {
	margin-top: 10px
}

.popover.left {
	margin-left: -10px
}

.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}

.popover-content {
	padding: 9px 14px;
	font-weight: bold;
}

.popover>.arrow, .popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.popover>.arrow {
	border-width: 11px
}

.popover>.arrow:after {
	content: "";
	border-width: 10px
}

.popover.top>.arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0
}

.popover.top>.arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0
}

.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25);
	border-left-width: 0
}

.popover.right>.arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0
}

.popover.bottom>.arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom>.arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff
}

.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff
}