/*
 *
 *  BSN V2.0 STYLE
 
 	blue : 0E9AEF
 	blue over : 2581C7	
 *
*/
/* GLOBAL STYLES
-------------------------------------------------- */

.comment {
	color:#767676;
	letter-spacing: -0.7px;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.1em;
}
h2 {
	font-size: 25px;
	font-weight: 200;
}
h2.comment {
	/*color:#767676;*/
}
small.comment {
	/*color:#767676;*/
}
h3 {
	font-size: 20px;
	font-weight: 200;
}
h3.comment {
	/*color:#767676;*/
}
h4 {
	font-size: 18px;
	font-weight: 200;
}
h4.comment {
	/*color:#767676;*/
}
img, ul, li, dl, dt, dd, h1, h2, p {
    list-style: outside none none;
}

ul.func-list > li > span {
    background: transparent url("/assets_landing/img/bsn/icon_func.png") no-repeat scroll 0px 5px;
    padding-left:24px;
    width: 310px;
	display: inline-block;
	text-align: left;
}

.bsn-logo {
	width:150px;
	height:32px;
	padding-top: 18px;
}
.mobile-bsn-logo {
	width:150px;
	height:32px;
	padding-top: 11px;
}
.mobile-bsn-logo {
	position:absolute;
	visibility: hidden;
}
.bsn-logo > a.bsn-img-logo, .mobile-bsn-logo > a.bsn-img-logo {
	display: inline-block;
	width:77px;
	height:32px;
	text-indent: -999em;
}
.navbar-default .bsn-logo > a.bsn-img-logo, .bsn-img-logo-white {	
	background: url("/assets_landing/img/bsn/v2_LOGO_01.png") no-repeat;
	background-position: 0px -32px;	
}
.navbar-scroll.navbar-default .bsn-logo > a.bsn-img-logo, .bsn-img-logo-blue {
	background: url("/assets_landing/img/bsn/v2_LOGO_01.png") no-repeat;
	background-position: 0px 0px;
}

.mobile-bsn-logo > a.bsn-img-logo {
	background: url("/assets_landing/img/bsn/v2_LOGO_01.png") no-repeat;
	background-position: 0px 0px;	
}

.loginscreen .loginpanel {
	border-radius: 5px;
}
.bsn-img-logo-white, .bsn-img-logo-blue {
	display: inline-block;
	width:77px;
	height:32px;
	text-indent: -999em;
	margin: 20px 0px 10px 0px;
}

.navbar-wrapper {
    z-index: 999;
}
.navbar-default .navbar-nav > .active > a {
  font-weight: 400;
}

.light {
	color:#c5c5c5;
}
.dark {
	color:#676A6C;
}
.text-bold {
	font-weight: 600;
}

.animated {
	animation-fill-mode: none;
}

.container-page-top {
	margin-top:80px;
}

.center {
	text-align : center;
}

.right {
	text-align : right;
}


.carousel-inner .item:before {
    position: absolute;
    content: '';
    background: #232323;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
		opacity: 0.8;
}

/* 추가 Header Background
----------------------------- */
.header-back.buy {
    background: transparent url("/assets_landing/img/bsn/Slides/header_buy.jpg") no-repeat scroll 50% 0px;
}
.header-back.supply {
    background: transparent url("/assets_landing/img/bsn/Slides/header_supply.jpg") no-repeat scroll 50% 0px;
}
.header-back.opendata {
    background: transparent url("/assets_landing/img/bsn/Slides/header_opendata.jpg") no-repeat scroll 50% 0px;
}
.header-back.service {
    background: transparent url("/assets_landing/img/bsn/Slides/header_service.jpg") no-repeat scroll 50% 0px;
}
.header-back.itassistant {
    background: transparent url("/assets_landing/img/bsn/Slides/header_itassistant.jpg") no-repeat scroll 50% 0px;
}

#btnMyPlog.btn {
	padding: 5px 10px;font-size: 12px;	
}


/* 추가 Sections
------------------------- */

.section-top {
  padding-top: 60px;
	padding-bottom:60px;
}
.section-style {
    padding: 80px 0px;
}
.gray-section {
	margin:0px;
}

 
.section-line {	
	border-top: 1px solid #6a6a6a;
}

.section-function-main h1 {
	font-size:40px;
	color: #333;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 45px;
}

.section-function-explain h4 {
	color: #6a6a6a;
}

