/**=====================
 ■ BG-COLOR
==========================**/
.bg-theme1{background-color:#262465 !important /*진*/}
.bg-theme2{background-color:#2a3583 !important}
.bg-theme3{background-color:#1b76b7 !important}
.bg-theme4{background-color:#00a8e9 !important}
.bg-theme5{background-color:#56C9EC !important /*연*/}
.bg-theme6{background-color:#2B398A !important /*텍스트CI*/}
.bg-theme7{background-color:#193e72 !important}

.bg-grey1{background-color: #fdfdfd !important}
.bg-grey2{background-color: #f9f9f9 !important}
.bg-grey3{background-color: #f7f7f7 !important}
.bg-grey4{background-color: #f5f5f5 !important}
.bg-grey5{background-color: #f1f1f1 !important}

.bg-primary {background-color: #2196f3 !important}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #0c7cd5 !important}
.bg-secondary {background-color: #4db6ac !important}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #3c948b !important}
.bg-success {background-color: #66bb6a !important}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {background-color: #49a54e !important}
.bg-info {background-color: #81d4fa !important}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {background-color: #50c3f8 !important}
.bg-warning {background-color: #fbc02d !important}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {background-color: #f0ad05 !important}
.bg-danger {background-color: #e53935 !important}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {background-color: #cd1e1a !important}
.bg-light {background-color: #f7f9f9 !important}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {background-color: #dae3e3 !important}
.bg-dark {background-color: #1c2833 !important}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {background-color: #0a0e12 !important}
.bg-indigo {background-color: #125eb5 !important}
a.bg-indigo:focus, a.bg-indigo:hover, button.bg-indigo:focus, button.bg-indigo:hover {background-color: #104d92 !important}
.bg-sky {background-color: #64b5f6 !important}
a.bg-sky:focus, a.bg-sky:hover, button.bg-sky:focus, button.bg-sky:hover {background-color: #349ef3 !important}
.bg-navy {background-color: #103151 !important}
a.bg-navy:focus, a.bg-navy:hover, button.bg-navy:focus, button.bg-navy:hover {background-color: #103151 !important}
.bg-navy2{	background-color:#172f54 !important}
a.bg-navy2:focus, a.bg-navy2:hover, button.bg-navy2:focus, button.bg-navy2:hover {background-color:#172f54 !important}
.bg-dark-gray {background-color: #202020 !important}
a.bg-dark-gray:focus, a.bg-dark-gray:hover, button.bg-dark-gray:focus, button.bg-dark-gray:hover {background-color: #070707 !important}
.bg-white {background-color: #fff !important}
.bg-transparent {background-color: transparent !important}
.bg-viridian-100 {background-color: #2c3e50 !important}
a.bg-viridian-100:focus, a.bg-viridian-100:hover, button.bg-viridian-100:focus, button.bg-viridian-100:hover {background-color: #1a252f !important}
.bg-viridian-200 {background-color: #273746 !important}
a.bg-viridian-200:focus, a.bg-viridian-200:hover, button.bg-viridian-200:focus, button.bg-viridian-200:hover {background-color: #151d25 !important}
.bg-viridian-300 {background-color: #212f3d !important}
a.bg-viridian-300:focus, a.bg-viridian-300:hover, button.bg-viridian-300:focus, button.bg-viridian-300:hover {background-color: #0f161c !important}
.bg-viridian-400 {background-color: #1c2833 !important}
a.bg-viridian-400:focus, a.bg-viridian-400:hover, button.bg-viridian-400:focus, button.bg-viridian-400:hover {background-color: #0a0e12 !important}
.bg-viridian-500 {background-color: #17202a !important}
a.bg-viridian-500:focus, a.bg-viridian-500:hover, button.bg-viridian-500:focus, button.bg-viridian-500:hover {background-color: #050709 !important}

/**=====================
 ■ BG-IMAGE
==========================**/
.bg-image {background-repeat: no-repeat;}
.bg-fixed {background-attachment: fixed !important}
.bg-image-cover {background-size: cover}
.bg-image-auto {background-size:auto}
.bg-image-contain {background-size:contain}
.bg-image-dot {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url('/site/images/grid.png') repeat;
	-webkit-backface-visibility: hidden;
}
.bg-positon-b{background-position: bottom}
.bg-positon-t{background-position:top}
.bg-positon-c{background-position:center}


/**=====================
 ■ SHADOW
==========================**/
.shadow-sm {box-shadow: 0 .125rem .3rem rgba(23, 32, 42, .095) !important}
.shadow {box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.shadow-md {box-shadow: 0 .67rem 2.15rem rgba(23, 32, 42, .14) !important}
.shadow-lg {box-shadow: 0 1rem 3.2rem rgba(23, 32, 42, .165) !important}
.shadow-none {box-shadow: none !important}


/**=====================
 ■ BORDER
==========================**/
.border, .b-a {border: 1px solid #ddd !important}
.border-top, .b-t {border-top: 1px solid #ddd !important}
.border-right, .b-r {border-right: 1px solid #ddd !important}
.border-bottom, .b-b {border-bottom: 1px solid #ddd !important}
.border-left, .b-l {border-left: 1px solid #ddd !important}
.border-0, .b-n {border: 0 !important}
.border-top-0, .b-t-0 {border-top: 0 !important}
.border-right-0, .b-r-0 {border-right: 0 !important}
.border-bottom-0, .b-b-0 {border-bottom: 0 !important}
.border-left-0, .b-l-0 {border-left: 0 !important}
.border-white {border-color: #fff !important}
.border-top-enable {border-top-width: 1px !important}
.border-right-enable {border-right-width: 1px !important}
.border-bottom-enable {border-bottom-width: 1px !important}
.border-left-enable {border-left-width: 1px !important}
.border-top-disable {border-top-width: 0 !important}
.border-right-disable {border-right-width: 0 !important}
.border-bottom-disable {border-bottom-width: 0 !important}
.border-left-disable {border-left-width: 0 !important}
@media (min-width:576px) {
.border-sm-top-enable {border-top-width: 1px !important}
.border-sm-right-enable {border-right-width: 1px !important}
.border-sm-bottom-enable {border-bottom-width: 1px !important}
.border-sm-left-enable {border-left-width: 1px !important}
.border-sm-top-disable {border-top-width: 0 !important}
.border-sm-right-disable {border-right-width: 0 !important}
.border-sm-bottom-disable {border-bottom-width: 0 !important}
.border-sm-left-disable {border-left-width: 0 !important}
}
@media (min-width:768px) {
.border-md-top-enable {border-top-width: 1px !important}
.border-md-right-enable {border-right-width: 1px !important}
.border-md-bottom-enable {border-bottom-width: 1px !important}
.border-md-left-enable {border-left-width: 1px !important}
.border-md-top-disable {border-top-width: 0 !important}
.border-md-right-disable {border-right-width: 0 !important}
.border-md-bottom-disable {border-bottom-width: 0 !important}
.border-md-left-disable {border-left-width: 0 !important}
}
@media (min-width:992px) {
.border-lg-top-enable {border-top-width: 1px !important}
.border-lg-right-enable {border-right-width: 1px !important}
.border-lg-bottom-enable {border-bottom-width: 1px !important}
.border-lg-left-enable {border-left-width: 1px !important}
.border-lg-top-disable {border-top-width: 0 !important}
.border-lg-right-disable {border-right-width: 0 !important}
.border-lg-bottom-disable {border-bottom-width: 0 !important}
.border-lg-left-disable {border-left-width: 0 !important}
}
@media (min-width:1280px) {
.border-xl-top-enable {border-top-width: 1px !important}
.border-xl-right-enable {border-right-width: 1px !important}
.border-xl-bottom-enable {border-bottom-width: 1px !important}
.border-xl-left-enable {border-left-width: 1px !important}
.border-xl-top-disable {border-top-width: 0 !important}
.border-xl-right-disable {border-right-width: 0 !important}
.border-xl-bottom-disable {border-bottom-width: 0 !important}
.border-xl-left-disable {border-left-width: 0 !important}
}
/**=====================
 ■ BORDER RADIUS
==========================**/
.rounded-0 {border-radius: 0 !important}
.rounded-xl {border-radius: .5rem !important}
.rounded-ultra {border-radius: 1.875rem !important}
.rounded-normal {border-radius: 1rem !important}
.rounded-sm {border-radius: .1875rem !important}
.rounded, .rounded-md{border-radius: .25rem !important}
.rounded-lg {border-radius: .3125rem !important}
.rounded-top {border-top-left-radius: .25rem !important;border-top-right-radius: .25rem !important}
.rounded-top-normal {border-top-left-radius: 1rem !important;border-top-right-radius: 1rem !important}
.rounded-right {border-top-right-radius: .25rem !important;border-bottom-right-radius: .25rem !important}
.rounded-bottom {border-bottom-right-radius: .25rem !important;border-bottom-left-radius: .25rem !important}
.rounded-left {border-top-left-radius: .25rem !important;border-bottom-left-radius: .25rem !important}
.rounded-circle {border-radius: 50% !important}
.rounded-pill {border-radius: 50rem !important}

/**=====================
 ■ Z-INDEX
==========================**/
.z-index-0 {z-index: 0 !important}
.z-index-1 {z-index: 1 !important}
.z-index-2 {z-index: 2 !important}
.z-index-3 {z-index: 3 !important}
.z-index-4 {z-index: 4 !important}
.z-index-5 {z-index: 5 !important}
.z-index-6 {z-index: 6 !important}
.z-index-7 {z-index: 7 !important}
.z-index-8 {z-index: 8 !important}
.z-index-9 {z-index: 9 !important}
.z-index-99 {z-index: 99 !important}
.z-index-999 {z-index: 999 !important}


/**=====================
 ■ OPACITY
==========================**/
.opa-10 {opacity: 1 !important}
.opa-09 {opacity: 0.9 !important}
.opa-08 {opacity: 0.8 !important}
.opa-07 {opacity: 0.7 !important}
.opa-06 {opacity: 0.6 !important}
.opa-05 {opacity: 0.5 !important}
.opa-04 {opacity: 0.4 !important}
.opa-03 {opacity: 0.3 !important}
.opa-02 {opacity: 0.2 !important}
.opa-01 {opacity: 0.1 !important}
.opa-00 {opacity: 0 !important}