/* ==========================================================================
   SmartFactory
========================================================================== */
.smartfactory01 .smartfactory01-title{
	color:#000000;
	font-weight:500;
	letter-spacing:-1px;
	text-align:center;
}
.smartfactory01 .smartfactory01-text{
	color:#000000;
	text-align:center;
	padding:16px 0 0 0;
}
.smartfactory01 .smartfactory01-step ul{
	padding:0 0 30px 0;
}
.smartfactory01 .smartfactory01-step-won{
	height:210px;
	text-align:center;
}
.smartfactory01 .smartfactory01-step-won-info{
	font-size:15px;
	margin:-150px 0 0 0;
}
.smartfactory01 .smartfactory01-step-won-info .smartfactory01-step-won-info-title{
	color:#FFFFFF;
	font-size:22px;
	font-weight:500;
}
.smartfactory01 .smartfactory01-step-won-info .smartfactory01-step-won-info-text1{
	color:#ffe4b3;
	font-size:15px;
	line-height:20px;
	padding:5px 0 0 0;
}
.smartfactory01 .smartfactory01-step-won-info .smartfactory01-step-won-info-text2{
	color:#aff76f;
	font-size:15px;
	line-height:20px;
	padding:5px 0 0 0;
}
.smartfactory01 .smartfactory01-step-content ul{
	background-color:#FFFFFF;
	border:2px solid #c0c0c0;
}
.smartfactory01 .smartfactory01-step-content ul li{
	color:#000000;
	letter-spacing:-0.5px;
}
.smartfactory01 .smartfactory01-step-content ul li img{
	padding:0 9px 0 0;
}
.smartfactory01 .smartfactory01-step-status{
	color:#000000;
	font-weight:500;
	letter-spacing:-1px;
	text-align:center;
}
.smartfactory01 .smartfactory01-step-content .icon_arrow,
.smartfactory01 .smartfactory01-step-content .smartfactory01-step-content-2 .icon_arrow
.smartfactory01 .smartfactory01-step-content .smartfactory01-step-won-line ul .icon_arrow,
.smartfactory01 .smartfactory01-step-content .smartfactory01-step-won-line .smartfactory01-step-content-2 .icon_arrow{
	padding:0 6px;
}
.smartfactory01 .smartfactory01-step-content .smartfactory01-step-content-color{
	color:#418405;
}
.smartfactory01 .smartfactory01-step-won .smartfactory01-step-won-info-title1{
	padding:28px 0 0 0;
}
.smartfactory01 .smartfactory01-reference{
	color:#767676;
	font-size:14px;
	text-align:right;
	letter-spacing:-0.8px;
}