.section-function-explain {	
	margin-bottom:40px;
}
/* 1 */
.section-function-explain h1 {
	font-size:30px;
	color: #333;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 40px;
	margin-top : 0px;
	margin-bottom:30px;
}
.section-function-explain p {
	color: #6a6a6a;
	font-size: 20px;
	line-height: 18px;
	
}

.section-image-list {
    font-size: 0;
}
.section-image-item {
    display: block;
    position: relative;
    vertical-align: top;
}
.section-image-item img {
	    border: 1px solid #d0d0d0;
}
.section-image-list .section-image-item:nth-child(n+2) {
    margin-top: 48px;
}

.section-list-head {
    font-weight: 400;
    height: 40px;
		font-size: 14px;
    line-height: 1.428571429;
    color: #3a3a3a;
		margin: 0;
    padding: 0;
}
.section-list-number {
     font-size: 14px; 
     font-weight: 700; 
     display: inline-block; 
     text-align: center; 
     color: #fff; 
     background-color: #4a4a4a; 
     width: 22px; 
     height: 22px; 
     line-height: 22px; 
     border-radius: 11px; 
     box-sizing: border-box; 
     margin-right: 6px; 
     padding-left: 1px; 
     margin-bottom: 12px; 
}

/* 추가 caption 스타일
-------------------------- */
.carousel-caption-comment {
	margin-left:20px;	
}

/* 추가 "주요 기능" 스타일
------------------------------- */
.features h2 {
	font-size: 16px;
	color: #333;
	font-weight: 600;
}


/*	추가 Footer 
----------------------------- */
address {
	font-size:12px;
}
.openApi img {
    margin-left: 15px;
}

.bottom_link {
    margin: 0px 0px 10px;
    padding: 0px;
}
.bottom_link dt {
    display: none;
}	
.bottom_link dd {
    display: inline-block;
    margin-right: 18px;
}
.bottom_link dd a {
    color: #333;
    font-size: 13px;
    text-decoration: none;
    outline: medium none;
}


.hr-line-dashed {
    margin: 5px 0px;
}
.hr-line-dashed {
    border-top: 1px dashed #E7EAEC;
    color: #FFF;
    background-color: #FFF;
    height: 1px;
    margin: 20px 0px;
}

.imgArea img {
	border-radius: 1px;
	width:200px;
	height:100px;
	border:1px solid #CCCCCC;
	margin:4px;
}


.imgArea img.onlySingle {
	width:300px;
	height: 200px;
}

.imgArea img.singleLine {
	height: 200px;
}

.imgArea img.singleLine02 {
	width:150px;
	height: 200px;
}

.text-bg {
	background: url('/assets/img/landing/slide_text_bg.png');
	border-radius: 5px;
}


label.error {
    color: #cc5965;
    display: inline-block;
    margin-left: 5px;
		font-weight:600;
		font-size:13px;
		
}



/* File Upload 관련
------------------------ */
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	width: 0%;
	height: 2px;
	margin-top: 2px;
	font-size: 0;
	background-color: blue;
}

.progressBarComplete {
	width: 100%;
	visibility: hidden;
	background-color: green;
}

.progressBarError {
	width: 100%;
	visibility: hidden;
	background-color: red;
}

