/* Add here all your CSS customizations */

/* update kkm 2016-03-28*/
#header .header-logo {
	font-size:20px;
}

a {
	color: #333;
}

a:hover {
	color: #333;
}

a:focus {
	color: #333;
}

a:active {
	color: #333;
}

html .heading-primary,
html .lnk-primary,
html .text-color-primary {
	color: #42b448 !important;
}

html .heading.heading-primary h1,
html .heading.heading-primary h2,
html .heading.heading-primary h3,
html .heading.heading-primary h4,
html .heading.heading-primary h5,
html .heading.heading-primary h6 {
	border-color: #42b448;
}

html .heading-secondary,
html .lnk-secondary,
html .text-color-secondary {
	color: #e36159 !important;
}

html .heading.heading-secondary h1,
html .heading.heading-secondary h2,
html .heading.heading-secondary h3,
html .heading.heading-secondary h4,
html .heading.heading-secondary h5,
html .heading.heading-secondary h6 {
	border-color: #e36159;
}

html .heading-tertiary,
html .lnk-tertiary,
html .text-color-tertiary {
	color: #2baab1 !important;
}

html .heading.heading-tertiary h1,
html .heading.heading-tertiary h2,
html .heading.heading-tertiary h3,
html .heading.heading-tertiary h4,
html .heading.heading-tertiary h5,
html .heading.heading-tertiary h6 {
	border-color: #2baab1;
}

html .heading-quaternary,
html .lnk-quaternary,
html .text-color-quaternary {
	color: #383f48 !important;
}

html .heading.heading-quaternary h1,
html .heading.heading-quaternary h2,
html .heading.heading-quaternary h3,
html .heading.heading-quaternary h4,
html .heading.heading-quaternary h5,
html .heading.heading-quaternary h6 {
	border-color: #383f48;
}

html .heading-dark,
html .lnk-dark,
html .text-color-dark {
	color: #2e353e !important;
}

html .heading.heading-dark h1,
html .heading.heading-dark h2,
html .heading.heading-dark h3,
html .heading.heading-dark h4,
html .heading.heading-dark h5,
html .heading.heading-dark h6 {
	border-color: #2e353e;
}

html .heading-light,
html .lnk-light,
html .text-color-light {
	color: #FFF !important;
}

html .heading.heading-light h1,
html .heading.heading-light h2,
html .heading.heading-light h3,
html .heading.heading-light h4,
html .heading.heading-light h5,
html .heading.heading-light h6 {
	border-color: #FFF;
}

html .background-color-primary {
	background-color: #42b448 !important;
}

html .background-color-secondary {
	background-color: #e36159 !important;
}

html .background-color-tertiary {
	background-color: #2baab1 !important;
}

html .background-color-quaternary {
	background-color: #383f48 !important;
}

html .background-color-dark {
	background-color: #2e353e !important;
}

html .background-color-light {
	background-color: #FFF !important;
}

.alternative-font {
	color: #42b448;
}

html .blockquote-primary {
	border-color: #42b448 !important;
}

html .blockquote-secondary {
	border-color: #e36159 !important;
}

html .blockquote-tertiary {
	border-color: #2baab1 !important;
}

html .blockquote-quaternary {
	border-color: #383f48 !important;
}

html .blockquote-dark {
	border-color: #2e353e !important;
}

html .blockquote-light {
	border-color: #FFF !important;
}

p.drop-caps:first-child:first-letter {
	color: #42b448;
}

p.drop-caps.drop-caps-style-2:first-child:first-letter {
	background-color: #42b448;
}

ul.nav-pills > li.active > a {
	background-color: #42b448;
}

ul.nav-pills > li.active > a:hover,
ul.nav-pills > li.active > a:focus {
	background-color: #42b448;
}

html ul.nav-pills-primary a {
	color: #42b448;
}

html ul.nav-pills-primary a:hover {
	color: #50bf56;
}

html ul.nav-pills-primary a:focus {
	color: #50bf56;
}

html ul.nav-pills-primary a:active {
	color: #3ba141;
}

html ul.nav-pills-primary > li.active > a {
	background-color: #42b448;
}

html ul.nav-pills-primary > li.active > a:hover,
html ul.nav-pills-primary > li.active > a:focus {
	background-color: #42b448;
}

html ul.nav-pills-secondary a {
	color: #e36159;
}

html ul.nav-pills-secondary a:hover {
	color: #e7766f;
}

html ul.nav-pills-secondary a:focus {
	color: #e7766f;
}

html ul.nav-pills-secondary a:active {
	color: #df4c43;
}

html ul.nav-pills-secondary > li.active > a {
	background-color: #e36159;
}

html ul.nav-pills-secondary > li.active > a:hover,
html ul.nav-pills-secondary > li.active > a:focus {
	background-color: #e36159;
}

html ul.nav-pills-tertiary a {
	color: #2baab1;
}

html ul.nav-pills-tertiary a:hover {
	color: #30bec6;
}

html ul.nav-pills-tertiary a:focus {
	color: #30bec6;
}

html ul.nav-pills-tertiary a:active {
	color: #26969c;
}

html ul.nav-pills-tertiary > li.active > a {
	background-color: #2baab1;
}

html ul.nav-pills-tertiary > li.active > a:hover,
html ul.nav-pills-tertiary > li.active > a:focus {
	background-color: #2baab1;
}

html ul.nav-pills-quaternary a {
	color: #383f48;
}

html ul.nav-pills-quaternary a:hover {
	color: #434c56;
}

html ul.nav-pills-quaternary a:focus {
	color: #434c56;
}

html ul.nav-pills-quaternary a:active {
	color: #2d323a;
}

html ul.nav-pills-quaternary > li.active > a {
	background-color: #383f48;
}

html ul.nav-pills-quaternary > li.active > a:hover,
html ul.nav-pills-quaternary > li.active > a:focus {
	background-color: #383f48;
}

html ul.nav-pills-dark a {
	color: #2e353e;
}

html ul.nav-pills-dark a:hover {
	color: #39424d;
}

html ul.nav-pills-dark a:focus {
	color: #39424d;
}

html ul.nav-pills-dark a:active {
	color: #23282f;
}

html ul.nav-pills-dark > li.active > a {
	background-color: #2e353e;
}

html ul.nav-pills-dark > li.active > a:hover,
html ul.nav-pills-dark > li.active > a:focus {
	background-color: #2e353e;
}

html ul.nav-pills-light a {
	color: #FFF;
}

html ul.nav-pills-light a:hover {
	color: #ffffff;
}

html ul.nav-pills-light a:focus {
	color: #ffffff;
}

html ul.nav-pills-light a:active {
	color: #f2f2f2;
}

html ul.nav-pills-light > li.active > a {
	background-color: #FFF;
}

html ul.nav-pills-light > li.active > a:hover,
html ul.nav-pills-light > li.active > a:focus {
	background-color: #FFF;
}

.sort-source-wrapper .nav > li.active > a {
	color: #42b448;
}

.sort-source-wrapper .nav > li.active > a:hover,
.sort-source-wrapper .nav > li.active > a:focus {
	color: #42b448;
}

.sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #42b448;
}

html .label-primary {
	background-color: #42b448;
}

html .label-secondary {
	background-color: #e36159;
}

html .label-tertiary {
	background-color: #2baab1;
}

html .label-quaternary {
	background-color: #383f48;
}

html .label-dark {
	background-color: #2e353e;
}

html .label-light {
	background-color: #FFF;
}

.btn-link {
	color: #42b448;
}

.btn-link:hover {
	color: #50bf56;
}

.btn-link:active {
	color: #3ba141;
}

html .btn-primary {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	/*background-color: #42b448;*/
	background-color: #274597;
	/*border-color: #42b448 #42b448 #348f39;*/
	border-color: #274597;
}

html .btn-primary:hover {
	border-color: #50bf56 #50bf56 #3ba141;
	background-color: #50bf56;
}

html .btn-primary:active,
html .btn-primary:focus,
html .btn-primary:active:hover,
html .btn-primary:active:focus {
	border-color: #3ba141 #3ba141 #3ba141;
	background-color: #3ba141;
}

html .btn-primary.dropdown-toggle {
	border-left-color: #3ba141;
}

html .btn-primary[disabled] {
	border-color: #88d48c;
	background-color: #88d48c;
}

html .btn-primary:hover,
html .btn-primary:focus,
html .btn-primary:active:hover,
html .btn-primary:active:focus {
	color: #FFF;
}

html .btn-primary-scale-2 {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #348f39;
	border-color: #348f39 #348f39 #27692a;
}

html .btn-primary-scale-2:hover {
	border-color: #3ba141 #3ba141 #2d7c32;
	background-color: #3ba141;
}

html .btn-primary-scale-2:active,
html .btn-primary-scale-2:focus,
html .btn-primary-scale-2:active:hover,
html .btn-primary-scale-2:active:focus {
	border-color: #2d7c32 #2d7c32 #2d7c32;
	background-color: #2d7c32;
}

html .btn-primary-scale-2.dropdown-toggle {
	border-left-color: #2d7c32;
}

html .btn-primary-scale-2[disabled] {
	border-color: #63c668;
	background-color: #63c668;
}

html .btn-secondary {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e36159;
	border-color: #e36159 #e36159 #dc372d;
}

html .btn-secondary:hover {
	border-color: #e7766f #e7766f #df4c43;
	background-color: #e7766f;
}

html .btn-secondary:active,
html .btn-secondary:focus,
html .btn-secondary:active:hover,
html .btn-secondary:active:focus {
	border-color: #df4c43 #df4c43 #df4c43;
	background-color: #df4c43;
}

html .btn-secondary.dropdown-toggle {
	border-left-color: #df4c43;
}

html .btn-secondary[disabled] {
	border-color: #f2b4b0;
	background-color: #f2b4b0;
}

html .btn-secondary:hover,
html .btn-secondary:focus,
html .btn-secondary:active:hover,
html .btn-secondary:active:focus {
	color: #FFF;
}

html .btn-secondary-scale-2 {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #dc372d;
	border-color: #dc372d #dc372d #b7281f;
}

html .btn-secondary-scale-2:hover {
	border-color: #df4c43 #df4c43 #cd2c23;
	background-color: #df4c43;
}

html .btn-secondary-scale-2:active,
html .btn-secondary-scale-2:focus,
html .btn-secondary-scale-2:active:hover,
html .btn-secondary-scale-2:active:focus {
	border-color: #cd2c23 #cd2c23 #cd2c23;
	background-color: #cd2c23;
}

html .btn-secondary-scale-2.dropdown-toggle {
	border-left-color: #cd2c23;
}

html .btn-secondary-scale-2[disabled] {
	border-color: #ea8b85;
	background-color: #ea8b85;
}

html .btn-tertiary {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2baab1;
	border-color: #2baab1 #2baab1 #218388;
}

html .btn-tertiary:hover {
	border-color: #30bec6 #30bec6 #26969c;
	background-color: #30bec6;
}

html .btn-tertiary:active,
html .btn-tertiary:focus,
html .btn-tertiary:active:hover,
html .btn-tertiary:active:focus {
	border-color: #26969c #26969c #26969c;
	background-color: #26969c;
}

html .btn-tertiary.dropdown-toggle {
	border-left-color: #26969c;
}

html .btn-tertiary[disabled] {
	border-color: #68d4da;
	background-color: #68d4da;
}

html .btn-tertiary:hover,
html .btn-tertiary:focus,
html .btn-tertiary:active:hover,
html .btn-tertiary:active:focus {
	color: #FFF;
}

html .btn-tertiary-scale-2 {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #218388;
	border-color: #218388 #218388 #175b5f;
}

html .btn-tertiary-scale-2:hover {
	border-color: #26969c #26969c #1c6f73;
	background-color: #26969c;
}

html .btn-tertiary-scale-2:active,
html .btn-tertiary-scale-2:focus,
html .btn-tertiary-scale-2:active:hover,
html .btn-tertiary-scale-2:active:focus {
	border-color: #1c6f73 #1c6f73 #1c6f73;
	background-color: #1c6f73;
}

html .btn-tertiary-scale-2.dropdown-toggle {
	border-left-color: #1c6f73;
}

html .btn-tertiary-scale-2[disabled] {
	border-color: #3fc9d0;
	background-color: #3fc9d0;
}

html .btn-quaternary {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #383f48;
	border-color: #383f48 #383f48 #22262b;
}

html .btn-quaternary:hover {
	border-color: #434c56 #434c56 #2d323a;
	background-color: #434c56;
}

html .btn-quaternary:active,
html .btn-quaternary:focus,
html .btn-quaternary:active:hover,
html .btn-quaternary:active:focus {
	border-color: #2d323a #2d323a #2d323a;
	background-color: #2d323a;
}

html .btn-quaternary.dropdown-toggle {
	border-left-color: #2d323a;
}

html .btn-quaternary[disabled] {
	border-color: #657181;
	background-color: #657181;
}

html .btn-quaternary:hover,
html .btn-quaternary:focus,
html .btn-quaternary:active:hover,
html .btn-quaternary:active:focus {
	color: #FFF;
}

html .btn-quaternary-scale-2 {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #22262b;
	border-color: #22262b #22262b #0b0d0f;
}

html .btn-quaternary-scale-2:hover {
	border-color: #2d323a #2d323a #17191d;
	background-color: #2d323a;
}

html .btn-quaternary-scale-2:active,
html .btn-quaternary-scale-2:focus,
html .btn-quaternary-scale-2:active:hover,
html .btn-quaternary-scale-2:active:focus {
	border-color: #17191d #17191d #17191d;
	background-color: #17191d;
}

html .btn-quaternary-scale-2.dropdown-toggle {
	border-left-color: #17191d;
}

html .btn-quaternary-scale-2[disabled] {
	border-color: #4e5865;
	background-color: #4e5865;
}

html .btn-dark {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2e353e;
	border-color: #2e353e #2e353e #181c21;
}

html .btn-dark:hover {
	border-color: #39424d #39424d #23282f;
	background-color: #39424d;
}

html .btn-dark:active,
html .btn-dark:focus,
html .btn-dark:active:hover,
html .btn-dark:active:focus {
	border-color: #23282f #23282f #23282f;
	background-color: #23282f;
}

html .btn-dark.dropdown-toggle {
	border-left-color: #23282f;
}

html .btn-dark[disabled] {
	border-color: #596779;
	background-color: #596779;
}

html .btn-dark:hover,
html .btn-dark:focus,
html .btn-dark:active:hover,
html .btn-dark:active:focus {
	color: #FFF;
}

html .btn-dark-scale-2 {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #181c21;
	border-color: #181c21 #181c21 #030303;
}

html .btn-dark-scale-2:hover {
	border-color: #23282f #23282f #0d0f12;
	background-color: #23282f;
}

html .btn-dark-scale-2:active,
html .btn-dark-scale-2:focus,
html .btn-dark-scale-2:active:hover,
html .btn-dark-scale-2:active:focus {
	border-color: #0d0f12 #0d0f12 #0d0f12;
	background-color: #0d0f12;
}

html .btn-dark-scale-2.dropdown-toggle {
	border-left-color: #0d0f12;
}

html .btn-dark-scale-2[disabled] {
	border-color: #444e5b;
	background-color: #444e5b;
}

html .btn-light {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #FFF;
	border-color: #FFF #FFF #e6e6e6;
}

html .btn-light:hover {
	border-color: #ffffff #ffffff #f2f2f2;
	background-color: #ffffff;
}

html .btn-light:active,
html .btn-light:focus,
html .btn-light:active:hover,
html .btn-light:active:focus {
	border-color: #f2f2f2 #f2f2f2 #f2f2f2;
	background-color: #f2f2f2;
}

html .btn-light.dropdown-toggle {
	border-left-color: #f2f2f2;
}

html .btn-light[disabled] {
	border-color: #ffffff;
	background-color: #ffffff;
}

html .btn-light:hover,
html .btn-light:focus,
html .btn-light:active:hover,
html .btn-light:active:focus {
	color: #777;
}

html .btn-light-scale-2 {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e6e6e6;
	border-color: #e6e6e6 #e6e6e6 #cccccc;
}

html .btn-light-scale-2:hover {
	border-color: #f2f2f2 #f2f2f2 #d9d9d9;
	background-color: #f2f2f2;
}

html .btn-light-scale-2:active,
html .btn-light-scale-2:focus,
html .btn-light-scale-2:active:hover,
html .btn-light-scale-2:active:focus {
	border-color: #d9d9d9 #d9d9d9 #d9d9d9;
	background-color: #d9d9d9;
}

html .btn-light-scale-2.dropdown-toggle {
	border-left-color: #d9d9d9;
}

html .btn-light-scale-2[disabled] {
	border-color: #ffffff;
	background-color: #ffffff;
}

html .btn-borders.btn-primary {
	background: transparent;
	border-color: #42b448;
	color: #42b448;
	text-shadow: none;
}

html .btn-borders.btn-primary:hover,
html .btn-borders.btn-primary:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #42b448;
	border-color: #42b448 #42b448 #348f39;
	border-color: #42b448 !important;
	color: #FFF;
}

html .btn-borders.btn-primary:hover:hover,
html .btn-borders.btn-primary:focus:hover {
	border-color: #50bf56 #50bf56 #3ba141;
	background-color: #50bf56;
}

html .btn-borders.btn-primary:hover:active,
html .btn-borders.btn-primary:focus:active,
html .btn-borders.btn-primary:hover:focus,
html .btn-borders.btn-primary:focus:focus,
html .btn-borders.btn-primary:hover:active:hover,
html .btn-borders.btn-primary:focus:active:hover,
html .btn-borders.btn-primary:hover:active:focus,
html .btn-borders.btn-primary:focus:active:focus {
	border-color: #3ba141 #3ba141 #3ba141;
	background-color: #3ba141;
}

html .btn-borders.btn-primary:hover.dropdown-toggle,
html .btn-borders.btn-primary:focus.dropdown-toggle {
	border-left-color: #3ba141;
}

html .btn-borders.btn-primary:hover[disabled],
html .btn-borders.btn-primary:focus[disabled] {
	border-color: #88d48c;
	background-color: #88d48c;
}

html .btn-borders.btn-secondary {
	background: transparent;
	border-color: #e36159;
	color: #e36159;
	text-shadow: none;
}

html .btn-borders.btn-secondary:hover,
html .btn-borders.btn-secondary:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e36159;
	border-color: #e36159 #e36159 #dc372d;
	border-color: #e36159 !important;
	color: #FFF;
}

html .btn-borders.btn-secondary:hover:hover,
html .btn-borders.btn-secondary:focus:hover {
	border-color: #e7766f #e7766f #df4c43;
	background-color: #e7766f;
}

html .btn-borders.btn-secondary:hover:active,
html .btn-borders.btn-secondary:focus:active,
html .btn-borders.btn-secondary:hover:focus,
html .btn-borders.btn-secondary:focus:focus,
html .btn-borders.btn-secondary:hover:active:hover,
html .btn-borders.btn-secondary:focus:active:hover,
html .btn-borders.btn-secondary:hover:active:focus,
html .btn-borders.btn-secondary:focus:active:focus {
	border-color: #df4c43 #df4c43 #df4c43;
	background-color: #df4c43;
}

html .btn-borders.btn-secondary:hover.dropdown-toggle,
html .btn-borders.btn-secondary:focus.dropdown-toggle {
	border-left-color: #df4c43;
}

html .btn-borders.btn-secondary:hover[disabled],
html .btn-borders.btn-secondary:focus[disabled] {
	border-color: #f2b4b0;
	background-color: #f2b4b0;
}

html .btn-borders.btn-tertiary {
	background: transparent;
	border-color: #2baab1;
	color: #2baab1;
	text-shadow: none;
}

html .btn-borders.btn-tertiary:hover,
html .btn-borders.btn-tertiary:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2baab1;
	border-color: #2baab1 #2baab1 #218388;
	border-color: #2baab1 !important;
	color: #FFF;
}

html .btn-borders.btn-tertiary:hover:hover,
html .btn-borders.btn-tertiary:focus:hover {
	border-color: #30bec6 #30bec6 #26969c;
	background-color: #30bec6;
}

html .btn-borders.btn-tertiary:hover:active,
html .btn-borders.btn-tertiary:focus:active,
html .btn-borders.btn-tertiary:hover:focus,
html .btn-borders.btn-tertiary:focus:focus,
html .btn-borders.btn-tertiary:hover:active:hover,
html .btn-borders.btn-tertiary:focus:active:hover,
html .btn-borders.btn-tertiary:hover:active:focus,
html .btn-borders.btn-tertiary:focus:active:focus {
	border-color: #26969c #26969c #26969c;
	background-color: #26969c;
}

html .btn-borders.btn-tertiary:hover.dropdown-toggle,
html .btn-borders.btn-tertiary:focus.dropdown-toggle {
	border-left-color: #26969c;
}

html .btn-borders.btn-tertiary:hover[disabled],
html .btn-borders.btn-tertiary:focus[disabled] {
	border-color: #68d4da;
	background-color: #68d4da;
}

html .btn-borders.btn-quaternary {
	background: transparent;
	border-color: #383f48;
	color: #383f48;
	text-shadow: none;
}

html .btn-borders.btn-quaternary:hover,
html .btn-borders.btn-quaternary:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #383f48;
	border-color: #383f48 #383f48 #22262b;
	border-color: #383f48 !important;
	color: #FFF;
}

html .btn-borders.btn-quaternary:hover:hover,
html .btn-borders.btn-quaternary:focus:hover {
	border-color: #434c56 #434c56 #2d323a;
	background-color: #434c56;
}

html .btn-borders.btn-quaternary:hover:active,
html .btn-borders.btn-quaternary:focus:active,
html .btn-borders.btn-quaternary:hover:focus,
html .btn-borders.btn-quaternary:focus:focus,
html .btn-borders.btn-quaternary:hover:active:hover,
html .btn-borders.btn-quaternary:focus:active:hover,
html .btn-borders.btn-quaternary:hover:active:focus,
html .btn-borders.btn-quaternary:focus:active:focus {
	border-color: #2d323a #2d323a #2d323a;
	background-color: #2d323a;
}

html .btn-borders.btn-quaternary:hover.dropdown-toggle,
html .btn-borders.btn-quaternary:focus.dropdown-toggle {
	border-left-color: #2d323a;
}

html .btn-borders.btn-quaternary:hover[disabled],
html .btn-borders.btn-quaternary:focus[disabled] {
	border-color: #657181;
	background-color: #657181;
}

html .btn-borders.btn-dark {
	background: transparent;
	border-color: #2e353e;
	color: #2e353e;
	text-shadow: none;
}

html .btn-borders.btn-dark:hover,
html .btn-borders.btn-dark:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2e353e;
	border-color: #2e353e #2e353e #181c21;
	border-color: #2e353e !important;
	color: #FFF;
}

html .btn-borders.btn-dark:hover:hover,
html .btn-borders.btn-dark:focus:hover {
	border-color: #39424d #39424d #23282f;
	background-color: #39424d;
}

html .btn-borders.btn-dark:hover:active,
html .btn-borders.btn-dark:focus:active,
html .btn-borders.btn-dark:hover:focus,
html .btn-borders.btn-dark:focus:focus,
html .btn-borders.btn-dark:hover:active:hover,
html .btn-borders.btn-dark:focus:active:hover,
html .btn-borders.btn-dark:hover:active:focus,
html .btn-borders.btn-dark:focus:active:focus {
	border-color: #23282f #23282f #23282f;
	background-color: #23282f;
}

html .btn-borders.btn-dark:hover.dropdown-toggle,
html .btn-borders.btn-dark:focus.dropdown-toggle {
	border-left-color: #23282f;
}

html .btn-borders.btn-dark:hover[disabled],
html .btn-borders.btn-dark:focus[disabled] {
	border-color: #596779;
	background-color: #596779;
}

html .btn-borders.btn-light {
	background: transparent;
	border-color: #FFF;
	color: #FFF;
	text-shadow: none;
}

html .btn-borders.btn-light:hover,
html .btn-borders.btn-light:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #FFF;
	border-color: #FFF #FFF #e6e6e6;
	border-color: #FFF !important;
	color: #777;
}

html .btn-borders.btn-light:hover:hover,
html .btn-borders.btn-light:focus:hover {
	border-color: #ffffff #ffffff #f2f2f2;
	background-color: #ffffff;
}

html .btn-borders.btn-light:hover:active,
html .btn-borders.btn-light:focus:active,
html .btn-borders.btn-light:hover:focus,
html .btn-borders.btn-light:focus:focus,
html .btn-borders.btn-light:hover:active:hover,
html .btn-borders.btn-light:focus:active:hover,
html .btn-borders.btn-light:hover:active:focus,
html .btn-borders.btn-light:focus:active:focus {
	border-color: #f2f2f2 #f2f2f2 #f2f2f2;
	background-color: #f2f2f2;
}

html .btn-borders.btn-light:hover.dropdown-toggle,
html .btn-borders.btn-light:focus.dropdown-toggle {
	border-left-color: #f2f2f2;
}

html .btn-borders.btn-light:hover[disabled],
html .btn-borders.btn-light:focus[disabled] {
	border-color: #ffffff;
	background-color: #ffffff;
}

.tab3 .pagination{
	border-bottom: 0;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #666;
	padding: 0px;
	margin: 3px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-align: center;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #274597 !important;
	border-color: #274597;
	color: #fff !important;
}

body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
	color: #274597;
}

body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
	background-color: #274597;
	border-color: #274597;
}

.pagination > .active > a,
body.dark .pagination > .active > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #274597;
	border-color: #274597;
}

.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover {
	border-color: #274597;
	background-color: #274597;
}

.pagination > .active > a:active,
body.dark .pagination > .active > a:active,
.pagination > .active > a:focus,
body.dark .pagination > .active > a:focus,
.pagination > .active > a:active:hover,
body.dark .pagination > .active > a:active:hover,
.pagination > .active > a:active:focus,
body.dark .pagination > .active > a:active:focus {
	border-color: #274597;
	background-color: #274597;
}

.pagination > .active > a.dropdown-toggle,
body.dark .pagination > .active > a.dropdown-toggle {
	border-left-color: #274597;
}

.pagination > .active > a[disabled],
body.dark .pagination > .active > a[disabled] {
	border-color: #88d48c;
	background-color: #88d48c;
}

html .alert-primary {
	background-color: #274597;
	border-color: #274597;
	color: #FFF;
}

html .alert-primary .alert-link {
	color: #FFF;
}

html .alert-secondary {
	background-color: #e36159;
	border-color: #e1554c;
	color: #FFF;
}

html .alert-secondary .alert-link {
	color: #FFF;
}

html .alert-tertiary {
	background-color: #2baab1;
	border-color: #289ea5;
	color: #FFF;
}

html .alert-tertiary .alert-link {
	color: #FFF;
}

html .alert-quaternary {
	background-color: #383f48;
	border-color: #31373f;
	color: #FFF;
}

html .alert-quaternary .alert-link {
	color: #FFF;
}

html .alert-dark {
	background-color: #2e353e;
	border-color: #272d35;
	color: #FFF;
}

html .alert-dark .alert-link {
	color: #FFF;
}

html .alert-light {
	background-color: #FFF;
	border-color: #f7f7f7;
	color: #777;
}

html .alert-light .alert-link {
	color: #777;
}

html .progress-bar-primary {
	background-color: #42b448;
}

html .progress-bar-secondary {
	background-color: #e36159;
}

html .progress-bar-tertiary {
	background-color: #2baab1;
}

html .progress-bar-quaternary {
	background-color: #383f48;
}

html .progress-bar-dark {
	background-color: #2e353e;
}

html .progress-bar-light {
	background-color: #FFF;
}

html section.section-primary {
	background-color: #42b448 !important;
	border-color: #3ba141 !important;
}

html section.section-primary h1,
html section.section-primary h2,
html section.section-primary h3,
html section.section-primary h4,
html section.section-primary h5,
html section.section-primary h6 {
	color: #FFF;
}

html section.section-primary p {
	color: #e6e6e6;
}

html section.section-primary-scale-2 {
	background-color: #348f39 !important;
	border-color: #2d7c32 !important;
}

html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #348f39;
}

html section.section-secondary {
	background-color: #e36159 !important;
	border-color: #df4c43 !important;
}

html section.section-secondary h1,
html section.section-secondary h2,
html section.section-secondary h3,
html section.section-secondary h4,
html section.section-secondary h5,
html section.section-secondary h6 {
	color: #FFF;
}

html section.section-secondary p {
	color: #e6e6e6;
}

html section.section-secondary-scale-2 {
	background-color: #dc372d !important;
	border-color: #cd2c23 !important;
}

html section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #dc372d;
}

html section.section-tertiary {
	background-color: #2baab1 !important;
	border-color: #26969c !important;
}

html section.section-tertiary h1,
html section.section-tertiary h2,
html section.section-tertiary h3,
html section.section-tertiary h4,
html section.section-tertiary h5,
html section.section-tertiary h6 {
	color: #FFF;
}

html section.section-tertiary p {
	color: #e6e6e6;
}

html section.section-tertiary-scale-2 {
	background-color: #218388 !important;
	border-color: #1c6f73 !important;
}

html section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #218388;
}

html section.section-quaternary {
	background-color: #383f48 !important;
	border-color: #2d323a !important;
}

html section.section-quaternary h1,
html section.section-quaternary h2,
html section.section-quaternary h3,
html section.section-quaternary h4,
html section.section-quaternary h5,
html section.section-quaternary h6 {
	color: #FFF;
}

html section.section-quaternary p {
	color: #e6e6e6;
}

html section.section-quaternary-scale-2 {
	background-color: #22262b !important;
	border-color: #17191d !important;
}

html section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #22262b;
}

html section.section-dark {
	background-color: #2e353e !important;
	border-color: #23282f !important;
}

html section.section-dark h1,
html section.section-dark h2,
html section.section-dark h3,
html section.section-dark h4,
html section.section-dark h5,
html section.section-dark h6 {
	color: #FFF;
}

html section.section-dark p {
	color: #e6e6e6;
}

html section.section-dark-scale-2 {
	background-color: #181c21 !important;
	border-color: #0d0f12 !important;
}

html section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #181c21;
}

html section.section-light {
	background-color: #FFF !important;
	border-color: #f2f2f2 !important;
}

html section.section-light h1,
html section.section-light h2,
html section.section-light h3,
html section.section-light h4,
html section.section-light h5,
html section.section-light h6 {
	color: #777;
}

html section.section-light p {
	color: #5e5e5e;
}

html section.section-light-scale-2 {
	background-color: #e6e6e6 !important;
	border-color: #d9d9d9 !important;
}

html section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #e6e6e6;
}

html section.section-default-scale-1 {
	background-color: #dbdbdb !important;
	border-top-color: #d3d3d3 !important;
}

html section.section-default-scale-2 {
	background-color: #c1c1c1 !important;
	border-top-color: #b9b9b9 !important;
}

html section.section-default-scale-3 {
	background-color: #a8a8a8 !important;
	border-top-color: #a0a0a0 !important;
}

html section.section-default-scale-4 {
	background-color: #8e8e8e !important;
	border-top-color: #868686 !important;
}

html section.section-default-scale-5 {
	background-color: #757575 !important;
	border-top-color: #6d6d6d !important;
}

html section.section-default-scale-6 {
	background-color: #5b5b5b !important;
	border-top-color: #535353 !important;
}

html section.section-default-scale-7 {
	background-color: #424242 !important;
	border-top-color: #3a3a3a !important;
}

html section.section-default-scale-8 {
	background-color: #282828 !important;
	border-top-color: #202020 !important;
}

html section.section-default-scale-9 {
	background-color: #0f0f0f !important;
	border-top-color: #070707 !important;
}

html.dark section.section-default-scale-1 {
	background-color: #333a44 !important;
	border-top-color: #2c323b !important;
}

html.dark section.section-default-scale-2 {
	background-color: #495362 !important;
	border-top-color: #424b59 !important;
}

html.dark section.section-default-scale-3 {
	background-color: #5e6b7f !important;
	border-top-color: #586476 !important;
}

html.dark section.section-default-scale-4 {
	background-color: #77849a !important;
	border-top-color: #6e7d93 !important;
}

html.dark section.section-default-scale-5 {
	background-color: #949faf !important;
	border-top-color: #8b97a9 !important;
}

html.dark section.section-default-scale-6 {
	background-color: #b1b9c5 !important;
	border-top-color: #a8b1be !important;
}

html.dark section.section-default-scale-7 {
	background-color: #ced3db !important;
	border-top-color: #c5cbd4 !important;
}

html.dark section.section-default-scale-8 {
	background-color: #ebeef1 !important;
	border-top-color: #e3e6ea !important;
}

html.dark section.section-default-scale-9 {
	background-color: #ffffff !important;
	border-top-color: #f7f7f7 !important;
}

section.page-header h1 {
	border-bottom-color: #42b448;
}

section.page-header.custom-product {
	background-color: #3ba141;
	border-top-color: #3fad45;
}

html .page-header-color.page-header-primary {
	background-color: #42b448;
	border-bottom-color: #42b448;
	color: #FFF;
}

html .page-header-color.page-header-primary h1 {
	color: #FFF;
}

html .page-header-color.page-header-primary h1 span {
	color: #FFF;
}

html .page-header-color.page-header-primary a {
	color: #FFF;
}

html .page-header-color.page-header-primary .breadcrumb > .active {
	color: #FFF;
}

html .page-header-color.page-header-secondary {
	background-color: #e36159;
	border-bottom-color: #e36159;
	color: #FFF;
}

html .page-header-color.page-header-secondary h1 {
	color: #FFF;
}

html .page-header-color.page-header-secondary h1 span {
	color: #FFF;
}

html .page-header-color.page-header-secondary a {
	color: #FFF;
}

html .page-header-color.page-header-secondary .breadcrumb > .active {
	color: #FFF;
}

html .page-header-color.page-header-tertiary {
	background-color: #2baab1;
	border-bottom-color: #2baab1;
	color: #FFF;
}

html .page-header-color.page-header-tertiary h1 {
	color: #FFF;
}

html .page-header-color.page-header-tertiary h1 span {
	color: #FFF;
}

html .page-header-color.page-header-tertiary a {
	color: #FFF;
}

html .page-header-color.page-header-tertiary .breadcrumb > .active {
	color: #FFF;
}

html .page-header-color.page-header-quaternary {
	background-color: #383f48;
	border-bottom-color: #383f48;
	color: #FFF;
}

html .page-header-color.page-header-quaternary h1 {
	color: #FFF;
}

html .page-header-color.page-header-quaternary h1 span {
	color: #FFF;
}

html .page-header-color.page-header-quaternary a {
	color: #FFF;
}

html .page-header-color.page-header-quaternary .breadcrumb > .active {
	color: #FFF;
}

html .page-header-color.page-header-dark {
	background-color: #2e353e;
	border-bottom-color: #2e353e;
	color: #FFF;
}

html .page-header-color.page-header-dark h1 {
	color: #FFF;
}

html .page-header-color.page-header-dark h1 span {
	color: #FFF;
}

html .page-header-color.page-header-dark a {
	color: #FFF;
}

html .page-header-color.page-header-dark .breadcrumb > .active {
	color: #FFF;
}

html .page-header-color.page-header-light {
	background-color: #FFF;
	border-bottom-color: #FFF;
	color: #777;
}

html .page-header-color.page-header-light h1 {
	color: #777;
}

html .page-header-color.page-header-light h1 span {
	color: #777;
}

html .page-header-color.page-header-light a {
	color: #777;
}

html .page-header-color.page-header-light .breadcrumb > .active {
	color: #777;
}

html .toggle-primary .toggle label {
	color: #42b448;
	border-left-color: #42b448;
	border-right-color: #42b448;
}

html .toggle-primary .toggle.active > label {
	background-color: #42b448;
	border-color: #42b448;
	color: #FFF;
}

html .toggle-primary.toggle-simple .toggle > label:after {
	background-color: #42b448;
}

html .toggle-secondary .toggle label {
	color: #e36159;
	border-left-color: #e36159;
	border-right-color: #e36159;
}

html .toggle-secondary .toggle.active > label {
	background-color: #e36159;
	border-color: #e36159;
	color: #FFF;
}

html .toggle-secondary.toggle-simple .toggle > label:after {
	background-color: #e36159;
}

html .toggle-tertiary .toggle label {
	color: #2baab1;
	border-left-color: #2baab1;
	border-right-color: #2baab1;
}

html .toggle-tertiary .toggle.active > label {
	background-color: #2baab1;
	border-color: #2baab1;
	color: #FFF;
}

html .toggle-tertiary.toggle-simple .toggle > label:after {
	background-color: #2baab1;
}

html .toggle-quaternary .toggle label {
	color: #383f48;
	border-left-color: #383f48;
	border-right-color: #383f48;
}

html .toggle-quaternary .toggle.active > label {
	background-color: #383f48;
	border-color: #383f48;
	color: #FFF;
}

html .toggle-quaternary.toggle-simple .toggle > label:after {
	background-color: #383f48;
}

html .toggle-dark .toggle label {
	color: #2e353e;
	border-left-color: #2e353e;
	border-right-color: #2e353e;
}

html .toggle-dark .toggle.active > label {
	background-color: #2e353e;
	border-color: #2e353e;
	color: #FFF;
}

html .toggle-dark.toggle-simple .toggle > label:after {
	background-color: #2e353e;
}

html .toggle-light .toggle label {
	color: #FFF;
	border-left-color: #FFF;
	border-right-color: #FFF;
}

html .toggle-light .toggle.active > label {
	background-color: #FFF;
	border-color: #FFF;
	color: #777;
}

html .toggle-light.toggle-simple .toggle > label:after {
	background-color: #FFF;
}

.thumb-info .thumb-info-type {
	background-color: #42b448;
}