@media (max-width: 767px) {
	.smartfactory01{
		width:96%;
		margin:0 2%;
	}
	.smartfactory01 .smartfactory01-title{
		font-size:27px;
	}
	.smartfactory01 .smartfactory01-text{	
		font-size:16px;
		letter-spacing:-1px;
	}
	.smartfactory01 .smartfactory01-step-content{
		padding:20px 0 20px 0;
		text-align:left;
	}
	.smartfactory01 .smartfactory01-img01{
		padding:30px 0 40px 0;
	}
	.smartfactory01 .smartfactory01-step{
		padding:30px 0 0 0;
	}
	.smartfactory01 .smartfactory01-step-content ul{
		padding:20px 20px;
	}
	.smartfactory01 .smartfactory01-step-content ul li{
		font-size:15px;
		line-height:22px;
		padding:0 0 10px 0;
	}
	.smartfactory01 .smartfactory01-step-status{
		font-size:16px;
		padding:20px 0 0 0;
	}
	.smartfactory01 .smartfactory01-step-status .smartfactory01-step-status-img01 img{
		height:70px;
	}
	.smartfactory01 .smartfactory01-step-status .smartfactory01-step-status-text{
		padding:10px 0 10px 0;
	}
	.smartfactory01 .smartfactory01-step-won-line{
		height:210px;
		padding:0 0 0 0;
	}
	.smartfactory01 .smartfactory01-step-won3{
		height:auto;
	}
	.smartfactory01 .smartfactory01-step-content .smartfactory01-step-content-color{
		padding:0 0 0 0;
	}
	.smartfactory01 .smartfactory01-reference{
		padding:0 0 40px 0;
	}
	.smartfactory01 .smartfactory01-img{
		padding:20px 0 0 0;
	}
}
@media (min-width: 768px) {
	.smartfactory01 .smartfactory01-title{
		font-size:30px;
	}
	.smartfactory01 .smartfactory01-text{
		font-size:18px;
		letter-spacing:-1px;
	}
	.smartfactory01 .smartfactory01-step-content{
		padding:20px 0 20px 0;
		text-align:left;
	}
	.smartfactory01 .smartfactory01-img01{
		padding:45px 0 55px 0;
	}
	.smartfactory01 .smartfactory01-step{
		padding:70px 0 0 0;
	}
	.smartfactory01 .smartfactory01-step-content ul{
		padding:40px 40px;
	}
	.smartfactory01 .smartfactory01-step-content ul li{
		font-size:17px;
		line-height:30px;
	}
	.smartfactory01 .smartfactory01-step-status{
		font-size:19px;
	}
	.smartfactory01 .smartfactory01-step-status .smartfactory01-step-status-text{
		padding:16px 0 15px 0;
	}
	.smartfactory01 .smartfactory01-step-won-line{
		height:210px;
		padding:0 0 0 0;
	}
	.smartfactory01 .smartfactory01-step-won3{
		height:auto;
	}
	.smartfactory01 .smartfactory01-step-content .smartfactory01-step-content-color{
		padding:0 0 0 13px;
	}
	.smartfactory01 .smartfactory01-reference{
		padding:0 0 80px 0;
	}
	.smartfactory01 .smartfactory01-img{
		padding:40px 0 0 0;
	}
}
@media (min-width: 992px) {
	.smartfactory01 .smartfactory01-text{
		letter-spacing:-1px;
	}
	.smartfactory01 .smartfactory01-step-content{
		padding:10px 0 0 0;
	}
	.smartfactory01 .smartfactory01-step-content .smartfactory01-step-content-2{
		padding:55px 40px;
	}
	.smartfactory01 .smartfactory01-step-content .smartfactory01-step-content-3{
		padding:70px 40px;
	}
	.smartfactory01 .smartfactory01-step-won-line{
		height:240px;
		padding:0 0 30px 0;
	}
	.smartfactory01 .smartfactory01-step-won3{
		height:690px;
	}
}
@media (min-width: 1200px) {
	.smartfactory01 .smartfactory01-text{
		letter-spacing:-0.8px;
	}
	.smartfactory01 .smartfactory01-step-content .smartfactory01-step-content-2{
		padding:55px 40px;
	}
	.smartfactory01 .smartfactory01-step-content .smartfactory01-step-content-3{
		padding:70px 40px;
	}
}

