/*   
 * Style text Name: - Applications & Bootstrap Modify 
 * Description: Towinpeoples Bluesky Theme.
 * Version: 0.1
 * Author: Bong-sang, Kang
 * Website: http://www.towinpeoples.com
*/


/*Breadcrumbs ---------------------------- */
.breadcrumbs							{padding: 10px 0 0px;box-shadow: inset 0 0 0px #eee;border-bottom:1px solid #eee; background:#fafbfc;margin-bottom:40px;}
.breadcrumbs h1							{color: #686868;font-size: 26px;margin-top: 25px;}
.breadcrumbs p							{line-height:1.2;color:#ccc;}

/*로케이션 */
.breadcrumb								{top: 0;padding-left: 0;background: none;position: relative;}
.breadcrumb a							{color: #777;}
.breadcrumb li.active,
.breadcrumb li a:hover					{color: #0c87cb;text-decoration: none;}

/*page top Headline*/
.page-header							{margin-top:0;padding-bottom:20px;background-position:right bottom;background-repeat:no-repeat;position:relative;}
.page-header h1							{margin-bottom:40px;letter-spacing:-2px;}
.page-header small						{display:block;font-size:13px;margin-top:1.2em;letter-spacing:0;}
.page-header .sns						{position:absolute;top:0;right:0;}
.page-header .lead						{font-size:18px;color:#00337d;}

/*input type="radio checkbox" */
input[type='radio'], input[type='checkbox']{vertical-align:middle;min-height:18px;}

/*Forms
------------------------------------*/
.form-control							{ box-shadow: none;}
.form-control:focus						{ border-color: #bbb;  box-shadow: 0 0 2px #c9c9c9;}

/*Form Spacing*/
.form-spacing .form-control				{ margin-bottom: 15px;}

/* table in ul padding */
.table td ul {padding-left:20px;}

/*helper*/
.bg-primary,.bg-success,.bg-info,.bg-warning,.bg-danger	{padding:3px 15px;margin-bottom:20px;border: 1px solid transparent;}
.bg-success												{color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.bg-success hr											{border-top-color: #c9e2b3;}
.bg-success .bg-link									{color: #2b542c;}
.bg-info												{color: #31708f;background-color: #d9edf7; border-color: #bce8f1;}
.bg-info hr												{border-top-color: #a6e1ec;}
.bg-info .bg-link										{color: #245269;}
.bg-warning												{color: #8a6d3b; background-color: #fcf8e3;border-color: #faebcc;}
.bg-warning hr											{border-top-color: #f7e1b5;}
.bg-warning .bg-link									{color: #66512c;}
.bg-danger												{color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.bg-danger hr											{border-top-color: #e4b9c0;}
.bg-danger .bg-link										{color: #843534;}

/*label*/
.label { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px !important;; behavior: url(/bluesky/layout/bs_type1/css/pie/PIE.htc) !important;;}

/*pagination*/
.pagination {margin-top:0;}

/*panel*/
.panel-body > ul {padding-left:20px;}
.panel-footer {overflow:auto;}

/*Pagination*/
.pagination-no-space .pagination		{margin: 0;}

/*Pager*/
.pager li > a:hover, 
.pager li > a:focus						{ color: #fff;  background: #5fb611;  border-color: #5fb611; }

/*list-group*/
.list-group-item-text {margin-bottom:10px;}

/*bootstrap kbd */
kbd {background:#7fa9da;margin-right:5px;}

/*media*/
.media .media-heading a					{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:98%;}
/*Button Styles
------------------------------------*/
.btn									{ box-shadow: none;}
/*image border*/
.img-circle							{ border-radius: 50% !important;}
/*For FF Only*/
@-moz-document url-prefix() { 
   .footer-subsribe .bs-btn				{ padding-bottom: 5px;}
}
@media (max-width: 768px) { 
   @-moz-document url-prefix(){ 
   .bs-btn								{ padding-bottom: 5px;}
   .container							{width:100% !important;}
   }
}
/*알약(버턴형) 탭*/
.nav.nav-pills li a {border:1px solid #efefef;}
.nav.nav-pills li a:hover{background:#99d8e3;}
.nav.nav-pills li.active a:hover {background:#20409a;}

/*Font Awesome Icon Page*/
.fa-heading .headline					{margin-bottom: 20px;}
.fa-heading .headline h2				{font-size: 19px;}
.fa-icons li							{font-size: 11px;margin-bottom: 3px;background: #fafafa;border: solid 1px #eee;}
.fa-icons li:hover						{color: #0c87cb;}
.fa-icons li i							{padding: 4px;min-width: 30px;font-size: 18px;background: #eee;margin-right: 5px;}
.fa-icons li:hover i					{color: #fff;background: #0c87cb;}

/*GLYPHICONS Icons
Special styles for displaying the icons and their classes*/
.glyphicon								{vertical-align:bottom;margin-bottom:2px;}

/*modal style modify----------------------------------------------- */
.modal-header							{background:#00337d;color:#fff;}
.modal-header .close					{color:#ccc;opacity:0.7;}
.modal-footer							{background:#efefef;}

/*Clients Carousel (Flexslider) modify ------------------------------------*/
.clients								{ box-shadow:none !important; margin-bottom: 0 !important; }
.clients li								{ float: left; overflow: hidden; margin-left: 1px; position: relative; background: #fafafa;}
.clients li:hover						{ background: #f6f6f6;}
.clients li img.color-img				{ top: 0; left: 0; display: none; position: absolute;}
.clients li:hover img.color-img			{ display: block;}
.clients li img							{ filter: gray; /* IE6-9 */ float: none !important; margin: 0 auto !important; }
.clients li img:hover					{ filter: none;}
.clients, .flexslider.home				{ border: 0; overflow: hidden; margin-top: 10px; margin-bottom: 30px;}

.flexslider								{ margin-top: 10px !important; background: none !important;}
.flexslider .flex-direction-nav a		{ margin-top: -10px !important;}

/*Fancybox modify
------------------------------------*/
/*For Topbar*/
.fancybox-overlay.fancybox-overlay-fixed { z-index:9999;}

/*FancyBox Hover Effect modify*/
.zoomer:hover .overlay-zoom .zoom-icon	{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:0.4; filter: alpha(opacity = 50);}
.overlay-zoom							{display: block; cursor: pointer;width: 100%;height: 100%;position: relative; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 90;}
.overlay-zoom .zoom-icon				{ background-image:url("../images/overlay-icon.png"); background-color: #000; background-repeat: no-repeat; background-position: 50%; position: absolute; width: inherit; height: inherit; opacity: 0;  z-index: 100; filter: alpha(opacity = 0); top:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden;}

/*Main Slider (Parallax) modify
------------------------------------*/
.slider-inner .da-slider				{ box-shadow: none; border-bottom: 2px solid #ddd;}

/*Revolution Slider modify
------------------------------------*/
.bg-black-opacity						{ background: url('../images/sliders/revolution/bg-text.png') repeat; padding: 7px; text-shadow: none !important;}
.fullwidthbanner-container				{ padding:0; overflow:hidden; position:relative; width:100% !important; max-height:500px !important;}

/*Layer Slider modify
------------------------------------*/
.layer_slider							{ overflow: hidden;}
.ls-ct-half, .ls-ct-center				{ border-radius: 100px !important;}

/*Boxed Layout modify
------------------------------------*/
.boxed-layout							{ padding: 0; border-left: solid 1px #f7f7f7; border-right: solid 1px #f7f7f7;}

/*input-group-xs size 생성*/
.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {padding: 0px 8px 1px !important;font-size: 12px;line-height: 1.5;border-radius: 3px;}

/*bootstrap form-inline section 2014.03.26*/
.form-inline							{display:table;}
.form-inline .input-group, 
.form-inline select.form-control,
.form-inline .control-label,
.form-inline .form-group				{float:left;margin:0px;}
.form-inline select.form-control				{margin-right:4px;}

.form-inline .control-label				{vertical-align:baseline;padding:3px 10px;}
.form-inline .bs-control-label			{font-weight:bold;padding:3px 7px;padding/***/:3px 7px;float:left;}
.form-inline  .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"]	{margin-left:5px;vertical-align:baseline;}
.form-horizontal .form-group			{margin:2px -15px 2px !important;}
.form-horizontal .form-group .form-group,
.form-horizontal .form-group .bs-form-control 	{margin:2px 0!important;}
.form-horizontal .form-group > [class*='col-'] .form-group > [class*='col-']{padding-right:0;margin-bottom:0;}