.thumb-info .thumb-info-action-icon {
	background-color: #42b448;
}

.thumb-info-social-icons a {
	background-color: #42b448;
}

.thumbnail .zoom {
	background-color: #42b448;
}

.img-thumbnail .zoom {
	background-color: #42b448;
}

html .thumb-info .thumb-info-action-icon-primary {
	background-color: #42b448;
}

html .thumb-info .thumb-info-action-icon-primary i {
	color: #FFF;
}

html .thumb-info .thumb-info-action-icon-secondary {
	background-color: #e36159;
}

html .thumb-info .thumb-info-action-icon-secondary i {
	color: #FFF;
}

html .thumb-info .thumb-info-action-icon-tertiary {
	background-color: #2baab1;
}

html .thumb-info .thumb-info-action-icon-tertiary i {
	color: #FFF;
}

html .thumb-info .thumb-info-action-icon-quaternary {
	background-color: #383f48;
}

html .thumb-info .thumb-info-action-icon-quaternary i {
	color: #FFF;
}

html .thumb-info .thumb-info-action-icon-dark {
	background-color: #2e353e;
}

html .thumb-info .thumb-info-action-icon-dark i {
	color: #FFF;
}

html .thumb-info .thumb-info-action-icon-light {
	background-color: #FFF;
}

html .thumb-info .thumb-info-action-icon-light i {
	color: #777;
}

.thumb-info-ribbon {
	background: #42b448;
}

.thumb-info-ribbon:before {
	border-right-color: #2d7c32;
	border-left-color: #2d7c32;
}

.inverted {
	background-color: #42b448;
}

html .inverted-primary {
	background-color: #42b448;
}

html .inverted-secondary {
	background-color: #e36159;
}

html .inverted-tertiary {
	background-color: #2baab1;
}

html .inverted-quaternary {
	background-color: #383f48;
}

html .inverted-dark {
	background-color: #2e353e;
}

html .inverted-light {
	background-color: #FFF;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	background-color: #3a9e3f;
}

.owl-carousel.show-nav-title .owl-nav [class*="owl-"] {
	color: #42b448;
}

.owl-carousel .owl-nav [class*="owl-"] {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #42b448;
	border-color: #42b448 #42b448 #348f39;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
	border-color: #50bf56 #50bf56 #3ba141;
	background-color: #50bf56;
}

.owl-carousel .owl-nav [class*="owl-"]:active,
.owl-carousel .owl-nav [class*="owl-"]:focus,
.owl-carousel .owl-nav [class*="owl-"]:active:hover,
.owl-carousel .owl-nav [class*="owl-"]:active:focus {
	border-color: #3ba141 #3ba141 #3ba141;
	background-color: #3ba141;
}

.owl-carousel .owl-nav [class*="owl-"].dropdown-toggle {
	border-left-color: #3ba141;
}

.owl-carousel .owl-nav [class*="owl-"][disabled] {
	border-color: #88d48c;
	background-color: #88d48c;
}

html body .tabs .nav-tabs a,
html.dark body .tabs .nav-tabs a,
html body .tabs .nav-tabs a:hover,
html.dark body .tabs .nav-tabs a:hover {
	color: #42b448;
}

html body .tabs .nav-tabs a:hover,
html.dark body .tabs .nav-tabs a:hover,
html body .tabs .nav-tabs a:focus,
html.dark body .tabs .nav-tabs a:focus {
	border-top-color: #42b448;
}

html body .tabs .nav-tabs li.active a,
html.dark body .tabs .nav-tabs li.active a {
	border-top-color: #42b448;
	color: #42b448;
}

html body .tabs .nav-tabs.nav-justified a:hover,
html.dark body .tabs .nav-tabs.nav-justified a:hover,
html body .tabs .nav-tabs.nav-justified a:focus,
html.dark body .tabs .nav-tabs.nav-justified a:focus {
	border-top-color: #42b448;
}

html body .tabs.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li a:hover,
html body .tabs.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs.tabs-bottom .nav-tabs li.active a,
html body .tabs.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-bottom-color: #42b448;
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus {
	border-left-color: #42b448;
}

html body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus {
	border-right-color: #42b448;
}

html body .tabs-primary .nav-tabs li a,
html.dark body .tabs-primary .nav-tabs li a,
html body .tabs-primary .nav-tabs.nav-justified li a,
html.dark body .tabs-primary .nav-tabs.nav-justified li a,
html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	color: #42b448;
}

html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	border-top-color: #42b448;
}

html body .tabs-primary .nav-tabs li.active a,
html.dark body .tabs-primary .nav-tabs li.active a,
html body .tabs-primary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a,
html body .tabs-primary .nav-tabs li.active a:hover,
html.dark body .tabs-primary .nav-tabs li.active a:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary .nav-tabs li.active a:focus,
html.dark body .tabs-primary .nav-tabs li.active a:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #42b448;
	color: #42b448;
}

html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #42b448;
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #42b448;
}

html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #42b448;
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #42b448;
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #42b448;
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #42b448;
}

html body .tabs-secondary .nav-tabs li a,
html.dark body .tabs-secondary .nav-tabs li a,
html body .tabs-secondary .nav-tabs.nav-justified li a,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a,
html body .tabs-secondary .nav-tabs li a:hover,
html.dark body .tabs-secondary .nav-tabs li a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover {
	color: #e36159;
}

html body .tabs-secondary .nav-tabs li a:hover,
html.dark body .tabs-secondary .nav-tabs li a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover {
	border-top-color: #e36159;
}

html body .tabs-secondary .nav-tabs li.active a,
html.dark body .tabs-secondary .nav-tabs li.active a,
html body .tabs-secondary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a,
html body .tabs-secondary .nav-tabs li.active a:hover,
html.dark body .tabs-secondary .nav-tabs li.active a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-secondary .nav-tabs li.active a:focus,
html.dark body .tabs-secondary .nav-tabs li.active a:focus,
html body .tabs-secondary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #e36159;
	color: #e36159;
}

html body .tabs-secondary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #e36159;
}

html body .tabs-secondary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a,
html body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a,
html body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #e36159;
}

html body .tabs-tertiary .nav-tabs li a,
html.dark body .tabs-tertiary .nav-tabs li a,
html body .tabs-tertiary .nav-tabs.nav-justified li a,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a,
html body .tabs-tertiary .nav-tabs li a:hover,
html.dark body .tabs-tertiary .nav-tabs li a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover {
	color: #2baab1;
}

html body .tabs-tertiary .nav-tabs li a:hover,
html.dark body .tabs-tertiary .nav-tabs li a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover {
	border-top-color: #2baab1;
}

html body .tabs-tertiary .nav-tabs li.active a,
html.dark body .tabs-tertiary .nav-tabs li.active a,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a,
html body .tabs-tertiary .nav-tabs li.active a:hover,
html.dark body .tabs-tertiary .nav-tabs li.active a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-tertiary .nav-tabs li.active a:focus,
html.dark body .tabs-tertiary .nav-tabs li.active a:focus,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #2baab1;
	color: #2baab1;
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #2baab1;
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #2baab1;
}

html body .tabs-quaternary .nav-tabs li a,
html.dark body .tabs-quaternary .nav-tabs li a,
html body .tabs-quaternary .nav-tabs.nav-justified li a,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a,
html body .tabs-quaternary .nav-tabs li a:hover,
html.dark body .tabs-quaternary .nav-tabs li a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover {
	color: #383f48;
}

html body .tabs-quaternary .nav-tabs li a:hover,
html.dark body .tabs-quaternary .nav-tabs li a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover {
	border-top-color: #383f48;
}

html body .tabs-quaternary .nav-tabs li.active a,
html.dark body .tabs-quaternary .nav-tabs li.active a,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a,
html body .tabs-quaternary .nav-tabs li.active a:hover,
html.dark body .tabs-quaternary .nav-tabs li.active a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-quaternary .nav-tabs li.active a:focus,
html.dark body .tabs-quaternary .nav-tabs li.active a:focus,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #383f48;
	color: #383f48;
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #383f48;
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #383f48;
}

html body .tabs-dark .nav-tabs li a,
html.dark body .tabs-dark .nav-tabs li a,
html body .tabs-dark .nav-tabs.nav-justified li a,
html.dark body .tabs-dark .nav-tabs.nav-justified li a,
html body .tabs-dark .nav-tabs li a:hover,
html.dark body .tabs-dark .nav-tabs li a:hover,
html body .tabs-dark .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
	color: #2e353e;
}

html body .tabs-dark .nav-tabs li a:hover,
html.dark body .tabs-dark .nav-tabs li a:hover,
html body .tabs-dark .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
	border-top-color: #2e353e;
}

html body .tabs-dark .nav-tabs li.active a,
html.dark body .tabs-dark .nav-tabs li.active a,
html body .tabs-dark .nav-tabs.nav-justified li.active a,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active a,
html body .tabs-dark .nav-tabs li.active a:hover,
html.dark body .tabs-dark .nav-tabs li.active a:hover,
html body .tabs-dark .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:hover,
html body .tabs-dark .nav-tabs li.active a:focus,
html.dark body .tabs-dark .nav-tabs li.active a:focus,
html body .tabs-dark .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #2e353e;
	color: #2e353e;
}

html body .tabs-dark.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li a:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #2e353e;
}

html body .tabs-dark.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover {
	border-left-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a,
html body .tabs-dark.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-dark.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover {
	border-right-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a,
html body .tabs-dark.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-dark.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #2e353e;
}

html body .tabs-light .nav-tabs li a,
html.dark body .tabs-light .nav-tabs li a,
html body .tabs-light .nav-tabs.nav-justified li a,
html.dark body .tabs-light .nav-tabs.nav-justified li a,
html body .tabs-light .nav-tabs li a:hover,
html.dark body .tabs-light .nav-tabs li a:hover,
html body .tabs-light .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li a:hover {
	color: #FFF;
}

html body .tabs-light .nav-tabs li a:hover,
html.dark body .tabs-light .nav-tabs li a:hover,
html body .tabs-light .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li a:hover {
	border-top-color: #FFF;
}

html body .tabs-light .nav-tabs li.active a,
html.dark body .tabs-light .nav-tabs li.active a,
html body .tabs-light .nav-tabs.nav-justified li.active a,
html.dark body .tabs-light .nav-tabs.nav-justified li.active a,
html body .tabs-light .nav-tabs li.active a:hover,
html.dark body .tabs-light .nav-tabs li.active a:hover,
html body .tabs-light .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li.active a:hover,
html body .tabs-light .nav-tabs li.active a:focus,
html.dark body .tabs-light .nav-tabs li.active a:focus,
html body .tabs-light .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-light .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	color: #FFF;
}

html body .tabs-light.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li a:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #FFF;
}

html body .tabs-light.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-light.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-light.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li a:hover {
	border-left-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active a,
html body .tabs-light.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-light.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li a:hover {
	border-right-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active a,
html body .tabs-light.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-light.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #FFF;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus {
	border-right-color: #42b448;
	border-left-color: transparent;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus {
	border-right-color: transparent;
	border-left-color: #42b448;
}

.list.list-icons li .fa,
.list.list-icons li .icons {
	color: #42b448;
	border-color: #42b448;
}

.list.list-icons.list-icons-style-3 li .fa,
.list.list-icons.list-icons-style-3 li .icons {
	background-color: #42b448;
}

.list.list-ordened li:before {
	color: #42b448;
	border-color: #42b448;
}

.list.list-ordened.list-ordened-style-3 li:before {
	background-color: #42b448;
}

html .list-primary.list-icons li .fa,
html .list-primary.list-icons li .icons {
	color: #42b448;
	border-color: #42b448;
}

html .list-primary.list-icons.list-icons-style-3 li .fa,
html .list-primary.list-icons.list-icons-style-3 li .icons {
	background-color: #42b448;
	color: #FFF;
}

html .list-primary.list-ordened li:before {
	color: #42b448;
}

html .list-primary.list-ordened.list-ordened-style-3 li:before {
	background-color: #42b448;
	color: #FFF;
}

html .list-secondary.list-icons li .fa,
html .list-secondary.list-icons li .icons {
	color: #e36159;
	border-color: #e36159;
}

html .list-secondary.list-icons.list-icons-style-3 li .fa,
html .list-secondary.list-icons.list-icons-style-3 li .icons {
	background-color: #e36159;
	color: #FFF;
}

html .list-secondary.list-ordened li:before {
	color: #e36159;
}

html .list-secondary.list-ordened.list-ordened-style-3 li:before {
	background-color: #e36159;
	color: #FFF;
}

html .list-tertiary.list-icons li .fa,
html .list-tertiary.list-icons li .icons {
	color: #2baab1;
	border-color: #2baab1;
}

html .list-tertiary.list-icons.list-icons-style-3 li .fa,
html .list-tertiary.list-icons.list-icons-style-3 li .icons {
	background-color: #2baab1;
	color: #FFF;
}

html .list-tertiary.list-ordened li:before {
	color: #2baab1;
}

html .list-tertiary.list-ordened.list-ordened-style-3 li:before {
	background-color: #2baab1;
	color: #FFF;
}

html .list-quaternary.list-icons li .fa,
html .list-quaternary.list-icons li .icons {
	color: #383f48;
	border-color: #383f48;
}

html .list-quaternary.list-icons.list-icons-style-3 li .fa,
html .list-quaternary.list-icons.list-icons-style-3 li .icons {
	background-color: #383f48;
	color: #FFF;
}

html .list-quaternary.list-ordened li:before {
	color: #383f48;
}

html .list-quaternary.list-ordened.list-ordened-style-3 li:before {
	background-color: #383f48;
	color: #FFF;
}

html .list-dark.list-icons li .fa,
html .list-dark.list-icons li .icons {
	color: #2e353e;
	border-color: #2e353e;
}

html .list-dark.list-icons.list-icons-style-3 li .fa,
html .list-dark.list-icons.list-icons-style-3 li .icons {
	background-color: #2e353e;
	color: #FFF;
}

html .list-dark.list-ordened li:before {
	color: #2e353e;
}

html .list-dark.list-ordened.list-ordened-style-3 li:before {
	background-color: #2e353e;
	color: #FFF;
}

html .list-light.list-icons li .fa,
html .list-light.list-icons li .icons {
	color: #FFF;
	border-color: #FFF;
}

html .list-light.list-icons.list-icons-style-3 li .fa,
html .list-light.list-icons.list-icons-style-3 li .icons {
	background-color: #FFF;
	color: #777;
}

html .list-light.list-ordened li:before {
	color: #FFF;
}

html .list-light.list-ordened.list-ordened-style-3 li:before {
	background-color: #FFF;
	color: #777;
}

.parallax blockquote i.fa-quote-left {
	color: #42b448;
}

section.video blockquote i.fa-quote-left {
	color: #42b448;
}

.panel-group .panel-heading a {
	color: #42b448;
}

html .panel-group.panel-group-primary .panel-heading {
	background-color: #42b448 !important;
}

html .panel-group.panel-group-primary .panel-heading a {
	color: #FFF;
}

html .panel-group.panel-group-secondary .panel-heading {
	background-color: #e36159 !important;
}

html .panel-group.panel-group-secondary .panel-heading a {
	color: #FFF;
}

html .panel-group.panel-group-tertiary .panel-heading {
	background-color: #2baab1 !important;
}

html .panel-group.panel-group-tertiary .panel-heading a {
	color: #FFF;
}

html .panel-group.panel-group-quaternary .panel-heading {
	background-color: #383f48 !important;
}

html .panel-group.panel-group-quaternary .panel-heading a {
	color: #FFF;
}

html .panel-group.panel-group-dark .panel-heading {
	background-color: #2e353e !important;
}

html .panel-group.panel-group-dark .panel-heading a {
	color: #FFF;
}

html .panel-group.panel-group-light .panel-heading {
	background-color: #FFF !important;
}

html .panel-group.panel-group-light .panel-heading a {
	color: #777;
}

html .divider.divider-primary .fa,
html .divider.divider-primary .icons {
	color: #42b448;
}

html .divider.divider-primary.divider-small hr {
	background: #42b448;
}

html .divider.divider-secondary .fa,
html .divider.divider-secondary .icons {
	color: #e36159;
}

html .divider.divider-secondary.divider-small hr {
	background: #e36159;
}

html .divider.divider-tertiary .fa,
html .divider.divider-tertiary .icons {
	color: #2baab1;
}

html .divider.divider-tertiary.divider-small hr {
	background: #2baab1;
}

html .divider.divider-quaternary .fa,
html .divider.divider-quaternary .icons {
	color: #383f48;
}

html .divider.divider-quaternary.divider-small hr {
	background: #383f48;
}

html .divider.divider-dark .fa,
html .divider.divider-dark .icons {
	color: #2e353e;
}

html .divider.divider-dark.divider-small hr {
	background: #2e353e;
}

html .divider.divider-light .fa,
html .divider.divider-light .icons {
	color: #FFF;
}

html .divider.divider-light.divider-small hr {
	background: #FFF;
}

html .divider.divider-style-2.divider-primary .fa,
html .divider.divider-style-2.divider-primary .icons {
	background: #42b448;
	color: #FFF;
}

html .divider.divider-style-2.divider-secondary .fa,
html .divider.divider-style-2.divider-secondary .icons {
	background: #e36159;
	color: #FFF;
}

html .divider.divider-style-2.divider-tertiary .fa,
html .divider.divider-style-2.divider-tertiary .icons {
	background: #2baab1;
	color: #FFF;
}

html .divider.divider-style-2.divider-quaternary .fa,
html .divider.divider-style-2.divider-quaternary .icons {
	background: #383f48;
	color: #FFF;
}

html .divider.divider-style-2.divider-dark .fa,
html .divider.divider-style-2.divider-dark .icons {
	background: #2e353e;
	color: #FFF;
}

html .divider.divider-style-2.divider-light .fa,
html .divider.divider-style-2.divider-light .icons {
	background: #FFF;
	color: #777;
}

html .divider.divider-style-3.divider-primary .fa,
html .divider.divider-style-3.divider-primary .icons {
	border-color: #42b448;
}

html .divider.divider-style-3.divider-secondary .fa,
html .divider.divider-style-3.divider-secondary .icons {
	border-color: #e36159;
}

html .divider.divider-style-3.divider-tertiary .fa,
html .divider.divider-style-3.divider-tertiary .icons {
	border-color: #2baab1;
}

html .divider.divider-style-3.divider-quaternary .fa,
html .divider.divider-style-3.divider-quaternary .icons {
	border-color: #383f48;
}

html .divider.divider-style-3.divider-dark .fa,
html .divider.divider-style-3.divider-dark .icons {
	border-color: #2e353e;
}

html .divider.divider-style-3.divider-light .fa,
html .divider.divider-style-3.divider-light .icons {
	border-color: #FFF;
}

#header .tip {
	background: #42b448;
	color: #FFF;
}

#header .tip:before {
	border-right-color: #42b448;
}

html #header .tip-primary {
	background: #42b448 !important;
	color: #FFF !important;
}

html #header .tip-primary:before {
	border-right-color: #42b448 !important;
}

html #header .tip-secondary {
	background: #e36159 !important;
	color: #FFF !important;
}

html #header .tip-secondary:before {
	border-right-color: #e36159 !important;
}

html #header .tip-tertiary {
	background: #2baab1 !important;
	color: #FFF !important;
}

html #header .tip-tertiary:before {
	border-right-color: #2baab1 !important;
}

html #header .tip-quaternary {
	background: #383f48 !important;
	color: #FFF !important;
}

html #header .tip-quaternary:before {
	border-right-color: #383f48 !important;
}

html #header .tip-dark {
	background: #2e353e !important;
	color: #FFF !important;
}

html #header .tip-dark:before {
	border-right-color: #2e353e !important;
}

html #header .tip-light {
	background: #FFF !important;
	color: #777 !important;
}

html #header .tip-light:before {
	border-right-color: #FFF !important;
}

html[dir="rtl"] #header .tip.skin:before {
	border-left-color: #42b448;
}

#header .header-btn-collapse-nav {
	background: #42b448;
}

@media (min-width: 992px) {
	#header .header-nav-main nav > ul > li.open > a,
  #header .header-nav-main nav > ul > li:hover > a {
		background: #42b448;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		border-top-color: #42b448;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #42b448;
	}

	#header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu {
		border-top-color: #42b448;
	}

	#header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent #42b448 transparent;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu {
		border-top-color: #42b448;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a {
		color: #42b448;
	}

	#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {
		color: #42b448;
	}

	#header .header-nav.header-nav-stripe nav > ul > li:hover > a {
		background-color: #42b448;
	}

	#header .header-nav.header-nav-top-line nav > ul li.active > a,
  #header .header-nav.header-nav-top-line nav > ul li:hover > a {
		color: #42b448;
	}

	#header .header-nav.header-nav-top-line nav > ul li.active > a:before,
  #header .header-nav.header-nav-top-line nav > ul li:hover > a:before {
		background: #42b448;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul li.active > a,
  #header .header-nav.header-nav-dark-dropdown nav > ul li:hover > a {
		color: #42b448;
	}

	html.side-header #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
  html.side-header #header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
		border-left-color: #42b448;
	}

	html.side-header-right #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
  html.side-header-right #header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
		border-right-color: #42b448;
	};
}

@media (min-width: 992px) {
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a {
		color: #42b448;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a,
  html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
		background: #42b448;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu {
		border-top-color: #42b448;
		background-color: #42b448;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
		color: #FFF;
		border-bottom-color: #50bf56;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a {
		background: #50bf56;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title {
		color: #FFF;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a {
		color: #e36159;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.active > a,
  html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
		background: #e36159;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu {
		border-top-color: #e36159;
		background-color: #e36159;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
		color: #FFF;
		border-bottom-color: #e7766f;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover > a {
		background: #e7766f;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title {
		color: #FFF;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a {
		color: #2baab1;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.active > a,
  html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a {
		background: #2baab1;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu {
		border-top-color: #2baab1;
		background-color: #2baab1;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
		color: #FFF;
		border-bottom-color: #30bec6;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover > a {
		background: #30bec6;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title {
		color: #FFF;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a {
		color: #383f48;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.active > a,
  html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a {
		background: #383f48;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu {
		border-top-color: #383f48;
		background-color: #383f48;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
		color: #FFF;
		border-bottom-color: #434c56;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover > a {
		background: #434c56;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title {
		color: #FFF;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark > a {
		color: #2e353e;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.active > a,
  html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a {
		background: #2e353e;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu {
		border-top-color: #2e353e;
		background-color: #2e353e;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
		color: #FFF;
		border-bottom-color: #39424d;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover > a {
		background: #39424d;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title {
		color: #FFF;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a {
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.active > a,
  html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a {
		background: #FFF;
		color: #777;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu {
		border-top-color: #FFF;
		background-color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a {
		color: #777;
		border-bottom-color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:hover > a {
		background: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #777;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title {
		color: #777;
		opacity: 0.70;
	};
}

@media (max-width: 991px) {
	#header .header-nav-main nav > ul > li > a,
  #header .header-nav-main nav > ul > li > a:focus,
  #header .header-nav-main nav > ul > li > a:hover {
		color: #42b448;
	}

	#header .header-nav-main nav > ul > li.active > a,
  #header .header-nav-main nav > ul > li.active > a:focus,
  #header .header-nav-main nav > ul > li.active > a:hover {
		background-color: #42b448;
	};
}

@media (max-width: 991px) {
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a {
		color: #42b448;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a {
		background: #42b448;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a {
		color: #e36159;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.active > a {
		background: #e36159;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a {
		color: #2baab1;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.active > a {
		background: #2baab1;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a {
		color: #383f48;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.active > a {
		background: #383f48;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark > a {
		color: #2e353e;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.active > a {
		background: #2e353e;
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a {
		color: #FFF;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.active > a {
		background: #FFF;
		color: #777;
	};
}

html #header .header-top.header-top-primary {
	background: #42b448;
	border-top-color: #3ba141;
}

html #header .header-top.header-top-primary .header-nav-top ul > li.open > a {
	background: #50bf56;
}

html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus {
	background: #50bf56;
}

html #header .header-top.header-top-primary .dropdown-menu {
	background: #50bf56;
	border-color: #50bf56;
}

html #header .header-top.header-top-primary .dropdown-menu a:hover,
html #header .header-top.header-top-primary .dropdown-menu a:focus {
	background: #63c668 !important;
}

html #header .header-top.header-top-secondary {
	background: #e36159;
	border-top-color: #df4c43;
}

html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a {
	background: #e7766f;
}

html #header .header-top.header-top-secondary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus {
	background: #e7766f;
}

html #header .header-top.header-top-secondary .dropdown-menu {
	background: #e7766f;
	border-color: #e7766f;
}

html #header .header-top.header-top-secondary .dropdown-menu a:hover,
html #header .header-top.header-top-secondary .dropdown-menu a:focus {
	background: #ea8b85 !important;
}

html #header .header-top.header-top-tertiary {
	background: #2baab1;
	border-top-color: #26969c;
}

html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a {
	background: #30bec6;
}

html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus {
	background: #30bec6;
}

html #header .header-top.header-top-tertiary .dropdown-menu {
	background: #30bec6;
	border-color: #30bec6;
}

html #header .header-top.header-top-tertiary .dropdown-menu a:hover,
html #header .header-top.header-top-tertiary .dropdown-menu a:focus {
	background: #3fc9d0 !important;
}

html #header .header-top.header-top-quaternary {
	background: #383f48;
	border-top-color: #2d323a;
}

html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a {
	background: #434c56;
}

html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus {
	background: #434c56;
}

html #header .header-top.header-top-quaternary .dropdown-menu {
	background: #434c56;
	border-color: #434c56;
}

html #header .header-top.header-top-quaternary .dropdown-menu a:hover,
html #header .header-top.header-top-quaternary .dropdown-menu a:focus {
	background: #4e5865 !important;
}

html #header .header-top.header-top-dark {
	background: #2e353e;
	border-top-color: #23282f;
}

html #header .header-top.header-top-dark .header-nav-top ul > li.open > a {
	background: #39424d;
}

html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus {
	background: #39424d;
}

html #header .header-top.header-top-dark .dropdown-menu {
	background: #39424d;
	border-color: #39424d;
}

html #header .header-top.header-top-dark .dropdown-menu a:hover,
html #header .header-top.header-top-dark .dropdown-menu a:focus {
	background: #444e5b !important;
}

html #header .header-top.header-top-light {
	background: #FFF;
	border-top-color: #f2f2f2;
}

html #header .header-top.header-top-light .header-nav-top ul > li.open > a {
	background: #ffffff;
}

html #header .header-top.header-top-light .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-light .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-light .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus {
	background: #ffffff;
}

html #header .header-top.header-top-light .dropdown-menu {
	background: #ffffff;
	border-color: #ffffff;
}

html #header .header-top.header-top-light .dropdown-menu a:hover,
html #header .header-top.header-top-light .dropdown-menu a:focus {
	background: #ffffff !important;
}

@media (min-width: 992px) {
	html #header .header-nav-bar-primary {
		background: #42b448 !important;
		color: #FFF !important;
	}

	html #header .header-nav-bar-secondary {
		background: #e36159 !important;
		color: #FFF !important;
	}

	html #header .header-nav-bar-tertiary {
		background: #2baab1 !important;
		color: #FFF !important;
	}

	html #header .header-nav-bar-quaternary {
		background: #383f48 !important;
		color: #FFF !important;
	}

	html #header .header-nav-bar-dark {
		background: #2e353e !important;
		color: #FFF !important;
	}

	html #header .header-nav-bar-light {
		background: #FFF !important;
		color: #777 !important;
	};
}

@media (min-width: 992px) {
	#header .header-nav-main.header-nav-main-light nav > ul > li.open > a,
  #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
		color: #42b448;
	}

	#header .header-nav-main.header-nav-main-light nav > ul > li.active > a {
		color: #42b448;
	};
}

.testimonial blockquote {
	background: #50bf56;
}

.testimonial .testimonial-arrow-down {
	border-top-color: #50bf56;
}

html .testimonial-primary blockquote {
	background: #50bf56;
}

html .testimonial-primary .testimonial-arrow-down {
	border-top-color: #50bf56;
}

html .testimonial-secondary blockquote {
	background: #e7766f;
}

html .testimonial-secondary .testimonial-arrow-down {
	border-top-color: #e7766f;
}

html .testimonial-tertiary blockquote {
	background: #30bec6;
}

html .testimonial-tertiary .testimonial-arrow-down {
	border-top-color: #30bec6;
}

html .testimonial-quaternary blockquote {
	background: #434c56;
}

html .testimonial-quaternary .testimonial-arrow-down {
	border-top-color: #434c56;
}

html .testimonial-dark blockquote {
	background: #39424d;
}

html .testimonial-dark .testimonial-arrow-down {
	border-top-color: #39424d;
}

html .testimonial-light blockquote {
	background: #ffffff;
}

html .testimonial-light .testimonial-arrow-down {
	border-top-color: #ffffff;
}

.circular-bar.only-icon .fa,
.circular-bar.only-icon .icons {
	color: #42b448;
}

html .counters .counter-primary .fa,
html .counters .counter-primary .icons,
html .counters .counter-primary strong {
	color: #42b448;
}

html .counters .counter-secondary .fa,
html .counters .counter-secondary .icons,
html .counters .counter-secondary strong {
	color: #e36159;
}

html .counters .counter-tertiary .fa,
html .counters .counter-tertiary .icons,
html .counters .counter-tertiary strong {
	color: #2baab1;
}

html .counters .counter-quaternary .fa,
html .counters .counter-quaternary .icons,
html .counters .counter-quaternary strong {
	color: #383f48;
}

html .counters .counter-dark .fa,
html .counters .counter-dark .icons,
html .counters .counter-dark strong {
	color: #2e353e;
}

html .counters .counter-light .fa,
html .counters .counter-light .icons,
html .counters .counter-light strong {
	color: #FFF;
}

.icon-featured {
	background-color: #42b448;
}

.featured-box-primary .icon-featured {
	background-color: #42b448;
}

.featured-box-primary .icon-featured:after {
	border-color: #42b448;
}

.featured-box-primary h4 {
	color: #42b448;
}

.featured-box-primary .box-content {
	border-top-color: #42b448;
}

html .featured-box-primary .icon-featured {
	background-color: #42b448;
}

html .featured-box-primary h4 {
	color: #42b448;
}

html .featured-box-primary .box-content {
	border-top-color: #42b448;
}

html .featured-box-secondary .icon-featured {
	background-color: #e36159;
}

html .featured-box-secondary h4 {
	color: #e36159;
}

html .featured-box-secondary .box-content {
	border-top-color: #e36159;
}

html .featured-box-tertiary .icon-featured {
	background-color: #2baab1;
}

html .featured-box-tertiary h4 {
	color: #2baab1;
}

html .featured-box-tertiary .box-content {
	border-top-color: #2baab1;
}

html .featured-box-quaternary .icon-featured {
	background-color: #383f48;
}

html .featured-box-quaternary h4 {
	color: #383f48;
}

html .featured-box-quaternary .box-content {
	border-top-color: #383f48;
}

html .featured-box-dark .icon-featured {
	background-color: #2e353e;
}

html .featured-box-dark h4 {
	color: #2e353e;
}

html .featured-box-dark .box-content {
	border-top-color: #2e353e;
}

html .featured-box-light .icon-featured {
	background-color: #FFF;
}

html .featured-box-light h4 {
	color: #FFF;
}

html .featured-box-light .box-content {
	border-top-color: #FFF;
}

html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
	border-color: #42b448;
	color: #42b448;
}

html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured {
	border-color: #e36159;
	color: #e36159;
}

html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured {
	border-color: #2baab1;
	color: #2baab1;
}

html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured {
	border-color: #383f48;
	color: #383f48;
}

html .featured-boxes-style-3 .featured-box.featured-box-dark .icon-featured {
	border-color: #2e353e;
	color: #2e353e;
}

html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured {
	border-color: #FFF;
	color: #FFF;
}

html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
	border-color: #42b448;
	color: #42b448;
}

html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured {
	border-color: #e36159;
	color: #e36159;
}

html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured {
	border-color: #2baab1;
	color: #2baab1;
}

html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured {
	border-color: #383f48;
	color: #383f48;
}

html .featured-boxes-style-4 .featured-box.featured-box-dark .icon-featured {
	border-color: #2e353e;
	color: #2e353e;
}

html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured {
	border-color: #FFF;
	color: #FFF;
}

html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured {
	color: #42b448;
}

html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured {
	color: #e36159;
}

html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured {
	color: #2baab1;
}

html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured {
	color: #383f48;
}

html .featured-boxes-style-5 .featured-box.featured-box-dark .icon-featured {
	color: #2e353e;
}

html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured {
	color: #FFF;
}

html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured {
	color: #42b448;
}

html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured {
	color: #e36159;
}

html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured {
	color: #2baab1;
}

html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured {
	color: #383f48;
}

html .featured-boxes-style-6 .featured-box.featured-box-dark .icon-featured {
	color: #2e353e;
}

html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured {
	color: #FFF;
}

html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured {
	color: #42b448;
}

html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured {
	color: #e36159;
}

html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured {
	color: #2baab1;
}

html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured {
	color: #383f48;
}

html .featured-boxes-style-8 .featured-box.featured-box-dark .icon-featured {
	color: #2e353e;
}

html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured {
	color: #FFF;
}

html .featured-box-effect-2.featured-box-primary .icon-featured:after {
	box-shadow: 0 0 0 3px #42b448;
}

html .featured-box-effect-2.featured-box-secondary .icon-featured:after {
	box-shadow: 0 0 0 3px #e36159;
}

html .featured-box-effect-2.featured-box-tertiary .icon-featured:after {
	box-shadow: 0 0 0 3px #2baab1;
}

html .featured-box-effect-2.featured-box-quaternary .icon-featured:after {
	box-shadow: 0 0 0 3px #383f48;
}

html .featured-box-effect-2.featured-box-dark .icon-featured:after {
	box-shadow: 0 0 0 3px #2e353e;
}

html .featured-box-effect-2.featured-box-light .icon-featured:after {
	box-shadow: 0 0 0 3px #FFF;
}

html .featured-box-effect-3.featured-box-primary .icon-featured:after {
	box-shadow: 0 0 0 10px #42b448;
}

html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
	background: #42b448 !important;
}

html .featured-box-effect-3.featured-box-secondary .icon-featured:after {
	box-shadow: 0 0 0 10px #e36159;
}

html .featured-box-effect-3.featured-box-secondary:hover .icon-featured {
	background: #e36159 !important;
}

html .featured-box-effect-3.featured-box-tertiary .icon-featured:after {
	box-shadow: 0 0 0 10px #2baab1;
}

html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured {
	background: #2baab1 !important;
}

html .featured-box-effect-3.featured-box-quaternary .icon-featured:after {
	box-shadow: 0 0 0 10px #383f48;
}

html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured {
	background: #383f48 !important;
}

html .featured-box-effect-3.featured-box-dark .icon-featured:after {
	box-shadow: 0 0 0 10px #2e353e;
}

html .featured-box-effect-3.featured-box-dark:hover .icon-featured {
	background: #2e353e !important;
}

html .featured-box-effect-3.featured-box-light .icon-featured:after {
	box-shadow: 0 0 0 10px #FFF;
}

html .featured-box-effect-3.featured-box-light:hover .icon-featured {
	background: #FFF !important;
}

.feature-box .feature-box-icon {
	background-color: #42b448;
}

html .feature-box-primary .feature-box-icon {
	background-color: #42b448;
}

html .feature-box-secondary .feature-box-icon {
	background-color: #e36159;
}

html .feature-box-tertiary .feature-box-icon {
	background-color: #2baab1;
}

html .feature-box-quaternary .feature-box-icon {
	background-color: #383f48;
}

html .feature-box-dark .feature-box-icon {
	background-color: #2e353e;
}

html .feature-box-light .feature-box-icon {
	background-color: #FFF;
}

.feature-box.feature-box-style-2 .feature-box-icon i.fa,
.feature-box.feature-box-style-2 .feature-box-icon .icons {
	color: #42b448;
}

html .feature-box-primary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons {
	color: #42b448;
}

html .feature-box-secondary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons {
	color: #383f48;
}

html .feature-box-dark.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-2 .feature-box-icon .icons {
	color: #FFF;
}

.feature-box.feature-box-style-3 .feature-box-icon {
	border-color: #42b448;
}

