/*   
 * Style text Name: - Bluesky Applications Style editng 
 * Description: Towinpeoples Bluesky Theme.
 * Version: 0.1
 * Author: Bong-sang, Kang
 * Website: http://www.towinpeoples.com
*/

@charset "utf-8";
@import url('/public/fonts/nanumbarungothic/nanumbarungothic.css');
@import url('/public/fonts/nanumgothic/nanumgothic.css');


@media screen and (-webkit-min-device-pixel-ratio: 0) {
body, input, textarea, select, button { -webkit-font-smoothing: antialiased; text-rendering:optimizelegibility;}
}

::selection {background: rgb(74, 167, 211); color: rgb(255, 255, 255);}

/*Reset Styles
------------------------------------*/
* {border-radius:0 !important;}
html, body								{width:100%;height:100%;}
body									{color: #595959;font-size:1.465em;line-height:1.6;}

@media \0screen{
	body {letter-spacing:-0.024em;}
}
a, a:focus, a:hover, a:active,button,button:hover			{ color:#454545; outline: 0 !important;}
a:hover									{text-decoration: underline;}

h1, h2, h3, h4, h5, h6					{margin-top: 5px;text-shadow: none;color:#333;font-weight:600;}
h2										{font-size:30px;}
h3										{font-size:25px;}
h4										{font-size:19px;}
h5										{font-size:16px;}
h6										{font-size:15px;}
ul, ol									{padding-left:20px;margin-bottom:0;}

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i		{margin-right: 5px;}

p {margin:0;}
p + p, ul + p, ol + p{margin-top:1.5em;}
.lead		  {font-weight:400;font-size:21px !important;}

/* list ie7 & ie8 heak*/
.list-unstyled							{padding-left:0;*padding-left:0;}
.list-inline							{*margin-left:0;}
.list-inline > li						{*display:inline;*vertical-align:top;*zoom:1;*list-style: none;}
.list-margin-5 > li						{margin-top:5px;margin-bottom:5px;}
*, *:after, .*:before					{*display:block;*content:'';*zoom:1;behavior: url(boxsizing.htc);}

.list-num {list-style-type:none;padding-left:0px;}
.list-num > li{position:relative;padding-left:20px}
.list-num > li > span:first-child{position:absolute;left:0;font-weight:700;}
.list-num.num-v2 {list-style-type:none;}
.list-num.num-v2 > li{position:relative;padding-left:40px}
.list-num > li > ol,.list-num > li > ul {margin-top:0.5em;margin-bottom:1em;}
.list-in > li{list-style-type:none;position:relative;}
.list-in > li:before {content:'- ';position:absolute;left:-15px;}

/* bootstrap- reset */
.breadcrumb {background:transparent;margin-bottom:0;}
.dropdown-menu {font-size:inherit;box-shadow:none;}
.dropdown-menu > li > a{font-size:13px;}
.form-group {margin-bottom:7px;}

/*info --------------------------------------------*/
.help-info									{position:relative;padding-left:15px;color:#329cee;margin:5px 0;}
.help-info:before							{position:absolute;left:5px;top:0px;content:'!';color:#ffc100;font-weight:bold;}
.info-star									{position:relative;padding-left:20px;}
.info-star:before							{position:absolute;left:5px;top:0px;content:'*';color:#ffc100;font-weight:bold;}
.info-astra									{position:relative;padding-left:20px;}
.info-astra:before							{position:absolute;left:5px;top:1px;content:'※';font-weight:bold;font-size:0.96em;}

/*hr line*/
hr {border-top:1px solid #d9d9d9;}
hr.dotted {border-style:dotted;border-color:#d9d9d9;}
hr.solid {border-style:solid;border-color:#d9d9d9;}
hr.dashed{border-style:dashed;border-color:#d9d9d9;}
hr.hr-xs {margin: 10px 0;}
hr.hr-md {margin: 20px 0;}
hr.hr-lg {margin: 40px 0;}

/* jumjum (한줄 점점 처리)-------------------------------- */
.bs-abbre								{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:98%;vertical-align:middle;}
.abbre									{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;word-break:keep-all;width:80%;vertical-align:bottom;}
.abbre:hover							{text-decoration:underline}

/**플롯팅**/
.floating								{width:auto;margin:0 auto;display:table;padding:0;overflow:auto;}
.floating > *							{float:none;display:table-cell;vertical-align:middle;}
.floating > [class*='col']				{padding-left:5px;padding-right:5px;}
.floating > [class*='col']:first-child	{padding-left:0;}
.floating > [class*='col']:last-child	{padding-right:0;}

/*Remove the Gutter Padding from Columns*/
.no-gutter {margin:0;}
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0;}
.no-gutter.no-gutter-boxed {padding-right: 15px; padding-left: 15px;}

/* base Tag Boxes------------------------------------*/
.box									{padding:15px;margin-bottom:15px;background-color:rgba(0,0,0,0.05);position:relative;}
.box-top-line							{border: solid 1px #ddd;border-top: solid 2px #1990cf;}
.box-double-line						{border-top: solid 1px #111;border-bottom: solid 1px #111;}
.box-left-line							{border: solid 1px #ddd;border-left: solid 2px #1990cf;background: #fafafa;}
.box-border								{border: solid 2px #ddd;}
.box-dashed								{border: dashed 1px #bbb;}
.box-dashed-bg							{border: dashed 1px #ccc;text-align: center;}
.box-bottom-line						{border: solid 1px #ddd;border-bottom: solid 2px #1990cf;}
.box-solid-line							{border: solid 1px #ddd;background:rgba(255,255,255,0.9);}
.box-solid-bg							{border: solid 1px #ddd;background: rgba(0,0,0,0.03);}
.box-drop								{border: solid 1px #ddd; box-shadow:2px 2px 0px 1px rgba(0,0,0,0.2)}
.box-deep								{border: solid 1px #ddd; box-shadow:inset 2px 2px 0px 1px rgba(0,0,0,0.2)}
.box-light								{background-color: #f7f7f9;background-color:0px 1px 3px rgba(247,247,249,0.8); border: 1px solid #e1e1e8;}
.box-double-dot							{border-top: dotted 1px #5b5b5b;border-bottom: dotted 1px #5b5b5b;}
.box .box-image							{margin:-15px;margin-bottom:15px;}
.box-content							{padding:15px;}
.box-doubleline							{border-top: solid 1px #aaa;border-bottom: solid 1px #7a7a7a;}

.block									{background:url('../images/box-border-image.png');padding:6px;margin-bottom:15px;}
.block .block-inside					{background:#fff;padding:15px 20px;}
.block .block-outside					{background:#fff;padding:15px 20px;margin:0 -20px;position:relative;}

.block.block-blue								{background:url('../images/box-border-blue.png');padding:10px;margin-bottom:15px;}
/*box Arrow */
.box-arrow-up:after,.box-arrow-up:before	{bottom: 100%;left: 25px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.box-arrow-up:after		{border-color: rgba(240, 253, 255, 0);border-bottom-color: #fff;border-width: 7px;margin-left: 1px;}
.box-arrow-up:before	{border-color: rgba(194, 225, 245, 0);border-bottom-color: #ccc;border-width: 8px;}

.box-arrow-dn:after,.box-arrow-dn:before	{position: absolute;top: 0%;left: 39px;border: solid transparent;content: " ";height: 0;width: 0;pointer-events: none;}
.box-arrow-dn:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 7px;margin-left: 1px;}
.box-arrow-dn:before {border-color: rgba(0, 0, 0, 0);border-top-color: #ccc;border-width:8px;margin-left: 0px;}

/*box ribon */
.box-ribon {position:relative;margin-bottom:40px;}
.box-ribon .ribon-head {min-width: 200px;position:absolute;top:-15px;left:15px;box-shadow:2px 2px 0px 2px rgba(0,0,0,0.1);padding:10px 20px;line-height:1.2;z-index:2;display:block;overflow:hidden;}
.box-ribon > .box {padding-top:40px;}


/*Devider ------------------------------------*/
.devider.devider-dotted { border-top: 2px dotted #eee;}
.devider.devider-dashed { border-top: 2px dashed #eee;}
.devider.devider-db { height: 5px; border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.devider.devider-db-dashed {height: 5px;border-top: 1px dashed #ddd;border-bottom: 1px dashed #ddd;}
.devider.devider-db-dotted { height: 5px;border-top: 1px dotted #ddd;border-bottom: 1px dotted #ddd;}
.devider.devider-bg {background:url('../images/devider-bg.png') repeat-x bottom;height:5px;width:auto;}

 /*shadow-wrapper*/
.box-shadow {position: relative;z-index: 1;}
.box-shadow .box-shadow-v1 {box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);}
.box-shadow .box-shadow-v2 {position: relative;}
.box-shadow .box-shadow-v2:before,
.box-shadow .box-shadow-v2:after {z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 50%;top: 50%;max-width: 300px;background: rgba(0, 0, 0, 0.3);box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}
.box-shadow .box-shadow-v2:after {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);right: 10px;left: auto;}
.box-shadow .box-shadow-v3 {position: relative;}
.box-shadow .box-shadow-v3:before {z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 50%;top: 50%;max-width: 300px;background: rgba(0, 0, 0, 0.25);box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}
.box-shadow .box-shadow-v4 {position: relative;}
.box-shadow .box-shadow-v4:after {z-index: -1;position: absolute;content: "";bottom: 15px;right: 10px;left: auto;width: 50%;top: 40%;max-width: 300px;background: rgba(0, 0, 0, 0.2);box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);}
.box-shadow .box-shadow-v5 {position: relative;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.05) inset;}
.box-shadow .box-shadow-v5:before,
.box-shadow .box-shadow-v5:after {content: "";position: absolute;z-index: -1;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);top: 0;bottom: 0;left: 10px;right: 10px;}
.box-shadow .box-shadow-v5:after {right: 10px;left: auto;-webkit-transform: skew(8deg) rotate(3deg);-moz-transform: skew(8deg) rotate(3deg);-ms-transform: skew(8deg) rotate(3deg);-o-transform: skew(8deg) rotate(3deg);transform: skew(8deg) rotate(3deg);}
.box-shadow .box-shadow-v6 {position: relative;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
.box-shadow .box-shadow-v6:before,
.box-shadow .box-shadow-v6:after {content: "";position: absolute;z-index: -1;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);top: 10px;bottom: 10px;left: 0;right: 0;}
.box-shadow .box-shadow-v6:after {right: 10px;left: auto;-webkit-transform: skew(8deg) rotate(3deg);-moz-transform: skew(8deg) rotate(3deg);-ms-transform: skew(8deg) rotate(3deg);-o-transform: skew(8deg) rotate(3deg);transform: skew(8deg) rotate(3deg);}

/***** ------------ table ---------------- ******/
.table {font-size:0.87em;}
.table-bordered > thead > tr > th {text-align:center;background:#fafafa;}
.table-row {border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.table-row > thead{background:#fafafa;}
.table-row > thead > tr > th {font-weight:700;text-align:center;padding-top:10px;padding-bottom:10px;border:1px solid #ddd;}
.table-row > thead > tr > th:first-child {border-left:0;}
.table-row > thead > tr > th:last-child {border-right:0;}
.table-row > tbody > tr > td{line-height:1.5;border:1px solid #ddd;}
.table-row > tbody > tr > th {text-align:center;}
.table-row > tbody > tr > td:first-child {border-left:0;}
.table-row > tbody > tr > td:last-child {border-right:0;}
.table-row > tbody > tr:last-child > td {border-bottom:0;}

.table-row li > ul {padding-left:0;margin-bottom:0.2em;}
.table-row li > ul > li{list-style-type:none;}
.table-row li > ul > li:before {content:'- ';}

.table-col {border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.table-col thead > tr > th{text-align:center;}
.table-col tbody > tr:first-child > th,.table-col tbody > tr:first-child > td {border-top:0;}
.table-col tbody > tr > th {font-weight:700;text-align:center;vertical-align:middle;padding-top:10px;padding-bottom:10px;background:#fafafa;border-right:1px solid #ddd;}
.table-col tbody > tr > td {vertical-align:baseline;}
.table-col.table-bordered > tbody > tr > th, .table-col.table-bordered > tbody > tr > td {border-top:0;}

.table-search {padding:10px 5px;margin-bottom:20px;}
.table-search .table {margin-bottom:0;}
.table-search .table > tbody > tr > th {text-align:right;}
.table-search .table > tbody > tr > th,
.table-search .table > tbody > tr > td {border:none;vertical-align:middle;padding:0 5px;}
.table-search .table .btn-find {line-height:4em;}

/*게시판자료 검색*/
.search-box .input-group .input-group-select {padding:0;background:none;border:0;display:table-cell;white-space:nowrap;vertical-align:middle;}
/*--------------------pagination----------------------------------------------------------------*/
/*****************pagination***********************************/
.pagination {margin:10px 0 10px;}
.pagination > li > a,
.pagination > li > span {padding:7px 15px 5px;color:#333;border:none;}
.pagination > li > a:hover,
.pagination > li > span:hover {background:none;color:#0072d2;transition: all 0.3s 0.1s ease-in-out;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {background:none;font-weight:700;border:none;color:#0072d2;}

.pagination li > a{font-family:'roboto-regular';font-size:15px;color:#767676;}
.pagination li > a.icons {background:url('../images/pagination-md.png') no-repeat;}
.pagination li > a.icons.priv{background-position:10px 12px;}
.pagination li > a.icons.left{background-position:-16px 12px;}
.pagination li > a.icons.right{background-position:-37px 12px;}
.pagination li > a.icons.next{background-position:-60px 12px;}

.pagination-sm li > a{padding:5px 10px 5px;font-family:'roboto-regular';font-size:13px;color:#767676;}
.pagination-sm li > a.icons {background:url('../images/pagination-sm.png') no-repeat;}
.pagination-sm li > a.icons.priv{background-position:7px 10px;}
.pagination-sm li > a.icons.left{background-position:-12px 10px;}
.pagination-sm li > a.icons.right{background-position:-32px 10px;}
.pagination-sm li > a.icons.next{background-position:-55px 10px;}

/********* Tabs ***********/
.bs-tabs .nav-tabs							{border-bottom:1px solid #2691c3;margin-bottom:30px;}
.bs-tabs .nav-tabs > li						{float: none; margin-bottom: -2px;}
.bs-tabs .nav-tabs > li > a					{ margin-right: 0px; padding:10px 20px; line-height: 1.428571429; background:#f3f6f8;border: 1px solid #ddd; border-radius: 0;font-weight:400;font-size:17px;}
.bs-tabs .nav-tabs > li.active				{margin-top:-2px;}
.bs-tabs .nav-tabs > li.active > a,
.bs-tabs .nav-tabs > li.active > a:hover,
.bs-tabs .nav-tabs > li.active > a:focus { cursor: default;color:#2791c3; border: 1px solid #2791c3;border-top-width:4px; background:#fff;border-bottom:2px solid #fff;border-bottom-color: transparent;}
.bs-tabs .nav-justified > li > a{margin-bottom:-1px;}

/******** modal ***********/
.modal-header {background:#0072d2;padding:15px 15px 5px;}
.modal-header .modal-title {color:#fff;}
.modal-header .close {opacity: 1;filter: alpha(opacity=100);font-size:2.3em;margin:0;}
.modal-header .close span{color:#fff;display:block;text-shadow:none;}


/*Font Awesome Icon Styles*/
i.icon {color: #555;width: 40px;height: 40px;font-size: 20px;line-height: 40px;margin-bottom: 5px;text-align: center;display: inline-block;border: solid 1px #c4c4c4;}
i.icon-xxs {width: 24px;height: 24px;font-size: 14px;line-height: 24px;}
i.icon-xs {width: 28px;height: 28px;font-size: 14px;line-height: 28px;}
i.icon-sm {width: 35px;height: 35px;font-size: 16px;line-height: 35px;}
i.icon-md {width: 50px;height: 50px;font-size: 20px;line-height: 50px;}
i.icon-lg {width: 60px;height: 60px;font-size: 31px;line-height: 58px;}
i.icon-xlg{width: 80px;height: 80px;font-size: 46px;line-height: 80px;}
i.icon-img{width: 70px;height: 70px;font-size: 36px;line-height: 70px;}
i.icon-2x {font-size: 30px;}
i.icon-3x {font-size: 40px;}
i.icon-4x {font-size: 50px;}

/*Line Icons*/
i.icon-line {font-size: 17px;}
i.icon-xs.icon-line {font-size: 14px;}
i.icon-sm.icon-line {font-size: 14px;}
i.icon-md.icon-line {font-size: 22px;}
i.icon-lg.icon-line {font-size: 28px;}
i.icon-2x.icon-line {font-size: 27px;}
i.icon-3x.icon-line {font-size: 36px;}
i.icon-4x.icon-line {font-size: 47px;}

/*icon color*/
i.icon-color-blue						{color: #3498db;background: none; border: solid 1px #3498db;}
i.icon-color-red						{color: #e30813;background: none; border: solid 1px #e74c3c;}
i.icon-color-sea						{color: #1abc9c;background: none; border: solid 1px #1abc9c;}
i.icon-color-green						{color: #2ecc71;background: none; border: solid 1px #2ecc71;}
i.icon-color-yellow						{color: #f1c40f;background: none; border: solid 1px #f1c40f;}
i.icon-color-orange						{color: #e67e22;background: none; border: solid 1px #e67e22;}
i.icon-color-grey						{color: #95a5a6;background: none; border: solid 1px #95a5a6;}

i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-grey,
i.icon-bg-gray,
i.icon-bg-blue,
i.icon-bg-green,
i.icon-bg-violet,
i.icon-bg-yellow,
i.icon-bg-orange,
i.icon-bg-invers,
i.icon-bg-default						{color: #fff; border: none;background: #666;}
i.icon-bg-white							{background:#fff;border:1px solid transparent;}
i.icon-bg-blue							{background: #3498db;}
i.icon-bg-red							{background: #e30813;}
i.icon-bg-sea							{background: #1abc9c;}
i.icon-bg-green							{background: #2ecc71;}
i.icon-bg-violet						{background: #92278f;}
i.icon-bg-yellow						{background: #f1c40f;}
i.icon-bg-orange						{background: #e67e22;}
i.icon-bg-grey							{background: #95a5a6;}
i.icon-bg-gray							{background: #d9d9d9;}
i.icon-bg-invers						{background: #111;}
i.icon-bg-default						{background: #666;}


/*icon-effect*/
.icon-effect {width:80px;height:80px;line-height:84px;border-radius:100px;text-align:center;box-shadow:inset 0px 0px 2px rgba(0, 0, 0, 0.3);background:rgba(0, 0, 0, 0.2);overflow:hidden;margin:0 auto;margin-bottom:10px;}
.icon-effect a{display:inline-block;font-size:30px;}
.icon-effect a.icon-effect-top{color:#fff;position:relative;display:block;top:0px;-webkit-transition:all .13s linear;-moz-transition:all .13s linear;-o-transition:all .13s linear;-ms-transition:all .13s linear;transition:all .13s linear;}
.icon-effect:hover a.icon-effect-top{top:100px;-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.icon-effect a.icon-effect-bottom{color:#fff;display:block;position:relative;top:100px;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;}
.icon-effect:hover a.icon-effect-bottom{top:-84px;-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
/*-------------------button style -------------------------------------------- */
/*blue sky button style*/
.btn-blue, .btn-red, .btn-orange, .btn-sea, .btn-sky, .btn-green, .btn-yellow, .btn-pink, .btn-dkblue, .btn-dksky, .btn-dkviolet, .btn-dkgreen, .btn-dksea, .btn-invers {color:#fff;}
.btn-xxs									{padding:2px 5px;font-size:10px;border-radius:0;}
.btn-xs										{padding:2px 8px;font-size:12px;border-radius:0;}
.btn-sm										{padding:5px 10px 5px;font-size:12px;border-radius:0;}
.btn-md										{padding:6px 14px;font-size:14px;}
.btn-lg										{padding:8px 10px;font-size:16px;}
.btn-xlg									{padding:12px 25px;font-size:17px;}
.btn-xxl									{padding:15px 25px;font-size:20px;}

/*Buttons Color*/
.btn-blue									{background: #329cee !important;}
.btn-blue:hover,.btn-blue.active			{background: #2980b9 !important;}
.btn-red									{background: #e30813 !important;}
.btn-red:hover,.btn-red.active				{background: #bc0710 !important;}
.btn-orange									{background: #e67e22 !important;}
.btn-orange:hover,.btn-orange.active		{background: #d35400 !important;}
.btn-sea									{background: #1abc9c !important;}
.btn-sea:hover,.btn-sea.active				{background: #16a085 !important;}
.btn-sky									{background: #70d9f0 !important;}
.btn-sky:hover,.btn-sky.active				{background: #59c3da !important;}
.btn-green									{background: #2ecc71 !important;}
.btn-green:hover,.btn-green.active			{background: #27ae60 !important;}
.btn-yellow									{background: #f1c40f !important;}
.btn-yellow:hover,.btn-yellow.active		{background: #f39c12 !important;}

.btn-pink									{background: #f26d7d !important;}
.btn-pink:hover,.btn-pink.active			{background: #ec4054 !important;}
.btn-white									{background:#fff;border:1px solid #cacaca;}
.btn-dkblue									{background: #395e93 !important;}
.btn-dkblue:hover,.btn-dkblue.active		{background: #24487c !important;}
.btn-dksky									{background: #67a6c7 !important;}
.btn-dksky:hover,.btn-dksky.active			{background: #5a92af !important;}
.btn-dkviolet								{background: #5872bc !important;}
.btn-dkviolet:hover,.btn-dkviolet.active	{background: #3a59af !important;}
.btn-dkgreen								{background: #01b8a5 !important;}
.btn-dkgreen:hover,.btn-dkgreen.active		{background: #029a8a !important;}
.btn-dksea									{background: #17a6ca !important;}
.btn-dksea:hover, .btn-dksea.active			{background: #0892b4 !important;}
.btn-invers									{border:1px solid transparent; background:#000;}
.btn-invers:hover, .btn-invers.active		{background:#202020}
.btn-gray									{background: #ebebeb !important;border:1px solid #bcbcbc;}

.btn-blue,.btn-dkblue {color:#fff !important;}


/*Badges and Labels
------------------------------------*/

span.label										{font-size: 11px;font-weight: 400;padding: 4px 7px;border:1px solid rgba(0,0,0, 0.08);}
span.badge,										.list-group-item.active>.badge						{color: #fff;font-weight: 400;padding: 1px 5px 2px;}
span.label-u,			span.badge-u,			.list-group-item.active>.badge.badge-u				{background: #72c02c;}
span.label-blue,		span.badge-blue,		.list-group-item.active>.badge						{background: #2f9cf1;}
span.label-red,			span.badge-red,			.list-group-item.active>.badge						{background: #f76454;}
span.label-green,		span.badge-green,		.list-group-item.active>.badge.badge-green			{background: #2ecc71;}
span.label-sea,			span.badge-sea,			.list-group-item.active>.badge.badge-sea			{background: #1abc9c;}
span.label-orange,		span.badge-orange,		.list-group-item.active>.badge.badge-orange			{background: #e67e22;}
span.label-yellow,		span.badge-yellow,		.list-group-item.active>.badge.badge-yellow			{background: #ffe243;color:#111;}
span.label-purple,		span.badge-purple,		.list-group-item.active>.badge.badge-purple			{background: #9b6bcc;}
span.label-aqua,		span.badge-aqua,		.list-group-item.active>.badge.badge-aqua			{background: #27d7e7;}
span.label-brown,		span.badge-brown,		.list-group-item.active>.badge.badge-brown			{background: #9c8061;}
span.label-dark-blue,	span.badge-dark-blue,	.list-group-item.active>.badge.badge-dark-blue		{background: #4765a0;}
span.label-light-green,	span.badge-light-green,	.list-group-item.active>.badge.badge-light-green	{background: #79d5b3;}
span.label-light,		span.badge-light,		.list-group-item.active>.badge.badge-light			{color: #777;background: #ecf0f1;}
span.label-dark,		span.badge-dark,		.list-group-item.active>.badge.badge-dark			{background: #555;}
span.label-line,		span.badge-line,		.list-group-item.active>.badge.badge-line           {border:1px solid rgba(15,15,15, 0.2);color:#787878;}
span.label-blueline,	span.badge-blueline,	.list-group-item.active>.badge.badge-blueline       {border:1px solid #359ee2;color:#359ee2;}
span.label-bluedrop,	span.badge-bluedrop,	.list-group-item.active>.badge.badge-bluedrop       {background:#329cee;border-bottom:2px solid #2980c3;}
span.label-darkdrop,	span.badge-darkdrop,	.list-group-item.active>.badge.badge-darkdrop       {background:#808080;border-bottom:2px solid #636363;}
span.label-white,		span.badge-white	{color:#454545;background:#fff;border-color:#cacaca;}
span.label-xxs, span.badge-xxs {font-size:7px;padding:1px 4px;}
span.label-xs, span.badge-xs {font-size:7px;padding:2px 4px;}
span.label-sm, span.badge-sm {font-size:10px;padding:2px 4px;}
span.label-lg, span.badge-lg {font-size:14px;padding:4px 10px;}

/*Others (Global classes)
------------------------------------*/
/*color swach*/
.color-sea								{ color:#1abc9c !important;}
.color-red								{ color:#ff434c !important;}
.color-blue								{ color:#2f9cf1 !important;}
.color-dblue							{ color:#20409a !important;}
.color-sky								{ color:#95f1fe !important;}
.color-green							{ color:#34db44 !important;}
.color-orange							{ color:#e67e22 !important;}
.color-green1							{ color:#2ecc71 !important;}
.color-gray								{ color:#aaa !important;}
.color-light							{ color:#d2d2d2 !important;}
.color-wgray							{ color:#ccc !important;}
.color-yellow							{ color:#ffc100 !important;}
.color-pink								{ color:#f26d7d !important;}
.color-violet							{ color:#92278f !important;}
.color-white							{ color:#fff !important;}
.color-dark								{ color:#0c0c0c !important;}
.color-rdark							{ color:#111 !important;}
/*파란색 계열*/
.color-7a								{color:#7a7a7a;}
.color-0072d2							{color:#0072d2;}
.color-0086eb							{color:#0086eb;}

/**--------------배경------------------**/
.bg								{padding:5px 10px;border:1px solid transparent;margin-bottom:1em;}
.bg-red,
.bg-sea,
.bg-gray,
.bg-blue,
.bg-green,
.bg-yellow,
.bg-orange,
.bg-pink,
.bg-dark,
.bg-black,
.bg-dblue						{color:#fff;border-color: transparent;background: #efefef;}

.bg-default,
.bg-white,
.bg-gray						{color:#454545 !important;border-color: transparent;}
.bg-lgray						{background:#fbfbfb;}
.bg-blue						{background: #3498db;}
.bg-dblue						{background: #2782bf;}
.bg-red							{background: #e30813;}
.bg-sea							{background: #1abc9c;}
.bg-green						{background: #2ecc71;}
.bg-yellow						{background: #f1c40f;}
.bg-orange						{background: #e67e22;}
.bg-grey						{background: #fbfbfb;}
.bg-pink						{background: #f26d7d;}
.bg-sky							{background: #eff7fe;}
.bg-gray						{background: #eee;}
.bg-white						{background:#fff;}
.bg-black						{background:#222;}
.bg-dark						{background:#5e5e5e;}
.bg-none						{background:none !important;}


.border-sea								{ border-color:#1abc9c !important;}
.border-red								{ border-color:#e30813 !important;}
.border-blue							{ border-color:#2f9cf1 !important;}
.border-dblue							{ border-color:#20409a !important;}
.border-sky								{ border-color:#8cc6e2 !important;}
.border-green							{ border-color:#8dc63f !important;}
.border-orange							{ border-color:#e67e22 !important;}
.border-green1							{ border-color:#2ecc71 !important;}
.border-gray							{ border-color:#aaa !important;}
.border-wgray							{ border-color:#ccc !important;}
.border-yellow							{ border-color:#ffc100 !important;}
.border-pink							{ border-color:#f26d7d !important;}
.border-violet							{ border-color:#92278f !important;}
.border-white							{ border-color:#fff !important;}
.border-black							{border-color:#000 !important;}

/*Link color-blue-style*/
.linked:hover						{ color:#0c87cb; text-decoration:none;}

/*Link read-more*/
a.read-more							{ font-weight:bold;text-decoration:none;}
a.read-more:hover					{ color:#0c87cb; text-decoration:none;}

/*Rounded and Circle Classes
------------------------------------*/
.no-rounded { border-radius: 0 !important;}
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.rounded-2x { border-radius: 10px !important;}
.rounded-3x { border-radius: 15px !important;}
.rounded-4x { border-radius: 20px !important;}
.rounded-sm { border-radius: 2px !important;}
.rounded-md { border-radius: 3px !important;}
.rounded-lg { border-radius: 5px !important;}
.rounded-top { border-radius: 4px 4px 0 0 !important;}
.rounded-left { border-radius: 4px 0 0 4px !important;}
.rounded-right { border-radius: 0 4px 4px 0 !important;}
.rounded-bottom { border-radius: 0 0 4px 4px !important;}

/*image spaces-------------------------- */
.lt-img-margin						{ margin:0 20px 5px 0;}
.gt-img-margin						{ margin:0 0 5px 20px;}
/*Image Border*/
.img-border								{ border:solid 3px #fff;}

/*width spaces*/
.overflow-hidden					{ overflow:hidden;}
.width-50							{ width:50px !important; max-width:none !important;}
.width-75							{ width:75px !important; max-width:none !important;}
.width-100							{ width:100px !important;max-width:none !important;}
.width-125							{ width:125px !important;max-width:none !important;}
.width-150							{ width:150px !important;max-width:none !important;}
.width-175							{ width:175px !important;max-width:none !important;}
.width-200							{ width:200px !important;max-width:none !important;}
.width-250							{ width:250px !important;max-width:none !important;}
.width-300							{ width:300px !important;max-width:none !important;}
.width-600							{ width:600px !important;max-width:none !important;}
.width-max							{ width:100% !important;max-width:none !important;}
.width-auto							{ width:auto !important;max-width:none !important;}

/*글자 크기*/
.font-size-9						{font-size:9px;}
.font-size-10						{font-size:10px;}
.font-size-11						{font-size:11px;}
.font-size-12						{font-size:12px;}
.font-size-13						{font-size:13px;}
.font-size-14						{font-size:14px;}
.font-size-15						{font-size:15px;}
.font-size-16						{font-size:16px;}
.font-size-17						{font-size:17px;}
.font-size-18						{font-size:18px;}
.font-size-19						{font-size:19px;}
.font-size-20						{font-size:20px;}
.font-size-22						{font-size:22px;}
.font-size-24						{font-size:24px;}
.font-size-30						{font-size:30px;}
/*문장 세로정렬*/
.vat			{vertical-align:top;}
.vam			{vertical-align:middle;}
.vab			{vertical-align:bottom;}
/*문단 좌우정렬*/
.text-justify p							{ text-align: justify;}

.lts-0									{letter-spacing:0 !important;}
.lts-1									{letter-spacing:-1px !important;}

.no-border		{border:none !important}
.bdt-x			{border-top:none !important}
.bdt-x:before	{border-top:none !important}
.bdt-1x			{border-top-width:1px;}
.bdt-1x:before	{border-top-width:1px}
.bdt-2x			{border-top-width:2px;}
.bdt-2x:before	{border-top-width:2px}
.bdt-3x			{border-top-width:3px;}
.bdt-3x:before	{border-top-width:3px}
.bdt-4x			{border-top-width:4px;}
.bdt-4x:before	{border-top-width:4px;}

.bdb-x			{border-bottom:none !important;}
.bdb-1x			{border-bottom-width:1px;}
.bdb-2x			{border-bottom-width:2px;}
.border-2x		{border-width:2px;}
.bdr-x			{border-right:none !important;}
.bdl-x			{border-left:none !important;}

/*Heights ------------------------------------*/
.height-75 { min-height: 75px;}
.height-100 { min-height: 100px;}
.height-150 { min-height: 150px;}
.height-200 { min-height: 200px;}
.height-250 { min-height: 250px;}
.height-300 { min-height: 300px;}
.height-350 { min-height: 350px;}
.height-400 { min-height: 400px;}
.height-450 { min-height: 450px;}
.height-500 { min-height: 500px !important;}

/*Spaces ------------------------------------*/
.no-padding			{padding:0 !important;}
.no-margin			{margin:0 !important;}
.no-top-space		{margin-top: 0 !important;  padding-top: 0 !important;}
.no-bottom-space	{margin-bottom: 0 !important; padding-bottom: 0 !important;}
.no-margin-bottom	{margin-bottom: 0 !important;}
.no-padding-bottom	{padding-bottom: 0 !important;}
.margin-auto		{margin:0 auto}

.content-xxs	{padding-top: 10px; padding-bottom: 10px;}
.content-xs		{padding-top: 20px; padding-bottom: 20px;}
.content-sm		{padding-top: 40px;  padding-bottom: 40px;}
.content-md		{padding-top: 60px;  padding-bottom: 60px;}
.content-lg		{padding-top: 80px;  padding-bottom: 80px;}
.content-xlg	{padding-top: 100px;  padding-bottom: 100px;}

.no-space		{padding-left: 0px;  padding-right: 0px;}
.space-xxs		{padding-left: 10px;  padding-right: 10px;}
.space-xs		{padding-left: 20px;  padding-right: 20px;}
.space-sm		{padding-left: 40px;  padding-right: 40px;}
.space-md		{padding-left: 60px;  padding-right: 60px;}
.space-lg		{padding-left: 80px;  padding-right: 80px;}
.space-xlg		{padding-left: 100px;  padding-right: 100px;}

.padding-xs		{padding:5px}
.padding-sm		{padding:10px}
.padding-md		{padding:15px}
.padding-lg		{padding:30px}
.padding-xlg	{padding:50px}

.margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20,.margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60,.margin-bottom-100 {clear:both;}
.margin-down-3  { margin-bottom:-3px !important;;}
.margin-down-5  { margin-bottom:-5px !important;;}
.margin-down-10  { margin-bottom:-10px !important;;}
.margin-down-15  { margin-bottom:-15px !important;;}
.margin-down-20  { margin-bottom:-20px !important;;}
.margin-bottom-5  { margin-bottom:5px !important;;}
.margin-bottom-10 { margin-bottom:10px !important;;} 
.margin-bottom-15 { margin-bottom:15px !important;;}
.margin-bottom-20 { margin-bottom:20px !important;;}
.margin-bottom-25 { margin-bottom:25px !important;;}
.margin-bottom-30 { margin-bottom:30px !important;;}
.margin-bottom-35 { margin-bottom:35px !important;;}
.margin-bottom-40 { margin-bottom:40px !important;;}
.margin-bottom-45 { margin-bottom:45px !important;;}
.margin-bottom-50 { margin-bottom:50px !important;;}
.margin-bottom-55 { margin-bottom:55px !important;;}
.margin-bottom-60 { margin-bottom:60px !important;;}
.margin-bottom-100 { margin-bottom:100px !important;;}
.margin-up-5  { margin-top:-5px;}
.margin-up-10  { margin-top:-10px;}

/*Other Spaces*/
.margin-top-0 { margin-top: 0px !important;}
.margin-top-5 { margin-top: 5px !important;}
.margin-top-10 { margin-top: 10px !important;}
.margin-top-20 { margin-top: 20px !important;}
.margin-top-30 { margin-top: 30px !important;}
.margin-left-5 { margin-left: 5px !important;}
.margin-left-10 { margin-left: 10px !important;}
.margin-right-5 { margin-right: 5px !important;}
.margin-right-10 { margin-right: 10px !important;}

.padding-top-5 { padding-top: 5px !important;}
.padding-top-10 { padding-top: 10px !important;}
.padding-left-5 { padding-left: 5px !important;}
.padding-left-10 { padding-left: 10px !important;}
.padding-left-15 { padding-left: 15px !important;}
.padding-left-20 { padding-left: 20px !important;}
.padding-left-25 { padding-left: 25px !important;}
.padding-bottom-0 { padding-bottom: 0px !important;}

@media (max-width: 768px) {
  .sm-margin-bottom-10 {    margin-bottom: 10px;  }
  .sm-margin-bottom-20 {    margin-bottom: 20px;  }
  .sm-margin-bottom-30 {    margin-bottom: 30px;  }
  .sm-margin-bottom-40 {    margin-bottom: 40px;  }
  .sm-margin-bottom-50 {    margin-bottom: 50px;  }
  .sm-margin-bottom-60 {    margin-bottom: 60px;  }
}

@media (max-width: 992px) {
  .md-margin-bottom-10 {    margin-bottom: 10px;  }
  .md-margin-bottom-20 {    margin-bottom: 20px;  }
  .md-margin-bottom-30 {    margin-bottom: 30px;  }
  .md-margin-bottom-40 {    margin-bottom: 40px;  }
  .md-margin-bottom-50 {    margin-bottom: 50px;  }
  .md-margin-bottom-60 {    margin-bottom: 60px;  }
}