/* ==========================================================================
   References
========================================================================== */
.references .references-img div{
	border:1px solid #c0c0c0;
}
.references .references-city table th{
	color:#000000;
	font-weight:500;
	border-top:2px solid #23347c;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	background-color:#f5f7f9;
	text-align:center;
}
.references .references-city table td{
	color:#000000;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	background-color:#FFFFFF;
	text-align:center;
}
.references .references-city table .td-e{
	border-right:0px solid #c0c0c0;
}
.references .references-city table .td-left{
	text-align:left;
	padding:0 10px 0 10px;
}
.references .references-gallery ul{
	border-top:1px solid #c0c0c0;	
	border-left:1px solid #c0c0c0;
}
.references .references-gallery ul li{
	background-color:#FFFFFF;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}
.references .references-gallery ul li .references-gallery-title{
	color:#000000;
	font-size:20px;
	letter-spacing:-0.8px;
	padding:0 0 15px 0;
}
.references .references-gallery ul li .references-gallery-title img{
	padding:0 9px 0 0;
	margin:-2px 0 0 0;
}

@media (max-width: 767px) {
	.references .references-img{
		padding:0 10px 0 10px;
		text-align:center;
	}
	.references .references-city{
		padding:20px 10px 0 10px;
	}
	.references .references-city table th{
		font-size:13px;
		padding: 15px 0;
	}
	.references .references-city table td{
		font-size:13px;
		padding: 15px 0;
	}
	.references .references-city table .td-country{
		width:17%;
	}
	.references .references-city table .td-city{
		width:65%;
	}
	.references .references-city table .td-account{
		width:18%;
	}
	.references .references-gallery ul{
		margin:20px 10px 0 10px;
	}
	.references .references-gallery ul li{
		padding:15px 15px;
	}
}
@media (min-width: 768px) {
	.references .references-img{
		padding:0 0 0 0;
		text-align:center;
	}
	.references .references-city{
		padding:30px 0 0 0;
	}
	.references .references-city table th{
		font-size:15px;
		padding: 20px 0;
	}
	.references .references-city table td{
		font-size:15px;
		padding: 17px 0;
	}
	.references .references-city table .td-country{
		width:20%;
	}
	.references .references-city table .td-city{
		width:65%;
	}
	.references .references-city table .td-account{
		width:15%;
	}
	.references .references-gallery ul{
		margin:40px 0 0 0;
	}
	.references .references-gallery ul li{
		padding:28px 29px;
	}
}
@media (min-width: 992px) {
	.references .references-img{
		padding:0 0 0 0;
		text-align:center;
	}
	.references .references-city{
		padding:30px 0 0 0;
	}
}
@media (min-width: 1200px) {
	.references .references-img{
		padding:0 10px 0 0;
		text-align:left;
	}
	.references .references-city{
		padding:0 0 0 10px;
	}
}

/* ==========================================================================
   문의하기
========================================================================== */
.contact .contact-clause{
	background-color:#FFFFFF;
	border:1px solid #c0c0c0;
}
.contact .contact-clause-title{
	color:#000000;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.8px;
	padding:0 0 15px 0;
}
.contact .contact-clause textarea{
	width:100%;
	height:150px;
	border:1px solid #dbdbdb;
	background-color:#f9f9f9;
}
.contact .contact-clause .contact-clause-checkbox{
	color:#000000;
	font-size:15px;
	letter-spacing:-0.8px;
	padding:10px 0 0 0;
}
.contact .contact-clause .contact-clause-checkbox input{
	margin-right:5px;	
}
.contact .contact-write{
	border-top:2px solid #23347c;
}
.contact .contact-write b{
	color:#fc0000;
}
.contact .contact-write th{
	color:#000000;
	font-weight:500;
	background-color:#f5f7f9;
	border-bottom:1px solid #c0c0c0;
}
.contact .contact-write td{
	background-color:#FFFFFF;
	border-bottom:1px solid #c0c0c0;
}
.contact .contact-write .bdCode-img{
	padding:0 10px 0 0;
	float:left;
}
.contact .contact-btn{
	text-align:center;
}
.contact .bdCheckbox{
	width:15px;
	height:15px;
	vertical-align:middle;
	margin-bottom:5px;
}

.contact .contact-write .td-title{
	width:15%;
}
.contact .contact-write .td-content{
	width:85%;
}

@media (max-width: 767px) {
	.sub-content-contact{
		padding-top:10px;
	}
	.contact .contact-clause{
		padding:20px 20px;
	}
	.contact .contact-clause textarea{
		font-size:13px;
	}
	.contact .contact-write{
		margin:20px 0 0 0;
	}
	.contact .contact-write th{
		font-size:13px;
		padding:0 0 0 5px;
	}
	.contact .contact-write td{
		font-size:13px;
		padding:10px 0 10px 5px;
		line-height:18px;
	}
	.contact .contact-btn{
		padding:20px 0 0 0;
	}

	.contact .contact-write .td-title{
		width:25%;
	}
	.contact .contact-write .td-content{
		width:75%;
	}

	.contact .contact-write .bdCompany{
		width:98%;
	}
	.contact .contact-write .bdTitle{
		width:98%;
	}
	.contact .contact-write .bdPhone1{
		width:30%;
		float:left;
	}
	.contact .contact-write .bdPhone2{
		width:34%;
		float:left;
	}
	.contact .contact-write .bdPhone3{
		width:34%;
		float:left;
	}
	.contact .contact-write .bdTel1{
		width:30%;
		float:left;
	}
	.contact .contact-write .bdTel2{
		width:34%;
		float:left;
	}
	.contact .contact-write .bdTel3{
		width:34%;
		float:left;
	}
	.contact .contact-write .bdEmail{
		width:90%;
		float:left;
	}
	.contact .contact-write .bdEmai2{
		width:98%;
		float:left;
	}
	.contact .contact-write .bdEmai3{
		width:50%;
		margin:0 5px 0 0;
		float:left;
	}
	.contact .contact-write .bdProduct{
		width:98%;
		float:left;
	}
	.contact .contact-write .bdContent{
		width:98%;
		height:150px;
	}
	.contact .contact-write .bdfiles{
		width:98%;
	}
	.contact .contact-write .bdCode1{
		width:43%;
		margin:0 5px 0 0;
		float:left;
	}
}
@media (min-width: 768px) {
	.sub-content-contact{
		padding-top:30px;
	}
	.contact .contact-clause{
		padding:20px 30px;
	}
	.contact .contact-clause textarea{
		font-size:14px;
	}
	.contact .contact-write{
		margin:30px 0 0 0;
	}
	.contact .contact-write th{
		font-size:15px;
		padding:0 0 0 20px;
	}
	.contact .contact-write td{
		font-size:14px;
		padding:10px 0 10px 15px;
	}
	.contact .contact-btn{
		padding:30px 0 0 0;
	}

	.contact .contact-write .td-title{
		width:20%;
	}
	.contact .contact-write .td-content{
		width:80%;
	}

	.contact .contact-write .bdCompany{
		width:60%;
	}
	.contact .contact-write .bdTitle{
		width:30%;
	}
	.contact .contact-write .bdPhone1{
		width:15%;
		float:left;
	}
	.contact .contact-write .bdPhone2{
		width:20%;
		float:left;
	}
	.contact .contact-write .bdPhone3{
		width:20%;
		float:left;
	}
	.contact .contact-write .bdTel1{
		width:15%;
		float:left;
	}
	.contact .contact-write .bdTel2{
		width:20%;
		float:left;
	}
	.contact .contact-write .bdTel3{
		width:20%;
		float:left;
	}
	.contact .contact-write .bdEmail{
		width:30%;
		float:left;
	}
	.contact .contact-write .bdEmai2{
		width:25%;
		float:left;
	}
	.contact .contact-write .bdEmai3{
		width:25%;
		margin:0 5px 0 10px;
		float:left;
	}
	.contact .contact-write .bdProduct{
		width:60%;
		float:left;
	}
	.contact .contact-write .bdContent{
		width:97%;
		height:170px;
	}
	.contact .contact-write .bdfiles{
		width:60%;
	}
	.contact .contact-write .bdCode1{
		width:30%;
		margin:0 5px 0 0;
		float:left;
	}

}
@media (min-width: 992px) {
	.contact .contact-write .td-title{
		width:15%;
	}
	.contact .contact-write .td-content{
		width:85%;
	}

	.contact .contact-write .bdCompany{
		width:50%;
	}
	.contact .contact-write .bdTitle{
		width:20%;
	}
	.contact .contact-write .bdPhone1{
		width:10%;
		float:left;
	}
	.contact .contact-write .bdPhone2{
		width:12%;
		float:left;
	}
	.contact .contact-write .bdPhone3{
		width:12%;
		float:left;
	}
	.contact .contact-write .bdTel1{
		width:10%;
		float:left;
	}
	.contact .contact-write .bdTel2{
		width:12%;
		float:left;
	}
	.contact .contact-write .bdTel3{
		width:12%;
		float:left;
	}
	.contact .contact-write .bdEmail{
		width:20%;
		float:left;
	}
	.contact .contact-write .bdEmai2{
		width:17%;
		float:left;
	}
	.contact .contact-write .bdEmai3{
		width:15%;
		margin:0 5px 0 10px;
		float:left;
	}
	.contact .contact-write .bdProduct{
		width:60%;
		float:left;
	}
	.contact .contact-write .bdContent{
		width:98%;
		height:170px;
	}
	.contact .contact-write .bdfiles{
		width:50%;
	}
	.contact .contact-write .bdCode1{
		width:15%;
		margin:0 5px 0 0;
		float:left;
	}
}

/* ==========================================================================
   회사소개
========================================================================== */
/*회사소개*/
.about01 .about01-title .about01-title-text{
	text-align:center;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}
.about01 .about01-title .about01-title-text .about01-title-text-name{
	FONT-FAMILY: Noto Sans KR;
	color:#23347c;
}
.about01 .about01-text{
	color:#000000;
	letter-spacing:-0.5px;
	text-align:center;
}
.about01 .about01-stitle{
	color:#000000;
	font-weight:500;
	letter-spacing:-0.8px;
	text-align:center;
}
.about01 .about01-icon ul li{
	color:#000000;
	letter-spacing:-0.5px;
	text-align:center;	
}
.about01 .about01-icon ul .li1 b{
	color:#ea8a00;
	font-weight:400;
}
.about01 .about01-icon ul .li2 b{
	color:#4fa900;
	font-weight:400;
}
.about01 .about01-icon ul .li3 b{
	color:#0f317e;
	font-weight:400;
}

@media (max-width: 767px) {
	.about01{
		width:96%;
		padding:0 2%;
	}
	.about01 .about01-title{
		height:auto;
	}
	.about01 .about01-title .about01-title-text{
		margin-top:0px;
	}
	.about01 .about01-title .about01-title-text{
		height:auto;
		color:#000000;
		font-size:36px;
		line-height:40px;
		padding:30px 0 0 0;
	}
	.about01 .about01-title .about01-title-text .about01-title-text-name{
		font-size:32px;
		padding:20px 0 0 0;
	}
	.about01 .about01-text{
		font-size:16px;
		line-height:26px;
		padding:25px 0 0 0;
	}
	.about01 .about01-text p{
		padding:0 0 20px 0;
	}
	.about01 .about01-stitle{
		font-size:26px;
		padding:30px 0 0 0;
	}
	.about01 .about01-icon{
		padding:0 0 0 0;
	}
	.about01 .about01-icon ul li{
		font-size:18px;
		line-height:26px;
		padding:40px 0 0 0;
	}
	.about01 .about01-icon ul li img{
		padding:0 0 24px 0;
	}
}
@media (min-width: 768px) {
	.about01 .about01-title{
		height:248px;
		background:url('/images/sub/about01_01.jpg') no-repeat;
	}
	.about01 .about01-title .about01-title-text{
		margin-top:100px;
	}
	.about01 .about01-title .about01-title-text{
		background-color:#FFFFFF;
		height:175px;
		color:#000000;
		font-size:40px;
		line-height:50px;
		padding:38px 0 0 0;
	}
	.about01 .about01-title .about01-title-text .about01-title-text-name{
		font-size:36px;
		padding:17px 0 0 0;
	}
	.about01 .about01-text{
		font-size:18px;
		line-height:26px;
		padding:80px 0 0 0;
	}
	.about01 .about01-text p{
		padding:0 0 40px 0;
	}
	.about01 .about01-stitle{
		font-size:30px;
		padding:50px 0 0 0;
	}
	.about01 .about01-icon{
		padding:50px 0 0 0;
	}
	.about01 .about01-icon ul li{
		font-size:18px;
		line-height:26px;
		background:url('/images/sub/about01_05.png');
	}
	.about01 .about01-icon ul li img{
		padding:0 0 24px 0;
	}
}
@media (min-width: 992px) {
	.about01 .about01-title{
		height:314px;
		background:url('/images/sub/about01_01.jpg') no-repeat;
	}
	.about01 .about01-title .about01-title-text{
		margin-top:166px;
	}
}

/*사업영역*/
.about02 .about02-title{
	color:#464646;
	letter-spacing:-1px;
	text-align:center;
}
.about02 .about02-title b{
	color:#000000;
	font-weight:500;
}
.about02 .about02-title span{
	color:#23347c;
	font-weight:500;
}
.about02 .about02-logo{
	text-align:center;
}
.about02 .about02-list{
	background:url('/images/sub/about02_02.jpg') no-repeat;
	background-size:cover;
}
.about02 .about02-list ul li .about02-list-title{
	color:#FFFFFF;
	font-size:22px;
	font-weight:500;
	letter-spacing:-0.8px;
	line-height:28px;
	padding:18px 0 14px 0;
	text-align:center;
}
.about02 .about02-list ul li .about02-list-title-color1{
	background-color:#fca200;
}
.about02 .about02-list ul li .about02-list-title-color1 span{
	color:#ffe4b3;
	font-size:20px;	
}
.about02 .about02-list ul li .about02-list-title-color2{
	background-color:#6bc11e;
}
.about02 .about02-list ul li .about02-list-title-color2 span{
	color:#aff76f;
	font-size:20px;	
}
.about02 .about02-list ul li .about02-list-title-color3{
	background-color:#0f317e;
}
.about02 .about02-list ul li .about02-list-title-color3 span{
	color:#93b1f6;
	font-size:20px;	
}
.about02 .about02-list ul li .about02-list-content{
	background-color:#FFFFFF;
}
.about02 .about02-list ul li .about02-list-content ul li{
	color:#000000;	
	padding:0;	
}
.about02 .about02-list ul li .about02-list-content ul li img{
	padding:0 9px 0 0;
}

@media (max-width: 767px) {
	.about02{
		width:96%;
		padding:0 2%;
	}
	.about02 .about02-title{
		font-size:20px;
	}
	.about02 .about02-logo{
		padding:40px 0 30px 0;
	}
	.about02 .about02-list{
		padding:10px 0;
	}
	.about02 .about02-list ul li{	
		padding:10px 20px 10px 20px;
	}
	.about02 .about02-list ul li .about02-list-content ul li{
		font-size:15px;
		letter-spacing:-1px;
		text-align:center;
		line-height:30px;
	}
	.about02 .about02-list ul li .about02-list-content ul{
		height:auto;
		padding:15px 25px 20px 20px;
	}
}
@media (min-width: 768px) {
	.about02 .about02-title{
		font-size:28px;
	}
	.about02 .about02-logo{
		padding:60px 0 30px 0;
	}
	.about02 .about02-list ul li{	
		padding:30px 50px 20px 50px;
	}
	.about02 .about02-list ul li .about02-list-content ul li{
		font-size:16px;
		letter-spacing:-1px;
		text-align:center;
		line-height:34px;
	}
	.about02 .about02-list ul li .about02-list-content ul{
		height:auto;
		padding:15px 25px 20px 20px;
	}
}
@media (min-width: 992px) {
	.about02 .about02-title{
		font-size:30px;
	}
	.about02 .about02-list ul li{	
		padding:30px 15px 20px 15px;
	}
	.about02 .about02-list ul li .about02-list-content ul li{
		font-size:15px;
		letter-spacing:-1px;
		text-align:left;
	}
	.about02 .about02-list ul li .about02-list-content ul{
		height:280px;
		padding:20px 25px 0 20px;
	}
}
@media (min-width: 1200px) {
	.about02 .about02-list ul li{	
		padding:50px 26px 40px 26px;
	}
	.about02 .about02-list ul li .about02-list-content ul li{
		font-size:17px;
		letter-spacing:-0.5px;
	}
	.about02 .about02-list ul li .about02-list-content ul{
		height:320px;
		padding:20px 25px 0 25px;
	}
}

/*오시는길*/
.about03 .about03-content{
	border-top:2px solid #23347c;
	margin:20px 0 0 0;
}
.about03 .about03-content li{
	width:100%;
	overflow:hidden;	
	color:#676767;
}
.about03 .about03-content .about03-content-title{
	height:50px;
	background-color:#f5f7f9;
	color:#000000;
	font-size:15px;
	font-weight:500;
	line-height:50px;
	text-align:center;
	border-bottom:1px solid #c0c0c0;
}
.about03 .about03-content .about03-content-info{
	background-color:#FFFFFF;
	border-bottom:1px solid #c0c0c0;	
}

@media (max-width: 767px) {	
	.about03{
		width:96%;
		padding:0 2%;		
	}
	.about03 .about03-content .about03-content-info{
		height:auto;
		line-height:24px;
		text-align:center;
		padding:15px 0 15px 0;
	}
}
@media (min-width: 768px) {
	.about03 .about03-content .about03-content-info{
		height:50px;
		line-height:50px;
		text-align:center;
		padding:0 0 0 0;
	}
}
@media (min-width: 992px) {
	.about03 .about03-content .about03-content-info{
		text-align:left;
		padding:0 0 0 15px;
	}
}


/*공지사항*/
.bbs-list{
	border-top:2px solid #464646;
}
.bbs-list th{
	color:#000000;
	font-size:15px;
	font-weight:500;
	border-bottom:1px solid #dbdbdb;
	background-color:#f6f6f6;
	padding:10px 0;
	text-align:center;
}
.bbs-list td{
	padding:10px 0;
	text-align:center;
	border-bottom:1px solid #dbdbdb;
}
.bbs-list .td-left{
	padding:10px 10px;
	text-align:left;	
}
.bbs-list .td-title-xs{
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
}
.bbs-list .td-text-xs{
	color:#727272;
	font-size:13px;
}

.bbs-list .td-number{
	width:10%;
}
.bbs-list .td-name{
	width:15%;
}
.bbs-list .td-data{
	width:15%;
}
.table-hover > tbody > tr:hover {
  background-color: #fafafa;
}
.pagination{
	margin:20px auto 20px auto;
}
.bbs-list-search-select{
	height:35px;
	font-size:14px;
	vertical-align:middle;
}
.bbs-list-search-input{
	height:35px;
	font-size:14px;
	vertical-align:middle;
}

.bbs-view th{
	color:#000000;
	font-weight:500;
	font-size:16px;
	border-top:2px solid #464646;
	border-bottom:1px solid #dbdbdb;
	background-color:#fafafa;
	padding:15px 0;
	text-align:center;
}
.bbs-view .bbs-view-info{
	color:#616161;
	font-size:13px;
	padding:12px 0;
	border-bottom:1px solid #dbdbdb;
}
.bbs-view .bbs-view-info a{
	color:#616161;
}
.bbs-view .bbs-view-info a:hover,
.bbs-view .bbs-view-info a:focus,
.bbs-view .bbs-view-info a:active{
	color:#ffa92e;	
}
.bbs-view .bbs-view-info span{
	padding:0 10px 0 0;
}
.bbs-view .bbs-view-content{
	padding:30px 0;
}
.bbs-view-list{
	border-top:1px solid #dbdbdb;
}
.bbs-view-list th{
	font-weight:400;
	background-color:#f6f6f6;
	border-bottom:1px solid #dbdbdb;
	text-align:center;
}
.bbs-view-list td{
	border-bottom:1px solid #dbdbdb;
	padding:10px 0 10px 15px;
}

.bbs-write{
	border-top:2px solid #23347c;
}
.bbs-write th{
	color:#000000;
	font-weight:500;
	background-color:#f5f7f9;
	border-bottom:1px solid #dbdbdb;
}
.bbs-write td{
	border-bottom:1px solid #dbdbdb;
}
.bbs-write-btn{
	padding:20px 0 0 0;
	text-align:center;
}


@media (max-width: 767px) {
	.bbs-list{
		width:96%;
		margin:0 2%;
	}
	.bbs-list .td-title{
		width:100%;
		font-size:14px;
	}
	.bbs-list .td-title a{
		display:block;
	}
	.bbs-list-search-select{
		width:70px;
	}
	.bbs-list-search-input{
		width:160px;
	}
	.bbs-view{
		width:96%;
		margin:0 2%;
	}
	.bbs-view-list .td-list{
		width:20%;
	}
	.bbs-view-list .td-title{
		width:80%;
	}
	.bbs-write th{
		font-size:13px;
		padding:0 0 0 5px;
	}
	.bbs-write td{
		font-size:13px;
		padding:10px 0 10px 5px;
		line-height:18px;
	}
	.bbs-write .td-title{
		width:25%;
	}
	.bbs-write .td-content{
		width:75%;
	}
	.bbs-write{
		width:96%;
		margin:0 2%;
	}
	.bbs-write-content{
		width:96%;
		margin:0 2%;
	}
}
@media (min-width: 768px) {
	.bbs-list{
		width:100%;
	}
	.bbs-list .td-title{
		width:60%;
	}
	.bbs-list-search-select{
		width:100px;
	}
	.bbs-list-search-input{
		width:200px;
	}
	.bbs-view{
		width:100%;
	}
	.bbs-view-list .td-list{
		width:12%;
	}
	.bbs-view-list .td-title{
		width:88%;
	}
	.bbs-write th{
		font-size:15px;
		padding:0 0 0 20px;
	}
	.bbs-write td{
		font-size:14px;
		padding:10px 0 10px 15px;
	}
	.bbs-write .td-title{
		width:20%;
	}
	.bbs-write .td-content{
		width:80%;
	}
	.bbs-write{
		width:100%;
	}
	.bbs-write-content{
		width:100%;
	}
}
@media (min-width: 992px) {
	.bbs-write .td-title{
		width:15%;
	}
	.bbs-write .td-content{
		width:85%;
	}
	.bbs-write .bdtitle{
		width:80%;
	}
	.bbs-write .bdfiles{
		width:50%;
	}
}