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

/*Import Google Fonts*/
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(//fonts.googleapis.com/css?family=Monda:400,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*Reset Styles
------------------------------------*/
*										{ border-radius: 0 !important}
html									{ height:100%;}
body									{ height:inherit; color: #303030; font-size: 14px; line-height: 1.6; font-family:'Nanum Gothic', 'Malgun Gothic','맑은 고딕', Dotum, "돋움",  'Open Sans', sans-serif;}
p, a, li								{ line-height: 1.6; }

a, a:focus, a:hover, a:active			{ color:#303030; outline: 0 !important;}
a:hover									{ color: #0c87cb;  text-decoration: none;}

h1, h2, h3, h4, h5						{ margin-top: 5px; text-shadow: none;} 
h1 i, h2 i, h3 i, h4 i, h5 i			{ margin-right: 7px;}

/* ul,ol									{ padding-left:20px;*margin-left:0;*padding-left:0;}*/
li> ul, li> ol							{padding-left:20px;}
.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;}
*, *:after, .*:before {*display:block;*content:'';*zoom:1;}

/*headline style --------------------------------------------*/
h2.right-line{color:#7fa9da;margin-bottom:10px;padding:0;line-height:2;font-weight:bold;}
h2.right-line span {line-height:1.8;}
h2.right-line span:after {content:' |';margin-right:5px;font-size:18px;line-height:1;color:#dfdfdf;}
h4.top-line {padding:15px 0 5px;position:relative;}
h4.top-line:after	{content:'';position:absolute;top:0;left:0;width:14px;height:1px;background:#1990cf;}
h4.under-line {font-size:16px;margin-top:0;font-weight:600;padding-bottom:10px;border-bottom:1px solid #dfdfdf;position:relative;}
h4.under-line:after	{content:'';clear:both;position:absolute;bottom:0;left:0px;width:100px;height:1px;background:#1990cf;}

.bs-lead	{font-size:20px;font-family:'Nanum Myeongjo',Cambria;}
.bs-lead.bs-lead-lg {font-size:24px;}
.bs-lead.bs-lead-sm {font-size:16px;}

/* Reset the container */
.container								{ max-width: none !important; width:1030px !important;}

/* Demonstrate the grids */
/* .col-xs-4								{ padding-top: 15px; padding-bottom: 15px; border: 0px solid #ddd; background-color: rgba(255,255,255,.15); border: 0px solid rgba(86,61,124,.2);} */
.container .navbar-header,.container .navbar-collapse { margin-right: 0; margin-left: 0;}

/*부분 센터 상단*/
.bs-breadcrumbs						{background:#e8f0f8;}
.bs-breadcrumbs .page-header{border-bottom:none;margin-top:0;padding-bottom:5px;}
.bs-breadcrumbs h1 					{margin-bottom:18px;}
.bs-breadcrumbs .lead 				{line-height:1.4;font-size:16px;}

/* jumjum (한줄 점점 처리)-------------------------------- */
.bs-abbre {display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:98%;}

/*Purchase Block*/
.bs-purchase								{padding: 30px 0;margin-bottom: 30px;box-shadow: inset 0 0 4px #eee;	background: url(../img/breadcrumbs.png) repeat;}
.bs-purchase p								{margin-bottom: 0;}
.bs-purchase span							{color: #666;display: block;	font-size: 28px;font-weight: 200;line-height: 35px;	margin-bottom: 12px;}
.bs-purchase a.btn-buy						{color: #fff;font-size: 16px;cursor: pointer;margin-top: 22px;font-weight: bold;background: #0c87cb;display: inline-block;*display:inline;*zoom:1;text-decoration: none;padding: 12px 28px 9px;	text-transform: uppercase;	text-shadow: 0 1px 0 #51a00b;}
.bs-purchase a.btn-buy:hover				{color: #fff;background: #68af28;	text-decoration: none;	box-shadow: 0 0 5px #c0c2c1;} 

/*common callout*/
.bs-callout {margin: 20px 0;padding: 20px;border-left: 3px solid #eee;}
.bs-callout h4,.callout h5 {margin-top: 0; margin-bottom: 5px;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code {background-color: #fff; border-radius: 3px;}

/* Variations */
.bs-callout-danger { background-color: #fdf7f7; border-color: #d9534f;}
.bs-callout-danger h4,.callout-danger h5 {color: #d9534f;}
.bs-callout-warning {background-color: #fcf8f2; border-color: #f0ad4e;}
.bs-callout-warning h4,.callout-warning h5 { color: #f0ad4e;}
.bs-callout-info { background-color: #f4f8fa; border-color: #7fa9da;}
.bs-callout-info h4,.callout-info h5 { color: #1990cf;}

/* base Tag Boxes------------------------------------*/
.bs-box  {	padding:15px;margin-bottom:20px;background-color:0px 1px 1px rgba(0,0,0,0.05);position:relative;}
.bs-box h2 {font-size: 20px;line-height: 25px;}

/*Tag Boxes v1*/
.bs-box-top-line {border: solid 1px #ddd;border-top: solid 2px #1990cf;}
/*Tag Boxes v2*/
.bs-box-left-line {background: #fafafa;border: solid 1px #ddd;border-left: solid 2px #1990cf;}
/*Tag Boxes v3*/
.bs-box-border {border: solid 2px #ddd;}
/*Tag Boxes v4*/
.bs-box-dashed {border: dashed 1px #bbb;}
/*Tag Boxes v5*/
.bs-box-dashed-bg {margin: 20px 0;text-align: center;border: dashed 1px #ccc;}
.bs-box-dashed-bg span {color: #555;font-size: 28px;margin-bottom: 0;}
/*Tag Boxes v6*/
.bs-box-solid-bg {background: #fafafa;border: solid 1px #ddd;}
/*Tag Boxes v7*/
.bs-box-bottom-line {border: solid 1px #ddd;border-bottom: solid 2px #1990cf;}
/*Tag Boxes v8*/
.bs-box-solid-line {border: solid 1px #ddd;background:#fff;}

/*공지글 용도의 박스 Background - light-style*/
.bs-bg-light								{ padding:20px 15px; margin-bottom:20px; background:#fcfcfc; border:solid 1px #e5e5e5;}
.bs-bg-light:hover							{ border:solid 1px #bbb;}
.bs-bg-light .title							{line-height:40px;margin:20px;}

.bs-info-box								{padding:15px 15px; margin-bottom:20px; background:#e8f0f8; border:solid 2px transparent;color:#565656;border-radius:20px !important;}
.bs-info-box:hover							{border:solid 2px #d9e7f4;}
.bs-info-box .icons-ul						{margin-left:1px;}
.bs-info-box .icons-ul .icon-li				{color:#538dd5;}
.bs-info-box .icon-border					{border-color:#bcd0e4;color:#779fd0;text-align:center;}
.bs-info-box hr								{border-color:#d9e7f4;margin-bottom:10px;margin-top:15px;}
.bs-info-box h4								{border:0 !important;margin-bottom:0!important;;padding-bottom:0!important;;color:#5d758d;}

/* table style -------------------------------------------- */
.bs-table 					{border-top:2px solid #20409a;}
/*.bs-table thead > tr > th					{border-bottom: none;}*/
.bs-table > thead > tr > td.head,
.bs-table > tbody > tr > td.head,
.bs-table > tfoot > tr > td.head,
.bs-table > thead > tr > th.head,
.bs-table > tbody > tr > th.head,
.bs-table > tfoot > tr > th.head,
.bs-table > thead > tr.head > td,
.bs-table > tbody > tr.head > td,
.bs-table > tfoot > tr.head > td,
.bs-table > thead > tr.head > th,
.bs-table > tbody > tr.head > th,
.bs-table > tfoot > tr.head > th { background-color: #e8f0f8;border-bottom-width:1px;vertical-align:middle;}
.bs-table-hover > tbody > tr > td.head:hover,
.bs-table-hover > tbody > tr > th.head:hover,
.bs-table-hover > tbody > tr.head:hover > td,
.bs-table-hover > tbody > tr.head:hover > th { background-color: #f3f9ff;}
.bs-table .head th {text-align:center;}

/*--------------------Icons----------------------------------------------------------------*/
/*bootstrap icon style ----------------------------------------------- */
.bs-glyphicons							{padding-left: 0;padding-bottom: 1px;margin-bottom: 20px;list-style: none;overflow: hidden;list-style-type:none;}
.bs-glyphicons li						{float: left;width: 25%;padding: 10px;line-height: 1.4;text-align: center; margin: 0 -1px -1px 0;border: 1px solid #ddd;}
.bs-glyphicons .glyphicon,.bs-glyphicons i[class*='icon-']		{display: block;font-size: 24px;margin: 5px auto 10px;}
.bs-glyphicons li:hover,.bs-glyphicons li.active				{color: #0c87cb;background-color: #fafafa;}
.bs-glyphicons-list		{list-style-type:none;margin:0;padding-left:0;}
.bs-glyphicons-list  li {width:14.38%;background:#fff;}
.bs-glyphicons-list  li:hover {background:#dce4ec;}
.bs-glyphicons-list  li.active {background:#538dd5;border-left:1px solid #20409a;border-top:1px solid #20409a;}
.bs-glyphicons-list  li a {display:block;width:100%;height:100%;}
.bs-glyphicons-list  li:hover a {color:#565656;}
.bs-glyphicons-list  li.active a {color:#fff;}

.bs-btns											{padding-left:0;margin-bottom: 20px;list-style: none;overflow: hidden;}
.bs-btns li											{float: left;width: 20.18%;font-size:14px;line-height:1.2;text-align:center;margin: 0 -1px 0px 0;}
.bs-btns li a										{display:block;padding:10px;width:100%;background-color:rgba(0,51,125,0.75);border: 1px solid transparent;color:#fff; }
.bs-btns li a:hover,.bs-btns li.active	a			{color: #eff4f7;background-color: #0c87cb;opacity:1;}
.bs-btns .glyphicon,.bs-btns i[class*='icon-']		{display: block;font-size: 24px;margin: 5px auto 5px;}

/*font Awesome inline-block style*/
.bs-style-icons i							{display: inline-block !important;}
.bs-style-icons a:hover						{text-decoration: none;}

/*Font Awesome Icon Styles*/
/* Make Font Awesome icons fixed width */
i.bs-icon-round								{width: 1.25em;text-align: center;color: #666;padding: 7px 0; min-width: 40px;font-size: 22px;margin-bottom: 5px;display: inline-block;border: solid 1px #ddd;border-radius:50% !important;behavior: url(/public/assets/pie/PIE.htc);}
i.bs-icon-round-lg							{width: 1.5625em;min-width:55px;font-size: 35px;padding: 10px 0;line-height: 33px;margin-bottom: 10px;border-radius:50% !important;behavior: url(/public/assets/pie/PIE.htc);}
i.bs-icon-round-sm							{padding: 5px 0;font-size: 16px;min-width: 30px;}

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

i.bs-icon-bg-red,
i.bs-icon-bg-sea,
i.bs-icon-bg-grey,
i.bs-icon-bg-blue,
i.bs-icon-bg-green,
i.bs-icon-bg-yellow,
i.bs-icon-bg-orange,
i.bs-icon-bg-default					{color: #fff; border: none;background: #666;}
i.bs-icon-bg-blue							{background: #3498db;}
i.bs-icon-bg-red							{background: #e74c3c;}
i.bs-icon-bg-sea							{background: #1abc9c;}
i.bs-icon-bg-green						{background: #2ecc71;}
i.bs-icon-bg-yellow						{background: #f1c40f;}
i.bs-icon-bg-orange						{background: #e67e22;}
i.bs-icon-bg-grey							{background: #95a5a6;}
i.bs-icon-bg-default					{background: #666;}

/*Social Icons*/
.bs-social-icons							{margin: 0;padding: 0;}
.bs-social-icons li						{float: left;display: inline; list-style: none;margin-right: 5px;margin-bottom: 5px;text-indent: -9999px;}
.bs-social-icons li a, a.social-icon		{width: 28px;height: 28px;display: block;background-position: 0 0;background-repeat: no-repeat;transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.bs-social-icons li:hover a				{background-position: 0 -38px;}
.social-icons-color li a				{opacity: 0.7;background-position:0 -38px !important;}
.social-icons-color li a:hover			{opacity: 1;}
.social_amazon							{background: url(../images/social/amazon.png) no-repeat;}
.social_behance							{background: url(../images/social/behance.png) no-repeat;}
.social_blogger							{background: url(../images/social/blogger.png) no-repeat;}
.social_deviantart						{background: url(../images/social/deviantart.png) no-repeat;}
.social_dribbble						{background: url(../images/social/dribbble.png) no-repeat;}
.social_dropbox							{background: url(../images/social/dropbox.png) no-repeat;}
.social_evernote						{background: url(../images/social/evernote.png) no-repeat;}
.social_facebook						{background: url(../images/social/facebook.png) no-repeat;}
.social_forrst							{background: url(../images/social/forrst.png) no-repeat;}
.social_github							{background: url(../images/social/github.png) no-repeat;}
.social_googleplus						{background: url(../images/social/googleplus.png) no-repeat;}
.social_jolicloud						{background: url(../images/social/jolicloud.png) no-repeat;}
.social_last-fm							{background: url(../images/social/last-fm.png) no-repeat;}
.social_linkedin						{background: url(../images/social/linkedin.png) no-repeat;}
.social_picasa							{background: url(../images/social/picasa.png) no-repeat;}
.social_pintrest						{background: url(../images/social/pintrest.png) no-repeat;}
.social_rss								{background: url(../images/social/rss.png) no-repeat;}
.social_skype							{background: url(../images/social/skype.png) no-repeat;}
.social_spotify							{background: url(../images/social/spotify.png) no-repeat;}
.social_stumbleupon						{background: url(../images/social/stumbleupon.png) no-repeat;}
.social_tumblr							{background: url(../images/social/tumblr.png) no-repeat;}
.social_twitter							{background: url(../images/social/twitter.png) no-repeat;}
.social_vimeo							{background: url(../images/social/vimeo.png) no-repeat;}
.social_wordpress						{background: url(../images/social/wordpress.png) no-repeat;}
.social_xing							{background: url(../images/social/xing.png) no-repeat;}
.social_yahoo							{background: url(../images/social/yahoo.png) no-repeat;}
.social_youtube							{background: url(../images/social/youtube.png) no-repeat;}
.social_vk								{background: url(../images/social/vk.png) no-repeat;}

/*-------------------button style -------------------------------------------- */
/*blue sky button style*/
.bs-btn									{border:0; font-size:14px; cursor:pointer; padding:6px 13px; position:relative; background:#0c87cb;display:inline-block;color:#fff !important;text-decoration:none !important;}
.bs-btn:hover							{color:#fff;background:#5fb611;text-decoration:none; -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;}
.bs-btn-small							{padding:3px 12px;}
.bs-btn-lg								{font-size:18px;padding:10px 25px;}
a.bs-btn								{padding:4px 13px;vertical-align:middle;}
a.bs-btn-small							{padding:2px 12px;}
a.bs-btn-lg								{font-size:18px;padding:6px 25px;}

/*Buttons Color*/
.bs-btn-blue							{background: #3498db !important;}
.bs-btn-blue:hover,.bs-btn-blue.active						{background: #2980b9 !important;}
.bs-btn-red								{background: #e74c3c !important;}
.bs-btn-red:hover,.bs-btn-red.active						{background: #c0392b !important;}
.bs-btn-orange							{background: #e67e22 !important;}
.bs-btn-orange:hover,.bs-btn-orange.active					{background: #d35400 !important;}
.bs-btn-sea								{background: #1abc9c !important;}
.bs-btn-sea:hover,.bs-btn-sea.active						{background: #16a085 !important;}
.bs-btn-green							{background: #2ecc71 !important;}
.bs-btn-green:hover,.bs-btn-green.active						{background: #27ae60 !important;}
.bs-btn-yellow							{background: #f1c40f !important;}
.bs-btn-yellow:hover,.bs-btn-yellow.active					{background: #f39c12 !important;}
.bs-btn-default							{background: #95a5a6 !important;}
.bs-btn-default:hover,.bs-btn-default.active			{background: #7f8c8d !important;}
.bs-btn-pink							{background: #f26d7d !important;}
.bs-btn-pink:hover,.bs-btn-pink.active			{background: #ec4054 !important;}

.bs-btn-dksky						{background: #538dd5 !important;}
.bs-btn-dksky:hover					{background: #127db5 !important;}
.bs-btn-dkviolet						{background: #5872bc !important;}
.bs-btn-dkviolet:hover			{background: #3a59af !important;}
.bs-btn-dkgreen						{background: #379dae !important;}
.bs-btn-dkgreen:hover			{background: #1e9db2 !important;}
.bs-btn-dksea						{background: #0ab7c2 !important;}
.bs-btn-dksea:hover			{background: #049098 !important;}

.btn {box-shadow: none;}
.btn-u { white-space: nowrap; border: 0; color: #fff; font-size: 13px; cursor: pointer;font-weight: 400;padding: 5px 10px;position: relative;background: #72c02c;display: inline-block;text-decoration: none;}
.btn-u:hover {color: #fff;text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/*Bordered Buttons*/
.btn-u.btn-brd { color: #555; font-weight: 200; background: none; border: solid 1px transparent;  -webkit-transition: all 0.1s ease-in-out;  -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.btn-u.btn-brd:hover { background: none; border: solid 1px #eee;}
.btn-u.btn-brd:focus { background: none;}
.btn-u.btn-brd.btn-brd-hover:hover { color: #fff !important;}
.btn-u.btn-brd { border-color: #72c02c;}
.btn-u.btn-brd:hover {color: #5fb611; border-color: #5fb611;}
.btn-u.btn-brd.btn-brd-hover:hover {background: #5fb611;}
.btn-u.btn-brd.btn-u-blue {border-color: #3498db;}
.btn-u.btn-brd.btn-u-blue:hover {color: #2980b9;border-color: #2980b9;}
.btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {background: #2980b9;}
.btn-u.btn-brd.btn-u-red { border-color: #e74c3c;}
.btn-u.btn-brd.btn-u-red:hover { color: #c0392b; border-color: #c0392b;}
.btn-u.btn-brd.btn-u-red.btn-brd-hover:hover { background: #c0392b;}
.btn-u.btn-brd.btn-u-orange { border-color: #e67e22;}
.btn-u.btn-brd.btn-u-orange:hover { color: #d35400;  border-color: #d35400;}
.btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover { background: #d35400;}
.btn-u.btn-brd.btn-u-sea { border-color: #1abc9c;}
.btn-u.btn-brd.btn-u-sea:hover { color: #16a085; border-color: #16a085;}
.btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover { background: #16a085;}
.btn-u.btn-brd.btn-u-green { border-color: #2ecc71;}
.btn-u.btn-brd.btn-u-green:hover {color: #27ae60;border-color: #27ae60;}
.btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {background: #27ae60;}
.btn-u.btn-brd.btn-u-yellow {border-color: #f1c40f;}
.btn-u.btn-brd.btn-u-yellow:hover {color: #f39c12;border-color: #f39c12;}
.btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {background: #f39c12;}
.btn-u.btn-brd.btn-u-default {border-color: #95a5a6;}
.btn-u.btn-brd.btn-u-default:hover {color: #7f8c8d;border-color: #7f8c8d;}
.btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {background: #7f8c8d;}
.btn-u.btn-brd.btn-u-dark {border-color: #555;}
.btn-u.btn-brd.btn-u-dark:hover {color: #333;border-color: #333;}
.btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {background: #333;}
.btn-u.btn-brd.btn-u-light-grey {border-color: #585f69;}
.btn-u.btn-brd.btn-u-light-grey:hover {color: #484f58;border-color: #484f58;}
.btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {background: #484f58;}
.btn-u.btn-brd.btn-u-purple {border-color: #9b6bcc;}
.btn-u.btn-brd.btn-u-purple:hover {color: #814fb5;border-color: #814fb5;}
.btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {background: #814fb5;}
.btn-u.btn-brd.btn-u-aqua {border-color: #27d7e7;}
.btn-u.btn-brd.btn-u-aqua:hover {color: #26bac8;border-color: #26bac8;}
.btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover { background: #26bac8;}
.btn-u.btn-brd.btn-u-brown {border-color: #9c8061;}
.btn-u.btn-brd.btn-u-brown:hover {color: #81674b;border-color: #81674b;}
.btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {background: #81674b;}
.btn-u.btn-brd.btn-u-dark-blue {border-color: #4765a0;}
.btn-u.btn-brd.btn-u-dark-blue:hover {color: #324c80;border-color: #324c80;}
.btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {background: #324c80;}
.btn-u.btn-brd.btn-u-light-green {border-color: #79d5b3;}
.btn-u.btn-brd.btn-u-light-green:hover {color: #59b795; border-color: #59b795;}
.btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {background: #59b795;}
.btn-u.btn-brd.btn-u-light {color: #fff;border-color: #fff;}
.btn-u.btn-brd.btn-u-light:hover {border-color: #fff;}
.btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {background: #fff;color: #555 !important;}

/* tabs 모양 **************************************/
.bs-tab-lg			  {width:auto;height:auto;clear:both;}
.bs-tab-lg .nav-tabs { border-bottom: 1px solid #ddd;}
.bs-tab-lg .nav-tabs > li { float: left; margin-bottom: -1px;}
.bs-tab-lg .nav-tabs > li > a { margin-right: -1px; padding:10px 30px; line-height: 1.428571429; background:#f3f6f8;border: 1px solid #ddd; border-radius: 4px 4px 0 0}
.bs-tab-lg .nav-tabs > li > a:hover { border-color: #eee #eee #ddd;}
.bs-tab-lg .nav-tabs > li.active > a,
.bs-tab-lg .nav-tabs > li.active > a:hover,
.bs-tab-lg .nav-tabs > li.active > a:focus { color: #fff; cursor: default; background-color: #1990cf; border: 1px solid #0c87cb; border-bottom-color: transparent;}

.bs-tab-sm .nav-tabs{border-bottom:1px solid #ddd;}
.bs-tab-sm .nav-tabs > li { float: left; margin-bottom: -1px;}
.bs-tab-sm .nav-tabs > li > a { margin-right: 0px; padding:5px 20px; line-height: 1.428571429; background:#f3f6f8;border: 1px solid #ddd; border-radius: 0}
.bs-tab-sm .nav-tabs > li.active > a,
.bs-tab-sm .nav-tabs > li.active > a:hover,
.bs-tab-sm .nav-tabs > li.active > a:focus { cursor: default; color:#fff; background:#1990cf;border: 1px solid #0c87cb;border-bottom-color: transparent;}

.bs-tabs .nav-tabs{border-bottom:1px solid #00337d;}
.bs-tabs .nav-tabs > li { float: left; margin-bottom: -1px;}
.bs-tabs .nav-tabs > li > a { margin-right: 0px; padding:10px 30px; line-height: 1.428571429; background:#f3f6f8;border: 1px solid #ddd; border-radius: 0;font-weight:600;}
.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:#1468be; border: 1px solid #00337d;border-top-width:3px; background:#fff;border-bottom:2px solid #fff;border-bottom-color: transparent;}


@media (max-width: 480px) {
.bs-tabs .nav-tabs > li > a {padding:5px 10px;}
}

/*process bar**************************************/
.bs-breadcrumb { overflow: hidden; list-style: none; margin: 0 0 20px; padding: 0; width: 100%;}
.bs-breadcrumb > li { float: left; margin: 0 25px 0 0;}
.bs-breadcrumb > li:last-child,.bs-breadcrumb > li.last-child {margin-right:0}
.bs-breadcrumb > li > .step { position: relative; float: left; background-color: #dee8f4; color: #565656; font-size: 14px; padding: 10px;}
.bs-breadcrumb > li > .step:before { position: absolute; top: 50%; left: -1em; margin-top: -1.6em; border-color: #dee8f4 #dee8f4 #dee8f4 rgba(0, 0, 0, 0); border-style: solid; border-width: 1.5em 0 1.7em 1em; content: "";behavior: url(/public/assets/pie/PIE.htc);}
.bs-breadcrumb > li > .step:after { position: absolute; top: 50%; right: -1em; margin-top: -1.5em; border-bottom: 1.5em solid rgba(0, 0, 0, 0); border-left: 1em solid #dee8f4; border-top: 1.5em solid rgba(0, 0, 0, 0); content: "";behavior: url(/public/assets/pie/PIE.htc);}
.bs-breadcrumb > li > .step:hover, .bs-breadcrumb > li > .step.active { text-decoration: none; background-color: #1c7ebb; color: #fff;}
.bs-breadcrumb > li > .step:hover:before, .bs-breadcrumb > li > .step.active:before { border-color: #1c7ebb #1c7ebb #1c7ebb rgba(0, 0, 0, 0);}
.bs-breadcrumb > li > .step:hover:after, .bs-breadcrumb > li > .step.active:after { border-left: 1em solid #1c7ebb;}

.bs-breadcrumb > li > .step1			{background:#f98e33;color:#fff;}
.bs-breadcrumb > li > .step1:before		{border-color: #f98e33 #f98e33 #f98e33 rgba(0, 0, 0, 0);}
.bs-breadcrumb > li > .step1:after		{border-left: 1em solid #f98e33;}
.bs-breadcrumb > li > .step2			{background:#ffb61c;color:#fff;}
.bs-breadcrumb > li > .step2:before		{border-color: #ffb61c #ffb61c #ffb61c rgba(0, 0, 0, 0);}
.bs-breadcrumb > li > .step2:after		{border-left: 1em solid #ffb61c;}
.bs-breadcrumb > li > .step3			{background:#23ae89;color:#fff;}
.bs-breadcrumb > li > .step3:before		{border-color: #23ae89 #23ae89 #23ae89 rgba(0, 0, 0, 0);}
.bs-breadcrumb > li > .step3:after		{border-left: 1em solid #23ae89;}
.bs-breadcrumb > li > .step4			{background:#2ec1cc;color:#fff;}
.bs-breadcrumb > li > .step4:before		{border-color: #2ec1cc #2ec1cc #2ec1cc rgba(0, 0, 0, 0);}
.bs-breadcrumb > li > .step4:after		{border-left: 1em solid #2ec1cc;}
.bs-breadcrumb > li > .step5			{background:#449dd5;color:#fff;}
.bs-breadcrumb > li > .step5:before		{border-color: #449dd5 #449dd5 #449dd5 rgba(0, 0, 0, 0);}
.bs-breadcrumb > li > .step5:after		{border-left: 1em solid #449dd5;}
.bs-breadcrumb > li > .step6			{background:#1c7ebb;color:#fff;}
.bs-breadcrumb > li > .step6:before		{border-color: #1c7ebb #1c7ebb #1c7ebb rgba(0, 0, 0, 0);}
.bs-breadcrumb > li > .step6:after		{border-left: 1em solid #1c7ebb;}
.bs-breadcrumb > li > .step7			{background:#6a55c2;color:#fff;}
.bs-breadcrumb > li > .step7:before		{border-color: #6a55c2 #6a55c2 #6a55c2 rgba(0, 0, 0, 0);}
.bs-breadcrumb > li > .step7:after		{border-left: 1em solid #6a55c2;}
.bs-breadcrumb > li > .step8			{background:#e94b3b;color:#fff;}
.bs-breadcrumb > li > .step8:before		{border-color: #e94b3b #e94b3b #e94b3b rgba(0, 0, 0, 0);}
.bs-breadcrumb > li > .step8:after		{border-left: 1em solid #e94b3b;}

/*process wizard***********************************/
.bs-wizard-steps {list-style: none;display: table;width: 100%;padding: 0;margin: 0;position: relative}
.bs-wizard-steps li {display: table-cell;text-align: center;width: 1%}
.bs-wizard-steps li .step {border: 5px solid #ced1d6;color: #546474;font-size: 15px; -webkit-border-radius:100%; -moz-border-radius:100%;border-radius:100% !important;behavior: url(/public/assets/pie/PIE.htc); background-color: #FFF;position: relative;z-index: 2;display: inline-block;width: 40px;height: 40px;line-height: 30px;	text-align: center}
.bs-wizard-steps li:before {display: block;content: "";width: 100%;height: 1px;font-size: 0;overflow: hidden;border-top: 4px solid #ced1d6;position: relative;top: 21px;z-index: 1}
.bs-wizard-steps li:last-child:before {max-width: 50%;width: 50%}
.bs-wizard-steps li:first-child:before {max-width: 51%;left: 50%}
.bs-wizard-steps li.active:before, .bs-wizard-steps li.complete:before, .bs-wizard-steps li.active .step, .bs-wizard-steps li.complete .step {border-color: #5293c4}
.bs-wizard-steps li.complete .step {cursor: default;color: #FFF; -webkit-transition: transform ease .1s;	transition: transform ease .1s}
.bs-wizard-steps li.complete .step:before {display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;line-height: 30px;text-align: center;behavior:url(/public/assets/pie/PIE.htc);border-radius: 100%;content: "\f00c";background-color: #FFF;z-index: 3;	font-family: FontAwesome;font-size: 17px;color: #87ba21}
.bs-wizard-steps li.complete:hover .step {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);border-color: #80afd4}
.bs-wizard-steps li.complete:hover:before {border-color: #80afd4}
.bs-wizard-steps li .title {display: block;margin-top: 4px;max-width: 100%;color: #949ea7;font-size: 14px;z-index: 104;text-align: center;table-layout: fixed;word-wrap: break-word}
.bs-wizard-steps li.complete .title, .bs-wizard-steps li.active .title {color: #2b3d53}
.bs-step-content .step-pane {display: none;min-height: 200px;padding: 4px 8px 12px}
.bs-step-content .active {display: block}
.bs-wizard-actions {text-align: right}

/*process wizard-v2***********************************/
.bs-wizard-steps-v2 {list-style: none;display: block;width: 100%;padding: 0;margin: 0;position: relative;clear:both}
.bs-wizard-steps-v2 li {display: inline-block;text-align: left;width: 25%;float:left}
.bs-wizard-steps-v2 li .step {border: 5px solid #5293c4;color: #546474;font-size: 14px; background-color: #FFF;position: relative;padding:5px 8px;z-index: 2;display: inline-block;width: auto;height: auto;text-align: center}
.bs-wizard-steps-v2 li .step.end{width:100%}
.bs-wizard-steps-v2 li:before {display: block;content: "";width: 100%;height: 1px;font-size:0;overflow: hidden;border-top: 4px solid #5293c4;position: relative;top: 22px;z-index: 1}
.bs-wizard-steps-v2 li:last-child:before {max-width: 50%;width: 50%;}
.bs-wizard-steps-v2 li:first-child:before {max-width: 81%;left: 30%}

/*process content in-style2 */
.bs-highlight								{ padding: 15px 20px; margin-bottom: 14px; background-color: #f7f7f9;background-color:0px 1px 3px rgba(247,247,249,0.8); border: 1px solid #e1e1e8; border-radius: 4px !important;}
.bs-highlight .icons-ul						{margin-left:90px;}
.bs-highlight .title						{margin:30px;}
.bs-highlight								{position:relative;padding-left:50px;height:70px;background:#fff}
			
/*CSS3 Hover Effects*/
.bs-hover-effect							{ -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;}
.hover-effect-kenburn					{ left:10px; margin-left:-10px; position:relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.hover-effect-kenburn:hover				{ -webkit-transform: scale(2) rotate(5deg); -moz-transform: scale(2) rotate(5deg); -o-transform: scale(2) rotate(5deg); -ms-transform: scale(2) rotate(5deg); transform: scale(2) rotate(5deg);}

/*Responsive Video
------------------------------------*/
.bs-responsive-video						{ height: 0; padding-top: 1px; position: relative; padding-bottom: 56.25%; /* 16:9 */}
.bs-responsive-video iframe				{ top: 0; left: 0; width: 100%; height: 100%; position: absolute;}

/*사이트맵을 위한 스타일*/
.bs-sitemap {margin-bottom:50px;border-bottom:1px solid #eee;}
.bs-sitemap .sitemap-header {padding:8px 20px 5px;font-weight:bolder;color:#333;margin:0;border-top:3px solid #7fa9da;border-bottom:1px dashed #bbb;background:#fff;}
.bs-sitemap .nav > li > a {display: block;color: #716b7a;padding: 6px 20px;}
.bs-sitemap .nav > li > a:hover,
.bs-sitemap .nav > li > a:focus {font-weight: normal;text-decoration: none;background-color: #fdfdfd;border-right: 0px solid #c2ced9;}
.bs-sitemap .nav > .active > a,
.bs-sitemap .nav > .active:hover > a,
.bs-sitemap .nav > .active:focus > a {font-weight: normal;color: #0c87cb;background-color: transparent;border-right: 0px solid #0c87cb;}

/* 사이트맵을 위한 스타일 lavel (shown on .active) */
.bs-sitemap .nav .nav {display: none; margin-bottom: 0px;}
.bs-sitemap .nav .nav > li > a {padding:5px 10px 5px 25px;font-size: 90%;}
.bs-sitemap .nav .nav > li > a:before{content:"ㆍ";font-family:'Nanum Gothic', cursive,'Malgun Gothic','맑은 고딕';font-size:6px;vertical-align:middle;display:inline-block;padding-right:5px;color:#7fa9da;}
.bs-sitemap .nav .nav .nav > li > a {padding-left:40px;background:#fff;}
/* .bs-sitemap .nav .nav .nav > li > a:before {content:'·';font-size:12px;vertical-align:top;} */
.bs-sitemap .nav .nav .nav{margin-bottom:0 !important;}
.bs-sitemap .nav > .active > ul { display: block;}

.bs-sitemap-v2 {border-top:2px solid #00337d;clear:both;}
.bs-sitemap-v2 .sitemap-header h4{font-weight:bold;margin-top:15px;color:#0c87cb;}
.bs-sitemap-v2 .sitemap-nav > li{display:inline-block;vertical-align:top;width:25%;border-bottom:1px solid #eee;margin:0 -2px 20px;}
.bs-sitemap-v2 .sitemap-nav > li a:before {content:'ㆍ';font-size:16px;}
.bs-sitemap-v2 .sitemap-nav > li > a{font-weight:bold;padding-left:10px;}
.bs-sitemap-v2 .sitemap-nav > li > .nav {padding-bottom:10px;}
.bs-sitemap-v2 .sitemap-nav > li > .nav li a{padding:0 15px 0 20px;font-size:13px;}
.bs-sitemap-v2 .sitemap-nav > li > .nav li a:hover {background:none;}
.bs-sitemap-v2 .sitemap-nav > li > .nav li a:before{content:"ㆍ";font-family:'Nanum Gothic', cursive,'Malgun Gothic','맑은 고딕';font-size:8px;vertical-align:middle;display:inline-block;padding-right:5px;color:#7fa9da;}

/*.bs-scrollspay*/
.bs-scrollspay	.collapse {padding:0;}
.bs-scrollspay	.navbar-brand {padding:10px 0;margin-right:20px;font-size:16px;font-weight:bold;color:#7fa9da;}
.bs-scrollspay	.scrollspy-box {position:relative;height:200px;margin-top:10px;overflow:auto;}
.bs-scrollspay	.scrollspy-box h5 {margin-top:30px;}
.bs-scrollspay	.scrollspy-box ul.list-unstyled > li[id*='th']{padding-left:20px;position:relative;padding-bottom:15px;}
.bs-scrollspay	.scrollspy-box ul.list-unstyled > li span{position:absolute;left:0}
/*Others (Global classes)
------------------------------------*/
/*color swach*/
.bs-color-sea								{ color:#1abc9c !important;}
.bs-color-red								{ color:#e74c3c !important;}
.bs-color-blue								{ color:#3498db !important;}
.bs-color-dblue								{ color:#20409a !important;;}
.bs-color-green								{ color:#8dc63f !important;}
.bs-color-orange							{ color:#e67e22 !important;}
.bs-color-green1							{ color:#2ecc71 !important;}
.bs-color-gray								{ color:#aaa !important;}
.bs-color-yellow							{ color:#fff200 !important;}
.bs-color-pink								{ color:#f26d7d !important;}
.bs-color-violet							{ color:#92278f !important;}
.bs-color-white								{ color:#fff !important;}

.bs-bgcolor-red,
.bs-bgcolor-sea,
.bs-bgcolor-grey,
.bs-bgcolor-blue,
.bs-bgcolor-green,
.bs-bgcolor-yellow,
.bs-bgcolor-orange,
.bs-bgcolor-pink,
.bs-bgcolor-default						{color: #fff; border-color: transparent;background: #efefef;}
.bs-bgcolor-blue						{background: #3498db;}
.bs-bgcolor-red							{background: #e74c3c;}
.bs-bgcolor-sea							{background: #1abc9c;}
.bs-bgcolor-green						{background: #2ecc71;}
.bs-bgcolor-yellow						{background: #f1c40f;}
.bs-bgcolor-orange						{background: #e67e22;}
.bs-bgcolor-grey						{background: #95a5a6;}
.bs-bgcolor-pink						{background:#f26d7d;}
.bs-bgcolor-sky							{background:#cae2f6;color: #565656;}
.bs-bgcolor-none						{background:none;background:/***/#fff;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}

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

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


/*image spaces-------------------------- */
.bs-lt-img-margin						{ margin:0 20px 5px 0;}
.bs-gt-img-margin						{ margin:0 0 5px 10px;}

.overflow-hidden						{ overflow:hidden;}
.img-width-200							{ width:200px;}

/*Image Border*/
.img-border								{ border:solid 3px #fff;}

/*문단 좌우정렬*/
.text-justify p							{ text-align: justify;}

/*Spaces*/
.margin-top-0,
.margin-bottom-0,
.margin-bottom-5, .margin-bottom-10, 
.margin-bottom-20,.margin-bottom-25, 
.margin-bottom-30, .margin-bottom-35, 
.margin-bottom-40, .margin-bottom-50, 
.margin-bottom-60						{ clear:both;}

.margin-top-0							{ margin-top:0 !important;}
.margin-bottom-0						{ margin-bottom:0 !important;}
.margin-bottom-5						{ margin-bottom:5px;}
.margin-bottom-10						{ margin-bottom:10px;}
.margin-bottom-20						{ margin-bottom:20px;}
.margin-bottom-25						{ margin-bottom:25px;}
.margin-bottom-30						{ margin-bottom:30px;}
.margin-bottom-35						{ margin-bottom:35px;}
.margin-bottom-40						{ margin-bottom:40px;}
.margin-bottom-50						{ margin-bottom:50px;}
.margin-bottom-60						{ margin-bottom:60px;}

.margin-top-0							{ margin-left:0 !important;}
.padding-top-0							{ padding-top:0 !important;}
.padding-left-0							{ padding-left:0px !important;}
.padding-left-5							{ padding-left:5px;}