.feature-box.feature-box-style-3 .feature-box-icon i.fa,
.feature-box.feature-box-style-3 .feature-box-icon .icons {
	color: #42b448;
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon {
	border-color: #42b448;
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons {
	color: #42b448;
}

html .feature-box-secondary.feature-box-style-3 .feature-box-icon {
	border-color: #e36159;
}

html .feature-box-secondary.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-3 .feature-box-icon {
	border-color: #2baab1;
}

html .feature-box-tertiary.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-3 .feature-box-icon {
	border-color: #383f48;
}

html .feature-box-quaternary.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons {
	color: #383f48;
}

html .feature-box-dark.feature-box-style-3 .feature-box-icon {
	border-color: #2e353e;
}

html .feature-box-dark.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-3 .feature-box-icon {
	border-color: #FFF;
}

html .feature-box-light.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-3 .feature-box-icon .icons {
	color: #FFF;
}

.feature-box.feature-box-style-4 .feature-box-icon i.fa,
.feature-box.feature-box-style-4 .feature-box-icon .icons {
	color: #42b448;
}

html .feature-box-primary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons {
	color: #42b448;
}

html .feature-box-secondary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons {
	color: #383f48;
}

html .feature-box-dark.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-4 .feature-box-icon .icons {
	color: #FFF;
}

.feature-box.feature-box-style-5 .feature-box-icon i.fa,
.feature-box.feature-box-style-5 .feature-box-icon i.icons {
	color: #42b448;
}

html .feature-box-primary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-5 .feature-box-icon i.icons {
	color: #42b448;
}

html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.icons {
	color: #383f48;
}

html .feature-box-dark.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-5 .feature-box-icon i.icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-5 .feature-box-icon i.icons {
	color: #FFF;
}

html .feature-box-primary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-6 .feature-box-icon i.icons {
	color: #42b448;
}

html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.icons {
	color: #383f48;
}

html .feature-box-dark.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-6 .feature-box-icon i.icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-6 .feature-box-icon i.icons {
	color: #FFF;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(1) .featured-box-full-primary {
	background-color: #348f39;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(2) .featured-box-full-primary {
	background-color: #3ba141;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(3) .featured-box-full-primary {
	background-color: #42b448;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(4) .featured-box-full-primary {
	background-color: #50bf56;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(5) .featured-box-full-primary {
	background-color: #63c668;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(6) .featured-box-full-primary {
	background-color: #76cd7a;
}

html .featured-boxes-full .featured-box-full-primary {
	background-color: #42b448;
	color: #FFF;
}

html .featured-boxes-full .featured-box-full-secondary {
	background-color: #e36159;
	color: #FFF;
}

html .featured-boxes-full .featured-box-full-tertiary {
	background-color: #2baab1;
	color: #FFF;
}

html .featured-boxes-full .featured-box-full-quaternary {
	background-color: #383f48;
	color: #FFF;
}

html .featured-boxes-full .featured-box-full-dark {
	background-color: #2e353e;
	color: #FFF;
}

html .featured-boxes-full .featured-box-full-light {
	background-color: #FFF;
	color: #777;
}

.pricing-table .most-popular {
	border-color: #42b448;
}

.pricing-table .most-popular h3 {
	background-color: #42b448 !important;
}

.pricing-table.princig-table-flat .plan h3 {
	background-color: #42b448;
}

.pricing-table.princig-table-flat .plan h3 span {
	background: #42b448;
}

html .call-to-action.featured.featured-primary {
	border-top-color: #42b448;
}

html .call-to-action.call-to-action-primary {
	background: #42b448;
}

html .call-to-action.with-full-borders-primary {
	border-color: #42b448;
}

html .call-to-action.call-to-action-primary {
	background: #42b448;
}

html .call-to-action.call-to-action-primary h3,
html .call-to-action.call-to-action-primary p {
	color: #FFF;
}

html .call-to-action.featured.featured-secondary {
	border-top-color: #e36159;
}

html .call-to-action.call-to-action-secondary {
	background: #e36159;
}

html .call-to-action.with-full-borders-secondary {
	border-color: #e36159;
}

html .call-to-action.call-to-action-secondary {
	background: #e36159;
}

html .call-to-action.call-to-action-secondary h3,
html .call-to-action.call-to-action-secondary p {
	color: #FFF;
}

html .call-to-action.featured.featured-tertiary {
	border-top-color: #2baab1;
}

html .call-to-action.call-to-action-tertiary {
	background: #2baab1;
}

html .call-to-action.with-full-borders-tertiary {
	border-color: #2baab1;
}

html .call-to-action.call-to-action-tertiary {
	background: #2baab1;
}

html .call-to-action.call-to-action-tertiary h3,
html .call-to-action.call-to-action-tertiary p {
	color: #FFF;
}

html .call-to-action.featured.featured-quaternary {
	border-top-color: #383f48;
}

html .call-to-action.call-to-action-quaternary {
	background: #383f48;
}

html .call-to-action.with-full-borders-quaternary {
	border-color: #383f48;
}

html .call-to-action.call-to-action-quaternary {
	background: #383f48;
}

html .call-to-action.call-to-action-quaternary h3,
html .call-to-action.call-to-action-quaternary p {
	color: #FFF;
}

html .call-to-action.featured.featured-dark {
	border-top-color: #2e353e;
}

html .call-to-action.call-to-action-dark {
	background: #2e353e;
}

html .call-to-action.with-full-borders-dark {
	border-color: #2e353e;
}

html .call-to-action.call-to-action-dark {
	background: #2e353e;
}

html .call-to-action.call-to-action-dark h3,
html .call-to-action.call-to-action-dark p {
	color: #FFF;
}

html .call-to-action.featured.featured-light {
	border-top-color: #FFF;
}

html .call-to-action.call-to-action-light {
	background: #FFF;
}

html .call-to-action.with-full-borders-light {
	border-color: #FFF;
}

html .call-to-action.call-to-action-light {
	background: #FFF;
}

html .call-to-action.call-to-action-light h3,
html .call-to-action.call-to-action-light p {
	color: #777;
}

section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
	background: #42b448;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #42b448;
}

ul.history li .featured-box .box-content {
	border-top-color: #42b448;
}

.recent-posts .date .month,
article.post .post-date .month {
	background-color: #42b448;
}

.recent-posts .date .day,
article.post .post-date .day {
	color: #42b448;
}

.slider .tp-bannertimer {
	background-color: #42b448;
}

.home-concept strong {
	color: #42b448;
}

html .home-intro-primary {
	background: #42b448;
}

html .home-intro-secondary {
	background: #e36159;
}

html .home-intro-tertiary {
	background: #2baab1;
}

html .home-intro-quaternary {
	background: #383f48;
}

html .home-intro-dark {
	background: #2e353e;
}

html .home-intro-light {
	background: #FFF;
}

.home-intro p em {
	color: #63c668;
}

html .slider-container .tp-caption-overlay-primary {
	background: #42b448;
}

html .slider-container .tp-caption-overlay-opacity-primary {
	background: rgba(66, 180, 72, 0.4);
}

html .slider-container .tp-caption-overlay-secondary {
	background: #e36159;
}

html .slider-container .tp-caption-overlay-opacity-secondary {
	background: rgba(227, 97, 89, 0.4);
}

html .slider-container .tp-caption-overlay-tertiary {
	background: #2baab1;
}

html .slider-container .tp-caption-overlay-opacity-tertiary {
	background: rgba(43, 170, 177, 0.4);
}

html .slider-container .tp-caption-overlay-quaternary {
	background: #383f48;
}

html .slider-container .tp-caption-overlay-opacity-quaternary {
	background: rgba(56, 63, 72, 0.4);
}

html .slider-container .tp-caption-overlay-dark {
	background: #2e353e;
}

html .slider-container .tp-caption-overlay-opacity-dark {
	background: rgba(46, 53, 62, 0.4);
}

html .slider-container .tp-caption-overlay-light {
	background: #FFF;
}

html .slider-container .tp-caption-overlay-opacity-light {
	background: rgba(255, 255, 255, 0.4);
}
/* Arrows */
.tparrows.tparrows-carousel.tp-leftarrow,
.tparrows.tparrows-carousel.tp-rightarrow {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #42b448;
	border-color: #42b448 #42b448 #348f39;
}

.tparrows.tparrows-carousel.tp-leftarrow:hover,
.tparrows.tparrows-carousel.tp-rightarrow:hover {
	border-color: #50bf56 #50bf56 #3ba141;
	background-color: #50bf56;
}

.tparrows.tparrows-carousel.tp-leftarrow:active,
.tparrows.tparrows-carousel.tp-rightarrow:active,
.tparrows.tparrows-carousel.tp-leftarrow:focus,
.tparrows.tparrows-carousel.tp-rightarrow:focus,
.tparrows.tparrows-carousel.tp-leftarrow:active:hover,
.tparrows.tparrows-carousel.tp-rightarrow:active:hover,
.tparrows.tparrows-carousel.tp-leftarrow:active:focus,
.tparrows.tparrows-carousel.tp-rightarrow:active:focus {
	border-color: #3ba141 #3ba141 #3ba141;
	background-color: #3ba141;
}

.tparrows.tparrows-carousel.tp-leftarrow.dropdown-toggle,
.tparrows.tparrows-carousel.tp-rightarrow.dropdown-toggle {
	border-left-color: #3ba141;
}

.tparrows.tparrows-carousel.tp-leftarrow[disabled],
.tparrows.tparrows-carousel.tp-rightarrow[disabled] {
	border-color: #88d48c;
	background-color: #88d48c;
}

.shop ul.products li.product .onsale {
	background-color: #42b448;
	border-bottom-color: #37963c;
}

.shop .star-rating span,
.shop .cart-totals tr.total .amount {
	color: #42b448;
}

#footer{
	margin-top: 0;
}
#footer .footer-ribbon {
	background: #42b448;
}

#footer .footer-ribbon:before {
	border-right-color: #2d7c32;
	border-left-color: #2d7c32;
}

#footer.light h1,
#footer.light h2,
#footer.light h3,
#footer.light h4,
#footer.light a {
	color: #42b448;
}

#footer.color {
	background: #42b448;
	border-top-color: #42b448;
}

#footer.color .footer-ribbon {
	background: #348f39;
}

#footer.color .footer-ribbon:before {
	border-right-color: #205723;
}

#footer.color .footer-copyright {
	background: #3ba141;
	border-top-color: #3ba141;
}

html #footer.color-primary {
	background: #42b448;
	border-top-color: #42b448;
}

html #footer.color-primary .footer-ribbon {
	background: #348f39;
}

html #footer.color-primary .footer-ribbon:before {
	border-right-color: #205723;
}

html #footer.color-primary .footer-copyright {
	background: #3ba141;
	border-top-color: #3ba141;
}

html #footer.color-secondary {
	background: #e36159;
	border-top-color: #e36159;
}

html #footer.color-secondary .footer-ribbon {
	background: #dc372d;
}

html #footer.color-secondary .footer-ribbon:before {
	border-right-color: #a1231b;
}

html #footer.color-secondary .footer-copyright {
	background: #df4c43;
	border-top-color: #df4c43;
}

html #footer.color-tertiary {
	background: #2baab1;
	border-top-color: #2baab1;
}

html #footer.color-tertiary .footer-ribbon {
	background: #218388;
}

html #footer.color-tertiary .footer-ribbon:before {
	border-right-color: #12474a;
}

html #footer.color-tertiary .footer-copyright {
	background: #26969c;
	border-top-color: #26969c;
}

html #footer.color-quaternary {
	background: #383f48;
	border-top-color: #383f48;
}

html #footer.color-quaternary .footer-ribbon {
	background: #22262b;
}

html #footer.color-quaternary .footer-ribbon:before {
	border-right-color: #000000;
}

html #footer.color-quaternary .footer-copyright {
	background: #2d323a;
	border-top-color: #2d323a;
}

html #footer.color-dark {
	background: #2e353e;
	border-top-color: #2e353e;
}

html #footer.color-dark .footer-ribbon {
	background: #181c21;
}

html #footer.color-dark .footer-ribbon:before {
	border-right-color: #000000;
}

html #footer.color-dark .footer-copyright {
	background: #23282f;
	border-top-color: #23282f;
}

html #footer.color-light {
	background: #FFF;
	border-top-color: #FFF;
}

html #footer.color-light .footer-ribbon {
	background: #e6e6e6;
}

html #footer.color-light .footer-ribbon:before {
	border-right-color: #bfbfbf;
}

html #footer.color-light .footer-copyright {
	background: #f2f2f2;
	border-top-color: #f2f2f2;
}

.sample-icon-list .sample-icon a:hover {
	background-color: #42b448;
}

html.boxed .body {
	border-top-color: #42b448;
}

/* ------------------------- Error 페이지  ------------------------- */
.error-box { border: 7px solid #e9e9e9; padding: 25px 125px; margin: 40px auto 0; }
.error-box .message { text-align: center; background: url("../img/icon/icon_exclamation.png") no-repeat center top; padding-top: 75px; font-size: 24px; font-size: 2.4rem; line-height: 1.5; font-family: 'NanumBold', sans-serif; letter-spacing: -1px; }
.error-box .message span { color: #01a1dd; }
.error-box .err-cont { margin: 25px 0 20px; padding-bottom: 25px; font-family: Nanum, sans-serif; color: #777; line-height: 1.7; font-size: 14px; font-size: 1.4rem; border-bottom: 1px solid #cdcccc; }
.error-box .ask-info { color: #777; }
.error-box .ask-info strong { color: #01a1dd; background: url("../img/icon/icon_receiver.png") no-repeat left top 3px; padding-left: 15px; }
.error-box .btn-list { text-align: center; }


/*************** 2022 new ****************/

/*** common ***/
.cf:after{
	content: '';
	display: block;
	clear: both;
}
.blind{
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: 0;
}

.fc_black{
	color: #000000 !important;
}
.fc_red{
	color: #ff0000 !important;
}


/*** layout ***/
#header .header-logo h1{
	margin-bottom: 0;
}

#footer{
	background: #ededed;
	border-top: 0;
}

/* 하단 마크 */
.footMark {
	position:sticky; 
	padding: 20px 0; 
	top:81px; 
	right:0; 
	font-size:0;
}
.footMark li {
	display:inline-block; 
	margin-left:15px; 
	vertical-align:middle;
}
.footMark li:first-child {
	margin-left:0;
}
.footMark ul {
	width: 45%;
	margin-bottom: 0;
}
.footMark a {
	display:block;
}
.footMark button {
	display:block; 
	width:100%;
}
@media all and (max-width:640px) {
    .footMark {display:none;}
}

/* 하단 리스트 */
.footSlide{
	position:relative; 
	width:864px;
	float: right;
    margin-top: -87px;
    margin-right: 100px;
}
.footSlide .slide_list {
	border: 8px solid #f4f4f4;
	background: white;
	height: 75px;
}

.footSlide .slide_list button{
	width: 100%; 
	height: 100%; 
	text-align: left; 
	line-height: 13px; 
	font-size: 13px; 
	display: flex; 
	flex-direction: row; 
	align-content: center; 
	align-items: center; 
	padding: 8px;
	background-color: #fff;
}
.footSlide .slide_list img {
	width: 30px; 
	height: auto; 
	padding-right: 8px;
}
@media all and (max-width:1281px) {
	.footSlide {
		position:relative; 
		width:648px; 
		float: right; 
		margin-top: -87px; 
		margin-right: 80px;
	}
	.footSlide .slide_list button{
		font-size: 13px;
	}
}
@media all and (max-width:1001px) {
	.footSlide {width:432px;}
}
@media all and (max-width:840px) {
	.footSlide {width:216px;}
}
@media all and (max-width:640px) {
	.footSlide {
		width: 0px; 
		display: none!important;
	}
}



#footer .footerMenu{
	width: 100%;
	height: 60px;
	background: #545454;
}
#footer .footerMenu ul{
	max-width: 1300px;
	margin: 0 auto;
	text-align: left;
}
#footer .footerMenu ul li{
	float: left;
	margin-right: 25px;
	height: 60px;
	line-height: 60px;
}
#footer .footerMenu ul li:last-child{
	margin-left: 0;
}
#footer .footerMenu ul li a{
	display: block;
	font-size: 14px;
	color: #fff;
	letter-spacing: -0.4px;
}

#footer .footer-copyright{
	background: #ccc;
	border-top: 0;
	padding: 30px 0;
	text-align: center;
}
#footer .footer-copyright .container{
	position: relative;
	overflow: hidden;
}
#footer h2.logo{
	width: 100%;
	margin: 0 auto 30px auto;
	text-align: center;
}
#footer h2.logo img{
	display: inline-block;
}

.footerLink{
	position: absolute;
	right: 0;
	bottom: 30px;
}
.footerLink ul li{
	display: inline-block;
	float: left;
	margin-left: 10px;
}
.footerLink ul li a{
	padding: 3px 10px;
	border-radius: 5px;
	display: block;
}
.footerLink ul li.lk1 a{
	background-color: #369eff;
}
.footerLink ul li.lk2 a{
	background-color: #274597;
}

html .scroll-to-top{
	background: #333;
	border-radius: 100%;
}

@media (max-width: 1300px){
	#footer .footerMenu{
		padding: 0 15px;
	}
	
}

@media (max-width: 767px){
	#footer .footerMenu{
		height: auto;
	}
	#footer .footerMenu ul{
		display: inline-block;
		padding: 10px 15px;
		text-align: center;
	}
	#footer .footerMenu ul li{
		display: inline-block;
		margin: 0 15px;
		float: none;
		height: 35px;
		line-height: 35px;
	}
	
	.footerLink{
		display: none;
	}
	
}



.container{
	max-width: 1330px;
}

section.page-header{
	border-bottom: 0;
	border-top: 0;
	min-height: 195px;
	text-align: center;
	background: url("../img/sub_tit_bg.jpg")no-repeat top center;
	margin-top: 100px;
}
section.page-header ul li{
	color: #fff;
}
section.page-header h1{
	border-bottom: 0;
	font-weight: bold;
}

#hdSchForm{
	height: 0px;
	z-index: 999;
}
#hdSchForm .overlay-content{
	top: 0;
	margin-top: 20px;
}
.header-search .btn-default{
	right: 0;
}
#hdSchForm.overlay .closebtn{
	right: 0;
}


@media screen and (max-width: 765px){
	.page-header{
		padding: 20px 0;
	}
	#header h1.logo a{
		width: 200px;
	}
	section.page-header{
		min-height: 145px;
	}
	section.page-header h1{
		font-size: 28px;
		font-weight: 500;
	}
}

/***** main(s) *****/
.main .wrap{
	margin-top: 100px;
}

.grid{
	max-width: 1300px;
	margin: 0 auto;
}

/* main title*/
.mainTit{
	position: relative;
	margin-bottom: 30px;
	text-align: center;
}
.h3Tit{
	display: inline-block;
	font-size: 36px;
	color: #3f4041;
	text-align: center;
	padding: 20px;
	position: relative;
	letter-spacing: -1px;
	margin: auto;
	font-weight: 700;
}
.h3Tit:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 15px;
	height: 15px;
	background-color: #f32f36;
	border-radius: 50%;
}
.h3Tit mark{
	background-color: transparent;
	color: #274597;
}

.h4Tit{
	display: block;
	font-size: 32px;
	color: #3f4041;
	text-align: left;
	padding: 20px 0;
	position: relative;
	letter-spacing: -0.5px;
}
.h5Tit{
	display: block;
	font-size: 20px;
	color: #3f4041;
	text-align: left;;
	position: relative;
	font-weight: 500;
	letter-spacing: -0.5px;
}


@media all and (max-width:1300px) {
	.grid{
		padding-left: 3%;
		padding-right: 3%;
	}
}
@media all and (max-width:640px) {
	.mainTit{
		margin-bottom: 20px;
	}
	.h3Tit{
		font-size: 22px;
		padding: 10px;
	}
	.h3Tit:before{
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 10px;
		height: 10px;
		background-color: #f32f36;
		border-radius: 50%;
	}
	.h4Tit{
		font-size: 20px;
	}
	.h5Tit{
		font-size: 18px;
	}
	.mainStit{
		font-size: 16px !important;
	}
}

/* main btn */
.mainMore{
	position: relative;
	margin: 50px auto;
	text-align: center;
	float: left;
	width: 100%;
}
.plusBtns{
	display: inline-block;
	color: #fff;
	background-color: #369eff;
	border-radius: 7px;
	border-bottom-left-radius: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	transition: .3s ease-in-out;
	opacity: 1;
	text-align: center;
	cursor: pointer;
	font-weight: 300;
}
.plusBtns:hover{
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}
.plusBtnb{
	display: inline-block;
	color: #fff;
	background-color: #274597;
	border-radius: 12px;
	border-bottom-left-radius: 0;
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 30px;
	transition: .3s ease-in-out;
	opacity: 1;
	text-align: center;
	cursor: pointer;
}
.plusBtnb:hover{
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

/* main slide */
#container img{
	/*object-fit: cover;*/
}
.mainVisual{
	margin-top: 100px;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.mainSlideWrap{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#mainSlide{
	height: 528px;
	background-color: #6c7178;
}
#mainSlide div {
	position: relative;
}
#mainSlide .textBox{
	position: absolute;
	top: 20%;
	left: 50%;
	width: 1300px;
	margin-left: -650px;
	z-index: 999;
}
#mainSlide .textBox p{
	font-size: 40px;
	color: #fff;
	text-align: center;
	font-weight: 500;
	line-height: 1.2;
	word-break: break-all;
}

#mainSlide .textBox .mainViewBtn{
	display: inline-block;
	padding: 8px 20px;
	color: #fff;
	background-color: none;
	font-size: 14px;
	text-align: center;
	border: 1px solid #fff;
	transition: .3s ease-in-out;
}
#mainSlide .textBox .mainViewBtn:hover{
	color: #333;
	background-color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
}
#mainSlide .tbImg{display: none;}
#mainSlide .moImg{display: none;}
#mainSlide .slick-slide img{
	width: 100%;
	height: 528px;
	object-fit: cover;
}

.mainSlideWrap .playPause{
	position: absolute;
	bottom: 4.7%;
	left: 50%;
	margin-left: -70px;
}

.mainSlideWrap .playPause .btn_pause.on{
	background: url('../img/icon/mainVisual_play.png');
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	outline: none;
}

.mainSlideWrap .playPause .btn_pause{
	background: url('../img/icon/mainVisual_pause.png');
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	outline: none;
}


/* main dots */
#mainSlide .slick-dots {
	bottom: 6%;
}
#mainSlide .slick-dots li{
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
}
#mainSlide .slick-dots li button{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	overflow: hidden;
}
#mainSlide .slick-dots .slick-active{
	width: 35px;
	height: 10px;
	background: #274597;
	border-radius: 35px;
	overflow: hidden;
}
#mainSlide .slick-dots .slick-active button{
	width: 35px;
	height: 10px;
	border-radius: 35px;
	overflow: hidden;
}
#mainSlide .slick-dots li button:before{
	content: '';
}

/* mainIcon */
.mainIcon{
	position: absolute;
	width: 720px;
	bottom: 80px;
	left: 50%;
	margin-left: -360px;
	text-align: center;
}
.mainIcon .iconTab {
    display: inline-block;
    text-align: center;
}
.mainIcon .iconTab li {
    float: left;
    width: 120px;
    height: 120px;
    line-height: 120px;
    background: none;
    border: 0px solid #ccc;
    text-align: center;
    overflow: hidden;
}

.mainIcon .iconTab li:last-child a {
	margin-right: 0;
}

.mainIcon .iconTab li a {
	position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    display: block;
    padding-top: 15px;
    letter-spacing: -0.5px;
}

.mainIcon .iconTab li a:before{
    position: absolute;
    content: '';
    width: 1px;
    height: 50px;
    background-color: rgba(255,255,255,0.5);
    top: 17px;
    right: 0;
}
.mainIcon .iconTab li:last-child a:before{
    display: none;
}
.mainIcon .iconTab li a:after {
    position: absolute;
    content: '';
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.mainIcon .iconTab li.active a,
.mainIcon .iconTab li.active a:hover,
.mainIcon .iconTab li.active a:focus {
	background-color: #fff;
}

.mainIcon .iconTab li:nth-child(1) a:after {
    background-image: url('../img/icon/mainVisualIcon01.png');
}
.mainIcon .iconTab li:nth-child(2) a:after {
    background-image: url('../img/icon/mainVisualIcon02.png');
}
.mainIcon .iconTab li:nth-child(3) a:after {
    background-image: url('../img/icon/mainVisualIcon03.png');
}
.mainIcon .iconTab li:nth-child(4) a:after {
    background-image: url('../img/icon/mainVisualIcon04.png');
}
.mainIcon .iconTab li:nth-child(5) a:after {
    background-image: url('../img/icon/mainVisualIcon05.png');
}
.mainIcon .iconTab li:nth-child(6) a:after {
    background-image: url('../img/icon/mainVisualIcon06.png');
}
.mainIcon .iconTab li:nth-child(7) a:after {
    background-image: url('../img/icon/mainVisualIcon07.png');
}


@media all and (max-width:1300px) {
	#mainSlide .textBox{
		width: 1000px;
		margin-left: -500px;
	}
}

@media all and (max-width:1000px) {
	#mainSlide .textBox{
		width: 900px;
		margin-left: -450px;
	}
}

@media all and (min-width: 481px) and (max-width: 1024px) {
	#mainSlide .pcImg{
		display: none;
	}
	#mainSlide .tbImg{
		display: block;
	}
	#mainSlide .moImg{
		display: none;
	}
}
@media all and (max-width:765px) {
	.grid{
		padding: 0 20px;
	}
	
	#mainSlide .textBox{
		width: 500px;
		margin-left: -250px;
	}
	#mainSlide .textBox p{
		font-size: 30px;
	}
	
	.mainIcon{
		width: 360px;
		left: 50%;
		bottom: 60px;
		margin-left: -180px;
	}
	.mainIcon .iconTab{
		margin-bottom: 0;
	}
	.mainIcon .iconTab li{
		height: 90px;
		line-height: 90px;
	}
	.mainIcon .iconTab li a{
		font-size: 15px;
	}
	.mainIcon .iconTab li a:after{
		width: 40px;
		height: 40px;
		left: calc(50% - 20px);
	}
	.mainIcon .iconTab li:nth-child(3) a:before{
		display: none;
	}
	
	
	.news{
		padding-bottom: 15px;
	}
	
}

@media all and (max-width:640px) {
	.mainVisual{
		height: 450px;
		overflow: hidden;
	}
	#mainSlide{
		height: 450px;
	}
	#mainSlide .slick-slide img{
		height: 450px;
	}
	#mainSlide .textBox{
		width: 480px;
		margin-left: -240px;
		text-align: left;
		padding: 0 10px;
		top: 12%;
	}
	#mainSlide .textBox p{
		font-size: 30px;
		text-align: left;
	}
	#mainSlide .textBox .mainViewBtn{
		padding: 5px 15px;
		font-size: 12px;
	}
	.mainIcon .iconTab li{
		width: calc(100% / 3);
	}
}

@media all and (max-width:480px) {
	.pcImg{display:none;}
	.moImg{display: block !important;}

	.mainVisual{
		height: 350px;
		overflow: hidden;
	}
	.mainSlideWrap {
	    width: 100%;
	    height: auto;
	}
	#mainSlide{
		height: 350px;
	}
	#mainSlide .slick-slide img{
		height: 350px;
	}
	#mainSlide .textBox{
		width: 370px;
		margin-left: -185px;
	}
	#mainSlide .textBox p{
		font-size: 22px;
		text-align: left;
	}
	
	.mainIcon{
		width: 280px;
		bottom: 35px;
		margin-left: -140px;
	}
	.mainIcon .iconTab{
		margin-bottom: 0;
	}
	.mainIcon .iconTab li{
		height: 65px;
		line-height: 65px;
	}
	.mainIcon .iconTab li a{
		font-size: 12px;
		padding-top: 8px;
	}
	.mainIcon .iconTab li a:before{
		height: 30px;
		top: 10px;
	}
	.mainIcon .iconTab li a:after{
		width: 30px;
		height: 30px;
		left: calc(50% - 15px);
	}
	
}

@media all and (max-width:320px) {
	#mainSlide .textBox{
		width: 280px;
		margin-left: -140px;
	}
	#mainSlide .textBox p{
		font-size: 17px;
		text-align: left;
	}
}




/* main content NIPA사업 */
.bsInfo{
	margin-top: 60px;
}
.bsInfoCon{
	
}
.bsInfoCon .mainConTit{
	float: left;
	text-align: left;
}
.bsInfoCon .mainConTit p{
	font-size: 20px;
	color: #333;
	font-weight: 300;
	padding: 0px 0 40px 0;
	margin-bottom: 0;
}
.bsInfoCon .mainConTit a{
	display: block;
	width: 67px;
	height: 15px;
	text-indent: -9999px;
	background: url("../img/icon/mainArrow.png")no-repeat 0 0;
}
.bsInfoCon ul.bsInfocc{
	float: right;
	padding: 30px 0 0 0;
}
.bsInfoCon ul li{
	background-color: #f6f9fe;
	border-radius: 15px;
	margin-left: 35px;
	padding: 30px;
	float: left;
	text-align: center;
}
.bsInfoCon ul li span{
	display: block;
	min-width: 220px;
}
.bsInfoCon ul li.cc1 .cct1:before{background: url("../img/bsinfo01.jpg")no-repeat 0 0;}
.bsInfoCon ul li.cc2 .cct1:before{background: url("../img/bsinfo02.jpg")no-repeat 0 0;}
.bsInfoCon ul li.cc3 .cct1:before{background: url("../img/bsinfo03.jpg")no-repeat 0 0;}

.cct1{
	font-size: 18px;
	color: #333;
	font-weight: 500;
	padding: 20px 0; 
	position: relative;
}
.cct1:before{
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -97px;
	content: '';
	width: 195px;
	height: 62px;
}
.cct2{
	font-size: 14px;
	color: #636566;
	font-weight: 400;
	padding: 20px 0;
	position: relative;
	line-height: 18px;
}
.cct2:before{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -12px;
	content: '';
	width: 25px;
	height: 2px;
	background: #222;
}

@media all and (max-width:1300px) {
	.bsInfoCon .mainConTit{
		width: 16%;
		margin-right: 2%;
	}
	.bsInfoCon .mainConTit p{
		font-size: 18px;
	}
	.bsInfoCon ul.bsInfocc{
		width: 82%;
		float: right;
	}
	.bsInfoCon ul li{
		width: calc(100% / 3 - 2%);
		margin-left: 2%;
		padding: 20px 10px;
	}
}
@media all and (max-width:1000px) {
	.bsInfoCon .mainConTit{
		display: none;
	}
	.bsInfoCon ul.bsInfocc{
		width: 100%;
	}
	.bsInfoCon ul li{
		width: calc(100% / 3 - 4%);
		margin: 0 2%;
	}
	.bsInfoCon ul li span{
		min-width: 0;
	}
	.bsInfoCon ul li span.cct2{
		font-size: 12px;
		letter-spacing: -0.75px;
	}
}
@media all and (max-width:765px) {
	.bsInfoCon .mainConTit{
		margin-right: 2%;
	}
	.bsInfoCon .mainConTit p{
		font-size: 18px;
	}
	.bsInfoCon ul.bsInfocc{
		float: left;
	}
	.bsInfoCon ul li{
		width: 100%;
		margin: 0 0 60px 0;
		padding: 20px;
	}
	.bsInfoCon ul li:last-child{
		margin: 0;
	}
	.bsInfoCon ul li span.cct2{
		font-size: 14px;
		letter-spacing: 0;
	}

}



/* main content NIPA소식 */
.NipaConWrap{
	margin-top: 60px;
	height: auto;
	background-image: url("../img/mainConbg.png");
}

.news{
	padding-top: 30px;
}
.boardArea{
    overflow: hidden;
    float: left;
    margin-right: 30px;
}
/* boxNotice */
.boxNotice {
    width: 725px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    padding: 0 15px 15px 0;
}

/* board_tab */
.boxNotice .bd_tab{
	margin-bottom: 15px;
	padding-top: 10px;
    padding-bottom: 12px;
    padding-right: 45px;
	text-align: left;
}
.boxNotice .bd_tab li{
	display: inline-block;
}
.boxNotice .bd_tab p{
	text-align: center;
	margin: 0 10px;
}
.boxNotice .bd_tab p a{
	display: block;
	font-weight: 400;
	color: #333;
    font-size: 18px;
    letter-spacing: -0.75px;
}

.boxNotice .bd_tab .active a{
    background: none;
    color: #333;
    box-sizing: border-box;
    font-weight: 700;
    position: relative;
    z-index: 9;
    text-decoration: none;
}
.boxNotice .bd_tab .active a:before{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 9px;
	background-color: #a3d0ff;
	z-index: -9;
}

.bd_tab_con{
	padding: 12px 20px;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 5px 5px 10px #ddd;
}
.boxNotice .text_title {
    float:left;
    color:#343434;
    font-size:20px;
    padding-bottom:15px;
}
.boxNotice .plusBtnb {
    position: absolute;
    top: 0px;
    right: 15px;
}
.boxNotice .bd_tab_con ul {
    clear:both;
    margin-bottom: 0;
}
.boxNotice .bd_tab_con li {
    height: 50px;
    line-height: 50px;
    position: relative;
    overflow: hidden;
    padding-left: 5px;
    border-bottom: 1px dashed #d0d3d6;
    box-sizing: border-box;
}
.boxNotice .bd_tab_con li:last-child {
    border-bottom: 0;
}
.boxNotice .bd_tab_con li a {
    display:inline-block;
    width: 75%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    float: left;
    letter-spacing: -0.75px;
}
.boxNotice .bd_tab_con li span{
    display: inline-block;
    width: 20%;
    font-size: 12px;
    color: #909497;
    text-align: right;
    float: right;
    padding-right: 5px;
}
.boxNotice .bd_tab_con li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 15px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}


/* 주요활동 */
.sclVal{
	width: 260px;
	float: left;
	position: relative;
}
.sclVal .h5Tit{
	padding-top: 15px;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.sclVal .mainMore{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	text-align: right;
	float: none;
	width: 44px;
}
.sclValCon{
	border-radius: 15px;
	overflow: hidden;
	width: 260px;
	height: 274px;
	background-color: #fff;
	box-shadow: 5px 5px 10px #ddd;
}
.sclValCon a{
	display: block;
}
.sclThumb{
	height: 187px; 
}
.sclThumb img{
	width: 100%;
	height: 187px;
	object-fit: cover;
}
.sclTxt{
	padding: 5px 10px 15px 15px;
}
.sclTxt span{
	display: block;
}
.sclTxt .scltt1{
	font-size: 14px;
	color: #274597;
	font-weight: 500;
}
.sclTxt .scltt2{
	font-size: 16px;
	color: #333;
	font-weight: 500;
	padding: 3px 0 5px 0;
}
.sclTxt .scltt3{
	font-size: 13px;
	color: #888;
	font-weight: 400;
}


.popupzone{
	width: 260px;
	float: right;
	position: relative;
}
.popupzone .h5Tit{
	padding-top: 15px;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.popupzone .controls{
	width: 47px;
	height: 18px;
	background-color: #274597;
	border-radius: 25px;
	position: absolute;
	top: 16px;
	right: 22px;
}
.popupzone .controls .count{
	color: #fff;
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.5px;
}
.popupzone .controls .count strong{
	font-weight: 400;
}
.popupzone_list{

}
.popupzone_list .slick-list{
	border-radius: 15px;
	overflow: hidden;
	width: 260px;
	height: 274px;
	background-color: #fff;
	box-shadow: 5px 5px 10px #ddd;
}
.popupzone_list .slick-prev.slick-arrow {
    background: url(../img/icon/popzoneBtnPrev.png)no-repeat center !important;
    top: -36px;
    left: auto;
    right: 70px;
    z-index: 999;
    content: '';
}
.popupzone_list .slick-next.slick-arrow {
    background: url(../img/icon/popzoneBtnNext.png)no-repeat center !important;
    top: -36px;
    right: 0;
    z-index: 999;
    content: '';
}
.popupzone_list .slick-prev.slick-arrow:before, .popupzone_list .slick-next.slick-arrow:before {
    content: '';
}


.popupzone_list .popup_item a {
	display: block;
	width: 100%;
	height: 100%;
}
.popupzone_list .popup_item a img{
	width: 100%;
}



@media all and (max-width:1300px) {
	.boardArea{
		width: 50%;
		margin: 0;
	}
	.boxNotice{
		width: 100%;
	}
	.sclVal{
		width: auto;
		margin: 0 1%;
	}
	.popupzone{
		width: auto;
		margin: 0 1%;
	}
}

@media all and (max-width:1200px) {
	.boardArea{
		width: 50%;
	}
	.sclVal{
		width: 20%;
		margin: 0 1%;
	}
	.popupzone{
		width: 20%;
		margin: 0 1%;
	}
}
@media all and (max-width:1024px) {
	.boardArea{
		width: 100%;
		margin: 0 1%;
	}
	.sclVal{
		width: 48%;
		margin: 0 1%;
	}
	.popupzone{
		width: 48%;
		margin: 0 1%;
	}
}

@media all and (max-width:765px) {
	.h5Tit{
		text-align: center;
	}
	.sclVal{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.popupzone{
		width: 100%;
		margin: 0;
	}
	.boxNotice .bd_tab li{
		margin-bottom: 5px;
	}
	.boxNotice .plusBtnb{
		top: 15px;
	}
	.sclValCon{
		margin: 0 auto;
	}
	#popupzone{
		margin: 0 auto;
		width: 260px;
	}
	.popupzone_list .slick-prev.slick-arrow, .popupzone_list .slick-next.slick-arrow{
		display: none !important;
	}
	
}
@media all and (max-width:480px) {
	.boxNotice{
		padding: 0 10px 15px 0;
	}
	.popupzone .controls{
		right: 10%;
	}

}
@media all and (max-width:320px) {
	.boxNotice .bd_tab_con li a{
		width: 90%;
	}
	.boxNotice .bd_tab_con li span{
		display:none;
	}
	.popupzone .controls{
		right: 10px;
	}
}




/* main content NIPA바로가기 */
.shortCut{
	margin-top: 60px;
    background: url(../img/shortCutbg.png)no-repeat left bottom;
}
.shortCut .mainConTit{
	float: left;
	text-align: left;
}
.shortCut .mainConTit p{
	font-size: 20px;
	color: #333;
	font-weight: 300;
	margin-bottom: 0;
}
.shortCut .mainConTit a{
	display: block;
	width: 67px;
	height: 15px;
	text-indent: -9999px;
	background: url("../img/icon/mainArrow.png")no-repeat 0 0;
}
.shortCut .mainConTit .sign {
    display: inline-block;
    padding: 20px 0 18px 80px;
    background: url(../img/cts/4-1-1_img2.png) no-repeat left center;
}
.shortCut .shortCut1{
	width: 50%;
	float: left;
	padding: 40px 0 80px 0;
	background: url("../img/warden_face.png")no-repeat right bottom;
	background-position-x: 230px;
}
.shortCut .shortCut2{
	width: 50%;
	float: left;
	padding: 55px 0 0 0;
}
.shortCut .shortCut2 .shrtUl{
	display: inline-block;
	background: #fff;
	border: 1px solid #ebebeb;
	padding: 10px 20px;
	margin: 0 25px;
	min-width: 250px;
	float: left;
}
.shortCut .shortCut2 .shrtUl li{
	display: block;
	padding: 15px 0 15px 10px;
	border-bottom: 1px solid #ebebeb;
	text-align: left;
}
.shortCut .shortCut2 .shrtUl li:last-child{
	border-bottom: 0;
}
.shortCut .shortCut2 .shrtUl li a{
	display: block;
	color: #333;
	font-size: 16px;
	background: url("../img/icon/roundArrow.png")no-repeat right center;
	cursor: pointer;
}
.shortCut .shortCut2 .shrtUl li a:hover{
	color: #274597;
}


@media all and (max-width:1300px) {
	.shortCut .shortCut2 .shrtUl{
		padding: 10px 20px;
		margin: 0 0 0 10px;
		min-width: 220px;
	}
}

@media all and (max-width:1024px) {
	.shortCut{
		background: none;
	}
	.shortCut .grid{
		background-color: #e6f0fc;
	}
	.shortCut .shortCut1{
		width: 100%;
		padding: 40px 20px 80px 20px;
		background-position-x: 100%;
	}
	.shortCut .shortCut2{
		width: 100%;
		padding: 30px 0;
	}
	.shortCut .shortCut2 .shrtUl {
	    padding: 10px 20px;
	    margin: 0 1%;
	    min-width: 48%;
	}
}

@media all and (max-width:765px) {
	.shortCut .mainConTit p{
		font-size: 16px;
	}
}

@media all and (max-width:640px) {

}

@media all and (max-width:480px) {
	.shortCut .shortCut1{
		padding: 20px 0px;
		background-size: 55%;
	}
	.shortCut .mainConTit p{
		font-size: 14px;
	}
	.shortCut .shortCut2 .shrtUl{
		width: 100%;
		margin: 1% 0;
	}
}




/* main content SNS */
.sns{
	margin-top: 60px;
	position: relative;
}
.sns .snsTab{
	position: absolute;
	top: 72px;
	left: 50%;
	margin-left: -100px;
}
.sns .snsTab ul{
	display: block;
	text-align: center;
}
.sns .snsTab ul li{
	display: inline-block;
	width: 42px;
	height: 42px;
	border-radius: 15px;
	overflow: hidden;
	margin: 0 3px;
	text-indent: -9999px;
}
.sns .snsTab ul li.snsAll{
	background-color: #666666;
	background-image: url("../img/icon/snsTab01.png");
}
.sns .snsTab ul li.snsFacebook{
	background-color: #45619d;
	background-image: url("../img/icon/snsTab02.png");
}
.sns .snsTab ul li.snsBlog{
	background-color: #2fb049;
	background-image: url("../img/icon/snsTab03.png");
}
.sns .snsTab ul li.snsYoutube{
	background-color: #c12025;
	background-image: url("../img/icon/snsTab04.png");
}
.sns .snsTab ul li a{
	display: block;
	width: 100%;
	height: 100%;
}

#snsSlide {
    position:relative;
    padding: 50px 0;
}
#snsSlide .slick-track .snsSlide {
    width: 95%;
    border-radius:10px;
    background-color: #fff;
    margin: 20px 20px;
    padding: 0px;
    box-shadow: 5px 5px 10px #ddd;
    overflow: hidden;
}
#snsSlide .slick-track .snsSlide.slick-slide a{

}
.snsThumb{
	width: 100%;
	height: 220px;
	overflow: hidden;
}
.snsThumb img{
	width: 100%;
}