.progressBarStatus {
	width: 337px;
	margin-top: 2px;
	margin-left: 5px;
	font-size: 11px;
	text-align: left;
	white-space: nowrap;
	color:gray;
}
.editor_file_section {padding:20px; border:1px solid #b5b5b5; background-color:#f5f5f5 }
.editor_file_section p.comment { position:absolute; top:20px; left:100px; }
.board_attach_info {margin-left:7px; vertical-align:middle; font-size:12px; }
.board_attach_info span {color:#428BCA;font-weight:600;}
.editor_file_list {margin-top:10px; padding:7px 0px; border:1px solid #ddd; background-color:#fff}
.editor_file_list .attach_file_list {border:none}
.editor_file_list .attach_file_list li {line-height:30px}

.attach_file_list {border-bottom:1px solid #d5d5d5;margin:0px;padding: 0px 20px;}
.attach_file_list li {padding-left:5px; line-height:35px; font-size:12px; margin: 0px; padding: 0px; list-style: none outside none;}
.attach_file_list span.file img {margin-left:3px; width:14px; height:14px; vertical-align:middle}
.attach_file_list span.file_icon { margin-right:5px; }
.attach_file_list span.file_name {margin:0px 5px; color:#428BCA; font-weight:600; }

.attach_file_list span.progressCancel { padding-left: 10px; }
.attach_file_list span.progressCancel button { padding: 1px 5px; margin-bottom:0px; }
.attach_file_list span.progressCancel i { font-size:14px;  margin:0px; }
/* ----------------------------------------------- */




/* ##### For OpenData ##### */
.opendata .ibox-content {
    clear: both;
}
.opendata .ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 0px;
}

.dataTable thead > tr > th {
	text-align: center;
}

.dataTable tbody > tr > td {
	vertical-align: middle !important;
}

.text-size10 {
	font-size: 101px;
}
.text-size11 {
	font-size: 11px;
}
.text-size12 {
	font-size: 12px;
}
.text-size13 {
	font-size: 13px;
}
.text-size14 {
	font-size: 14px;
}


.label {    
    font-size: 10px;
    font-weight: 600;    
    text-shadow: none;
		padding: 4px 4px;
    font-size: 11px;
}

.label-white {
    border: 1px solid #F5F5F5;
    background-color: #FFFFFF;
    color: #676A6C;
}
.element_label {
    font-size: 12px;
    color: #B8B8B8;
    padding: 7px 0px 0px 5px;
    position: absolute;
    cursor: text;
    left: 0px;
    z-index: 100;
	font-weight: 400;
}

/* 공사 관련 색상 (blue) */
.construction-color {
	color: #0E9AEF !important;
}
.construction-bg {
	background-color: #0E9AEF !important;
}
.construction-label {
	background-color: #0E9AEF !important;
  color: #FFFFFF !important;
	border: none !important;
}

/* 물품 관련 색상 (green) */
.goods-color {
	color: #43B51F !important;
}
.goods-bg {
	background-color: #43B51F !important;
}
.goods-label {
	background-color: #43B51F !important;
  color: #FFFFFF !important;
	border: none !important;
}

/* 용역 관련 색상 (orange) */
.service-color {
	color: #F58D00 !important;
}
.service-bg {
	background-color: #F58D00 !important;
}
.service-label {
	background-color: #F58D00 !important;
  color: #FFFFFF !important;
	border: none !important;
}

/* 기타, 외자 관련 색상 (dark-gray) */
.etc-color, .foreign-color {
	color: #979797 !important;
}
.etc-bg, .foreign-bg {
	background-color: #979797 !important;
}
.etc-label, .foreign-label  {
	background-color: #979797 !important;
  color: #FFFFFF !important;
	border: none !important;
}

.label-blue {
	background-color: #FFFFFF !important;
  color: #0E9AEF !important;
	border: 1px solid #0E9AEF !important;
}
.label-red {
	background-color: #FFFFFF !important;
  color: #ed5565 !important;
	border: 1px solid #ed5565 !important;
	;
}
.label-dark {
	border: 1px solid #868686;
	background-color: #FFFFFF;
	color: #5e5e5e;
}

em {
    font-family: tahoma;
	font-style: normal;
}


.label-small {
	padding: 1px 4px;
}

/* ----- /For OpenData ----- */

.loading-g2b-data {
	margin:50px 0px;
}

.ajax-loading {
    background-image: url(/assets_landing/img/ajax_loader.gif);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 24px 24px;
    width: 165px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
    padding: 0px 0px 0px 19px;
    font-size: 18px;
    font-weight: 400;
}



/*  체크박스 스타일 추가 설정 */

/* 체크박스 Label이 길어져서 개행될 때 체크박스 아이콘이 보이지 않는 현상 수정 */
.checkbox label::after {    
    top: 0px;
		padding-top: 3px;
}


.inline-block {
    display: inline-block !important;
}

div.center div.dataTables_paginate {
    text-align: center !important;
}


@media (min-width: 200px) {	
	.carousel-caption h1 
	, .section-function-explain h1
	, .section-function-main h1 {
		font-weight: 200 !important;
	}
}
@media (min-width: 800px) {	
	.carousel-caption h1 
	, .section-function-explain h1
	, .section-function-main h1 {
		font-weight: 400 !important;
	}
}
@media (min-width: 1600px) {	
	.carousel-caption h1 
	, .section-function-explain h1
	, .section-function-main h1 {
		font-weight: 600 !important;
	}
}


#faqTab.nav-tabs {
	border-bottom: none !important;
}

#faqTab.nav-tabs > li:not(.active) > a {
	    border-bottom: 1px solid #ddd; 
}

#faqTab.nav-tabs>li>a {
  margin-right: 0px !important;
	border: none !important;
	border-bottom: 1px solid #ddd !important;
}
#faqTab.nav-tabs>li.active>a {
	
	border: 1px solid #ddd !important;
	border-bottom: none !important;
}