#snsSlide .snsSlide a:hover .snsSlide {
    border:2px solid #006acd;
    box-shadow: 0 5px 6px -6px black;
    background:#fff;
}

#snsSlide .snsSlide ul {
    padding: 12px 12px 15px 12px;
    
}
#snsSlide .snsSlide .snsSbj{
    width:100%;
    color:#333;
    font-size:16px;
    line-height:30px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
#snsSlide .snsSlide .snsDt{
    color:#777;
    font-size:13px;
}


#snsSlide .slick-arrow {
    top: 0px;
}
#snsSlide .slick-prev {
	left: auto;
    right: 50px;
}
#snsSlide .slick-next {
    right: 0px;
}

#snsSlide.slide .slick-arrow.slick-prev {
    width: 42px;
    height: 42px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/icon/snsSliderPrev.png) no-repeat;
    position: absolute;
    z-index: 3;
}
#snsSlide.slide .slick-arrow.slick-next {
    width: 42px;
    height: 42px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/icon/snsSliderNext.png) no-repeat;
    position: absolute;
    z-index: 3;
}

@media all and (max-width:400px) {
	.snsThumb{
		height: auto;
	}
}


/* main website */
.website{
	margin-top: 60px;
}
.mainStit{
	font-size: 22px;
	color: #888;
	margin-bottom: 60px;
	letter-spacing: -1px;
}
/* banner */
.website .popup {
	float:left; 
	width:400px; 
	height: 160px; 
	background: #ccc; 
	border-radius: 15px;
	position: relative;
}
#popup_list {
	float:left; 
	width:400px; 
	height: 160px; 
	background: #ccc; 
	border-radius: 15px;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	border: 1px solid #eaeaea;
}
.popup .controls{
	width: 47px;
	height: 20px;
	border-radius: 25px;
	position: absolute;
	bottom: 11%;
	left: 39%;
	z-index: 99;
}
.popup .controls .count{
	color: #fff;
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.5px;
}
.popup .controls .count strong{
	font-weight: 400;
}
#popup_list.popup_list a {
	display: block;
	height: 160px;
}
#popup_list.popup_list a img{
	width: 100%;
}


#popup_list .slick-prev, #popup_list .slick-next{
	width: 15px;
	height: 15px;
}
#popup_list .slick-prev.slick-arrow{
    background-image: url(../img/icon/popBtnPrev.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	top: auto;
	left: 50%;
	bottom: 7%;
	z-index: 999;
	content: '';
}

#popup_list .slick-next.slick-arrow{
    background-image: url(../img/icon/popBtnNext.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	top: auto;
	right: 39%;
	bottom: 7%;
	z-index: 999;
	content: '';
}
#popup_list .slick-prev.slick-arrow:before, #popup_list .slick-next.slick-arrow:before{
	content: '';
}

#popup_list:before{
	content: '';
	width: 100px;
	height: 20px;
	background-color: rgba(0,0,0,0.6);
	overflow: hidden;
	border-radius: 25px;
	position: absolute;
	bottom: 10%;
	left: 50%;
	margin-left: -50px;
	z-index: 99;
}

.popup .playPause{
	position: absolute;
	bottom: 14%;
	left: 54%;
	width: 10px;
	height: 10px;
	overflow: hidden;
	z-index: 99;
}
.popup .playPause .btn_pause.on{
	background: url('../img/icon/mainVisual_play.png');
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	outline: none;
}

.popup .playPause .btn_pause{
	background: url('../img/icon/mainVisual_pause.png');
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	outline: none;
}


@media all and (max-width:1280px) {
    .website .popup {width:270px; margin-right:32px;}
    .website .popup .popup_list a {height:110px;}
    .popup .controls{
    	left: 58%;
    }
	.popup .playPause {
	    left: 80%;
	}
}
@media all and (max-width:1000px) {
    .website .popup {
    	width: 400px; 
    	margin-right:0;
    	margin: 0 auto;
    	float: none;
    }
    .website .popup .popup_list a {
    	text-align:center;
    }
    .popup .controls{
    	left: 39%;
    }
	.popup .playPause {
	    left: 54%;
	}

}
@media all and (max-width:400px) {
    .website .popup {
    	width: 100%; 
    	height: auto;
    	margin-right:0;
    	margin: 0 auto;
    	float: none;
    }
    #popup_list{
    	width: 100%;
    	height: auto;
    }
    #popup_list.popup_list a{
    	height: auto;
    }
    .popup .controls{
    	display: none;
    }
    .popup .playPause{
    	display: none;
    }
    #popup_list:before{
    	display: none;
    }
    
    #popup_list .slick-prev.slick-arrow {
        background-color: rgba(0,0,0,0.4);
	    top: auto;
	    left: 0;
	    bottom: 50%;
	    margin-bottom: -30px;
	    width: 30px;
	    height: 30px;
	}
    #popup_list .slick-next.slick-arrow {
        background-color: rgba(0,0,0,0.4);
	    top: auto;
	    right: 0;
	    bottom: 50%;
	    margin-bottom: -30px;
	    width: 30px;
	    height: 30px;
	}
	
}

/* site */
.site{
	width: calc(100% - 400px);
	overflow: hidden;
	float: right;
}
.site ul{
	display: block;
	text-align: center;
	margin-bottom: 0;
	float: right;
}
.site ul li{
	display: inline-block;
	width: 160px;
	height: 160px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	margin-left: 55px;
	float: left;
	padding: 12px;
}
.site ul li a{
	display: block;
	height: 100%;
}
.site ul li a img{
	width: 100%;
}


@media screen and (max-width: 1300px){
	.site ul li {
	    width: calc(100% / 4 - 10px);
	    height: auto;
	    margin-left: 0;
	    margin: 5px;
	}
}
@media screen and (max-width: 1024px){
	.site{
		width: 100%;
		margin: 30px auto;
		float: left;
	}
	.site ul{
		float: none;
	}
	.site ul li{
		width: calc(100% / 4 - 10px);
		height: auto;
		margin: 5px;
	}
	.website .mainMore{
		margin: 0 auto;
	}
}
@media screen and (max-width: 765px){

}
@media screen and (max-width: 480px){

}
@media screen and (max-width: 320px){

}

/***** main(e) *****/

/****** nav *******/
.sub_menu_wrap {
    width: 100%;
	height: auto;
	position: relative;
	margin-top: -105px;
	margin-bottom: 50px;
}
.inner-wrapper{
	max-width: 1300px;
	margin: 0 auto;
	height: auto;
	background: #274597;
	position: relative;
}

.sub_menu_wrap .home{
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #fff;
	display: inline-block;
	border-right: 1px solid #4761a6;
	float: left;
}

.printWrap{
	top: 0;
	right: 71px;
	width: 35px;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.shareWrap{
	top: 0;
	right: 35px;
	width: 35px;
	height: 70px;
	line-height: 70px;
	text-align: center;
}

.sub_menu_wrap .print{
	text-align: center;
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: 3px;
}

.sub_menu_wrap .share{
	text-align: center;
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: 3px;
}

button.button-common-cp,
a.button-common-cp,
input[type="button"].button-common-cp,
input[type="submit"].button-common-cp {
    background: #274597;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    text-align: left;
    min-width: 120px;
	height: 70px;
	line-height: 70px;
    padding: 0 50px 0 20px;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	position: relative;
	border-right: 1px solid #4761a6;
	float: left;
}
button.button-common-cp:after{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -5px;
	content:'';
	width: 10px;
	height: 10px;
	background: url('../img/icon/down_btn_w.png')no-repeat center center;
}


button.button-common-cp.small-caps:hover,
a.button-common-cp.small-caps:hover,
input[type="button"].button-common-cp.small-caps:hover,
input[type="submit"].button-common-cp.small-caps:hover {
    background: #006dd2;
}


.dp-wrap {
    position: relative;
    display: inline-block;
	float: left;
	background: #274597;
}

.dp-con {
    background: #006dd2;
    color: #000;
    position: absolute;
    left: 0;
    top: 70px;
    display: none;
    text-align: left;
    z-index: 9;
    padding: 0;
    -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    -ms-box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    -o-box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
}
.dp-con ul{
    margin-bottom: 0;
}

.dp-con > ul > li a {
    color: #fff;
    font-size: 14px;
    padding: 8px 5px 8px 10px;
    text-transform: none;
    display: block;
	letter-spacing: -1px;
}

.dp-con > ul > li a:hover {
    background: #274597;
    text-decoration: none;
}

.toggleHideShow {
    display: block;
}

.target {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    background: #006ACD!important;
}.target + .toggleHideShow {
    border-top-left-radius:0!important;
}

@media screen and (max-width: 1024px){
	.printWrap, .shareWrap{
		display: none;
	}
	
}
@media screen and (max-width: 765px){
	.sub_menu_wrap{
		margin-bottom: 20px;
	}
	.sub_menu_wrap .inner-wrapper .dp-wrap{
		display: none;
	}
	.sub_menu_wrap .inner-wrapper .dp-wrap:last-child {
		display: block;
		width: 100%;
	}
	button.button-common-cp, a.button-common-cp, input[type="button"].button-common-cp, input[type="submit"].button-common-cp{
		min-width: 100%;
		border-right: 0;
		font-size: 12px;
		letter-spacing: -1px;
		padding: 0 30px 0 10px;
		width: 100%;
	}
	
}


/******* nav ********/



/****** contents ******/


.tab{
	max-width: 1300px;
	text-align: center;
	margin: 0 auto 40px auto;
	overflow: hidden;
}
.tab .tab_list{
	display: inline-block;
	text-align: center;
	padding: 0 15px;
}
.tab .tab_list li{
	display: inline-block;
	min-width: 145px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	margin: 5px 2px;
}
.tab .tab_list .tab_btn{
	display: block;
	border: 1px solid #ccc;
	color: #888;
	font-size: 16px;
	font-weight: 500;
	border-radius: 10px;
	padding: 0 10px;
	transition: .3s ease-in-out;
}
.tab .tab_list .on.tab_btn{
	background-color: #274597;
	color: #fff;
	border: 1px solid #274597;
}

@media screen and (max-width: 765px){
	.tab{
		margin-bottom: 15px;
	}
	.tab .tab_list li{
		min-width: 85px;
		height: 40px;
		line-height: 40px;
	}
	.tab .tab_list .tab_btn{
		font-size: 12px;
		font-weight: 400;
	}
	
}


/* tab2 */
.tab2{
	width: 100%;
	margin-bottom: 30px;
}
.tab2 ul{
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
	overflow: hidden;
}
.tab2 ul li{
	display: inline-block;
}
.tab2 ul p{
	height: 50px;
	min-width: 150px;
	line-height: 50px;
	text-align: center;
	background: #ccc;
	border-radius: 10px 10px 0 0;
	margin: 0;
	padding: 0 10px;
}
.tab2 ul p a{
	display: block;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.5px;
	font-size: 14px;
}
.tab2 .active p{
	background: #369eff;	
}

.tab2 .active a{
	background: #369eff;
	border-radius: 10px 10px 0 0;
}
.tab2.mo{
	display: none;
}

@media screen and (max-width: 765px){
	.tab2.pc{
		display: none;
	}
	.tab2.mo{
		display: block;
		position: relative;
	}
	.tab2.mo>a{
		display: block;
		border: 1px solid #369eff;
		overflow: hidden;
		color: #369eff;
		height: 40px;
		line-height: 40px;
		text-align: left;
		padding: 0 10px;
		background: url("../img/icon/down_btn_b.png")no-repeat right 10px center;
	}
	
	.tab2 ul p a{
		font-size: 12px;
		letter-spacing: -1px;
	}
	
	.moMenu4{
		border: 1px solid #369eff;
		height: 40px;
		line-height: 40px;
		color: #369eff;
		font-size: 13px;
		margin-bottom: 20px;
	}
	.tab2 .downCon{
		padding: 0px;
		background-color: #fff;
		/*max-height: 0;*/
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		border: 0;
		margin-top: -2px;
		border-top: 1px solid #369eff;
		border-radius: 0;
		margin-bottom: 0;
		position: absolute;
		left: 0px;
		top: 41px;
		width: 100%;
		height: auto;
		z-index: 9;
		display: none;
	}
	.tab2 .downCon li{
		display: block;
		border: 1px solid #369eff;
		margin-top: -1px;
	}
	.tab2 .downCon li p{
		background-color: #fff;
		height: 40px;
		line-height: 40px;
	}
	.tab2 .downCon li p a{
		display: block;
		background-color: #fff;
		color: #369eff;
		text-align: left;
	}
	
	
}


/*** content title ***/
article.post-large h2{
	font-size: 32px;
	padding-top: 15px;
	padding-left: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
article.post-large h2:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: #f32f36;
}

article.post-large{
	margin-left: 0 !important;
}

.post-meta{
	display: none;
}

/*** sub title ***/
.tit2{
	width: 100%;
	text-align: center;
}
.h2label{
	font-weight: 700;
	font-size: 30px;
	color: #333;
	margin-bottom: 15px;
}
.h3label{
	margin-top: 20px;
	margin-bottom: 15px;
	padding-left: 30px;
	color: #333;
	font-size: 19px;
	font-weight: 400;
	line-height: 21px;
	background: url("../img/icon/sub_tit_icon.png")no-repeat 0 0;
	background-size: 20px;
}
.h4label{
	margin-top: 20px;
	margin-bottom: 15px;
	padding-left: 30px;
	color: #333;
	font-size: 19px;
	font-weight: 400;
	line-height: 21px;
	background: url("../img/icon/subList_tit_icon.png")no-repeat 0 0;
	background-size: 20px;
	background-position: left center;
}


@media screen and (max-width: 765px){
	
	.h2label{
		font-size: 25px;
		font-weight: 500;
	}
	
}


/*** table ***/

/* table01(blackLine_theado) */
.tb01{
    width: 100%;
    line-height: 1.5;
	border-top: 3px solid #555555;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.tb01 th{
    background:#fff;
    border-bottom: 1px solid #e5e5e5 !important;
    border-right: 0px solid #e5e5e5 !important;
    padding: 15px 10px !important;
    vertical-align: middle !important;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
.tb01 td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 0px solid #e5e5e5;
    padding: 12px 10px !important;
    color:#464545;
    vertical-align: middle !important;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.tb01 input{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
    font-size: 14px;
    letter-spacing: -1px;;
}
.tb01 select{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
}


/* board_file_icon */
.bdIcon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    background-repeat: no-repeat;
    background-position: center center;
    width: 22px;
    height: 22px;
}
.bdIcon_pdf {
    background-image: url(../img/icon/bd_icon_pdf.png);
    background-size: 100%;
}
.bdIcon_hwp {
    background-image: url(../img/icon/bd_icon_hwp.png);
    background-size: 100%;
}
.bdIcon_img {
    background-image: url(../img/icon/bd_icon_img.png);
    background-size: 100%;
}
.bdIcon_exc {
    background-image: url(../img/icon/bd_icon_excel.png);
    background-size: 100%;
}
.bdIcon_fld {
    background-image: url(../img/icon/bd_icon_folder.png);
    background-size: 100%;
}
.bdIcon_zip {
    background-image: url(../img/icon/bd_icon_zip.png);
    background-size: 100%;
}



/* table02(blackLine_theadx) */
.tb02{
    width: 100%;
    line-height: 1.5;
	border-top: 3px solid #555555;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.tb02 span {
    font-weight: 500;
    margin-right:10px;
}
.tb02 th{
    background:#f7f8fa;
    border-bottom: 1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    padding:15px 0;
    vertical-align:middle;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
.tb02 td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 15px;
    color:#464545;
    vertical-align: middle;
    text-align: left; 
    padding-left: 15px;
    font-size: 16px;
    font-weight: 300;
}
.tb02 td:last-child{
    border-right: 0px;
}
.tb02 input{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
    font-size: 14px;
    letter-spacing: -1px;;
}
.tb02 select{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
}

.tb02 a {
    display: inline-block;
}

/* table03(blueLine_theado) */
.tb03{
    width: 100%;
    line-height: 1.5;
	border-top: 3px solid #274597;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.tb03 span {

}
.tb03 th{
    background: #f7f8fa;
    border-bottom: 1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    padding:15px 0;
    vertical-align:middle;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
.tb03 th:last-child{
    border-right: 0px;
}
.tb03 td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 15px;
    color:#464545;
    vertical-align: middle;
    text-align: center; 
    padding-left: 15px;
    font-size: 16px;
    font-weight: 300;
}
.tb03 td:last-child{
    border-right: 0px;
}
.tb03 input{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
    font-size: 14px;
    letter-spacing: -1px;;
}
.tb03 select{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
}

.tb03 a {
    display: inline-block;
}



/* table04(blueLine_theadx) */
.tb04{
    width: 100%;
    line-height: 1.5;
	border-top: 3px solid #274597;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.tb04 span {
    font-weight: 500;
    margin-right:10px;
}
.tb04 th{
    background: #f7f8fa;
    border-bottom: 1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    padding:15px 0;
    vertical-align:middle;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
.tb04 td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 15px;
    color:#464545;
    vertical-align: middle;
    text-align: left; 
    padding-left: 15px;
    font-size: 16px;
    font-weight: 300;
}
.tb04 td:last-child{
    border-right: 0px;
}
.tb04 input{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
    font-size: 14px;
    letter-spacing: -1px;;
}
.tb04 select{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
}

.tb04 a {
    display: inline-block;
}


/* table05(black_basic_view) */
.tb05 {
	border-collapse: collapse;
	border-top: 3px solid #555555;
	border-bottom: 1px solid #ebedf2;
	word-break: break-all;
	box-sizing: border-box;
	margin-bottom: 35px;
}
.tb05 th {
	border-right: 0px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 400;
	box-sizing: border-box;
	background-color: #f4f4f4;
	padding: 15px;
    letter-spacing: -0.5px;
    font-size: 16px;
    text-align: center;
}
.tb05 th span{
	font-weight: 400;
	padding: 10px;
}

.tb05 thead tr:last-child{
	border-bottom: 1px solid #e5e5e5;
}
.tb05 td {
	padding: 10px 20px;
	text-align: left;
	font-size: 16px;
}

.tb05 td.tbTit{
	padding: 15px 15px 5px 15px;
	font-size: 18px;
	font-weight: 500;
	border-bottom: 0;
}
.tb05 td.tbInfo{
	padding: 0px 15px 15px 15px;
	font-size: 14px;
}
.tb05 .tbInfoCon{
	width: 100%;
}
.tb05 .tbInfoCon span{
	margin-left: 10px;
	color: #888;
	position: relative;
}
.tb05 .tbInfoCon span:first-child{
	margin-left: 0px;
}
.tb05 .tbInfoCon span:first-child:before{
	display: none;
}
.tbInfoCon span:before {
    display: inline-block;
    content: '';
    width: 1px;
    height: 12px;
    margin-right: 10px;
    margin-bottom: 1px;
    background-color: #bfbfbf;
    vertical-align: middle;
}

.tb05 th img{
	width: 15px;
	vertical-align: middle;
	padding-bottom: 3px;
}
.tb05 .tb_file{
	cursor: pointer;
}
.tb05 input{
	width: 80%;
	border: 1px solid #e5e5e5;
	height: 35px;
}

.tb05 td p img{
	width: 100%;
}

.p-icon {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.p-icon__hwp{background-image:url(../img/icon/bd_icon_hwp.png);width:22px;height:22px}
.p-icon__hwpx{background-image:url(../img/icon/bd_icon_hwp.png);width:22px;height:22px}
.p-icon__gif{background-image:url(../img/icon/bd_icon_img.png);width:22px;height:22px}
.p-icon__png{background-image:url(../img/icon/bd_icon_img.png);width:22px;height:22px}
.p-icon__jpeg, .p-icon__jpg{background-image:url(../img/icon/bd_icon_img.png);width:22px;height:22px}
.p-icon__xls{background-image:url(../img/icon/bd_icon_excel.png);width:22px;height:22px}
.p-icon__xlsx{background-image:url(../img/icon/bd_icon_excel.png);width:22px;height:22px}
.p-icon__zip{background-image:url(../img/icon/bd_icon_zip.png);width:22px;height:22px}
.p-icon__pdf{background-image:url(../img/icon/bd_icon_pdf.png);width:22px;height:22px}
.p-icon__ppt{background-image:url(../img/icon/bd_icon_folder.png);width:22px;height:22px}
.p-icon__txt{background-image:url(../img/icon/bd_icon_folder.png);width:22px;height:22px}


.p-icon__xls{background-image:url(/common/images/program/p-icon.png);background-position:-220px 0;width:22px;height:22px}
.p-icon__xml{background-image:url(/common/images/program/p-icon.png);background-position:-130px -124px;width:22px;height:22px}
.p-icon__zip{background-image:url(/common/images/program/p-icon.png);background-position:-96px -158px;width:22px;height:22px}
/* table06(black_basic_view_next_prev) */
.tb06 {
	border-collapse: collapse;
	border-top: 2px solid #555555;
	border-bottom: 2px solid #555555;
	word-break: break-all;
	box-sizing: border-box;
	margin-bottom: 35px;
	table-layout: fixed;
}

.tb06 td {
	padding: 16px 30px;
	text-align: left;
	font-size: 15px;
	color: #666;
	font-weight: 300;
	vertical-align: middle;
	word-break: break-all;
	box-sizing: border-box;
	height: 60px;
	line-height: 1;
}

.tb06 td a.sj{
	display: inline-block;
	margin-left: 30px;
	color: #555;
	font-weight: 400;
	width: calc(100% - 80px);
}



.tb_img{
    width: 100% !important;
}

.tb_fix{
	table-layout: fixed;
}

.tb_text {
	margin-bottom: 10px;
	float: left;
}

.tbNo {
	border-collapse: collapse;
	border-top: 1px solid #ebedf2;
	border-bottom: 1px solid #ebedf2;
	margin-bottom: 20px;
	word-break: break-all;
	box-sizing: border-box;
	min-height: 500px;
}


/* table07(blueLine_theado) */
.tb07{
    width: 100%;
    line-height: 1.5;
	border-bottom: 3px solid #006acd;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.tb07 span {

}
.tb07 th{
    background: #006acd;
    border-bottom: 1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    padding:15px 0;
    vertical-align:middle;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}
.tb07 th:last-child{
    border-right: 0px;
}
.tb07 td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    color:#333;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}
.tb07 td:last-child{
    border-right: 0px;
}
.tb07 tbody tr:nth-child(odd) td {
    background-color: #f2f2f2;
}
.tb07 input{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
    font-size: 14px;
    letter-spacing: -1px;;
}
.tb07 select{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
}

.tb07 a {
    display: inline-block;
    border: 1px solid #006acd;
    color: #006acd;
    border-radius: 5px;
    padding: 3px 15px;
    background-color: #fff;
    transition: .3s ease-in-out;
}
.tb07 a:hover{
    border: 1px solid #006acd;
    background-color: #006acd;
    color: #fff;
}





@media screen and (max-width:765px){
	.tb01 colgroup, .tb01 thead{
		display: none;
	}
	.tb01 tbody{
		display: block;
	}
	.tb01 tbody tr{
		width: 100% !important;
		display: block !important;
		border-bottom: 1px solid #e5e5e5 !important;
		padding: 15px;
	}
	.tb01 tbody tr:hover{
		background-color: #f6f9fe;
	}
	.tb01 tbody tr td{
		display: block !important;
		border-top: 0 !important;
		border-bottom: 0 !important;
		text-align: left;
		padding: 0 !important;
		height: auto;
		margin-bottom: 5px;
	}
	
	.tb05 th{
		display: none;
	}

}



/*** search form ***/
/* bbs type1 sch frm */
.schFrm{
	display: block;
	margin-bottom: 40px;
	padding: 25px;
	background-color: #eff5fc;
	text-align: center;
	border-radius: 5px;
}
.schFrm .form-search{
	display: block;
	text-align: center;
}
.schFrm select{
	font-size: 15px;
	height: 45px;
	line-height: 45px;
	margin-right: 5px;
	min-width: 100px;
	width: auto;
	display: inline-block;
	box-shadow: none;
	vertical-align: top;
}
.schFrm input{
	font-size: 15px;
	height: 45px;
	line-height: 45px;
	margin-right: 5px;
	display: inline-block;
	width: auto;
	box-shadow: none;
	vertical-align: top;
}
.schFrm .btn_black{
	width: 80px;
	height: 45px;
	vertical-align: top;
}


/* befeatPublict sch frm */
.tbTop{
	width: 100%;
	height: auto;
}

.tbTotal{
	width: 50%;
	float: left;
}
.tbTotal > p{
	height: 45px;
	line-height: 45px;
	padding: 12px 0 0 25px;
	font-size: 15px;
	color: #888;
	position: relative;
	overflow: hidden;
}
.tbTotal > p:before{
	position: absolute;
	bottom: 10px;
	left: 0;
	content: "";
	width: 15px;
	height: 2px;
	background-color: #369eff;
}
.tbTotal > p > span{
	color: #369eff;
	font-weight: 500;
}

.searchForm{
	width: 50%;
	float: right;
	margin-bottom: 20px;
	padding: 0px;
	text-align: right;
	border-radius: 5px;
}
.searchForm .form-search{
	display: block;
	text-align: right;
}
.searchForm select{
	font-size: 15px;
	height: 45px;
	line-height: 45px;
	margin-right: 5px;
	min-width: 100px;
	width: auto;
	display: inline-block;
	box-shadow: none;
	vertical-align: top;
}
.searchForm input{
	font-size: 15px;
	height: 45px;
	line-height: 45px;
	margin-right: 5px;
	display: inline-block;
	width: auto;
	box-shadow: none;
	vertical-align: top;
}
.searchForm .btn_black{
	width: 80px;
	height: 45px;
	vertical-align: top;
}

@media screen and (max-width:765px){
	.tbTotal{
		width: 100%;
	}
	.searchForm{
		width: 100%;
	}
	.searchForm select{
		width: 100%;
		margin-bottom: 5px;
	}
	.searchForm input{
		width: calc(100% - 90px);
		margin-bottom: 5px;
	}
	.schFrm select{
		width: 100%;
		margin-bottom: 5px;
	}
	.schFrm input{
		width: calc(100% - 90px);
		margin-bottom: 5px;
	}
	
	.befeatTab li{
		width: calc(100%/4 - 5px);
		margin-bottom: 5px;
	}
	.befeatTab li:first-child{
		height: 245px;
	}
	.befeatTab li:first-child a{
		padding-top: 80px;
	}
	.befeatTab li:first-child a:after{
		top: 70px;
	}
	.befeatTab li a{
		font-size: 13px;
		letter-spacing: -1px;
	}
}

@media screen and (max-width:320px){

	.befeatTab li a{
		font-size: 11px;
	}
}


/*** 만족도조사 ***/
.stsfdg{
	border: 1px solid #e9e9e9;
	margin-bottom: -1px;
	padding: 20px 3%;
	margin-top: 40px;
}
.stsfdg i{
	color: #274597;
	font-size: 22px;
	vertical-align: middle;
	margin-bottom: 2px;
}
.stsfdg p.mb-xs{
	color: #333;
	font-size: 15px;
}
.stsfdg .btn-primary{
	padding: 6px 30px;
	border: 0;
	font-size: 13px;
}
.stsfdg .radio-custom.radio-inline {
	margin-left: 20px;
}
.stsfdg .radio-custom.radio-inline:first-child{
	margin-left: 0px;
}

/*** 담당자 ***/
.mnuCharger{
	border: 1px solid #e9e9e9;
	padding: 0 3%;
	background-color: #f7f7f7;
}
.mnuCharger .list.list-icons.list-icons-sm.list-icons-style-2{
	padding: 15px 0;
	margin: 0;
}
.mnuCharger .list.list-icons.list-icons-sm.list-icons-style-2 li{
	margin-bottom: 0;
	padding-top: 0;
	padding-left: 0;
}

/*** 주요사업 1 ***/
/* tab3 */
.tab3{
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}
.tab3 ul{
	border-bottom: 1px solid #274597;
	overflow: hidden;
}
.tab3 ul li{
	display: inline-block;
}
.tab3 ul p{
	height: 50px;
	min-width: 150px;
	line-height: 50px;
	text-align: center;
	background: #fafafa;
	border-radius: 7px 7px 0 0;
	margin: 0;
	padding: 0 10px;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	overflow: hidden;
	margin-bottom: -5px;
}
.tab3 ul p a{
	display: block;
	font-weight: 400;
	color: #666;
	letter-spacing: -0.5px;
	font-size: 14px;
}
.tab3 .active p{
	background: #fff;
	border-top: 1px solid #274597;
	border-left: 1px solid #274597;
	border-right: 1px solid #274597;
}

.tab3 .active a{
	background: #fff;
	color: #274597
}
.bsnsCon{
	padding: 10px 0px;
	/*border: 1px solid #d7d7d7;*/
	border-radius: 10px;
}

.bsnsCon .h4label{
	/*padding-bottom: 15px;
	border-bottom: 2px solid #274597;
	background-position-y: 2px;*/
}
.bsnsCon .con{
	padding: 20px;
	border: 1px solid #d7d7d7;
	background-color: #fafafa;
	border-radius: 5px;
	margin-bottom: 30px;
}
.bsnsCon .con p{
	margin-bottom: 0px;
	color: #555;
}



/* 사업리스트 */
.bsnsList{
	border-top: 2px solid #274597;
	border-bottom: 2px solid #274597;
	padding: 30px 0 0 0;
}
.bsnsList ul{
	text-align: left;
	border-bottom: 0;
}
.bsnsList ul li{
	width: calc(50% - 20px);
	height: 60px;
	line-height: 60px;
	border: 1px solid #274597;
	background-color: #f8faff;
	border-radius: 15px;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 20px;
	box-shadow: 3px 3px 5px #ddd;
}
.bsnsList ul li:nth-child(odd){
	margin-right: 18px;
}
.bsnsList ul li:nth-child(even){
	margin-left: 18px;
}

.bsnsList ul li a{
	position: relative;
	display: block;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	padding-left: 15px;
	transition: .3s ease-in-out;
}
.bsnsList ul li a:after{
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	content: "";
	font-size: 40px;
	background-color: #274597;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	text-align: center;
	color: #fff;
	background-image: url(../img/icon/bsnsView.png);
}
.bsnsList ul li a:hover{
	color: #274597;
}


/* 키워드검색 */
.tag{
	margin-bottom: 40px;
	padding: 25px;
	background-color: #eff5fc;
	text-align: center;
	border-radius: 5px;
}
.tag ul{
	border-bottom: 0;
	text-align: center;
	margin-bottom: 0;
}
.tag ul li{
	display: inline-block;
	margin: 5px;
	border-radius: 50px;
	border: 1px solid #369eff;
	background-color: #fff;
	overflow: hidden;
}
.tag ul li a{
	display: block;
	color: #369eff;
	padding: 10px 15px;
	font-size: 15px;
	transition: .3s ease-in-out;
}
.tag ul li a:hover{
	background-color: #369eff;
	color: #fff;
}

/* 사업공고 */
/* list */
 .gonggo .all {font-size: 18px;color: #666;margin-top: 10px;display: inline-block;}
 .gonggo .all b{color:#c72f00;}
 .gonggo .boardno {float: right;}
 .gonggo .all + div.i-block .kotraBTN {margin: 0 !important; border-radius: 0;}
 .gonggo .all + ul {display: inline-block; float: right; margin-top: 10px;}
 .gonggo .all + ul li {display: inline-block;margin-left: 5px;}
 .gonggo .all + ul li label {line-height: 120%;padding-left: 23px;}
 .gonggo .ggList {width: 100%; margin-top: 10px; border-top: 2px solid #555; float: left; padding-left:0;}
 .gonggo .ggList>li {padding: 20px 0;border-bottom: 1px solid #ccc;position: relative; list-style:none; width:100%;  float:left;}
 .gonggo .ggList>li .point {width: 14%;display: inline-block;text-align: center;font-size: 22px; line-height:24px;vertical-align: middle;}
 .gonggo .ggList>li .point.d-one {color: #369eff;}
 .gonggo .ggList>li .point.d-one b {display: block;font-size:27px;letter-spacing: -1.5px;}
 .gonggo .ggList>li .point.d-one span {display: block;font-size: 16px;}
 .gonggo .ggList>li .point.dead  {color: #f32f36;}
 .gonggo .ggList>li .point.d-day {color: #999999;letter-spacing: -1px;}
 .gonggo .ggList>li .point.normal {color:#274597;}
 .gonggo .ggList>li .co {width: 73%;display: inline-block;vertical-align: middle;box-sizing: border-box;}
 .gonggo .ggList>li .co1 {width: 10%;display: inline-block;vertical-align: middle;box-sizing: border-box; text-align: center;}
 .gonggo .ggList>li .co>div {font-size:16px; font-weight: 600;}
 .gonggo .ggList>li .co>div:first-child {white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
 .gonggo .ggList>li .co .box.bluebox {background: #369eff; color: #fff; padding: 3px 10px; border-radius: 3px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 5px; font-weight: 400; font-size: 14px;}
 .gonggo .ggList>li .co .box.bluebox:empty {display:none;}
 .gonggo .ggList>li .co .bco {font-size: 14px; font-weight: 400; color: #666; letter-spacing: -0.5px;}
 .gonggo .ggList>li .co .bco:not(:last-child):after {content:"";width: 1px;height: 11px;display: inline-block;/* float: right; */vertical-align: middle;border-right: 1px solid #333;margin: 0 9px 0 12px;opacity: 0.3;}
 .gonggo .ggList>li>a {width:90%; float:left;}
 .gonggo .ggList>li>.bizBtnbox {width:10%; float:left;}
 .gonggo .ggList>li>.bizBtnbox a {margin-top:15px;padding: 4px 10px;}
 .gonggo .ggList>li>.bizBtnbox a:before {content:"";width: 16px;height: 15px;display: inline-block;background: url(/images/wzwg/site/kotra/biz/btnimg.png);vertical-align: middle;margin-right: 3px;margin-top: -3px;}
 .gonggo .ggList>li>.bizBtnbox a:hover:before {background-position-y: -15px;}

.gonggo .tbTotal p {
    display: inline-block;
    margin-bottom: 0;
}
.gonggo .searchForm{
	margin-bottom: 0;
}
.gonggo .tbTotal p span {
    position: relative;
    margin-left: 10px;
    color: #888;
    font-weight: 400;
}
.gonggo .tbTotal p span strong {
    position: relative;
    margin-left: 10px;
    color: #369eff;
}
.gonggo .tbTotal span:first-child {
    margin-left: 0px;
}
.gonggo .tbTotal span:nth-child(2):before {
    display: inline-block;
    content: '';
    width: 1px;
    height: 12px;
    margin-right: 10px;
    margin-bottom: 1px;
    background-color: #bfbfbf;
    vertical-align: middle;
}

/* 사업공고 List */
.tbgg{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	line-height: 1.5;
	border-top: 2px solid #555;
	table-layout: fixed;
}
.tbgg td{
	padding: 20px 10px;
	border-right: 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}

 .tbgg td .point {
 	width: 100%;
 	display: inline-block;
 	text-align: center;
 	font-size: 22px; 
 	line-height: 24px;
 	vertical-align: middle;
 }
 .tbgg td .point.d-one {
 	color: #369eff;
 }
 .tbgg td .point.d-one b {
 	display: block;
 	font-size:27px;
 	letter-spacing: -1.5px;
 }
 .tbgg td .point.d-one span {
 	display: block;
 	font-size: 16px;
 }
 .tbgg td .point.dead  {
 	color: #f32f36;
 }
 .tbgg td .point.d-day {
 	color: #999999;
 	letter-spacing: -1px;
 }
 .tbgg td .point.normal {
 	color:#274597;
 }
 
 .tbgg td .co {
 	width: 95%;
 	display: inline-block;
 	vertical-align: middle;
 	box-sizing: border-box;
 }
 .tbgg td .co1 {
 	width: 10%;
 	display: inline-block;
 	vertical-align: middle;
 	box-sizing: border-box; 
 	text-align: center;
 }
 .tbgg td .co>div {
 	font-size: 16px; 
 	font-weight: 500;
 }
 .tbgg td .co>div:first-child {
 	white-space:nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
 .tbgg td .co .box.bluebox {
 	background: #369eff; 
 	color: #fff; 
 	padding: 3px 10px; 
 	border-radius: 3px; 
 	display: inline-block; 
 	vertical-align: middle; 
 	margin-right: 10px; 
 	margin-bottom: 5px; 
 	font-weight: 400; 
 	font-size: 14px;
 }
 .tbgg td .co .bco {
 	font-size: 14px; 
 	font-weight: 400; 
 	color: #666; 
 	letter-spacing: -0.5px;
 }
 .tbgg td .co .bco:not(:last-child):after {
 	content:"";
 	width: 1px;
 	height: 11px;
 	display: inline-block;
 	/* float: right; */
 	vertical-align: middle;
 	border-right: 1px solid #333;
 	margin: 0 9px 0 12px;
 	opacity: 0.3;
 }
 .tbgg td>a {
 	width:90%; 
 	float:left;
 }


/* 사업공고 상단 검색탭 */
.ggSrchWrap .tab3 ul p{
	height: 50px;
	min-width: 150px;
	line-height: 50px;
	text-align: center;
	background: #fafafa;
	border-radius: 7px 7px 0 0;
	margin: 0;
	padding: 0 10px;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	overflow: hidden;
	margin-bottom: -5px;
}
.ggSrchWrap .tab3 .active p{
	background: #274597;
	border-top: 1px solid #274597;
	border-left: 1px solid #274597;
	border-right: 1px solid #274597;
}

.ggSrchWrap .tab3 .active a{
	background: #274597;
	color: #ffffff;
}
.ggSrchWrap{
	width: 100%;
	background-color: #eff5fc;
	border-radius: 15px;
	padding: 20px;
	margin-bottom: 50px;
}
.ggSrchWrap .tab3{
	margin-bottom: 0;
}
.ggSrchWrap .schFrm{
	margin-bottom: 0;
}
.ggSrchWrap .tag{
	margin-bottom: 0;
}


@media screen and (max-width: 765px){
	.ggSrchWrap{
		padding: 20px 10px;
	}
	.ggSrchWrap .tab3 ul p{
		min-width: 94px;
	}
	.tab3 .h3label{
		font-size: 14px;
		letter-spacing: -1px;
		padding-left: 20px;
	}
	.gonggo .tbTotal span:last-child {
	    display: none;
	}
	
	.tbgg td .point{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.tbgg td .co{
		width: 95%;
		display: block;
	}
	.tbgg td .co .bco{
		display: block;
		font-size: 12px;
	}
	.tbgg td .co1{
		display: block;
		width: 100%;
		text-align: left;
	}
	
}

@media screen and (max-width: 480px){
	.ggSrchWrap .tab3 ul p{
		min-width: 50px;
	}
	.ggSrchWrap .tab3 ul p a{
		font-size: 10px;
	}
	.gonggo .tbTotal p span{
		font-size: 12px;
	}
	.tbgg td{
		padding: 20px 0;
	}
	.tbgg td .point{
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 1;
	}
	.tbgg td .point b{
		font-size: 14px;
		line-height: 1;
	}
	.tbgg td .point.d-one b{
		font-size: 14px;
		line-height: 1;
	}
	.tbgg td .co a{
		font-size: 14px;
	}
	.tbgg td .co .bco{
		display: block;
		font-size: 12px;
	}
	.tbgg td .bco{
		font-size: 12px;
		letter-spacing: -1px;
	}
	.tbgg td .co .box.bluebox{
		font-size: 12px;
		letter-spacing: -1px;
		max-width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
}


/* detail */
.bsnsWrap .h3label > span{
	border-radius: 5px;
}
.gonggo.detail .tb05 .tbTit{
	padding: 15px;
}
.ggtbInfo{
	border-top: 1px solid #ccc;
	border-bottom: 0;
}
.gonggo.detail .ggtbInfo{
	border-bottom: 1px solid #e5e5e5;
}
.gonggo.detail .ggdtnfo{
	text-align: left;
	margin: 3px 0;
	color: #888;
}
.gonggo.detail .tbInfoCon{
	width: auto;
}
.bluebox {
	background: #369eff; 
	color: #fff; 
	padding: 3px 10px; 
	border-radius: 3px; 
	display: inline-block; 
	vertical-align: middle; 
	font-weight: 400; 
	font-size: 14px;
}

@media screen and (max-width: 765px){
	.tab3 ul p{
		min-width: 50px;
		height: 40px;
		line-height: 40px;
	}
	.tab3 ul p a{
		font-size: 12px;
		letter-spacing: -1px;
	}
	
}



/*** 핵심서비스이행표준 3-6-2 ***/

/* list_style1_num */
.list_style1{
	display: block;
}
.list_style1 dt{
	font-size: 16px;
	font-weight: 500;
}
.list_style1 dd{
	font-size: 16px;
}

.list_style1 ol li{
	padding-left: 20px;
	text-indent: 20px;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 7px;
}
.list_style1 .num{
	display: inline-block;
	background-color: #e5ecf8;
	color: #1c5cb0;
	font-size: 15px;
	border-radius: 5px;
	padding: 2px 6px;
	margin: 0 10px 0 -20px;
	text-indent: 0;
	letter-spacing: -0.75px;
}
.list_style1 p{
	padding-left: 20px;
	text-indent: 20px;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px;
}

/* list_style2_dia */
.list_style2{
	margin-top: 15px;
	margin-bottom: 15px;
	color: #515151;
	font-size: 15px;
	line-height: 25px;
	text-align: left;
}
.list_style2 li{
	position: relative;
	padding-left: 20px;
	margin-top: 5px;
}
.list_style2 li:before{
	display: block;
	content:'';
	position: absolute;
	top: 11px;
	left: 6px;
	width: 4px;
	height: 4px;
	background-color: #597ac4;
	background-color: #369eff;
	transform: rotate(45deg);
}

/* list_style3_underbar */
.list_style3{
	margin-top: 15px;
	margin-bottom: 15px;
	color: #515151;
	font-size: 15px;
	line-height: 25px;
	text-align: left;
}
.list_style3 > li{
	position: relative;
	padding-left: 20px;
	margin-top: 5px;
}
.list_style3 > li:before{
	display: block;
	content:'-';
	position: absolute;
	top: 0px;
	left: 6px;
	width: 4px;
	height: 4px;
	transform: none;
	background: none;
}



/* 2-5-2 시설사용신청 */
.facilityWrap.calender .calender_header{
	height:100px; 
	background:#006acd;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}
.facilityWrap.calender .today_view,
.facilityWrap.calender .date_view,
.facilityWrap.calender .info_box{float:left; box-sizing:border-box;}

.facilityWrap.calender .today_view{width:30%; padding-top:40px; padding-left:30px;}
.facilityWrap.calender .date_view{width:40%; padding-top:36px;}
.facilityWrap.calender .info_box{
	width:30%; 
	padding-top:25px; 
	padding-right:20px;
}

.facilityWrap.calender .today_view{
	color:rgba(255, 255, 255, 0.7); 
	font-size:14px; 
	letter-spacing:0.05em;
}
.facilityWrap.calender .today_view .today{
	margin-right:10px;
	padding: 5px 10px;
	line-height:14px; 
	text-align:center; 
	color:#bfc6d8; 
	font-size:13px; 
	border:1px solid #bfc6d8;
	border-radius: 3px;
}
.facilityWrap.calender .today_view .today strong{
	color:#ebebeb;
}

.facilityWrap.calender .date_view{text-align:center;}
.facilityWrap.calender .date_view button{display:inline-block; background: #fff; position:relative; width:33px; height:33px; /*border:1px solid #6a7aa4;*/ border-radius: 50%;}
.facilityWrap.calender .date_view button i{color: #006acd;}
.facilityWrap.calender .date_view button:before{display:inline-block; position:absolute;	top:10px; left:12px; width:7px; height:11px; background:url('/site/main/images/program/bg_calender1_sprite.png') no-repeat; line-height:22px;}
.facilityWrap.calender .date_view .prev{margin-right:35px;}
.facilityWrap.calender .date_view .next{margin-left:35px;}
.facilityWrap.calender .date_view .next:before{background-position:-7px 0;}
.facilityWrap.calender .date_view button span{font-size:0; line-height:0; z-index:auto;}
.facilityWrap.calender .date_view .date_tit{vertical-align:top; color:#fff; font-size:26px; line-height:33px; font-weight:600; letter-spacing:0.10em;}
.facilityWrap.calender .calender_header.white{background:#fff;}
.facilityWrap.calender .calender_header.white{background:#fff;}
.facilityWrap.calender .calender_header.white .date_view{width:100%;}
.facilityWrap.calender .calender_header.white .date_view .date_tit{color:#29417d;}
.facilityWrap.calender .calender_header.white .date_view .prev:before{background-position:-24px 0;}
.facilityWrap.calender .calender_header.white .date_view .next:before{background-position:-31px 0;}
.facilityWrap.calender .info_box{text-align:right;}
.facilityWrap.calender .info_box ul{font-size:0; float: right;}
.facilityWrap.calender .info_box ul li:first-child{margin-left:0;}
.facilityWrap.calender .info_box ul li{display:inline-block; float: left; margin: 0 0 3px 10px; color:rgba(255, 255, 255, 0.7); font-size:14px; letter-spacing:-0.05em;}
.facilityWrap.calender .info_box ul li.type3{clear: both; margin: 0 0 3px 0px;}
.facilityWrap.calender .info_box ul li .icon{display:inline-block; margin-right:7px; width:22px; height:22px; line-height:22px; background:#274597; border-radius:5px; text-align:center;}
.facilityWrap.calender .info_box ul li.type2 .icon{background:#565656;}
.facilityWrap.calender .info_box ul li.type3 .icon{background:#f8f8f8; color:#636363;}
.facilityWrap.calender .info_box ul li.type4 .icon{background:#c22727;}

.facilityWrap.calender .table{margin-top:0; border-top:none;}
.facilityWrap.calender .table th,.facilityWrap.calender .table td{padding:0;}
.facilityWrap.calender .table thead th{
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #f8f8f8; 
	border-left: 1px solid #c6c6c6; 
	color: #333; 
	font-size: 13px; 
	font-weight: 700; 
	letter-spacing: 0.07em;
}
.facilityWrap.calender .table thead th:first-child{ 
	border-left: 0;
}
.facilityWrap.calender .table thead th.sun{color:#fb9678;}
.facilityWrap.calender .table thead th.sat{color:#03a9f3;}
.facilityWrap.calender .table tbody td:first-child{border-left:none;}
.facilityWrap.calender .table tbody td{position:relative; padding:10px 0 9px 11px;border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6;}
.facilityWrap.calender .table tbody td a{display:block;}
.facilityWrap.calender .table tbody td .statebox{min-height:76px; margin-top:30px; text-align:left;}
.facilityWrap.calender .table tbody td .statebox .state{
	color:#333; 
	font-size:14px; 
	line-height:24px; 
	letter-spacing:-0.05em;
	float: none;
	opacity: 1;
	font-weight: 400;
	margin-bottom: 3px;
}
.facilityWrap.calender .table tbody td .statebox .state.off,
.facilityWrap.calender .table tbody td .statebox .state.close{color:#565656;}
.facilityWrap.calender .table tbody td .statebox .state .icon{display: inline-block; width:22px; height:22px; margin-right:7px; background:#274597; border-radius:5px; text-align:center; vertical-align:middle; color:#fff; line-height:22px;}
.facilityWrap.calender .table tbody td .statebox .state.off .icon{background:#565656;}
.facilityWrap.calender .table tbody td .statebox .state.close2 .icon{background:#c22727;}
.facilityWrap.calender .table tbody td .statebox .state.close .icon{background:#f8f8f8; border:1px solid #c6c6c6; color:#636363; line-height:20px;}
.facilityWrap.calender .table tbody td .day{position:absolute; top:10px; left:11px;}
.facilityWrap.calender .table tbody td + td + td + td + td + td + td .state_popup{left:-321px;}
.facilityWrap.calender .table tbody tr + tr + tr + tr + tr > td .state_popup{top:-273px;}
.facilityWrap.calender .table tbody tr + tr + tr + tr + tr + tr > td .state_popup{top:-273px;}
.facilityWrap.calender .table tbody td .state_popup{display:none; position:absolute; top:0; left:139px; width:320px; height:auto; background:#fff; z-index:10;}
.facilityWrap.calender .table tbody td .state_popup .inner{padding:20px 25px 25px 25px; border:1px solid #d2d2d2;}
.facilityWrap.calender .table tbody td .state_popup .tit{display:block; height:50px; padding-left:26px; background:#555; text-align:left; color:#fff; font-size:17px; line-height:50px; letter-spacing:-0.02em;}
.facilityWrap.calender .table tbody td .state_popup .list li{text-align:left;}
.facilityWrap.calender .table tbody td .state_popup .list span{font-size:15px; letter-spacing:0.02em;}
.facilityWrap.calender .table tbody td .state_popup .list .li_tit{float:left; min-width:75px; color:#1f49ab;}
.facilityWrap.calender .table tbody td .state_popup .list .li_tit:before{display:inline-block;  width:4px; height:4px; margin-right:5px; background:#2c61ad; border-radius:5px; vertical-align:middle; content:' ';}
.facilityWrap.calender .table tbody td .state_popup .list .li_txt{float:left; margin-left:10px; color:#515151;}
.facilityWrap.calender .table tbody td .state_popup .table{margin-top:18px; border:1px solid #b2b2b2; border-collapse: collapse;}
.facilityWrap.calender .table tbody td .state_popup .table thead th{height:28px; border-bottom:none;}
.facilityWrap.calender .table tbody td .state_popup .table tbody td{height:44px; color:#707070; font-size:13px; border-left:1px solid #c6c6c6; border-bottom:none;}
.facilityWrap.calender .table tbody td .state_popup .table tbody td .td_state{color:#274597; font-weight:600;}
.facilityWrap.calender .table tbody td .state_popup .table tbody td .td_state.end{color:#707070;}
.facilityWrap.calender .table tbody td .state_popup .statepopup_close{position:absolute; top:0px; right:0px; font-size:32px; line-height:50px; z-index:auto; width: 50px; height: 50px; color: #fff; text-align:center;}
.facilityWrap.calender .table tbody td .state_popup .statepopup_close:before{display:inline-block; width:15px; height:15px; background:url('/site/main/images/program/bg_calender1_sprite.png') no-repeat; background-position:0 -56px; content:' ';}
.facilityWrap.calender .table tbody td:first-child .day{color:#fb9678;} /* 일요일 */
.facilityWrap.calender .table tbody td + td + td + td + td + td + td .day{color:#03a9f3;} /* 토요일 */
.facilityWrap.calender .table tbody td.today{background:#f8faff;}
.facilityWrap.calender .table tbody td.today div{height:114px; border:1px solid #4666b5;}
.facilityWrap.calender .calender_event .table tbody td{height:74px;}
.facilityWrap.calender .calender_event .table tbody td.today div{height:74px;}
.facilityWrap.calender .calender_event .table tbody td .event_total{position:relative; width:100%; height:74px ;color:#1f49ab; font-weight:600; line-height:74px;}
.facilityWrap.calender .calender_event .table tbody td .event_total:after{display:inline-block; position:absolute; top:-1px; right:10px; width:20px; height:25px; background:url('/site/main/images/program/bg_calender1_sprite.png') no-repeat; background-position:0 -21px;content:' ';}
.facilityWrap.calender .reservation_box{
	padding:39px 10px 57px 10px; 
	border:1px solid #ccc; 
	text-align:center; 
	word-break: keep-all; 
	border-radius: 0px; 
	position: relative;
	overflow: hidden;
}
.facilityWrap.calender .reservation_box:before{
	display: inline-block;
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	z-index: -1;
	width: 322px;
	height: 195px;
	background: url("../img/conBoxBg1.png") 0 0 no-repeat;
}
.facilityWrap.calender .reservation_box:after{
	display: inline-block;
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 343px;
	height: 137px;
	background: url("../img/conBoxBg2.png")0 0 no-repeat;
}
.facilityWrap.calender .reservation_box span{display:block;}
.facilityWrap.calender .reservation_box .tit{margin-top:20px; color:#274597; font-size:22px; letter-spacing:-0.01em;}
.facilityWrap.calender .reservation_box .txt{margin-top:15px; color:#515151; font-size:15px;}
.facilityWrap.calender .reservation_box fieldset{margin-top:40px; font-size:0;}
.facilityWrap.calender .reservation_box .res_label{
	height:56px; 
	vertical-align:middle; 
	color:#111; 
	font-size:17px; 
	line-height:56px; 
	letter-spacing:-0.01em;
}
.facilityWrap.calender .reservation_box .res_search{
	margin-left:15px; 
	width:47%; 
	height: 55px; 
	padding:5px 5px 5px 19px; 
	vertical-align: middle; 
	background:#fff; 
	border:1px solid #006acd; 
	color:#111; 
	font-size:15px;
}
.facilityWrap.calender .reservation_box .res_submit{
	width:87px; 
	height: 55px; 
	background:#006acd; 
	color:#fff; 
	font-size:16px; 
	vertical-align: middle;
}


@media screen and (max-width:1280px){
	.facilityWrap.calender .info_box{padding-top:20px;}
	.facilityWrap.calender .info_box ul li{display:block;}
}

@media screen and (max-width:1200px){
	.facilityWrap.calender .table tbody td .statebox{left:15px}
}

@media screen and (max-width:790px){
	.facilityWrap.calender .calender_header{
		height:auto; 
		padding:20px 0; 
		line-height:normal;
	}
	.facilityWrap.calender .today_view, .facilityWrap.calender .date_view, .facilityWrap.calender .info_box{
		width:100%; 
		float:none; 
		display:block; 
		text-align:center;
	}
	.facilityWrap.calender .today_view{
		padding:0;
	}
	.facilityWrap.calender .info_box{
		padding:0; 
		margin-top:20px;
	}
	.facilityWrap.calender .info_box ul{
		display:inline-block; 
		float: none;
	}
	.facilityWrap.calender .info_box ul li{
		display:inline-block;
	}
	.facilityWrap.calender .info_box ul li.type3 {
	    clear: inherit;
	    margin: 0 0 3px 10px;
	}
	
	.p-table.block colgroup,.p-table.block thead{
		display:none;
	}
	.facilityWrap.calender .table tbody td .state_popup .table{
		border:none;
	}
	.facilityWrap.calender .table tbody td .state_popup .table tbody td:first-child{
		padding-top:10px; 
		padding-bottom:0; 
		border-top:1px solid #c6c6c6;
	}
	.facilityWrap.calender .table tbody td .state_popup .table tbody td{
		height:auto; 
		padding-bottom:10px; 
		border:none;
	}
}

@media screen and (max-width:765px){
	.facilityWrap.calender .table{display:block;}
	.facilityWrap.calender .table tbody{display:block;}
	.facilityWrap.calender .table tbody tr{display:block;}
	.facilityWrap.calender .table tbody td{
		display:block; 
		height:auto; 
		min-height:44px; 
		padding-top:7px; 
		padding-left:46px; 
		border-left:none; 
		border-bottom:none; 
		border-right: none;
	}
	.facilityWrap.calender .table tbody td .day{top:8px;}
	.facilityWrap.calender .table tbody td a:first-child{margin-left:0;}
	.facilityWrap.calender .table tbody td a{margin-right:20px; display:inline-block;}
	.facilityWrap.calender .table tbody td .statebox{min-height:0; margin-top:0; /* padding:8px 0; */}
	.facilityWrap.calender .table tbody td.today{border-top:1px solid #4666b5; border-bottom:1px solid #4666b5;}
	.facilityWrap.calender .table tbody td.today div{min-height:44px; height:auto; border:none;}
	.facilityWrap.calender .table tbody td.td_empty{display:none;}
	.facilityWrap.calender .table tbody tr + tr + tr + tr + tr > td .state_popup,
	.facilityWrap.calender .table tbody tr + tr + tr + tr + tr + tr > td .state_popup,
	.facilityWrap.calender .table tbody td + td + td + td + td + td + td .state_popup,
	.facilityWrap.calender .table tbody td .state_popup{position:absolute; left:50%; top:0; margin:0 0 0 -160px;}
}

@media screen and (max-width:360px){
	.facilityWrap.calender .reservation_box .res_label{font-size:14px;}
	.facilityWrap.calender .reservation_box .res_search{margin-left:10px;}
	.facilityWrap.calender .reservation_box .res_submit{width:80px;}
}

/* 2-5-2 시설사용신청 */


/* 2-6 공시송달 */
.ct2-6{position: relative; overflow: hidden;}
.ct2-6 .conBox1{margin-bottom: 40px;}
.ct2-6 .conBox1 h3.h0:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 74px;
    height: 74px;
    background-size: 100%;
    left: calc(50% - 37px);
    background-image: url(../img/icon/sub_icon04.png);
    z-index: 999;
}
.ct2-6 .conBox1 .title{line-height:21px; text-align:center; color:#193b87; font-size:17px; letter-spacing:-0.01em;}
.ct2-6 .conbox2{border:1px solid #274597; background-color:#fff; margin-bottom:30px; padding:0 20px 22px;}
.ct2-6 .conbox2 .titlebox{text-align:center; line-height:0;}
.ct2-6 .conbox2 .titlebox .title{display:inline-block; position:relative; top:-18px; background-color:#274597; padding:8px 13px; line-height:20px; color:#fff; font-size:15px; border-radius:5px;}
.ct2-6 .conbox2 .textbox{text-align:center;}
.ct2-6 .conbox2 .textbox .title{margin-bottom:6px; line-height:20px; color:#193b87; font-size:16px;}
.ct2-6 .conbox2 .textbox .text{line-height:22px; color:#515151; font-size:15px;}
.ct2-6 .toptitle{line-height:0;}
.ct2-6 .toptitle span{display:inline-block; position:relative; padding:0 17px; line-height:26px; color:#1d1d1d; font-size:20px; letter-spacing:-0.1em;}
.ct2-6 .toptitle span:before{display:block; position:absolute; top:0; left:0; width:13px; height:11px; background:url(../images/program/delivery_icon.gif) no-repeat left top; content:'';}
.ct2-6 .toptitle span:after{display:block; position:absolute; top:0; right:0; width:13px; height:11px; background:url(../images/program/delivery_icon.gif) no-repeat right top; content:'';}
.ct2-6 .boardSearchForm .card{padding:18px 24px;}
.ct2-6 .boardSearchForm .searchbox{position:relative; padding-left:130px;}
.ct2-6 .boardSearchForm .radiobox{position:absolute; top:4px; left:0; width:130px; text-align:left;}
.ct2-6 .boardSearchForm .radiobox .p-form-checkbox{display:block; margin-right:0;}
.ct2-6 .boardSearchForm .radiobox .p-form-checkbox:first-child{margin-bottom:0px;}
.ct2-6 .boardSearchForm .radiobox .p-form-checkbox .p-form-radio__label{line-height:23px; font-size: 15px;}
.ct2-6 .boardSearchForm .floatbox{font-size:0;}
.ct2-6 .boardSearchForm .floatbox label{display:inline-block; margin-top:4px; margin-right:12px; vertical-align:top; color:#333; font-size:16px;}
.ct2-6 .boardSearchForm .floatbox .p-input.p-input--beside{height:56px; margin:0; border: 1px solid #006acd; font-size:15px; box-sizing: border-box; padding: 0 10px;}
.ct2-6 .boardSearchForm .floatbox .left .p-input.p-input--beside{width:calc(100% - 82px);}
.ct2-6 .boardSearchForm .floatbox .right .p-input.p-input--beside{width:calc(100% - 179px);}
.ct2-6 .boardSearchForm .p-button{height:56px; border:1px solid #006acd; background-color:#006acd; font-size:16px; color: #fff; padding: 0 25px; vertical-align: top;}
.ct2-6 .p-table .p-subject{text-align:center;}
.ct2-6 table.p-table colgroup col:nth-child(2n+1){width:20%;}
.ct2-6 table.p-table colgroup col:nth-child(2n){width:30%;}
.ct2-6 table.p-table tbody th{text-align:center;}
.ct2-6 .floatbox{margin-bottom:12px;}
.ct2-6 .floatbox .float.left{float:left; width:35%;}
.ct2-6 .floatbox .float.right{float:right; width:62%;}
.ct2-6 .floatbox .p-search{margin-bottom:0;}
.ct2-6 .bbs .floatbox .p-search .p-form-group{width:100%;}
.ct2-6 .floatbox .p-search select{height:40px;}
.ct2-6 .floatbox .p-search .p-input.p-input--beside{height:40px;}

.p-form-checkbox__label:before, .p-form-radio__label:before {
    top: 2px;
    left: 1px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #fff;
    box-sizing: border-box;
}

@media screen and (max-width:1000px){
.ct2-6 .boardSearchForm .floatbox .left{float:none; width:auto; margin-bottom: 5px;}
.ct2-6 .boardSearchForm .floatbox .right{float:none; width:auto; margin-bottom: 5px;}
}

@media screen and (max-width:765px){
.ct2-6 .conBox1{padding: 60px 15px 50px 15px;}
.ct2-6 .boardSearchForm .floatbox .left .p-input.p-input--beside{width:calc(100% - 80px);}
.ct2-6 .p-table.simple .add-head{text-align:left;}
.ct2-6 .p-table .p-subject{text-align:left;}
.ct2-6 table.p-table tbody th{text-align:left;}
}

@media screen and (max-width:640px){
.ct2-6{padding:45px 3% 33px;}
.ct2-6 .boardSearchForm .searchbox{padding-left:0;}
.ct2-6 .boardSearchForm .radiobox{position:static; margin-bottom:20px;}
.ct2-6 .boardSearchForm .floatbox .left{margin-bottom:14px;}
.ct2-6 .boardSearchForm .floatbox .right label{display:block; margin-right:0;}
.ct2-6 .boardSearchForm .floatbox .right label br{display:none;}
.ct2-6 .boardSearchForm .floatbox .right .p-input.p-input--beside{width:calc(100% - 84px);}
.ct2-6 .floatbox .float.left{float:none; width:auto; margin-bottom:10px;}
.ct2-6 .floatbox .float.right{float:none; width:auto;}
}



/* 2-8 법령 및 규정서식 */
.ct2-8 .card-line{
	margin-bottom: 10px;
	padding: 27px 30px 27px 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.ct2-8 .card-line:after{
	display: none;
}
.ct2-8 .card-line .board h3{
	font-size: 17px;
	letter-spacing: -0.01em;
	color: #274597;
}
.ct2-8 .card-line .board table td a:hover{
	color: #274597;
}


/* 2-9 우리원관련웹사이트 */
.temp_website_box {position:relative;}
.temp_website_box ul > li {float:left; width:calc(100% / 4 - 15px); margin-right:20px; margin-top:20px;}
.temp_website_box ul > li:nth-child(-n + 4) {margin-top:0;}
.temp_website_box ul > li:nth-child(4n) {margin-right:0}
.temp_website_box ul > li a {display:block; position:relative; width:100%; min-height:208px; padding-top:117px; border:1px solid #d2d2d2; box-sizing:border-box; text-align:center;}
.temp_website_box ul > li.long a {padding-top:103px;}
.temp_website_box ul > li a:hover, .temp_website_box ul > li a:hover span {color:#515151}
.temp_website_box ul > li a:before {display:inline-block; position:absolute; top:-27px; right:-4px; width:1px; height:1px; border-top:41px solid transparent; border-bottom:33px solid transparent; border-left:36px solid #b7b7b7; transform:rotate(-48deg)}
.temp_website_box ul > li a:after {display:inline-block; position:absolute; top:10px; right:8px; width:15px; height:10px; background:url('/site/main/images/contents/temp_website_box.gif') no-repeat 0 0;}
.temp_website_box ul > li a .img_box {position: absolute; top:53px; left:0; width:100%; text-align:center}
.temp_website_box ul > li a .img_box.type2 {top:43px}
.temp_website_box ul > li a .title_text {display: block; margin-bottom:9px; font-size:15px; line-height:17px; color:#111}
.temp_website_box ul > li a .cont_text {display: block; font-size:15px; line-height:17px; color:#747474}

.temp_website_box ul > li button {
	background-color: #fff; 
	display:block; 
	position:relative; 
	width:100%; 
	min-height: 280px; 
	padding-top:100px; 
	border:1px solid #ccc; 
	box-sizing:border-box; 
	text-align:center;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
}
.temp_website_box ul > li.long button {padding-top:103px;}
.temp_website_box ul > li button:hover, .temp_website_box ul > li button:hover span {color:#515151}
.temp_website_box ul > li button:before {
	content: ''; 
	display:inline-block; 
	position:absolute; 
	top: 0px; 
	right: 0px; 
	width: 50px; 
	height: 50px; 
    background-color: #b7b7b7;
    border-top-left-radius: 13px;
    border-bottom-right-radius: 13px;	
}
.temp_website_box ul > li button:after {content: '+'; display:inline-block; position:absolute; top:12px; right:17px; width:15px; height:15px; color: #fff; font-size: 20px;}
.temp_website_box ul > li button .img_box {position: absolute; top:53px; left:0; width:100%; text-align:center}
.temp_website_box ul > li button .img_box.type2 {top:43px}
.temp_website_box ul > li button .title_text {display: block; margin-bottom:9px; font-size:16px; line-height:17px; color:#111}
.temp_website_box ul > li button .cont_text {display: block; font-size:15px; line-height:17px; color:#666; font-weight: 300;}

@media screen and (max-width:1280px){
    .temp_website_box ul > li {float:left; width:calc(100% / 2 - 5px); margin-right:10px;}
    .temp_website_box ul > li:nth-child(-n + 4) {margin-top:10px;}
    .temp_website_box ul > li:nth-child(-n + 2) {margin-top:0;}
    .temp_website_box ul > li:nth-child(2n) {margin-right:0}
}
@media screen and (max-width:640px){
    .temp_website_box ul > li {float:none; width:100%; margin-right:0;}
    .temp_website_box ul > li:first-child {margin-top:0}
    .temp_website_box ul > li:nth-child(-n + 4) {margin-top:10px;}
    .temp_website_box ul > li:nth-child(-n + 2) {margin-top:10px;}
}

/*** 윤리경영 3-3 ***/
/* 부패방지방침 3-3-2 */
.ct3-3 .conBox1 {
    padding: 64px 50px 27px;
    background-color: #f9f9f9;
}
.ct3-3 .conBox1 h3.h0{
    padding: 0 0 0px 0;
    font-size: 36px;
    font-family: "NanumMyeongjo", serif;
    font-weight: bold;
}
.ct3-3 .conBox1 h3.h0 span{
    display: block;
}
.ct3-3 .conBox1 p{
    font-size: 16px;
    color: #333;
}
.ct3-3 .cont2 {
    position: relative;
    margin-bottom: 21px;
    text-align: left;
    padding: 50px 40px 50px 86px;
    background-color: #fff;
    box-shadow: 17px 16px 20px rgb(0 0 0 / 10%);
    margin: 50px auto;
    overflow: hidden;
}

/* 부패임직원현황공개 3-3-3 */
.ct3-3-3 .box1 .tit:before {
    background-image: url(../img/icon/sub_icon07.png);
}
.cont.ct3-3-3 .box1 .cont {
    padding: 0px;
    border: 0px solid #ccc;
    background-color: #fff;
    color: #333;
    border-radius: 5px;
}

/* 신고물품 처리결과공개 3-3-5 */
.ct3-3-5 .box1 .tit:before {
    background-image: url(../img/icon/sub_icon06.png);
}
.ct3-3-5.cont .box1 .tit{
	margin-bottom: 0;
}


/*** 인권경영 3-4 ***/
/* 인권헌장 3-4-2 */
.ct3-4-2 {
    border: 15px solid #274597;
    padding: 12px;
    position: relative;
    overflow: hidden;
}

.ct3-4-2 .conBox{
    border: 1px solid #274597;
    position: relative;
}

.conBoxbg{
	width: 100%;
	position: relative;
}
.conBoxbg:before {
    display: inline-block;
    content: '';
    position: absolute;
    transform: rotate(135deg);
    width: 100px;
    height: 250px;
    background-color: #274597;
    opacity: 0.9;
    bottom: -160px;
    left: -145px;
}
.conBoxbg:after {
    display: inline-block;
    content: '';
    position: absolute;
    transform: rotate(-135deg);
    width: 100px;
    height: 250px;
    background-color: #274597;
    opacity: 0.9;
    bottom: -160px;
    right: -145px;
}
.ct3-4-2 .conBox1{
	border: 0;
}
.ct3-4-2 .conBox1:before{
    display: inline-block;
    content: '';
    position: absolute;
    transform: rotate(-135deg);
    width: 100px;
    height: 250px;
    background-color: #274597;
    opacity: 0.9;
    top: -108px;
    left: -25px;
    background-image: none;
}
.ct3-4-2 .conBox1:after{
    display: inline-block;
    content: '';
    position: absolute;
    transform: rotate(135deg);
    width: 100px;
    height: 250px;
    background-color: #274597;
    opacity: 0.9;
    top: -108px;
    right: -25px;
    background-image: none;
    left: inherit;
}

.ct3-4-2 .conBox1 h3.h0 {
    padding: 0 110px;
    font-size: 36px;
    font-family: "NanumMyeongjo", serif;
    font-weight: bold;
    position: relative;
}
.ct3-4-2 .conBox1 h3.h0:before{
	width: 90px;
	height: 32px;
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	background: url(../img/icon/conBoxTitBgL.png) no-repeat center left;
}
.ct3-4-2 .conBox1 h3.h0:after{
	width: 90px;
	height: 32px;
	content: '';
	position: absolute;
	top: 7px;;
	right: 0;
	background: url(../img/icon/conBoxTitBgR.png) no-repeat center right;
}

.ct3-4-2 p.fw_500 {
    line-height: 1.8;
}
.ct3-4-2 .cont2 {
    margin: 50px 0px;
    padding: 0 65px;
}
.ct3-4-2 .cont2 .cont2_info li{
	position: relative;
	padding: 0px 15px;
	z-index: 9;
	letter-spacing: -1px;
}
.ct3-4-2 .cont2 .cont2_info li span.ccle{
	font-weight: 500;
	font-size: 16px;
	color: #333;
	padding-right: 10px;
	margin-bottom: 0;
	width: 42px;
}
.ct3-4-2 .cont2 .cont2_info li:before{
	content: '';
	width: 35px;
	height: 35px;
	background-color: #dbe1f0;
	border-radius: 50%;
	z-index: -9;
	position: absolute;
	top: 0;
	left: 0;
}
.ct3-4-2 .cont2 .cont2_info li p{
	width: calc(100% - 42px);
}


/* 인권경영 이행지침 3-4-3 */
.ct3-4-3 .conBox1 h3:before {
    display: inline-block;
    top: 4px;
    left: calc(50% - 45px);
    width: 91px !important;
    height: 79px !important;
    background: url(../img/icon/sub_icon05.png) no-repeat center;
    background-size: 80%;
    z-index: 999;
}


/*** 고객헌장 3-6 ***/
/* 고객헌장 3-6-1 */
.ct3-6-1 {
    border: 15px solid #274597;
    padding: 12px;
    position: relative;
    overflow: hidden;
}

.ct3-6-1 .conBox{
    border: 1px solid #274597;
    position: relative;
}

.conBoxbg{
	width: 100%;
	position: relative;
}
.conBoxbg:before {
    display: inline-block;
    content: '';
    position: absolute;
    /*
    top: -27px;
    left: -4px;
    width: 1px;
    height: 1px;
    border-top: 41px solid transparent;
    border-bottom: 33px solid transparent;
    border-left: 36px solid #274597;
    */
    transform: rotate(135deg);
    width: 100px;
    height: 250px;
    background-color: #274597;
    opacity: 0.9;
    bottom: -160px;
    left: -145px;
}
.conBoxbg:after {
    display: inline-block;
    content: '';
    position: absolute;
    /*
    top: -27px;
    left: -4px;
    width: 1px;
    height: 1px;
    border-top: 41px solid transparent;
    border-bottom: 33px solid transparent;
    border-left: 36px solid #274597;
    */
    transform: rotate(-135deg);
    width: 100px;
    height: 250px;
    background-color: #274597;
    opacity: 0.9;
    bottom: -160px;
    right: -145px;
}
.ct3-6-1 .conBox1{
	border: 0;
}
.ct3-6-1 .conBox1:before{
    display: inline-block;
    content: '';
    position: absolute;
    transform: rotate(-135deg);
    width: 100px;
    height: 250px;
    background-color: #274597;
    opacity: 0.9;
    top: -108px;
    left: -25px;
    background-image: none;
}
.ct3-6-1 .conBox1:after{
    display: inline-block;
    content: '';
    position: absolute;
    transform: rotate(135deg);
    width: 100px;
    height: 250px;
    background-color: #274597;
    opacity: 0.9;
    top: -108px;
    right: -25px;
    background-image: none;
    left: inherit;
}

.ct3-6-1 .conBox1 h3.h0 {
    padding: 0 110px;
    font-size: 36px;
    font-family: "NanumMyeongjo", serif;
    font-weight: bold;
    position: relative;
}
.ct3-6-1 .conBox1 h3.h0:before{
	width: 90px;
	height: 32px;
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	background: url(../img/icon/conBoxTitBgL.png) no-repeat center left;
}
.ct3-6-1 .conBox1 h3.h0:after{
	width: 90px;
	height: 32px;
	content: '';
	position: absolute;
	top: 7px;;
	right: 0;
	background: url(../img/icon/conBoxTitBgR.png) no-repeat center right;
}

.ct3-6-1 p.fw_500 {
    line-height: 1.8;
}
.ct3-6-1 .cont2 {
    margin: 50px 0px;
    padding: 0 65px;
}
.ct3-6-1 .cont2 .cont2_info li{
	position: relative;
	padding: 0px 15px;
	z-index: 9;
	letter-spacing: -1px;
}
.ct3-6-1 .cont2 .cont2_info li span.ccle{
	font-weight: 500;
	font-size: 16px;
	color: #333;
	padding-right: 10px;
	margin-bottom: 0;
}
.ct3-6-1 .cont2 .cont2_info li:before{
	content: '';
	width: 35px;
	height: 35px;
	background-color: #dbe1f0;
	border-radius: 50%;
	z-index: -9;
	position: absolute;
	top: 0;
	left: 0;
}

@media all and  (max-width:765px) {
	.ct3-4-2 .conBox1, .ct3-6-1 .conBox1{
		padding: 50px 10px;
	}
	.ct3-4-2 .conBox1 h3.h0, .ct3-6-1 .conBox1 h3.h0{
		font-size: 26px;
		padding: 0;
	}
	.ct3-4-2 .conBox1 h3.h0:before, .ct3-6-1 .conBox1 h3.h0:before, .ct3-4-2 .conBox1 h3.h0:after, .ct3-6-1 .conBox1 h3.h0:after{
		display: none;
	}
	.ct3-4-2 .cont2, .ct3-6-1 .cont2{
		padding: 0;
	}
	
	.ct3-4-2 .w100 img, .ct3-6-1 .w100 img{
		width: 100%;
	}
	
	.ct3-6-1 .conBox1:before{
	    width: 50px;
	    height: 250px;
	    top: -108px;
	    left: -25px;
	    background-image: none;
	}
	.ct3-6-1 .conBox1:after{
	    width: 50px;
	    height: 250px;
	    top: -108px;
	    right: -25px;
	    background-image: none;
	    left: inherit;
	}
	
	.conBoxbg:before {
	    width: 50px;
	    height: 250px;
	    bottom: -160px;
	    left: -35px;
	}
	.conBoxbg:after {
	    width: 50px;
	    height: 250px;
	    bottom: -160px;
	    right: -35px;
	}
	
}

/* 핵심서비스 이행표준 3-6-2 */
.cont .box{
	position: relative;
	border: 1px solid #ccc;
	color: #333;
	font-size: 16px;
	line-height: 22px;
	min-height: 120px;
	margin-bottom: 20px;
	padding: 28px 25px 25px 150px;
	border-radius: 5px;
	overflow: hidden;
}
.cont .box:before {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -37px;
    left: 45px;
    width: 74px;
    height: 74px;
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    content: '';
}
.box .con_box_tit{
	font-size: 20px;
	color: #274597;
	margin-bottom: 12px;
}
.cont .box p{
	margin-bottom: 0px;
	color: #333;
	font-size: 16px;
}
.ct3-6-2 .box:before {
    background-image: url(../img/icon/sub_icon01.png);
}
.ct3-6-3 .box:before {
    background-image: url(../img/icon/sub_icon01.png);
}

/* 기업성장응답센터 3-7 */
.ct3-7 .conBox1 {
    padding: 64px 50px 27px;
    background-color: #f9f9f9;
}
.ct3-7 .conBox1 h3.h0{
    padding: 0 0 0px 0;
    font-size: 36px;
    font-family: "NanumMyeongjo", serif;
    font-weight: bold;
}
.ct3-7 .conBox1 h3.h0 span{
    display: block;
}
.ct3-7 .conBox1 p{
    font-size: 16px;
    color: #333;
}
.ct3-7 .cont2 {
    position: relative;
    margin-bottom: 21px;
    text-align: left;
    padding: 50px 40px 50px 86px;
    background-color: #fff;
    box-shadow: 17px 16px 20px rgb(0 0 0 / 10%);
    margin: 50px auto;
    overflow: hidden;
}
.cont2 .cont2_info li{
    float: left;
    width: 100%;
    margin-right: 0;
}
.cont2 .cont2_info li span {
	display: inline-block;
    float: left;
    padding-right: 28px;
    font-size: 36px;
    line-height: 36px;
    font-weight: 600;
    color: #369eff;
    margin-bottom: 19px;
}
.cont2 .cont2_info li > p {
	display: inline-block;
    float: left;
    margin-top: 6px;
    margin-bottom: 20px !important;
    text-align: left;
}
.cont2 .cont2_box {
    margin-top: 10px;
}
.cont2 .cont2_box .depth5 ul {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.cont2 .cont2_box .depth5 ul li {
	display: block;
    float: left;
    width: calc(100%/4 - 5px);
    height: 120px;
    margin-right: 5px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    padding: 20px;
}
.cont2 .cont2_box .depth5 ul li em {
    margin-bottom: 10px;
}
.cont2 .cont2_box .depth5 ul li p {
    font-size: 15px;
}





/* 국민참여 3-8 */
/* 열린경영 - 국민참여 - 고객문의 , 갑질민원, 청탁금지법위반/부패신고, 예산낭비신고, 복지보조금부정신고, 공익신고, 온라인행정심판 */
.conBox1 h3.h0{
	display: inline-block;
	position: relative;
	padding: 100px 0 20px 0;
	color: #274597;
	line-height: 1.5;
}
.conBox1 h3.h0:before{
	position: absolute;
	content: '';
	display: inline-block;
	width: 200px;
	height: 60px;
	top: 10px;
}
.ct3-8-1 p, .ct3-8-2 p, .ct3-8-3 p, .ct3-8-4 p, .ct3-8-5 p, .ct3-8-6 p, .ct3-8-7 p, .ct3-8-8 p{
	font-size: 16px;
	line-height: 22px;
	color: #333;
	margin: 0;
}

.ct3-8-1 h3{font-size:17px;}
.ct3-8-1 h3:before{background:url(../img/ct3-8img1.png) no-repeat 0 0; z-index: 999;}
@media all and  (max-width:640px) {
    .ct3-8-1 a {width:100%;}
    .ct3-8-1 a.lasta {margin-top: 0;}
}

.ct3-8-2 h3{font-size:17px;}
.ct3-8-2 h3:before{background:url(../img/ct3-8img2.png) no-repeat 0 0;}
.ct3-8-2 p{margin-bottom:25px;font-size:15px;line-height:20px;color:#252525;}
.ct3-8-2 a {margin-top: 0;}

.ct3-8-3 h3{max-width:85%;font-size:17px;}
.ct3-8-3 h3:before{background:url(../img/ct3-8img3.png) no-repeat 0 0;}
.ct3-8-3 p{margin-bottom:5px;}
.ct3-8-3 .em_red2{color:#912323;}


.ct3-8-4 h3{max-width:76%;font-size:17px;}
.ct3-8-4 {padding:0 2%;}
.ct3-8-4 h3:before{background:url(../img/ct3-8img1.png) no-repeat 0 0;}
@media all and  (max-width:640px) {
    .ct3-8-4 a {width:100%;}
    .ct3-8-4 a.lasta {margin-top: 0;}
}

.ct3-8-5 h3{max-width:57%;font-size:17px;}
.ct3-8-5 h3:before{background:url(../img/ct3-8img3.png) no-repeat 0 0;}
.ct3-8-5 .em_red2{color:#912323;}
@media all and  (max-width:1280px) {
    .ct3-8-5 h3{max-width:90%;}
}

.ct3-8-6 h3:before{background:url(../img/ct3-8img4.jpg) no-repeat 0 0;}
.ct3-8-6 h3:before{display:none;}
@media all and  (max-width:640px) {
    .ct3-8-6 a {width:100%;}
    .ct3-8-6 a.lasta {margin-top: 0;}
}

.ct3-8-7 h3{font-size:17px;}
.ct3-8-7 h3:before{left:calc(50% - 100px);width:200px;background:url(../img/ct3-8img5.png) no-repeat 0 0;}
.ct3-8-7 .warning{display:inline-block;margin-top: 15px;}
@media all and  (max-width:1280px) {
    .ct3-8-7 p{display:inline-block;max-width:100%;}
}

.ct3-8-8 h3{max-width:90%; font-size:17px;}
.ct3-8-8 h3:before{background:url(../img/ct3-8img6.jpg) no-repeat 0 0;}
@media all and  (max-width:640px) {
    .ct3-8-8 a {width:100%;}
    .ct3-8-8 a.lasta {margin-top: 0;}
}

/* NIPA소개 */
/* 인사말 4-1-1 */
.greeting{
	padding-left: 530px;
	background: url('../img/cts/4-1-1_img1.png') no-repeat left center;
}
.greeting .txt h4{
	/* font-family: "NanumMyeongjo", serif; */
	font-weight: 500;
}
.greeting .sign{
	display: inline-block;
	padding-right: 90px;
	background: url('../img/cts/4-1-1_img2.png') no-repeat right center;
}

@media all and  (max-width:765px) {
	.greeting{
		padding-left: 0px;
		padding-top: 470px;
		background: url('../img/cts/4-1-1_img1.png') no-repeat top center;
	}
}


/* 주요활동 4-1-2 */
/* thumb board */
.bdWrap.thumb{
	border-top: 2px solid #555;
	border-bottom: 1px solid #274597;
}
.thumbWrap{
	position: relative;
	padding: 28px 0;
	border-top: 1px solid #d7d7d7;
}
.thumbWrap a{
	display: block;
}
.thumbWrap .thumbImgWrap{
	position: relative;
	display: table-cell;
	vertical-align: top;
	padding-right: 18px;
}
.thumbWrap .thumbImgWrap .thumbImg{
	width: 210px;
	height: 140px;
	overflow: hidden;
	position: relative;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}
.thumbWrap .thumbImgWrap .thumbImg img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
}
.thumbWrap .thumbConWrap{
	display: table-cell;
	vertical-align: top;
}
.thumbWrap .thumbConWrap .thumbCon{

}
.thumbWrap .thumbConWrap .thumbCon1{
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 18px;
	color: #333;
}
.thumbWrap .thumbConWrap .thumbCon .thumbTit{
	display: block;
	width: 100%;
}
.thumbWrap .thumbConWrap .thumbCon2{
	color: #888;
	font-size: 14px;
}
.thumbWrap .tbInfoCon .infoNm {
    padding-right: 5px;
}
.thumbWrap .tbInfoCon span:first-child:before {
    display: none;
}
.thumbWrap .thumbConWrap .thumbCon3{
	white-space: pre-line;
	color: #666;
	margin-top: 10px;
}

@media all and (max-width:765px){
    .thumbWrap .thumbImgWrap .thumbImg{width:105px; height:70px;}
    .thumbWrap .thumbTit{font-size:16px; display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .thumbWrap .thumbCon3{overflow-y:hidden;height:45px;margin-top:6px}
}



/* 브로슈어 4-4-3 */
.conBox1{
	position: relative;
	z-index: 0;
	padding: 0 5%;
	border: 1px solid #ccc;
	overflow: hidden; 
	text-align: center;
}
.conBox1:before{
	display: inline-block;
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	z-index: -1;
	width: 322px;
	height: 195px;
	background: url("../img/conBoxBg1.png") 0 0 no-repeat;
}
.conBox1:after{
	display: inline-block;
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 343px;
	height: 137px;
	background: url("../img/conBoxBg2.png")0 0 no-repeat;
}
.conBox1 h3{
	display: inline-block;
	position: relative;
	padding-top: 160px;
	padding-bottom: 20px;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: -0.01em;
	color: #274597;
}
.conBox1 h3:before{
	display: inline-block;
	position: absolute;
	left: calc(50% - 99px);
	top: 60px;
	width: 178px;
	height: 57px;
}
.conBox1 a{
	margin: 30px 0;
}
.conBox1{
	padding: 63px 120px 51px 120px;
}
.conBox1 .box3_title{
	display: block; 
	margin-bottom: 18px; 
	font-size: 22px; 
	color: #274597; 
}
.conBox1 p{
	font-size: 15px; 
	color: #525252;
}
.conBox1 .btn.type3.acro{
	padding-left: 40px;
	background: url('/site/main/images/contents/cts202_acrobat.png') center left 13px no-repeat;
}
.conBox1 ul li{
	float: left; 
	width: calc(50% - 50px);
}
.conBox1 ul li:first-child{
	margin-right: 100px;
}
.conBox1 ul li .img_wrap{
	padding: 10px 10px 0; 
	border: 1px solid #4c5667;
}
.conBox1 ul li .img_wrap span{
	margin: 15px 0; 
	font-size: 16px; 
	color: #333; 
	display: block;
}
.conBox1 ul li img{
	max-width: 100%; 
	max-height: 100%;
}


@media screen and (max-width:800px){
	.conBox1{padding:63px 60px 51px 60px;}
}

@media screen and (max-width:640px){
	.conBox1 .btn.type3.acro{word-break:keep-all;}
	.conBox1 ul li{float:none; width:100%;}
	.conBox1 ul li img{width:100%;}
}

/* 홍보영상 4-4-4 */
.youtube_box .conBox1{
	background-color: #fff;
}
.youtube_box .conBox1 p{
	margin-bottom:35px;
}
.youtube_box .conBox1 .youtube_frame{
	max-width:630px; 
	margin:auto;
}
.youtube_box .conBox1 .youtube_frame iframe{
	width:100%; 
	height:350px;
}
.youtube_box .conBox1 .subtitle{
	overflow-y:scroll; 
	height:140px; 
	margin-top:42px; 
	padding:30px 45px 35px 35px;
	border:1px solid #d7d7d7;
}
.youtube_box .conBox1 .subtitle h4{
	font-size:17px; 
	color:#274597; 
	text-align: left;
}
.youtube_box .conBox1 .subtitle p{
	margin-top:17px; 
	font-size:15px; 
	color:#333333; 
	text-align:left; 
	word-break: keep-all;
}
@media screen and (max-width:640px){
	.youtube_box .conBox1 .subtitle{padding:30px 5% 35px;}
}


/* 조직도 4-5 */
/**** 조직도 ****/
.organizationchart{width:100%;}
.organizationchart .list{position:relative; padding-left:32%;}

/* depth1 */
.organizationchart .list .depthgroup{width:85%; box-sizing:border-box;}
.organizationchart .list .depth1{display:table; float:left; position:relative; width:7.7%; margin-right:3.3%;}
.organizationchart .list .depth1 a:hover{color:#fff;}
.organizationchart .list .depth1 .depth1_item{
	display:table-cell; 
	width:100%; 
	height:270px; 
	padding:0 17px 0 18px; 
	vertical-align:middle; 
	color:#fff; 
	font-size:16px; 
	background:rgb(166,107,205); 
	border-radius: 5px;
	369eff
}
.organizationchart .list .depth1 .depth1_item.blue{
	background: #369eff;
}
.organizationchart .list .depth1 .depth1_item a{display:block;}
.organizationchart .list .depth1 .depth1_item:before{display:inline-block; position:absolute; right:-8px; top:85px; width:15px; height:15px; margin-top:-7px; background:#fff; border:2px dotted #cdcdcd; border-radius:10px; content:''; z-index:10;}
.organizationchart .list .depth1 .depth1_item:after{display:inline-block; position:absolute; right:-31%; top:85px; width:38%; height:1px; background:#cdcdcd; content:'';}
.organizationchart .list .depth1.none{width:50px;}
.organizationchart .list .depth1.none .depth1_item{background:#fff; opacity:0;}

/* depth2 */
.organizationchart .list .depth2_wrap{float:left; position:relative; width:84.1%; margin-left:3.5%;}
.organizationchart .list .depth2 > li:first-child{padding-top:0;}
.organizationchart .list .depth2 > li{position:relative; padding-top:10px;}
.organizationchart .list .depth2 > li .inner{float:left; width:100%;}
.organizationchart .list .depth2 > li .inner:before{display:inline-block; position:absolute; left:-5%; top:25px; width:1px; height:100%; background:#cdcdcd; content:'';}
.organizationchart .list .depth2 .depth2_item{border-radius: 5px; float:left; position:relative; width:42.5%; height:50px; background:#5b5085; text-align:center;}
.organizationchart .list .depth2 .depth2_item a{display:block;}

.organizationchart .list .depth2 .depth2_item a:hover span{text-decoration:underline;}
.organizationchart .list .depth2 .depth2_item span{color:#fff; font-size:15px; line-height:50px;}
.organizationchart .list .depth2 .depth2_item:before{display:inline-block; position:absolute; left:-12%; top:50%; width:12%; height:1px; background:#cdcdcd; content:'';}
.organizationchart .list .depth2 .depth2_item span{position:relative; width:100%;}
.organizationchart .list .depth2 .depth2_item span:after{display:inline-block; position:absolute; right:-2px; top:50%; width:6px; height:6px; margin-top:-4px; background:#fff; border:3px solid #cdcdcd; border-radius:10px; content:'';}

/* depth3 */
.organizationchart .list .depth3:first-child{margin-top:0;}
.organizationchart .list .depth3{border-radius: 5px; float:left; position:relative; width:53.1%; margin-left:3.1%; padding:11px 0 11px 15px; border:1px solid #7666b3; box-sizing:border-box; box-shadow: 3px 3px 2px 2px #ededed;}
.organizationchart .list .depth3:before{display:inline-block; position:absolute; left:-5.95%; top:25px; width:5.95%; height:1px; background:#cdcdcd; content:'';}
.organizationchart .list .depth3:after{display:inline-block; position:absolute; left:-11%; top:24px; width:6px; height:6px; margin-top:-4px; background:#fff; border:3px solid #cdcdcd; border-radius:10px; content:'';}
.organizationchart .list .depth3 li{margin-bottom: 0;}
.organizationchart .list .depth3 li:before{display:inline-block; width:4px; height:4px; margin:-3px 9px 0 0; background:#94999e; vertical-align:middle; content:''; transform: rotate( 45deg );}
.organizationchart .list .depth3 a:hover .depth3_item{text-decoration:underline;}
.organizationchart .list .depth3 .depth3_item{color:#535353; font-size:15px; line-height:25px;}

/* custom */
.organizationchart .list .depthgroup.nth1{position:absolute; top:344px; left:0;;}
.organizationchart .list .depthgroup.nth1 .depth1{width:50px; height:170px;}
.organizationchart .list .depthgroup.nth1 .depth1 .depth1_item{
	position:relative; 
	width:100%; 
	height:100%; 
	background: #274597;
}
.organizationchart .list .depthgroup.nth1 .depth1 .depth1_item:before{border-color:#34447e;}
.organizationchart .list .depthgroup.nth1 .depth1 .depth1_item:after{display:inline-block; position:absolute; right:-80%; top:85px; width:65%; height:1px; background:#cdcdcd; content:'';}
.organizationchart .list .depthgroup.nth1 .depth2 li:first-child{width:50px; margin-top:0; box-sizing:border-box;}
.organizationchart .list .depthgroup.nth1 .depth2 li{display:table; width:auto; margin-top:40px;}

.organizationchart .list .depthgroup.nth1 .depth2 li a{display:block;}
.organizationchart .list .depthgroup.nth1 .depth2 li .depth2_text{display:table; width:100%;}
.organizationchart .list .depthgroup.nth1 .depth2 li.boss .depth2_text{position:relative;}
.organizationchart .list .depthgroup.nth1 .depth2 li.boss .depth2_text:focus{border:1px dotted #000;}

.organizationchart .list .depthgroup.nth1 .depth2 li a:hover .depth2_item{color:#fff; text-decoration:underline;}
.organizationchart .list .depthgroup.nth1 .depth2 li .depth2_item{
	float:none; 
	display:table-cell; 
	position:relative; 
	width:50px; 
	height:170px;
	padding:0 18px 0 17px; 
	vertical-align:middle; 
	color:#fff; 
	font-size:16px; 
	line-height:22px; 
	background:rgb(89,122,196); 
	border-radius: 5px;
}
.organizationchart .list .depthgroup.nth1 .depth2 li .depth2_item:before{display:none;}
/* .organizationchart .list .depthgroup.nth1 .depth2 li:first-child .depth2_item:after{display:inline-block; position:absolute; right:-249px; top:85px; width:250px; height:1px; background:#cdcdcd; content:'';} */
/* 20220531 조직개편 */
.organizationchart .list .depthgroup.nth1 .depth2 li:first-child .depth2_item:after{display:none; position:absolute; right:-249px; top:85px; width:250px; height:1px; background:#cdcdcd; content:'';}
.organizationchart .list .depthgroup.nth1 .depth2 li + li{margin-left:85px;}
.organizationchart .list .depthgroup.nth1 .depth2 li + li .depth2_item{background:#33825a;}
.organizationchart .list .depthgroup.nth1 .depth2 li + li .depth2_item:before{display:none;}
.organizationchart .list .depthgroup.nth1 .depth2 li + li > .depth2_item:before{display:inline-block; position:absolute; left:auto; right:-4px; top:85px; width:6px; height:6px; margin-top:-5px; background:#fff; border:3px solid #3a8660; border-radius:10px; content:''; z-index:10;}
.organizationchart .list .depthgroup.nth1 .depth2 li + li > .depth2_item:after{display:inline-block; position:absolute; right:-40%; top:85px; width:40%; height:1px; background:darkgreen; content:'';}
.organizationchart .list .depthgroup.nth1 .depth3:before,
.organizationchart .list .depthgroup.nth1 .depth3:after{display:none;}
.organizationchart .list .depthgroup.nth1 .depth3_wrap{margin-left:18px;}
.organizationchart .list .depthgroup.nth1 .depth3{display:table; width:auto; padding:0; border:none; box-shadow:none;}
.organizationchart .list .depthgroup.nth1 .depth3:before{top:50%;}
.organizationchart .list .depthgroup.nth1 .depth3 li{
	display:table-cell; 
	width:50px; 
	height:170px; 
	padding:0 16px; 
	border:2px solid #33825a; 
	vertical-align:middle; 
	border-radius: 5px;
}
.organizationchart .list .depthgroup.nth1 .depth3 li .depth3_item{color:#535353; font-size:16px; line-height:20px;}
.organizationchart .list .depthgroup.nth1 .depth3 li:before{display:none;}

/* .organizationchart .list .depthgroup.nth2 .depth1 .depth1_item:before{top:134px; border-color:#7666b3;} */
/* 20220531 조직개편 */
.organizationchart .list .depthgroup.nth2 .depth1 .depth1_item:before{top:134px; border-color:#cdcdcd;}
.organizationchart .list .depthgroup.nth2 .depth1 .depth1_item:after{top:134px;}
.organizationchart .list .depthgroup.nth2{position:relative; height:100%;}
/* .organizationchart .list .depthgroup.nth2:before{display:inline-block; position:absolute; left:25px; top:15px; width:1px; height:100%; background:#cdcdcd; content:'';} */
/* 20220531 조직개편 */
.organizationchart .list .depthgroup.nth2:before{display:none; position:absolute; left:25px; top:15px; width:1px; height:100%; background:#cdcdcd; content:'';}
.organizationchart .list .depthgroup.nth2 .depth2 > li:last-child .inner:before{height:10px; background:#cdcdcd;}
.organizationchart .list .depthgroup.nth2 .depth2 > li:first-child:last-child .inner:before{height:111px; background:#cdcdcd;}
.organizationchart .list .depthgroup.nth2 .depth2 .depth2_item span:after{display:none;/* border-color:#5b5085;*/}
.organizationchart .list .depthgroup.nth2 .depth3:after{border-color:#5b5085;}

.organizationchart .list .depthgroup.nth3{position:relative; height:100%; padding-bottom:26px;}
.organizationchart .list .depthgroup.nth3:before{display:inline-block; position:absolute; left:25px; top:0; width:1px; height:100%; background:#cdcdcd; content:'';}
.organizationchart .list .depthgroup.nth3 .depth1 .depth1_item:before,
.organizationchart .list .depthgroup.nth3 .depth1 .depth1_item:after{display:none;}

.organizationchart .list .depthgroup.nth3 .depth2{padding-top:37px;}
.organizationchart .list .depthgroup.nth3 .depth2 > li:last-child .inner:before{height:10px; background:#cdcdcd;}
.organizationchart .list .depthgroup.nth3 .depth2 > li:first-child:last-child .inner:before{height:98px; background:#cdcdcd;}
.organizationchart .list .depthgroup.nth3 .depth2 .depth2_item{background:#1b7d95;}
.organizationchart .list .depthgroup.nth3 .depth2 .depth2_item span:after{display:none; /*border-color:#1b7d95;*/}
.organizationchart .list .depthgroup.nth3 .depth3{border:1px solid #1b7d95;}
.organizationchart .list .depthgroup.nth3 .depth3:after{border-color:#1b7d95;}

.organizationchart .list .depthgroup.nth4 .depth1 .depth1_item{height:150px; background:rgb(51,178,193); background:-moz-linear-gradient(top, rgba(51,178,193,1) 0%, rgba(23,141,190,1) 35%, rgba(23,141,190,1) 70%, rgba(51,178,193,1) 100%); background:-webkit-linear-gradient(top, rgba(51,178,193,1) 0%,rgba(23,141,190,1) 35%,rgba(23,141,190,1) 70%,rgba(51,178,193,1) 100%); background:linear-gradient(to bottom, rgba(51,178,193,1) 0%,rgba(23,141,190,1) 35%,rgba(23,141,190,1) 70%,rgba(51,178,193,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33b2c1', endColorstr='#33b2c1',GradientType=0);}
.organizationchart .list .depthgroup.nth4 .depth1 .depth1_item:before{top:74px; border-color:#2f99c5;}
.organizationchart .list .depthgroup.nth4 .depth1 .depth1_item:after{top:74px;}
.organizationchart .list .depthgroup.nth4 .depth2 li:first-child:last-child{margin-top:42px;}
.organizationchart .list .depthgroup.nth4 .depth2 li:first-child:last-child .inner:before{display:none;}
.organizationchart .list .depthgroup.nth4 .depth2 > li:last-child .inner:before{height:10px; background:#cdcdcd;}
.organizationchart .list .depthgroup.nth4 .depth2 .depth2_item{margin: 7px 0 0 0; float: none;}
.organizationchart .list .depthgroup.nth4 .depth2 .depth2_item span:after{display:none; /*border-color:#1b7d95;*/}
.organizationchart .list .depthgroup.nth4 .depth3:after{border-color:#1b7d95;}

@media screen and (max-width:1300px) {
	.organizationchart .list .depthgroup{width:100%;}
	.organizationchart .list .depth2_wrap{width:80%;}
	.organizationchart .list .depth2 .depth2_item span{letter-spacing:-0.05em;}
	.organizationchart .list .depth3 .depth3_item{font-size:14px; letter-spacing:-0.05em;}
}

@media screen and (max-width:640px) {
	.organizationchart .list .depth3:before{left:-7%; width:7%;}
	.organizationchart .list .depthgroup:before{display:none !important;}
	.organizationchart .list .depthgroup .depth1{float:none; width:240px; margin:0 auto;}
	.organizationchart .list .depthgroup .depth1 .depth1_item{width:240px; height:50px; text-align:center;}
	.organizationchart .list .depthgroup .depth1.none .depth1_item{width:0; height:0; padding:0; position:absolute; top:0; left:0;}

	.organizationchart .list .depthgroup .depth1 .depth1_item:before,
	.organizationchart .list .depthgroup .depth1 .depth1_item:after{display:none;}
	.organizationchart .list .depthgroup .depth2_wrap{width:100%; margin-top:30px; margin-left:0;}
	.organizationchart .list .depth2 > li .inner:before{display:none;}
	.organizationchart .list .depth2 .depth2_item:before{display:none;}

	.organizationchart .list{padding:0;}
	.organizationchart .list .depthgroup.nth1{position:static;}
	.organizationchart .list .depthgroup.nth1 .depth1{float:none; width:240px; height:50px; margin:0 auto; text-align:center;}
	.organizationchart .list .depthgroup.nth1 .depth1 .depth1_item:before,
	.organizationchart .list .depthgroup.nth1 .depth1 .depth1_item:after{display:none}
	.organizationchart .list .depthgroup.nth1 .depth1 span{display:block; line-height:50px;}
	.organizationchart .list .depthgroup.nth1 .depth2 li .depth2_item{width:240px; display:block; height:50px; margin-top:20px; text-align:center; line-height:50px;}
	.organizationchart .list .depthgroup.nth1 .depth2 li .depth2_item:before,
	.organizationchart .list .depthgroup.nth1 .depth2 li .depth2_item:after{display:none !important;}
	.organizationchart .list .depthgroup.nth1 .depth2 li:first-child{width:240px; margin:0 auto;}
	.organizationchart .list .depthgroup.nth1 .depth2 li{margin:0;padding:0;}
	.organizationchart .list .depthgroup.nth1 .depth2 li + li{margin:0 auto;}
	.organizationchart .list .depthgroup.nth1 .depth3_wrap{margin:0;}
	.organizationchart .list .depthgroup.nth1 .depth3{margin:20px 0 0 0;}
	.organizationchart .list .depthgroup.nth1 .depth3:before,
	.organizationchart .list .depthgroup.nth1 .depth3:after{display:none;}
	.organizationchart .list .depthgroup.nth1 .depth3 li{display:block; width:240px; height:50px; text-align:center; line-height:50px;}
	.organizationchart .list .depthgroup.nth3:before{display:none;}
	.organizationchart .list .depthgroup.nth4 .depth1 .depth1_item{height:50px;}
	.organizationchart .list .depthgroup.nth4 .depth2_wrap{margin-top:0;}
	.organizationchart .list .depthgroup.nth2,
	.organizationchart .list .depthgroup.nth4{margin-top: 240px;}
}

.organizationchart .list .depth2 .kkk:before {
    display: inline-block;
    position: absolute;
    left: -5%;
    top: 64%;
    width: 2%;
    height: 1px;
    background: #cdcdcd;
    content: '';
    z-index: 9999;
}


/***** 정보공개 *****/

/* 정보공개제도 5-1 */

/* 정보공개제도란 5-1-1 */
.ct5-1-1 .box:before {
    background-image: url(../img/icon/sub_icon01.png);
}

/* 업무처리절차 */
.ct5-1-2 .box:before {
    background-image: url(../img/icon/sub_icon01.png);
}
.ct5-1-2.cont .box1 {
    margin-bottom: 0;
}
.ct5-1-2  ul .li_box{position:relative;width:22%;min-height:111px;border:1px solid #597ac4;background-color:#fff;color:#515151;text-align:center;vertical-align:middle;border-radius:5px;}
.ct5-1-2  ul .li_box.li_gray{border-color:#898989;}
.ct5-1-2  ul .li_box.li_gray .li_top{background:#898989;}
.ct5-1-2  ul.flow2{margin-top:115px;margin-bottom:30px;}
.ct5-1-2  ul.flow1 li{float:left;margin-right:4%;}
.ct5-1-2  ul.flow2 li{float:right;margin-left:4%;}
.ct5-1-2  ul.flow3 li{float:left;margin-right:4%;}
.ct5-1-2  ul.flow1 li:last-child{margin-right:0;}
.ct5-1-2  ul.flow2 li:last-child{margin-left:0;}
.ct5-1-2  ul.flow3 li:last-child{margin-right:0;}
.ct5-1-2  ul .li_box .li_top{position:relative;min-height:43px;line-height:43px;background:#006acd;font-size:15px;color:#fff;vertical-align: middle;}
.ct5-1-2  ul .li_box .li_top span{margin-top:9px;}
.ct5-1-2  ul .li_box p{padding:8px 4px;font-size:14px;line-height:18px;letter-spacing:-0.035em;}
/*.ct5-1-2  ul .li_box .icon{padding: 3px 0px;}*/
.ct5-1-2  ul .li_box em{position:absolute;bottom:-20px;left:calc(50% - 28%);padding:4px 6%;border:1px solid #d2d2d2;border-radius:50px;background-color:#fafafa;}
.ct5-1-2  ul .li_box em.secondem{left:calc(50% - 32%);}
.ct5-1-2  ul .li_box em.secondem.em1:after{display:inline-block;position:absolute;bottom:-27px;left:-37px;width:150%;font-size:14px;letter-spacing:-0.035em;content:'공개청구사실 통지 받은 날부터 3일이내';}
.ct5-1-2  ul .li_box em.secondem.em2{bottom:-83px;}
.ct5-1-2  ul.flow1 li:before, .ct5-1-2 .box2 ul.flow3 li:before{display:none; position:absolute; right:-23px; top:calc(50% - 5px); width:11px; height:4px; background:#adafb2; content:'';}
.ct5-1-2  ul.flow1 li:after, .ct5-1-2 .box2 ul.flow3 li:after{display:block; position:absolute; right:-29px; top:calc(50% - 9px); width:0; height:0; border-top:6px solid transparent; border-left:10px solid #adafb2; border-bottom:6px solid transparent; content:'';}
.ct5-1-2  ul.flow2 li:after{display:block; position:absolute; left:-28px; top:calc(50% - 9px); width:0; height:0; border-top:6px solid transparent; border-right:10px solid #adafb2; border-bottom:6px solid transparent; content:'';}
.ct5-1-2  ul.flow2 li:before{display:none; position:absolute; left:-23px; top:calc(50% - 5px); width:11px; height:4px; background:#adafb2; content:'';}
.ct5-1-2  ul.flow2 li:last-child:before{display:none; position:absolute; left:calc(50% - 2px); top:120px; width:4px; height:11px; background:#adafb2; content:'';}
.ct5-1-2  ul.flow2 li:last-child:after{display:block; position:absolute; left:calc(50% - 6px); top:127px; width:0; height:0; border-left:6px solid transparent; border-top:10px solid #adafb2; border-right:6px solid transparent; content:'';}
.ct5-1-2  ul.flow1 li:last-child:before, .ct5-1-2 .box2 ul.flow3 li:last-child:before{display:none;}
.ct5-1-2  ul.flow1 li:last-child:after, .ct5-1-2 .box2 ul.flow3 li:last-child:after{display:none;}
.ct5-1-2  ul .li_box em.secondem.em2:before{display:none; position:absolute; right:calc(50% - 2px); top:40px; width:4px; height:11px; background:#adafb2; content:'';}
.ct5-1-2  ul .li_box em.secondem.em2:after{display:block; position:absolute; right:calc(50% - 6px); top:47px; width:0; height:0; border-left:6px solid transparent; border-top:10px solid #adafb2; border-right:6px solid transparent; content:'';}
.ct5-1-2 .underbox{margin-top:10px}
.ct5-1-2 .underbox ul li{position:relative;float:right;padding:0 0 0 55px;}
.ct5-1-2 .underbox ul li:first-child:before{display:inline-block;position:absolute;top:4px;left:34px;width:12px;height:12px;border-radius:100%;border:1px solid #979797;background-color:#fff;}
.ct5-1-2 .underbox ul li:first-child:after{display:inline-block;position:absolute;top:4px;left:17px;width:12px;height:12px;border-radius:100%;border:1px solid #979797;background-color:#979797;}
.ct5-1-2 .underbox ul li:last-child:before{display:inline-block;position:absolute;top:4px;left:34px;width:12px;height:12px;border-radius:100%;border:1px solid #597ac4;background-color:#597ac4;}




/* 정보공개방법 */
.ct5-1-3 .box:before {
    background-image: url(../img/icon/sub_icon01.png);
}

/* 불복구제절차방법 */
.ct5-1-4 .box:before {
    background-image: url(../img/icon/sub_icon01.png);
}


/* 공공기관 정보청구 5-1-5 */
.ct5-1-5 h3:before {
    background: url(../img/cts/ct5-1-5img.png) no-repeat 0 0;
    z-index: 999;
}

/* 비공개세부기준 5-2 */
.conBox2 .boxWrap{
	padding:39px 10px 57px 10px; 
	border:1px solid #ccc; 
	text-align:center; 
	word-break: keep-all; 
	border-radius: 0px; 
	position: relative;
	overflow: hidden;
}
.conBox2 .boxWrap:before{
	display: inline-block;
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	z-index: -1;
	width: 322px;
	height: 195px;
	background: url("../img/conBoxBg1.png") 0 0 no-repeat;
}
.conBox2 .boxWrap:after{
	display: inline-block;
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 343px;
	height: 137px;
	background: url("../img/conBoxBg2.png")0 0 no-repeat;
}
.conBox2 .boxWrap span{display:block;}
.conBox2 .boxWrap .con_box_tit{
	margin-bottom: 20px; 
	color: #274597; 
	font-size: 22px; 
	letter-spacing: -0.01em;
	display: block;
}
.cont .box .txt {
    margin-bottom: 0px;
    color: #333;
    font-size: 18px;
}

.cont .box:before {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -37px;
    left: 45px;
    width: 74px;
    height: 74px;
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    content: '';
}
.ct5-2 .box:before {
    background-image: url(../img/icon/sub_icon01.png);
}

.cont p{
	font-size: 16px;
	color: #515151;
	margin-bottom: 15px;
}

/* 사업실명제 5-3 */
.cont .box1{
	position: relative;
	border: 1px solid #ccc;
	color: #333;
	font-size: 16px;
	line-height: 22px;
	min-height: 120px;
	margin-bottom: 20px;
	padding: 28px 25px 25px 25px;
	border-radius: 5px;
	overflow: hidden;
}

.cont .box1 .tit{
	position: relative;
	padding: 0px 0px 0px 150px;
	overflow: hidden;
	margin-bottom: 25px;
}
.cont .box1 .tit:before {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -37px;
    left: 45px;
    width: 74px;
    height: 74px;
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    content: '';
}
.box1 .con_box_tit{
	font-size: 20px;
	color: #274597;
	margin-bottom: 12px;
}
.cont .box1 p{
	margin-bottom: 0px;
	color: #333;
	font-size: 16px;
}
.ct5-3 .box1 .tit:before {
    background-image: url(../img/icon/sub_icon02.png);
}
.cont .box1 .cont{
	padding: 20px;
	border: 1px solid #ccc;
	background-color: #fdfcf7;
	color: #333;
	border-radius: 5px;
}


/* 공공데이터개방 5-4 */

/* 공공데이터개방안내 5-4-1 */
.ct5-4-1 .box:before {
    background-image: url(../img/icon/sub_icon03.png);
}

/* 수요조사 5-4-5 */
.ct5-4-5box {padding:55px 0 53px 475px; background:#e4eff3 url('../img/cts/ct5-4-5.png') no-repeat left bottom;}
.ct5-4-5box .title {margin-bottom:29px; font-size:20px; line-height:25px; color:#274597;}
.ct5-4-5box .info {font-size:0; line-height:0;}
.ct5-4-5box .info li {display:inline-block; padding:11px 21px; margin-right:10px; border:1px solid #274597; background-color:#fff; font-size:15px; line-height:20px;}

@media screen and (max-width:1280px){

    .ct5-4-5box {padding:55px 20px 53px; background:#e4eff3 url('../img/cts/ct5-4-5.png') no-repeat left bottom; text-align:center;}
    .ct5-4-5box .title { word-break: keep-all;}
}
@media screen and (max-width:765px){
	
    .ct5-4-5box {padding:55px 20px 53px; background:#e4eff3; text-align:center;}
    .ct5-4-5box .info li{margin-bottom: 10px;}
}

/* 사전정보공표tab 5-5 */

.befeatTab {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}

.befeatTab li {
    float: left;
    width: calc(100%/7 - 5px);
    height: 120px;
    line-height: 120px;
    margin-right: 5px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
}

.befeatTab li:last-child a {
	margin-right: 0;
}

.befeatTab li a {
	position: relative;
    width: 100%;
    height: 100%;
    color: #193b87;
    font-size: 15px;
    display: block;
    padding-top: 30px;
}

.befeatTab li a:after {
    position: absolute;
    content: '';
    left: calc(50% - 30px);
    width: 60px;
    height: 53px;
    background: url('../img/icon/bfpIco.png') no-repeat left top;
    top: 15px;
}

.befeatTab li a:active, .befeatTab li a:focus {

}

.befeatTab li.active a,
.befeatTab li.active a:hover,
.befeatTab li.active a:focus {
	background-color: #274597;
	color: #fff;
}

.befeatTab li:nth-child(1) a:after {
    background-position: 0px top;
}
.befeatTab li:nth-child(2) a:after {
    background-position: -60px top;
}
.befeatTab li:nth-child(3) a:after {
    background-position: -120px top;
}
.befeatTab li:nth-child(4) a:after {
    background-position: -180px top;
}
.befeatTab li:nth-child(5) a:after {
    background-position: -240px top;
}
.befeatTab li:nth-child(6) a:after {
    background-position: -300px top;
}
.befeatTab li:nth-child(7) a:after {
    background-position: -360px top;
}

.befeatTab li.active:nth-child(1) a:after {
    background-position: 0px bottom;
}
.befeatTab li.active:nth-child(2) a:after {
    background-position: -60px bottom;
}
.befeatTab li.active:nth-child(3) a:after {
    background-position: -120px bottom;
}
.befeatTab li.active:nth-child(4) a:after {
    background-position: -180px bottom;
}
.befeatTab li.active:nth-child(5) a:after {
    background-position: -240px bottom;
}
.befeatTab li.active:nth-child(6) a:after {
    background-position: -300px bottom;
}
.befeatTab li.active:nth-child(7) a:after {
    background-position: -360px bottom;
}




/* 이용안내 6 */
/* 이용약관 6-1 */
.ct6-1 .line_box{
	padding: 25px 30px;
	border: 1px solid #d7d7d7;
}

/* 개인정보처리방침 6-2 */
.ct6-2 .box:before {
    background-image: url(../img/icon/sub_icon08.png);
}

.ct6-2 .cts_box{margin:50px 0; padding:40px 64px 220px; color:#252525; text-align:center;}
.ct6-2 .cts_box:before{background-position:right bottom -50px; content:'';}
.ct6-2 .cts_box:after{background-position:right top -35px; content:'';}
.ct6-2 .cts_box h4{position:relative; width:240px; margin:0 auto 40px; background:#34447e; font-size:15px; color:#fff; line-height:50px; border-radius: 5px;}
.ct6-2 .cts_box h4:before{display:block; position:absolute; top:auto; bottom:-20px; left:50%; width:4px; height:7px; margin-left:-2px; background:#adafb2; content:'';}
.ct6-2 .cts_box h4:after{display:block; position:absolute; bottom:-25px; left:50%; width:0; height:0; margin-left:-6px; border-top:5px solid #adafb2; border-right:6px solid transparent; border-left:6px solid transparent; content:'';}
.ct6-2 .cts_box > .inner_cts > ol{float:left; width:47.5%;}
.ct6-2 .cts_box > .inner_cts > ol > li{position:relative; margin-bottom:30px; padding:13px 0; border:1px solid #4666b5; background:#fff; border-radius: 5px;}
.ct6-2 .cts_box > .inner_cts > ol > li:before{display:none; position:absolute; bottom:-17px; left:50%; width:4px; height:7px; margin-left:-2px; background:#adafb2; content:'';}
.ct6-2 .cts_box > .inner_cts > ol > li:after{display:block; position:absolute; bottom:-22px; left:50%; width:0; height:0; margin-left:-6px; border-top:5px solid #adafb2; border-right:6px solid transparent; border-left:6px solid transparent; content:'';}
.ct6-2 .cts_box > .inner_cts > ol > li:nth-child(3):before, .ct6-2 .cts_box > .inner_cts > ol > li:nth-child(3):after{display:none;}
.ct6-2 .cts_box > .inner_cts > ol > li:nth-child(1){border-color:#006acd; background:#006acd; color:#fff;}
.ct6-2 .cts_box > .inner_cts > ol > li:last-child{margin-bottom:0;}
.ct6-2 .cts_box > .inner_cts > ol > li > ol{position:absolute; bottom:-181px; left:-1px; width:100%; height:150px;}
.ct6-2 .cts_box > .inner_cts > ol > li > ol > li{display:table; position:absolute; top:0; width:47%; height:68px; border:1px solid #4666b5; background:#fff; border-radius: 5px;}
.ct6-2 .cts_box > .inner_cts > ol > li > ol > li:before{display:none; position:absolute; top:-22px; left:50%; width:4px; height:7px; margin-left:-2px; background:#adafb2; content:'';}
.ct6-2 .cts_box > .inner_cts > ol > li > ol > li:after{display:block; position:absolute; top:-15px; left:50%; width:0; height:0; margin-left:-6px; border-top:5px solid #adafb2; border-right:6px solid transparent; border-left:6px solid transparent; content:'';}
.ct6-2 .cts_box > .inner_cts > ol > li > ol > li:nth-child(2){right:-1px; left:auto;}
.ct6-2 .cts_box > .inner_cts > ol > li > ol > li > span{display:table-cell; vertical-align:middle;}
.ct6-2 .cts_box > .inner_cts > ol > li > ol > li > ol{position:absolute; bottom:-92px; left:-1px; width:calc(100% + 2px);}
.ct6-2 .cts_box > .inner_cts > ol > li > ol > li > ol:before{display:none; position:absolute; top:-22px; left:50%; width:4px; height:7px; margin-left:-2px; background:#adafb2; content:'';}
.ct6-2 .cts_box > .inner_cts > ol > li > ol > li > ol:after{display:block; position:absolute; top:-15px; left:50%; width:0; height:0; margin-left:-6px; border-top:5px solid #adafb2; border-right:6px solid transparent; border-left:6px solid transparent; content:'';}
.ct6-2 .cts_box > .inner_cts > ol > li > ol > li > ol > li{padding:13px 0; border:1px solid #3c9ab1; background:#369eff; color:#fff; border-radius: 5px;}
.ct6-2 .cts_box .list01{margin-right:5%;}
.ct6-2 .cts_box > .inner_cts > .list02 > li > ol > li{height:88px;}

/* 익스 */
.ie11 .cts226_cts269 .cts_box > .inner_cts > ol > li > ol > li:nth-child(2){right:100px;}
.ie11 .cts226_cts269 .cts_box > .inner_cts > ol.list02 > li > ol > li:nth-child(2){right:15px;}

@media all and (max-width:1280px) {
  .ie11 .cts226_cts269 .cts_box > .inner_cts > ol > li > ol > li:nth-child(2){right:53px;}
  .ie11 .cts226_cts269 .cts_box > .inner_cts > ol.list02 > li > ol > li:nth-child(2){right:-31px;}
}

@media all and (max-width:1280px) {
  .ie11 .cts226_cts269 .cts_box > .inner_cts > ol > li > ol > li:nth-child(2){right:50%; margin-right:-96px;}
  .ie11 .cts226_cts269 .cts_box > .inner_cts > ol.list02 > li > ol > li:nth-child(2){right:50%; margin-right:-180px;}
}

@media all and (max-width:640px) {
	.cts226_cts269 .cts_box{padding:40px 20px 180px;}
	.cts226_cts269 .cts_box > .inner_cts > ol{width:100%;}
	.cts226_cts269 .cts_box .list01{height:450px;}
}


/* 영상정보처리기기운영관리방침 6-3 */
.ct6-3 .box:before {
    background-image: url(../img/icon/sub_icon09.png);
}

/* 이메일무단수집거부 6-4 */
.ct6-4 .box:before {
    background-image: url(../img/icon/sub_icon01.png);
}


/* 통합검색 */

#wrapper.srchWrap{
    overflow: hidden;
    position: relative;
    width: 100%;
}


#wrapper.srchWrap #header {
    position: relative;
    z-index: 30;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url("../img/srchbg.jpg");
    background-size: cover;
    min-height: 230px !important;
}
.accessibility {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
}
.accessibility a {
    display: block;
    overflow: hidden;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    height: 1px;
    text-align: center;
}

#wrapper.srchWrap .logo {
    position: relative;
    margin-bottom: 40px;
    padding-top: 40px;
    font-size: 0;
    line-height: 0;
    text-align: center;
	top: unset;
    left: unset;
}

#wrapper.srchWrap .logo a {
    color: #fff;
    font-size: 38px;
    line-height: 0;
    font-weight: 400;
    text-decoration: none;
    width: auto;
    height: auto;
}
#wrapper.srchWrap .logo a img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
#wrapper.srchWrap .gnb {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#wrapper.srchWrap #header .header-search{
    position: relative;
    float: none;
    width: 100%;
    left: unset;
    margin-left: 0;
    text-align: center;
}
.input-group {
    position: relative;
    display: block;
    border-collapse: separate;
    overflow: hidden;
    max-width: 500px;
    margin: 0 auto;
}
#wrapper.srchWrap #header .header-search .form-control{
    border-radius: 50px;
    font-size: 1em;
    height: 60px;
    margin: 0;
    padding: 6px 80px 6px 15px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    transition: width 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    max-width: 500px;
    border: 0;
}

#wrapper.srchWrap #header .header-search .btn-default {
    background: #274597;
    border: 0 none;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.skip {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    background: 0 0;
    font-size: 0!important;
    color: transparent!important;
    line-height: 0;
}



.srchWrap #container {
    position: relative;
    z-index: 10;
    width: 100%;
}

.srchWrap .wrap {
    position: relative;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}


/* 콘텐츠 그룹 */
.srchWrap .colgroup {
	 padding-top:50px; padding-bottom:50px;
}


@media all and (max-width:1000px) {
    .srchWrap .colgroup {
    	float:none; 
    	width:auto; 
    	padding-right:0; 
    	border-right-width:0;
    }
    .srchWrap .wrap {
    	width: auto;
    	display: block;
		padding: 15px;
	}
	#wrapper.srchWrap #header .header-search .form-control{
		width: 100%;
	}
}
@media all and (max-width:640px) {
    .srchWrap .colgroup {
    	padding-top:25px; 
    	padding-bottom:25px;
    }
}

/* 콘텐츠 제목 */
.srchWrap .sub_head {
    position: relative;
    z-index: 30;
}
.srchWrap .sub_title{
	display:table; 
	table-layout:fixed; 
	width:100%; 
}
.srchWrap .sub_title h2 {
	display:table-cell; 
	width:100%; 
	padding:0 2%; 
	height: 80px; 
	text-align: center; 
	vertical-align: middle; 
	color: #585858; 
	font-size: 20px; 
	line-height:26px; 
	font-weight:400;
	border-radius: 10px;
	background-color: #fafafa;
}
.srchWrap .sub_title mark {
	background-color:transparent; 
	color:#de2500;
}
.sub_title strong {color:#000; font-size:24px; font-weight:400;}
@media all and (max-width:1200px) {
    .srchWrap .sub_title h2 {font-size:15px; line-height:21px;}
    .srchWrap .sub_title strong {font-size:19px;}
}

/* 콘텐츠 */
.srchWrap #contents {position:relative; z-index:10; min-height:500px; margin-top:50px;}
@media all and (max-width:640px) {
    .srchWrap #contents {min-height:300px; margin-top:25px;}
}


/* 결과 */
.srchWrap .result {
	position:relative; 
	padding-bottom:50px; 
	border-bottom:1px solid #dadada;
}
.srchWrap .result h3 {
	padding-right:38px;
}
.srchWrap .result mark {
	background-color:transparent;
}
.srchWrap .result .list_style2 .em_blue{
	display:inline; 
	color: #274597;
}
.srchWrap .result ul li{
	margin-bottom: 40px;
}
.srchWrap .result ul li a{
	font-size: 16px;
	color: #333;
}
.srchWrap .result ul li p{
	margin: 0;
	font-size: 15px;
	color: #666;
}
.srchWrap .result ul li p{
	margin: 0;
	font-size: 15px;
}
.srchWrap .result ul li .board_info_date{
	color: #888;
}
@media all and (max-width:640px) {
    .srchWrap .result {padding-bottom:27px;}
    .srchWrap .result h3 {padding-right:32px;}
}

.srchWrap .plusBtns {
    position: absolute;
    top: 0px;
    right: 0;
    text-align: center;
}

#wrapper.srchWrap #footer {
	width: 100%;
}
#wrapper.srchWrap .container {
    width: auto;
    margin: auto;
    padding: 10px;
}
#wrapper.srchWrap #footer .logo{
	padding-top: 0;
}

/* sitemap 6-6 */
/* 사이트맵 */
#sitemap {
	font-size:0;
}
#sitemap .site_box h3 {
	padding-top:38px; 
	margin-top: 27px; 
	margin-bottom:20px;
	position: relative;
	font-weight: 500;
}
#sitemap .h3label {
    background-position: left bottom;
}
#sitemap .site_box:first-child h3 {
	padding-top:0; 
	margin-top: 0;
}
#sitemap .site_box:first-child h3:before {
	top:0;
}
#sitemap .site_box:first-child h3:after {
	display:none;
}
#sitemap .site_box h3:after {
	content: '';
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #d2dceb;
}
#sitemap .sitemap_item {
	display: inline-block; 
	position: relative; 
	width: calc(100% / 4 - 10px);
	margin-right: 10px; 
	margin-bottom: 10px; 
	vertical-align: top;
}
#sitemap .sitemap_item:nth-child(4n) {
	margin-right:0;
}
#sitemap .sitemap_item h4 a {
	display: block; 
	padding: 13px 0 11px; 
	border: 1px solid #3a5eb5; 
	font-size: 16px; 
	line-height: 24px; 
	background: #f8fbff; 
	text-align: center;
	border-radius: 5px;
	font-weight: 500;
}
#sitemap .sitemap_item > ul {
	margin-top:13px;
}
#sitemap .sitemap_item > ul > li > a {
	display: block;
	margin-top: 7px;
	margin-bottom: 8px; 
	font-size: 16px; 
	line-height: 17px; 
	color: #333;
	font-weight: 500;
}
#sitemap .sitemap_item > ul > li:first-child > a {
	margin-top:0;
}
#sitemap .sitemap_item > ul > li > a {
	position:relative; 
	padding-left: 16px;
}
#sitemap .sitemap_item > ul > li > a:before {
	content: '';
	display:block; 
	position:absolute; 
	top:6px; 
	left:0; 
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #369eff;
    background-color: #333;
    /*transform: rotate(45deg);*/
}

#sitemap .sitemap_item > ul > li > ul {
	background: #f5f6f5; 
	padding: 15px 15px 15px 17px;
	border-radius: 5px;
}
#sitemap .sitemap_item > ul > li > ul > li a {
	display:block; 
	position:relative; 
	padding-left:13px; 
	font-size:15px; 
	line-height:25px; 
	color:#525252;
}
#sitemap .sitemap_item > ul > li > ul > li a:before {
	content: '';
	display:inline-block; 
	position:absolute; 
	top:12px; 
	left:0; 
	width:5px; 
	height:2px; 
	background:#898989;
}

#sitemap > .site_box:nth-child(4) .sitemap_row:nth-child(3) .sitemap_item {
	margin-top: -345px;
}

@media screen and (max-width:1280px){
    #sitemap .sitemap_item {width:calc(50% - 5px)}
    #sitemap .sitemap_item:nth-child(2n) {margin-right:0;}
    #sitemap > .site_box:nth-child(4) .sitemap_row:nth-child(3) .sitemap_item {margin-top:0}
}
@media screen and (max-width:1000px){
    #sitemap .sitemap_item {width:calc(25% - 10px)}
    #sitemap .sitemap_item:nth-child(2n) {margin-right:10px;}
    #sitemap > .site_box:nth-child(4) .sitemap_row:nth-child(3) .sitemap_item {margin-top:-345px}
}
@media screen and (max-width:800px){
    #sitemap .sitemap_item {width:calc(50% - 5px)}
    #sitemap .sitemap_item:nth-child(2n) {margin-right:0;}
    #sitemap > .site_box:nth-child(4) .sitemap_row:nth-child(3) .sitemap_item {margin-top:0}
}


/* 3-1,3-2 */
.ect3-1 .imgtitlebox {
    width: 100%;
    min-height: 320px;
    background: url(../img/ect3-1.jpg) no-repeat left top -150px;
}
.ect3-2 .imgtitlebox {
    width: 100%;
    min-height: 320px;
    background: url(../img/ect3-2.jpg) no-repeat left top -150px;
}

.ect3-1 .imgtitlebox .text ,.ect3-2 .imgtitlebox .text {
    position: relative;
    padding-top: 95px;
    padding-bottom: 60px;
    text-align: left;
}
.ect3-1 .imgtitlebox .text p ,.ect3-2 .imgtitlebox .text p {
    width: 100%;
    padding: 0 5%;
    font-size: 24px;
    line-height: 30px;
    word-break: keep-all;
    color: #111;
}


#contents.cont .w100 > img{
	max-width: 100%;
}


/* 플렉스박스 */
.flex {display:flex; flex-wrap:wrap;}
.flex-tl {justify-content:flex-start;}
.flex-tr {justify-content:flex-end;}
.flex-tc {justify-content:center;}
.flex-tj {justify-content:space-between;}
.flex-vc {align-items:center;}
.flex-vt {align-items:flex-start;}
.flex-vb {align-items:flex-end;}

#contents{
	margin-bottom: 50px;
}
@media (max-width:991px){
	#contents{
		margin-bottom: 20px;
	}
}

/* big-title */
strong.big-title {display:block; text-align:center; padding:0 0 70px; margin:0 0 70px; border-bottom:10px solid #004b96; font-size:60px; font-weight:bold; color:#000;}
@media (max-width:991px){
strong.big-title {padding:0 0 35px; margin:0 0 35px; border-bottom-width:5px; font-size:35px;}
}

/* sub-title */
strong.sub-title {position:relative; text-align:left; display:flex; flex-wrap:wrap; align-items:center; margin:0 0 30px; font-size:23px; font-weight:700; color:#000; padding-left:35px;}
strong.sub-title:before {position:absolute; left:0; top:-1px; display:inline-block; content:""; width:25px; height:25px; background:url('../img/icon_sub_title.jpg') no-repeat center / cover; margin-right:15px;}
@media (max-width:991px){
strong.sub-title {font-size:20px; margin:0 0 15px; padding-left:20px;}
strong.sub-title:before {width:15px; height:15px; margin-right:7px; top:5px;}
}

/* sub-notice-text */
.sub-notice-text {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0;}
.sub-notice-text p {position:relative; color:#c80000 !important; padding-left:25px; margin:0; font-size:18px;}
.sub-notice-text p:before {display:inline-block; content:""; left:0; width:20px; height:20px; position:absolute; background:url('../img/icon_notice.png') no-repeat center / cover;}
@media (max-width:991px){
.sub-notice-text p {padding-left:20px; font-size:14px;}
.sub-notice-text p:before {width:15px; height:15px; top:5px;}
}

/* sub-image-text */
.sub-image-text {position:relative;}
.sub-image-text .inner {display:flex; flex-wrap:wrap;}
.sub-image-text .inner .image-wrap {position:absolute; left:50px; top:50px;}
.sub-image-text .inner .image-wrap img {display:block; margin:0 auto; max-width:100%;}
.sub-image-text .inner .image-wrap img:last-of-type {margin-top:20px;}
.sub-image-text .inner .text-wrap {flex:1; min-width:0;}
.sub-image-text .inner .text-wrap .text-wrap-top {padding:50px; background:#2e487f; text-align:left; border-bottom:20px solid #b5bed2;}
.sub-image-text .inner .text-wrap .text-wrap-top .small-text {display:flex; flex-wrap:wrap; align-items:center;}
.sub-image-text .inner .text-wrap .text-wrap-top .small-text:before {display:block; content:""; margin-right:25px; flex:1; min-width:0; height:1px; background:#c0c8d9; content:"";}
.sub-image-text .inner .text-wrap .text-wrap-top .small-text small {color:#c0c8d9; font-size:15px;}
.sub-image-text .inner .text-wrap .text-wrap-top .big-text {margin:10px 0 0;}
.sub-image-text .inner .text-wrap .text-wrap-top .big-text > b {display:block; color:#fff; font-size:26px; font-weight:500; line-height:1.3; margin:20px 0 0;}
.sub-image-text .inner .text-wrap .text-wrap-top .big-text > strong {display:flex; flex-wrap:wrap; align-items:center; font-size:40px; color:#fff; font-weight:700; line-height:1.3;}
.sub-image-text .inner .text-wrap .text-wrap-top .big-text > strong b {font-size:40px; font-weight:700; color:#c4fee0; line-height:1.3;}
.sub-image-text .inner .text-wrap .text-wrap-top .detail-text {margin:20px 0 0;}
.sub-image-text .inner .text-wrap .text-wrap-top .detail-text p {margin:0; font-size:20px; line-height:1.5; color:#fff;}
.sub-image-text .inner .text-wrap .text-wrap-bottom {border-bottom:20px solid #b5bed2; padding:30px 0; text-align:left;}
.sub-image-text .inner .text-wrap .text-wrap-bottom.gr {background:#b5bed2; padding-top:0;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li {display:flex; flex-wrap:wrap; margin:0 0 15px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li:last-of-type {margin:0;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li b {width:150px; display:flex; flex-wrap:wrap; color:#004b96; font-size:17px; line-height:1.3;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li b:before {display:inline-block; content:""; width:3px; height:3px; background:#004b96; border-radius:50%; margin-right:10px; position:relative; top:10px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li div {flex:1; min-width:0; line-height:1.3; font-size:17px; color:#000; margin:0;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li div dl {margin:0;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li div dl dd {margin:0 0 10px; line-height:1.3; font-size:17px; color:#000;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li div dl dd:first-of-type {margin:0 0 30px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li div dl dd:last-of-type {margin:0;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-link a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:2px solid #092869; border-radius:5px; color:#092869; font-size:18px; width:320px; font-weight:600; padding:10px 0;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-link a:after {display:inline-block; content:""; margin-left:10px; width:13px; height:13px; background:url('../img/icon_software.jpg') no-repeat center / cover;}
.sub-image-text .inner .text-wrap-01 .text-wrap-top {padding-left:450px;}
.sub-image-text .inner .text-wrap-01 .text-wrap-bottom {padding-left:450px;}
@media (max-width:991px){
.sub-image-text .inner .image-wrap {width:100%; margin:0 0 30px; position:static;}
.sub-image-text .inner .text-wrap {width:100%; flex:none;}
.sub-image-text .inner .text-wrap .text-wrap-top {padding:20px;}
.sub-image-text .inner .text-wrap .text-wrap-top .small-text small {font-size:13px;}
.sub-image-text .inner .text-wrap .text-wrap-top .big-text > b {font-size:18px; margin:10px 0 0;}
.sub-image-text .inner .text-wrap .text-wrap-top .big-text > strong {font-size:25px; margin:5px 0 0;}
.sub-image-text .inner .text-wrap .text-wrap-top .big-text > strong b {font-size:25px;}
.sub-image-text .inner .text-wrap .text-wrap-top .detail-text {margin:10px 0 0;}
.sub-image-text .inner .text-wrap .text-wrap-top .detail-text > p {font-size:15px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom {padding:20px 10px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom.gr {padding:0 15px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li b {width:100%; font-size:17px; margin:0 0 5px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li div {font-size:15px; width:100%; flex:none; padding-left:15px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li div dl dd {font-size:15px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-text ul li div dl dd:first-of-type {margin:0 0 15px;}
.sub-image-text .inner .text-wrap .text-wrap-bottom .info-link a {width:100%;}
}

/* sub-history */
.sub-history strong {position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto; background:#092869; color:#fff; width:350px; height:55px; border-radius:40px; font-size:23px;}
.sub-history .purpose {margin:0 0 60px;}
.sub-history .purpose .inner {margin:-25px 0 0; background:#eff2fd; border-radius:40px; padding:70px 50px 50px;}
.sub-history .purpose .inner > p {text-align:center; font-size:22px; font-weight:600; color:#000; line-height:1.4;}
.sub-history .purpose .inner > p b {display:block; font-size:22px; font-weight:600; color:#3a5eb5; line-height:1.4;}
.sub-history .purpose .inner strong {background:#3a5eb5; margin:35px auto;}
.sub-history .purpose .inner ul {display:flex; flex-wrap:wrap; justify-content:center;}
.sub-history .purpose .inner ul li {margin:0 20px;}
.sub-history .purpose .inner ul li > b {width:100%; font-size:18px; font-weight:700; display:block; text-align:center; margin:0 0 20px;}
.sub-history .purpose .inner ul li p {width:100%; text-align:center; font-size:18px; line-height:1.3; color:#000; margin:20px 0 0;}
.sub-history .purpose .inner ul li p b {font-size:20px; line-height:1.3; color:#3a5eb5;}
.sub-history .purpose .inner ul li img {margin:0 auto;}
.sub-history .purpose .inner ul li:nth-of-type(1) img {width:40px; margin:0 0 3px;}		 
.sub-history .purpose .inner ul li:nth-of-type(2) img {width:35px; margin:0 0 2px;}
.sub-history .purpose .inner ul li:nth-of-type(3) img {width:42px;}
.sub-history .purpose .inner ul li:nth-of-type(4) img {width:55px;}
.sub-history .purpose .inner ul li:nth-of-type(5) img {width:65px; margin:0 0 10px;}
.sub-history .purpose .inner ul li:nth-of-type(6) img {width:65px; margin:0 0 3px;}
.sub-history .list ul {display:flex; flex-wrap:wrap; margin:60px 0 0;}
.sub-history .list ul li {width:50%; margin:0; position:relative; padding:0 0 30px;}
.sub-history .list ul li:last-of-type {padding:0;}
.sub-history .list ul li:after {position:absolute; top:5px; right:-8px; width:14px; height:14px; border-radius:50%; background:#e60000; content:"";}
.sub-history .list ul li:first-of-type:after {top:0;}
.sub-history .list ul li b {display:block; font-size:30px; font-weight:700; margin:0 0 20px; color:#2a3254;}
.sub-history .list ul li dl dd {display:flex; flex-wrap:wrap;}
.sub-history .list ul li dl dd span {font-size:16px; color:#e33333; font-weight:500; line-height:1.3; width:40px;}
.sub-history .list ul li dl dd p {font-size:16px; color:#333; line-height:1.3; flex:1; min-width:0; margin:0;}
.sub-history .list ul li:nth-of-type(odd) {margin-right:50%; text-align:right; border-right:1px solid #717171; padding-right:30px;}
.sub-history .list ul li:nth-of-type(even) {margin-left:50%; text-align:left; border-left:1px solid #717171; padding-left:30px; left:-1px;}
.sub-history .list ul li:nth-of-type(even):after {right:auto; left:-7px;}
.sub-history .list ul li:nth-of-type(odd) dl dd {flex-direction:row-reverse;}
.sub-history .list ul li:nth-of-type(odd) dl dd span {text-align:right;}
@media (max-width:991px){
.sub-history strong {width:130px; height:45px; font-size:20px;}
.sub-history .purpose {margin:0 0 30px;}
.sub-history .purpose .inner {padding:50px 20px 30px;}
.sub-history .purpose .inner > p {font-size:18px;}
.sub-history .purpose .inner > p b {font-size:18px; display:inline;}
.sub-history .purpose .inner strong {margin:25px auto;}
.sub-history .purpose .inner ul {margin:0 0 -20px; justify-content:flex-start;}
.sub-history .purpose .inner ul li {margin:0 0 20px; width:50%;}
.sub-history .purpose .inner ul li > b {font-size:16px; margin:0 0 5px;}
.sub-history .purpose .inner ul li p {font-size:15px; margin:10px 0 0;}
.sub-history .purpose .inner ul li p b {font-size:15px;}
.sub-history .purpose .inner ul li img {margin:0 !important;}
.sub-history .list ul {margin:30px 0 0;}
.sub-history .list ul li {width:100%; padding:0 0 20px;}
.sub-history .list ul li:after {right:auto; left:-7px;}
.sub-history .list ul li b {font-size:25px;}
.sub-history .list ul li dl dd span {font-size:14px; width:35px;}
.sub-history .list ul li dl dd p {font-size:14px;}
.sub-history .list ul li:nth-of-type(odd) {margin-right:0; border-right:0; text-align:left; padding-left:15px; border-left:1px solid #717171;}
.sub-history .list ul li:nth-of-type(odd) dl dd {flex-direction:inherit;}
.sub-history .list ul li:nth-of-type(odd) dl dd span {text-align:left;}
.sub-history .list ul li:nth-of-type(even) {margin-left:0; padding-left:15px; left:0;}
}

/* sub-vision */
.sub-vision .tit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; border:30px solid #0059b3; margin:0 auto; width:300px; height:300px; border-radius:50%;}
.sub-vision .tit small {width:100%; text-align:center; font-size:16px; color:#333; margin:0 0 15px;}
.sub-vision .tit p {font-size:20px; font-weight:600; line-height:1.3; letter-spacing: -1px;}
.sub-vision .vision {background:#092869; border-radius:100px; text-align:center; padding:20px 0; margin:50px 0 0;}
.sub-vision .vision strong {display:inline-block; background:#fff; border-radius:40px; color:#092869; padding:5px 30px; font-size:16px;}
.sub-vision .vision p {font-size:24px; color:#fff; font-weight:600; line-height:1.3; margin:15px 0 0; letter-spacing: -1px;}
.sub-vision .list .list-box {margin:50px 0 0;}
.sub-vision .list .list-box ul.list-type-01 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-vision .list .list-box ul.list-type-01 li {margin:0; width:calc(25% - 20px); height:90px; border-radius:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-vision .list .list-box ul.list-type-01 li:nth-of-type(1) {background:#2e4c7f;}
.sub-vision .list .list-box ul.list-type-01 li:nth-of-type(2) {background:#2e568d;}
.sub-vision .list .list-box ul.list-type-01 li:nth-of-type(3) {background:#2d609c;}
.sub-vision .list .list-box ul.list-type-01 li:nth-of-type(4) {background:#2d6aaa;}
.sub-vision .list .list-box ul.list-type-01 li p {font-size:23px; color:#fff; font-weight:700; line-height:1.3; margin:0;}
.sub-vision .list .list-box ul.list-type-02 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-vision .list .list-box ul.list-type-02 li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; border-radius:50%; width:250px; height:250px;}
.sub-vision .list .list-box ul.list-type-02 li:nth-of-type(1) {background:#20347e;}
.sub-vision .list .list-box ul.list-type-02 li:nth-of-type(2) {background:#4563bc;}
.sub-vision .list .list-box ul.list-type-02 li:nth-of-type(3) {background:#6581e5;}
.sub-vision .list .list-box ul.list-type-02 li:nth-of-type(4) {background:#658aed;}
.sub-vision .list .list-box ul.list-type-02 li b {width:100%; text-align:center; font-size:20px; font-weight:bold; color:#fff;}
.sub-vision .list .list-box ul.list-type-02 li b:after {display:block; content:""; margin:10px auto 20px; width:20px; height:0.5px; background:#fff;}
.sub-vision .list .list-box ul.list-type-02 li p {margin:0; font-size:20px; font-weight:500; color:#fff; line-height:1.3; letter-spacing:-1px;}
.sub-vision .list .list-box ul.list-type-03 li {margin:0 0 15px; border:2px solid #092869; border-radius:20px; display:flex; flex-wrap:wrap; overflow:hidden;}	   
.sub-vision .list .list-box ul.list-type-03 li:last-of-type {margin:0;}
.sub-vision .list .list-box ul.list-type-03 li .list-left {width:400px; background:#f8faff; display:flex; flex-wrap:wrap; align-items:center; padding:30px 0;}
.sub-vision .list .list-box ul.list-type-03 li .list-left > div:first-of-type {width:150px;}
.sub-vision .list .list-box ul.list-type-03 li .list-left > div:last-of-type {flex:1; min-width:0; text-align:left;}
.sub-vision .list .list-box ul.list-type-03 li .list-left > div b {font-size:20px; font-weight:bold; margin:0 0 20px; display:block;}
.sub-vision .list .list-box ul.list-type-03 li .list-left > div p {margin:0; font-size:18px; font-weight:500; line-height:1.3;}
.sub-vision .list .list-box ul.list-type-03 li .list-right {display:flex; flex-wrap:wrap; align-items:center; flex:1; padding:0 7%;}
.sub-vision .list .list-box ul.list-type-03 li .list-right dl {margin:0; display:flex; flex-wrap:wrap; align-items:center; width:100%;}
.sub-vision .list .list-box ul.list-type-03 li .list-right dl dd {position:relative; margin:0; width:50%; text-align:left; padding-left:8px; font-size:16px; font-weight:500; line-height:1.3;}
.sub-vision .list .list-box ul.list-type-03 li .list-right dl dd:before {position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; content:""; background:#000;}
.sub-vision .list .list-box ul.list-type-03 li:nth-of-type(1) .list-left img {width:50px;}
.sub-vision .list .list-box ul.list-type-03 li:nth-of-type(2) .list-left img {width:60px;}
.sub-vision .list .list-box ul.list-type-03 li:nth-of-type(3) .list-left img {width:80px;}
.sub-vision .list .list-box ul.list-type-03 li:nth-of-type(4) .list-left img {width:60px;}
@media (max-width:1200px){
.sub-vision .list .list-box ul.list-type-03 li .list-left {width:300px;}
.sub-vision .list .list-box ul.list-type-03 li .list-left > div:first-of-type {width:130px;}
.sub-vision .list .list-box ul.list-type-03 li .list-right {padding:0 3%;}
}
@media (max-width:1055px){
.sub-vision .list .list-box ul.list-type-02 li {width:calc(25% - 10px); height:auto; border-radius:0; padding:30px 20px;}
}
@media (max-width:991px){
.sub-vision .tit {width:200px; height:200px; border-width:15px;}
.sub-vision .tit small {font-size:14px;}
.sub-vision .tit p {font-size:18px;}
.sub-vision .vision {padding:20px 0; margin:25px 0 0; border-radius:0;}
.sub-vision .vision strong {font-size:14px; padding:5px 20px;}
.sub-vision .vision p {font-size:20px; margin:15px 0 0;}
.sub-vision .list .list-box {margin:25px 0 0;}
.sub-vision .list .list-box ul.list-type-01 li {width:calc(33.33% - 5px); height:50px;}
.sub-vision .list .list-box ul.list-type-01 li p {font-size:14px;}
.sub-vision .list .list-box ul.list-type-02 li {width:calc(50% - 6px); padding:20px 10px;}
.sub-vision .list .list-box ul.list-type-02 li b {font-size:12px;}
.sub-vision .list .list-box ul.list-type-02 li b:after {margin:3px auto 10px;}
.sub-vision .list .list-box ul.list-type-02 li p {font-size:14px;}
.sub-vision .list .list-box ul.list-type-03 li .list-left {width:100%; padding:15px; padding-left:0;}
.sub-vision .list .list-box ul.list-type-03 li .list-left > div:first-of-type {width:80px;}
.sub-vision .list .list-box ul.list-type-03 li .list-left > div b {font-size:16px; margin:0 0 5px;}
.sub-vision .list .list-box ul.list-type-03 li .list-left > div p {font-size:15px;}
.sub-vision .list .list-box ul.list-type-03 li .list-left > div p br {display:none;}
.sub-vision .list .list-box ul.list-type-03 li:nth-of-type(1) .list-left img {width:35px;}
.sub-vision .list .list-box ul.list-type-03 li:nth-of-type(2) .list-left img {width:40px;}
.sub-vision .list .list-box ul.list-type-03 li:nth-of-type(3) .list-left img {width:55px;}
.sub-vision .list .list-box ul.list-type-03 li:nth-of-type(4) .list-left img {width:45px;}
.sub-vision .list .list-box ul.list-type-03 li .list-right {padding:15px;}
.sub-vision .list .list-box ul.list-type-03 li .list-right dl dd {width:100%; font-size:15px; margin:0 0 7px;}
.sub-vision .list .list-box ul.list-type-03 li .list-right dl dd:last-of-type {margin:0;}
.sub-vision .list .list-box ul.list-type-03 li .list-right dl dd:before {width:3px; height:3px; top:8px;}
}

/* sub-ci */
.sub-ci .text {margin:0 0 50px;}
.sub-ci .text p {font-size:30px; font-weight:600; text-align:center; color:#333; line-height:1.5; margin:0;}
.sub-ci .text p b {font-size:30px; font-weight:600; line-height:1.5; color:#3b5eb5;}
.sub-ci .file .image {margin:0 0 30px;}
.sub-ci .file .image img {max-width:100%; margin:0 auto; border:2px solid #c4c4c4; padding:5px;}
.sub-ci .file a {margin:0 15px; width:200px; height:55px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #092869; border-radius:3px;}
.sub-ci .file a small {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:40px; height:17px; line-height:17px; color:#fff; font-size:11px;}
.sub-ci .file a:first-of-type small {background:#ce5e25;}
.sub-ci .file a:last-of-type small {background:#29428a;}
.sub-ci .file a b {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:500; color:#333; margin-left:10px;}
.sub-ci .file a b:after {display:inline-block; content:""; width:15px; height:13px; background:url('../img/icon_ci_file.jpg') no-repeat center / cover; margin-left:10px;}
.sub-ci .list ul li {margin:70px 0 0;}
.sub-ci .list ul li > p {margin:0; font-size:18px; color:#333; line-height:1.4; text-align:left; padding-left:40px; font-weight:500;}
.sub-ci .list ul li img {max-width:100%; border:2px solid #c4c4c4; padding:5px;}
.sub-ci .list ul li .list-inner {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-ci .list ul li .list-inner.mg {margin:0 -17.5px;}
.sub-ci .list ul li .list-inner .inner {width:calc(50% - 35px);}
.sub-ci .list ul li .list-inner .inner.full {width:100%;}
.sub-ci .list ul li .list-color {margin:20px 0 0; background:#f5f6f5; padding:50px;}
.sub-ci .list ul li .list-color dl {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0;}
.sub-ci .list ul li .list-color dl dd:first-of-type {width:287.5px;}
.sub-ci .list ul li .list-color dl dd:last-of-type {flex:1; min-width:0; padding-left:30px;}
.sub-ci .list ul li .list-color dl dd b {width:100%; display:block; color:#515150; font-size:23px; font-weight:700; text-align:left; margin:0 0 10px;}
.sub-ci .list ul li .list-color dl dd p {margin:10px 0 0; font-size:18px; text-align:center; font-weight:500; line-height:1.4; color:#666;}
.sub-ci .list ul li .list-color dl dd .color-box {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-ci .list ul li .list-color dl dd:first-of-type .color-box .color {width:100%;}
.sub-ci .list ul li .list-color dl dd:last-of-type .color-box .color {width:calc(33.33% - 10px);}
.sub-ci .list ul li .list-color dl dd .color-box .color strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:60px; color:#fff; font-size:18px; font-weight:600;}
.sub-ci .list ul li .list-color dl dd .color-box .color strong.color1 {background:#092869;}
.sub-ci .list ul li .list-color dl dd .color-box .color strong.color2 {background:#e60000;}
.sub-ci .list ul li .list-color dl dd .color-box .color strong.color3 {background:#0059b3;}
.sub-ci .list ul li .list-color dl dd .color-box .color strong.color4 {background:#4d4d4d;}
@media (max-width:991px){						  
.sub-ci .text {margin:0 0 25px;}
.sub-ci .text p {font-size:23px;}
.sub-ci .text p b {font-size:23px;}
.sub-ci .text p br {display:none;}
.sub-ci .file .image {margin:0 0 15px;}
.sub-ci .file a {margin:0 10px; width:150px; height:40px;}
.sub-ci .file a small {width:30px; height:14px; line-height:14px; font-size:10px;}
.sub-ci .file a b {font-size:15px; margin-left:5px;}
.sub-ci .file a b:after {margin-left:5px; width:13px; height:11px;}
.sub-ci .list ul li {margin:35px 0 0;}
.sub-ci .list ul li > p {padding-left:0; font-size:15px;}
.sub-ci .list ul li .list-inner.mg {margin:0;}
.sub-ci .list ul li .list-inner .inner {width:100%; margin:0 0 35px;}
.sub-ci .list ul li .list-inner .inner:last-of-type {margin:0;}
.sub-ci .list ul li .list-color {padding:20px;}
.sub-ci .list ul li .list-color dl dd {width:100% !important;}
.sub-ci .list ul li .list-color dl dd:last-of-type {flex:none; margin:0; padding-left:0;}
.sub-ci .list ul li .list-color dl dd b {font-size:20px;}
.sub-ci .list ul li .list-color dl dd p {font-size:12px; margin:5px 0 0;}
.sub-ci .list ul li .list-color dl dd:last-of-type .color-box {margin:0 -2.5px;}
.sub-ci .list ul li .list-color dl dd:last-of-type .color-box .color {width:calc(33.33% - 2.5px);}
.sub-ci .list ul li .list-color dl dd:last-of-type .color-box .color:last-of-type {margin:0;}
.sub-ci .list ul li .list-color dl dd .color-box .color strong {height:45px; font-size:18px;}
}

/* sub-loca */
.sub-loca .loca-map {background:#a6c0da; padding:45px; margin:0 0 80px;}
.sub-loca .loca-map .map {width:100%;}
.sub-loca .loca-map .map > div {width:100%;}
.sub-loca .loca-map .map > iframe {width:100%; height:360px;}
.sub-loca .loca-map .info ul {margin:0 0 -10px; display:flex; flex-wrap:wrap; align-items:center; padding:20px 0 0;}
.sub-loca .loca-map .info ul li {display:flex; flex-wrap:wrap; align-items:center; margin-right:20px; margin-bottom:10px;}
.sub-loca .loca-map .info ul li:last-of-type {margin-right:0;}
.sub-loca .loca-map .info ul li b {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; color:#004b96; margin-right:10px;}
.sub-loca .loca-map .info ul li b:before {display:inline-block; content:""; margin-right:10px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.sub-loca .loca-map .info ul li span {font-size:18px; color:#000; font-weight:500; text-align:left;}
.sub-loca .loca-map .info ul li:nth-of-type(1) b:before {width:20px; height:26px; background-image:url('../img/icon/icon_location.png');}
.sub-loca .loca-map .info ul li:nth-of-type(2) b:before {width:20px; height:24px; background-image:url('../img/icon/icon_call.png');}
.sub-loca .loca-map .info ul li:nth-of-type(3) b:before {width:27px; height:26px; background-image:url('../img/icon/icon_fax.png');}
.sub-loca .loca-info ul {margin:50px 0;}
.sub-loca .loca-info ul li {display:flex; flex-wrap:wrap; margin:0 0 50px;}
.sub-loca .loca-info ul li:last-of-type {margin:0;}
.sub-loca .loca-info ul li img {width:150px; height:150px;}
.sub-loca .loca-info ul li dl {margin:0; flex:1; min-width:0; padding-left:50px; text-align:left;}
.sub-loca .loca-info ul li dl dd {margin:0 0 20px;}
.sub-loca .loca-info ul li dl dd:last-of-type {margin:0;}
.sub-loca .loca-info ul li dl dd b {display:block; color:#004b96; font-size:21px;}
.sub-loca .loca-info ul li dl dd p {font-size:18px; color:#333; line-height:1.5; margin:5px 0 0; word-break:keep-all;}
.sub-loca .loca-info ul li dl dd .loca-line {margin:10px 0 0;}
.sub-loca .loca-info ul li dl dd .loca-line > div {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 5px;}
.sub-loca .loca-info ul li dl dd .loca-line > div:last-of-type {margin:0;}
.sub-loca .loca-info ul li dl dd .loca-line > div b {font-weight:300; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:70px; height:25px; color:#fff; font-size:13px;}
.sub-loca .loca-info ul li dl dd .loca-line > div b.bl {background:#415bae;}
.sub-loca .loca-info ul li dl dd .loca-line > div b.gn {background:#609940;}
.sub-loca .loca-info ul li dl dd .loca-line > div b.rd {background:#ba4e4d;}
.sub-loca .loca-info ul li dl dd .loca-line > div span {font-size:15px; color:#515151; margin-left:15px; display:flex; flex-wrap:wrap; align-items:center;}
.sub-loca .loca-info ul li dl dd .loca-line > div span small {font-size:15px; color:#515151;}
.sub-loca .loca-info ul li dl dd .loca-line > div span small:first-of-type {width:120px;}
.sub-loca .loca-info ul li dl dd .loca-line.en > div b {width:150px;}
.sub-loca .loca-table table {table-layout:auto; width:100%; border-top:2px solid #4c65af;}
.sub-loca .loca-table table tr th {background:#f6f6f6; text-align:center; font-size:16px; font-weight:500; padding:15px 10px;}
.sub-loca .loca-table table tr td {font-size:16px; text-align:center;}
.sub-loca .loca-table table tr td.br {border-right:1px solid #ebedf2;}
.sub-loca .loca-info-map {width:400px;}
.sub-loca .loca-info-map > div {width:100%;}
@media (max-width:991px){
.sub-loca .loca-map {padding:15px; margin:0 0 40px;}
.sub-loca .loca-map .info ul li {margin-right:0; width:100%;}
.sub-loca .loca-map .info ul li b {font-size:17px;}
.sub-loca .loca-map .info ul li span {font-size:17px; text-align:left;}
.sub-loca .loca-map .info ul li:nth-of-type(1) b:before {width:13px; height:16px;}
.sub-loca .loca-map .info ul li:nth-of-type(2) b:before {width:13px; height:15px;}
.sub-loca .loca-map .info ul li:nth-of-type(3) b:before {width:13px; height:16px;}
.sub-loca .loca-info ul {margin:25px 0;}
.sub-loca .loca-info ul li {margin:0 0 25px;}
.sub-loca .loca-info ul li img {width:70px; height:70px;}
.sub-loca .loca-info ul li dl {padding-left:15px;}
.sub-loca .loca-info ul li dl dd {margin:0 0 10px;}
.sub-loca .loca-info ul li dl dd b {font-size:16px;}
.sub-loca .loca-info ul li dl dd p {font-size:14px; margin:0;}
.sub-loca .loca-info ul li dl dd .loca-line > div b {width:55px; height:20px; font-size:12px;}
.sub-loca .loca-info ul li dl dd .loca-line > div span {font-size:13px;}
.sub-loca .loca-info ul li dl dd .loca-line > div span small {font-size:13px;}
.sub-loca .loca-info ul li dl dd .loca-line > div span small:first-of-type {width:auto; margin-right:15px;}
.sub-loca .loca-table table tr th {font-size:15px;}
.sub-loca .loca-table table tr td {font-size:13px;}
.sub-loca .loca-info-map {width:100%;}
}

/* sub-office */
.sub-office .map img {max-width:100%;}
.sub-office .list ul li {margin:0 0 70px;}
.sub-office .list ul li:last-of-type {margin:0;}
.sub-office .list ul li dl {border:2px solid #004b96; padding:30px 40px;}
.sub-office .list ul li dl dd {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px;}
.sub-office .list ul li dl dd:last-of-type {margin:0;}
.sub-office .list ul li dl dd b {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; color:#004b96; margin-right:10px;}
.sub-office .list ul li dl dd b:before {display:inline-block; content:""; margin-right:10px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.sub-office .list ul li dl dd span {font-size:18px; color:#000; font-weight:500;}
.sub-office .list ul li dl dd:nth-of-type(1) b:before {width:20px; height:26px; background-image:url('../img/icon_location2.png');}
.sub-office .list ul li dl dd:nth-of-type(2) b:before {width:20px; height:24px; background-image:url('../img/icon_call2.png');}
.sub-office .text ul li {margin:0 0 65px;}
.sub-office .text ul li:last-of-type {margin:0;}
.sub-office .text ul li dl dd {text-align:left;}
.sub-office .text ul li dl dd b {display:block; color:#0059b3; font-size:20px; margin:0 0 15px;}
.sub-office .text ul li dl dd p {position:relative; font-size:18px; color:#000; line-height:1.4; padding-left:13px; margin:0 0 5px;}
.sub-office .text ul li dl dd p:last-of-type {margin:0;}
.sub-office .text ul li dl dd p:before {position:absolute; left:0; top:10px; content:""; width:4px; height:4px; background:#000; border-radius:50%;}
.sub-office .text ul li dl dd > div {padding-left:20px; margin:15px 0 0;}
.sub-office .text ul li dl dd > div span {position:relative; display:block; font-size:18px; color:#000; line-height:1.4; padding-left:10px; margin:0 0 5px;}
.sub-office .text ul li dl dd > div span:last-of-type {margin:0;}
.sub-office .text ul li dl dd > div span:before {position:absolute; left:0; top:13px; content:""; width:6px; height:1px; background:#000;}
@media (max-width:991px){
.sub-office .list ul li {margin:0 0 35px;}
.sub-office .list ul li dl {padding:15px;}
.sub-office .list ul li dl dd {margin:0 0 15px;}
.sub-office .list ul li dl dd b {font-size:17px;}
.sub-office .list ul li dl dd span {font-size:17px; text-align:left;}
.sub-office .list ul li dl dd:nth-of-type(1) b:before {width:13px; height:16px;}
.sub-office .list ul li dl dd:nth-of-type(2) b:before {width:13px; height:15px;}
.sub-office .text ul li {margin:0 0 35px;}
.sub-office .text ul li dl dd b {font-size:16px; margin:0 0 10px;}
.sub-office .text ul li dl dd p {font-size:14px; padding-left:10px;}
.sub-office .text ul li dl dd p:before {top:8px;}
.sub-office .text ul li dl dd > div {padding-left:10px;}
.sub-office .text ul li dl dd > div span {font-size:14px;}
.sub-office .text ul li dl dd > div span:before {top:10px;}
}

/* sub-en */
.sub-en > div {padding:100px 70px; text-align:left; max-width:67%;}
.sub-en > div strong {display:block; color:#fff; font-size:40px; line-height:1.3;}
.sub-en > div strong:before {display:block; content:""; width:50px; height:3px; background:rgba(255,255,255,0.5); margin:0 0 30px;}
.sub-en > div p {font-size:17px; line-height:1.5; color:#fff; font-weight:300; margin:40px 0 0; word-break:keep-all;}
.sub-en.sub-en-01 {background:url('../img/bg_en_01.png') no-repeat center / cover;}
.sub-en.sub-en-02 {background:url('../img/bg_en_02.png') no-repeat center / cover;}
.sub-en.sub-en-03 {background:url('../img/bg_en_03.png') no-repeat center / cover;}
.sub-en.sub-en-04 {background:url('../img/bg_en_04.png') no-repeat center / cover;}
.sub-en.sub-en-01  > div strong {color:#d1c8f7;}
.sub-en.sub-en-02  > div strong {color:#d1c8f7;}
.sub-en.sub-en-03  > div strong {color:#b9defc;}
.sub-en.sub-en-04  > div strong {color:#d1c8f7;}
@media (max-width:1150px){
.sub-en > div strong {font-size:35px;}
.sub-en > div strong br {display:none;}
}
@media (max-width:991px){
.sub-en > div {padding:50px 20px; max-width:100%;}
.sub-en > div strong {font-size:27px;}
.sub-en > div strong:before {width:30px; height:2px; margin:0 0 15px;}
.sub-en > div p {font-size:14px; margin:20px 0 0;}
}


/* 해외거점 > 찾아오시는길 > NIPA소개 */
.cts223{margin:0 0 70px;}
.cts223 .mapbox{position:relative; padding:44px 80px 21px 57px; background:url('../img/img_border.png') no-repeat center / cover; /*background-image: url('../img/cts217_box_bg.png'), url('../img/cts217_box_bg2.png'); background-position: right top, left bottom; background-repeat: no-repeat;*/}
.cts223 .mapbox .map{width:100%; height:0; padding-bottom:59%; background:url('../img/cts223_bg.png') no-repeat; background-size:contain;}
.cts223 .mapbox .mappoint{position:absolute; top:0; left:0; padding-left:32px; z-index:2;}
.cts223 .mapbox .mappoint.n1{top: 58%;left: 76%;}
.cts223 .mapbox .mappoint.n2{top: 42%;left: 14%;}
.cts223 .mapbox .mappoint.n3{top: 44%;left: 80%;}
.cts223 .mapbox .mappoint.n4{top: 53%;left: 53%; padding-left:0; padding-right:32px;}
.cts223 .mapbox .mappoint.n5{top: 49.5%;left: 77.5%;}
.cts223 .mapbox .mappoint:before{display:block; position:absolute; top:2px; left:13px; width:32px; height:34px; background-image:url('../img/cts223_point.png'); content:''; z-index:3;}
.cts223 .mapbox .mappoint.n4:before {left:calc(100% - 38px);}
.cts223 .mapbox .mappoint span{display:inline-block; position:relative; padding:4px 15px; border:1px solid #253059; border-radius:15px; background-color:#fff; font-size:14px; color:#464646; z-index:1;}

.cts223 .box.point{padding:20px 10px 20px 21px; min-height:0; word-spacing:-0.5px;}
.cts223 .box.point:before{display:none;}
.cts223 .box.point ul{}
.cts223 .box.point ul li{}
.cts223 .box.point ul li span{position:relative; line-height:36px;}
.cts223 .box.point ul li span.address, .cts223 .box.point ul li span.tel{padding-left:35px; color:#1f49ab;}
.cts223 .box.point ul li span.address:before{display:block; position:absolute; top:0; left:0; width:28px; height:31px; background-image:url('../img/cts217_map_icon.png'); content:'';}
.cts223 .box.point ul li span.tel:before{display:block; position:absolute; top:0; left:0; width:28px; height:31px; background-image:url('../img/cts217_map_icon2.png'); content:'';}

@media screen and (max-width:1280px){
	.cts223 .mapbox .map{width:auto; background-size:100%;}
	.cts223 .mapbox .mappoint.n1{top: 57%;left: 72%;}
	.cts223 .mapbox .mappoint.n2{top: 40%;left: 15%;}
	.cts223 .mapbox .mappoint.n3{top: 43%;left: 75%;}
	.cts223 .mapbox .mappoint.n4{top: 52%;left: 46%;}
	.cts223 .mapbox .mappoint.n5{top: 49.5%;left: 74.5%;}
}

@media screen and (max-width:800px){
	.cts223{margin:0 0 35px;}
	.cts223 .mapbox{padding:44px 5%;}
	.cts223 .mapbox .mappoint span{padding:2px 5px; font-size:11px;}
	.cts223 .mapbox .mappoint.n1{top:55%; left:76%;}
	.cts223 .mapbox .mappoint.n2{top:35%; left:23%;}
	.cts223 .mapbox .mappoint.n3{top:45%; left:77%; z-index:3;}
	.cts223 .mapbox .mappoint.n4{top:53%; left:53%;}
	.cts223 .mapbox .mappoint.n5{top:50.5%;}
}
@media screen and (max-width:640px){
	.cts223 .mapbox .map {height:auto; padding-bottom:0; background:none;}
	.cts223 .mapbox{padding:10px 5%;}
	.cts223 .box.point ul li span{display:block;}
	.cts223 .mapbox .mappoint {position:static; margin-bottom:10px; padding-left:0; text-align: center}
	.cts223 .mapbox .mappoint:last-child {margin-bottom:0;}
	.cts223 .mapbox .mappoint:before {display:none;}
	.cts223 .mapbox .mappoint span{padding:5px 10px; font-size:14px;}
	.cts223 .mapbox .mappoint.n4 {padding-right:0;}
	/*.cts223 .mapbox .mappoint.n1{z-index:4;}
	.cts223 .mapbox .mappoint.n2{left:21%;}*/
}

/* 2019-09-26 서정한 추가 (수정요청사항) */
.cts223 .mapbox .mappoint.n3{left:78.5%;}

@media screen and (max-width:1280px){
.cts223 .mapbox .map{position:relative;}
.cts223 .mapbox{padding:34px 4% 0;}
.cts223 .mapbox .mappoint.n1{top:53%; left:auto; right:13.5%; padding-left:0; padding-right:29px; padding-top:24px; z-index:3;}
.cts223 .mapbox .mappoint.n1:before{left:auto; right:9px;}
.cts223 .mapbox .mappoint.n2{top:35%; left:8.5%;}
.cts223 .mapbox .mappoint.n3{top:38%; left:auto; right:8.5%; padding-left:0; padding-right:32px;}
.cts223 .mapbox .mappoint.n3:before{left:auto; right:9px;}
.cts223 .mapbox .mappoint.n5{top:44.5%; left:auto; right:10.9%; padding-left:0; padding-right:32px;}
.cts223 .mapbox .mappoint.n5:before{left:auto; right:9px;}
.cts223 .mapbox .mappoint.n4{top:50%; left:auto; right:22%; padding-top:5px;}
}
@media screen and (max-width:1000px){
.cts223 .mapbox .map{padding-bottom:60%;}
}
@media screen and (max-width:640px){
.cts223 .mapbox{padding:30px 4%;}
.cts223 .mapbox .map{padding-bottom:0;}
.cts223 .mapbox .mappoint.n1{padding-top:0; padding-right:0;}
.cts223 .mapbox .mappoint.n3{padding-right:0;}
.cts223 .mapbox .mappoint.n5{padding-right:0;}
.cts223 .mapbox .mappoint.n3 span:last-child{margin-right:0;}
.cts223 .mapbox .mappoint.n4{padding-top:0;}
}

/* Outposts for Global Market Entry of ICT Companies */
.cts254_map {margin:0 0 75px;}
.cts254_map .mapbox {background:#d7e8fd; padding:50px;}
.cts254_map {position:relative; padding:0 0 26px ; background-color:#f8faff; z-index:0; text-align:center; font-size:0; line-height:0;}
.cts254_map:before {display:inline-block; position:absolute; width:100%; height:100%; bottom:0; left:0; background:url('../img/cts254_bg2.png') no-repeat 0 bottom; z-index:-1}
.cts254_map p {margin-top:19px; color:#000; font-size:23px; font-weight:500; line-height:1.3; text-align:left;  word-break:keep-all}

.cts254_map .map_box {position:relative; padding:34px 90px 0 57px;}
.cts254_map .map{padding-bottom:58%; background:#f7faff url('../img/cts254_map.png') no-repeat 0 0; background-size:cover}
.cts254_map .mappoint{position:absolute; padding-left:32px; font-size:14px; line-height:26px; z-index:2;}
.cts254_map .mappoint:before{display:block; position:absolute; top:2px; left:13px; width:32px; height:34px; background-image:url('../img/cts223_point.png'); content:''; z-index:3;}
.cts254_map .mappoint.n1{top: 60%;left: 45.5%;padding-left:0;padding-right:32px;}
.cts254_map .mappoint.n2{top: 42%;left: 14%;}
.cts254_map .mappoint.n3{top: 41%;left: 77%;}
.cts254_map .mappoint.n4{top: 53%;left: 38%;padding-left:0;padding-right:32px;}
.cts254_map .mappoint.n5{top: 49.5%;left: 75.5%;}
.cts254_map .mappoint.n1:before, .cts254_map .mappoint.n4:before {left:calc(100% - 38px);}
.cts254_map .mappoint span{display:inline-block; position:relative; padding:4px 13px 6px; border:1px solid #253059; border-radius:15px; background-color:#fff; font-size:14px; line-height:16px; color:#464646; z-index:1; text-align:left}

.cts254_map .mappoint.n3 span:first-child {position:relative; margin-bottom:-4px; z-index: 2}
.cts254_map .mappoint.n3 span:last-child {position:relative; margin-top:-4px; margin-right:10px; z-index: 1}

@media screen and (max-width:1280px){
    .cts254_map .map_box {padding:34px 4% 0}
    .cts254_map .map{position:relative; width:auto; background-size:100%;}
    .cts254_map .mappoint{line-height:22px}
    .cts254_map .mappoint span{font-size:12px; letter-spacing:-0.05em;}

  /*  .cts254_map .mappoint.n1{top: 33%; left: 22%;}
    .cts254_map .mappoint.n2{top: 31%; left:0; right: -38%;}
    .cts254_map .mappoint.n3{top: 42.9%;right: 17%;}
    .cts254_map .mappoint.n4{top: 57%;right: 18.2%;}
    .cts254_map .mappoint.n3:before {top:-3px}
    .cts254_map .mappoint.n2:before {top:22px; left:calc(50% - 10px)}*/
}
@media screen and (max-width:800px){
	.cts254_map {margin:0 0 35px;}
    .cts254_map .map { padding-bottom:0; background:#f7faff; padding:15px 0 !important;}
    .cts254_map .mappoint {position:static; margin-bottom:10px; padding:0;}
    .cts254_map .mappoint:last-child {margin-bottom:0;}
    .cts254_map .mappoint:before {display:none;}
    /*.cts254_map .mappoint.n3 {text-align: center}
    .cts254_map .mappoint.n3 span:first-child {margin-bottom:10px;}
    .cts254_map .mappoint.n3 span:last-child {margin-top:0;}*/
    .cts254_map .mappoint.n1, .cts254_map .mappoint.n4 {padding-right:0;}
    .cts254_map .mappoint span{font-size:14px}
    .cts254_map .mappoint span.line2:before {display:none;}
}

/* 2019-09-26 서정한 추가 (수정요청사항) */
.cts254_map .mappoint.n3{top:42.5%; left:80.5%; padding-left:0; z-index: 3}
.cts254_map .mappoint.n3:before{top:10px; left:-19px;}
@media screen and (max-width:1280px){
    .cts254_map .mappoint.n1{top:56%; left:auto; right:14%; z-index:3;}
    .cts254_map .mappoint.n2{top:35%; left:8.5%;}
    .cts254_map .mappoint.n3{top:38%; left:auto; right:12.5%;}
    .cts254_map .mappoint.n3:before{top:0; left:calc(100% - 18px);}
    .cts254_map .mappoint.n5{top:44.5%; left:auto; right:10.9%; padding-left:0; padding-right:32px;}
    .cts254_map .mappoint.n5:before{left:auto; right:9px;}
    .cts254_map .mappoint.n4{top:50%; left:auto; right:22%;}
}
@media screen and (max-width:1000px){
.cts254_map .map{padding-bottom:60%;}
}
@media screen and (max-width:800px){
.cts254_map .map{padding-bottom:0;}
.cts254_map .mappoint {padding-right:0 !important;}
.cts254_map .mappoint.n3{padding-right:0;}
.cts254_map .mappoint.n3 span:last-child{margin-right:0;}
}

@media (max-width:991px){
.cts254_map .mapbox {padding:25px;}
.cts254_map p {font-size:16px; margin-bottom:0;}
}

/* 2024-07-22 추가 (수정요청사항) */
.cts254_map .mappoint.n1{top: 48%;left: 80.5%;}
.cts254_map .mappoint.n2{top: 34%;}
.cts254_map .mappoint.n3{top: 35%;left: 84%;}
.cts254_map .mappoint.n4{top: 45%;left: 62%;}
.cts254_map .mappoint.n5{top: 40.5%;left: 79.5%;}
.cts254_map .mappoint.n6{top: 40.5%;left: 40.5%;}
.cts254_map .mappoint.n1:before {left:-18px;}
.cts254_map .mappoint.n4:before {top:-30px; left:130px;}
.cts254_map .mappoint.n6:before {left:315px;}

@media screen and (max-width:1280px){
	.cts254_map .mappoint.n1 {top:60%; left:58.5%;}
	.cts254_map .mappoint.n3 {top:35%; left:auto;}
	.cts254_map .mappoint.n4 {top:50%; left:75%; right:0;}
	.cts254_map .mappoint.n5 {top:40.5%; left:auto;}
	.cts254_map .mappoint.n6 {top:48.5%; left:37.5%;}
	.cts254_map .mappoint.n1:before {left:calc(100% - 57px);}
	.cts254_map .mappoint.n3:before {left:calc(100% - 18px);}
	.cts254_map .mappoint.n4:before {top:0; left:-19px;}
	.cts254_map .mappoint.n6:before {left:256px;}
}

@media screen and (max-width:860px){
	.cts254_map {margin:0 0 35px;}
    .cts254_map .map { padding-bottom:0; background:#f7faff; padding:15px 0 !important;}
    .cts254_map .mappoint {position:static; margin-bottom:10px; padding:0;}
    .cts254_map .mappoint.n5 {padding-right:0;}
    .cts254_map .mappoint:last-child {margin-bottom:0;}
    .cts254_map .mappoint:before {display:none;}
    .cts254_map .mappoint.n1, .cts254_map .mappoint.n4 {padding-right:0;}
    .cts254_map .mappoint span{font-size:14px}
    .cts254_map .mappoint span.line2:before {display:none;}

}

/* main-en */
.main-en {margin:100px 0 0;}
.main-en .main-banner {padding:204px 0; background:url('../img/img_en_banner.png') no-repeat center / cover;}
.main-en .main-banner b {font-size:36px; color:#fefefe; font-weight:bold; display:block; text-align:center; margin:0 0 15px;}
.main-en .main-banner p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; line-height:1.3; font-size:50px; color:#fefefe; font-weight:bold;}
.main-en .main-banner p strong {padding-left:8px; font-size:50px; color:#369eff; font-weight:bold; line-height:1.3;}
.main-en .main-strate {background:url('../img/bg_main_state.png') no-repeat center / cover; padding:90px 0;}
.main-en .main-strate .tit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 50px;}
.main-en .main-strate .tit strong {display:flex; flex-wrap:wrap; align-items:center; font-size:36px; color:#fefefe; font-weight:bold;}
.main-en .main-strate .tit strong:before {display:inline-block; content:""; width:15px; height:15px; background:#f32f36; border-radius:50%; position:relative; top:-15px;}
.main-en .main-strate .cont ul {margin:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-en .main-strate .cont ul li {width:calc(25% - 17px); background:rgba(255,255,255,0.8); border-radius:15px;}
.main-en .main-strate .cont ul li a {display:block; padding:30px 25px;}
.main-en .main-strate .cont ul li a img {display:block; margin:0 auto 30px;}
.main-en .main-strate .cont ul li a b {font-size:19px; line-height:1.3; font-weight:600; color:#000; letter-spacing:-1px;}
.main-en .main-strate .cont ul li a p {font-size:17px; line-height:1.3; color:#000; margin:20px 0 0;}
.main-en .main-strate .cont ul li:nth-of-type(even) {position:relative; top:35px;}
.main-en .main-global {display:flex; flex-wrap:wrap; background:url('../img/bg_main_global.jpg') no-repeat right center / cover;}
.main-en .main-global .left-box {width:45%; background:#e6f0fc; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:63px 0;}
.main-en .main-global .left-box > div small {display:block; width:100%; font-size:18px; color:#9c9b9b}
.main-en .main-global .left-box > div strong {display:block; width:100%; font-size:36px; color:#333333; font-weight:bold; line-height:1.2; margin:50px 0 60px;}
.main-en .main-global .left-box > div p {font-size:26px; color:#333; line-height:1.3; margin:0;}
.main-en .main-global .right-box {width:55%;}
.main-en .main-global .right-box ul {margin:0; height:100%; display:flex; flex-wrap:wrap;}
.main-en .main-global .right-box ul li {height:100%; display:flex; flex-wrap:wrap;}
.main-en .main-global .right-box ul li:first-of-type {align-items:flex-end;}
.main-en .main-global .right-box ul li a {text-decoration:none; padding:0 50px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:330px; height:330px;}
.main-en .main-global .right-box ul li a p {text-decoration:none; font-size:26px; color:#fff; line-height:1.2; font-weight:500; margin:0 0 50px;}
.main-en .main-global .right-box ul li a span {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; color:#fff; font-weight:500;}
.main-en .main-global .right-box ul li a span:after {display:inline-block; content:""; width:98px; height:60px; background:url('../img/icon/icon_global_more.png') no-repeat center /cover; margin-left:15px;}
.main-en .main-global .right-box ul li:first-of-type a {background:#3043c3; border-radius:15px 15px 0 15px;}
.main-en .main-global .right-box ul li:last-of-type a {background:#274597; border-radius:15px 15px 15px 0;}
@media (max-width:1220px){
.main-en .main-global .left-box {width:35%;}
.main-en .main-global .right-box {width:65%;}
.main-en .main-global .right-box ul li a {width:280px; height:280px; padding:0 15px;}
}
@media (max-width:991px){
.main-en .main-banner {padding:70px 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center;}
.main-en .main-banner b {font-size:20px; margin:0 0 10px; line-height:1.3; width:100%;}
.main-en .main-banner p {display:block; font-size:27px}
.main-en .main-banner p strong {font-size:27px;}
.main-en .main-strate {padding:45px 0;}
.main-en .main-strate .tit {margin:0 0 25px;}
.main-en .main-strate .tit strong {font-size:28px;}
.main-en .main-strate .tit strong:before {width:10px; height:10px;}
.main-en .main-strate .cont ul {margin:0 0 -10px;}
.main-en .main-strate .cont ul li {width:calc(50% - 5px); margin:0 0 10px;}
.main-en .main-strate .cont ul li a {padding:20px;}
.main-en .main-strate .cont ul li a img {width:50px; margin:0 0 10px;}
.main-en .main-strate .cont ul li a b {font-size:16px;}
.main-en .main-strate .cont ul li a p {font-size:14px; margin:10px 0 0;}
.main-en .main-strate .cont ul li:nth-of-type(even) {top:0;}
.main-en .main-global {background:none;}
.main-en .main-global .left-box {width:100%; padding:40px 20px; justify-content:flex-start;}
.main-en .main-global .left-box > div small {font-size:19px; letter-spacing:-0.5px;}
.main-en .main-global .left-box > div strong {font-size:28px; margin:10px 0 20px; letter-spacing:-0.5px;}
.main-en .main-global .left-box > div strong br {display:none;}
.main-en .main-global .left-box > div p {font-size:16px;}
.main-en .main-global .left-box > div p br {display:none;}
.main-en .main-global .right-box {width:100%; padding:20px; background:url('../img/bg_main_global.jpg') no-repeat right center / cover;}
.main-en .main-global .right-box ul {justify-content:space-between;}
.main-en .main-global .right-box ul li {width:100%; margin:0 0 20px; height:auto;}
.main-en .main-global .right-box ul li:last-of-type {margin:0;}
.main-en .main-global .right-box ul li a {width:100%; display:block; height:auto; border-radius:10px !important; padding:20px;}
.main-en .main-global .right-box ul li a p {font-size:22px;}
.main-en .main-global .right-box ul li a span {font-size:14px;}
.main-en .main-global .right-box ul li a span:after {width:50px; height:30.5px; margin-left:10px;}
}


@media (max-width:765px){
/* about NIPA */
.sub-history strong{width: 200px; height: 50px; }

/* Mission Vision */
.sub-vision .list .list-box ul.list-type-01 li{width:calc(25% - 5px); height: 70px;}
.sub-vision .list .list-box ul.list-type-01 li p{font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: -1px;}
.sub-vision .tit p{font-size:14px;}

/* PR */
.conBox1{padding: 60px 15px 50px 15px;}

/* Promoting International ICT cooperation */
.ect3-1 .imgtitlebox .text, .ect3-2 .imgtitlebox .text{padding-top: 10px;}
.ect3-1 .imgtitlebox .text p, .ect3-2 .imgtitlebox .text p{font-size: 16px;}

}