/* 부광산업 Style */
@charset 'utf-8';

/* font 나눔바른고딕 */
@font-face { font-family:'NanumBarunGothic';
	font-weight:normal;
	src:local('Nanum Barun Gothic'), local('NanumBarunGothic');
	src:url('./webfont/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('./webfont/NanumBarunGothic.woff') format('woff'),
		url('./webfont/NanumBarunGothic.ttf') format('truetype');
}
@font-face { font-family:'NanumBarunGothic';
	font-weight:bold;
	src:local('Nanum Barun Gothic Bold'), local('NanumBarunGothicBold');
	src:url('./webfont/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('./webfont/NanumBarunGothicBold.woff') format('woff'),
		url('./webfont/NanumBarunGothicBold.ttf') format('truetype');
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button,  figure, figcaption {margin:0;padding:0;font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
img {border:0 }
ul, ol {list-style:none}
fieldset {border:none}
a {color:inherit;text-decoration:none}
a:hover, a:active {text-decoration:none}
em {font-style:normal;font-weight:normal}
strong {font-weight:normal;}
textarea {resize:none;}
table{border-collapse:collapse;border-spacing:0;zoom:1;}
caption{text-indent:-999em;font-size:0;line-height:0;white-space:nowrap;overflow:hidden;}
legend {position:absolute;border:0;width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;clip:rect(0 0 0 0)}
button {cursor:pointer;overflow:visible;border:0 none;font-weight:normal;color:#555;text-indent:0;}
button span {position:absolute;border:none;clip:rect(0 0 0 0);height:1px !important;margin:-1px;overflow:hidden;padding:0;width:1px}
html, body {position:relative;height:100%;word-break:break-all;font-size:16px;color:#555;font-family:'NanumBarunGothic', Sans-serif;}
html {width:100%}
select::-ms-expand {display:none}
input::-ms-expand {display:none}
input::-ms-clear {display:none}
input::-moz-clear {display:none}

::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::-moz-placeholder,
::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {}

.hidden {width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}
.none {display:none !important;}
.f_l {float:left;}
.f_r {float:right;}
.t_c {text-align:center;}
.pos_r {position:relative;}
.cl {clear:both;}

/* 공통 css END */
body {background:#fff;}

header{position:relative;width:100%;height:60px;z-index:50;}

nav {position:absolute;right:0;top:0;} 
nav ul {overflow:hidden;} 
nav ul li {float:left;width:140px;text-align:center;border-left:1px solid #ececec;list-style:none;}
nav ul li a {display:block;line-height:60px;height:60px;font-size:18px;font-weight:bold;color:#282828;}
nav ul li.nav_last a {background:#2b90d9;color:#fff;}


/* 상단 이미지 배너 */
.visual_banner {position:relative;}
.visual_banner .bx-wrapper {margin:0;border:0;background:transparent;}
.visual_banner .bx_top {visibility:visible;/*opacity:0;overflow:visible;*/}
.visual_banner .bx_top li {float:left;}
.visual_banner .bx_top li img {height:280px;width:100%;margin:0 auto;object-fit:cover;}
.visual_banner .top_txt {display:block;position:absolute;top:0;right:0;}
/*
.visual_banner .slogan_bgimg {display:block;width:100%;height:100%;background:url("../images/top_slogan_02.png") no-repeat;background-position:center right;position:absolute;top:0;right:0;}
*/
.visual_banner .slogan_bgimg {display:block;width:100%;height:100%;background:url("../images/top_slogan_04.png") no-repeat;background-position:center right;position:absolute;top:0;right:0;}
.visual_banner .bx-wrapper .bx-controls-direction{width:120px;margin:0 auto;position:absolute;left:0;right:0;bottom:10px;}
.visual_banner .bx-wrapper .bx-controls-direction a {width:50px;height:50px;margin-top:0;margin-left:5px;margin-right:5px;display:inline-block;position:static;}
.visual_banner .bx-wrapper .bx-prev{background:url("../images/bx_prev.png") no-repeat;}
.visual_banner .bx-wrapper .bx-next {background:url("../images/bx_next.png") no-repeat;}
/*배너*/
.top-banner{position: absolute;width: 100%;z-index: 1;height: 100%;background: rgba(0, 0, 0, 0.3);z-index:99}
.top-banner-img{max-width: 970px;height: 100%;text-align: center;margin: auto;position: relative;}
.top-banner-img img{max-width: 100%;top: 40%;position: absolute;left: 0;}

/* content */
.content {position:relative;}
.tit_bar {display:block;width:3px;height:30px;margin:0 auto;background:url("../images/tit_bar3.png") no-repeat;background-position:center top;}
.cont_title {text-align:center;padding-top:10px;}
.product_list {margin-top:15px;}

.produc_cont {position:relative;overflow:hidden;margin-top:15px;}
.list_product {overflow:hidden;margin-left:10px;}
.list_product li {float:left;width:47%;padding-right:3%;margin-bottom:10px;}
.list_product li span {display:block;position:relative;height:28px;line-height:28px;font-size:12px;text-align:center;font-weight:bold;border:1px solid #ececec;background:#fff;}
.list_product li.active span{background: #2b90d9;color: #fff;border: 1px solid #fff;}
.list_product li:hover span:before {display:block;content:'';position:absolute;left:-1px;top:-1px;right:0;border:2px solid #2b90d9;height:100%;width:100%;}

/* 제품리스트 */
.product_item {overflow:hidden;margin-top:20px;margin-left:10px;}
.product_item li {float:left;width:47%;padding-right:3%;margin-bottom:10px;position:relative;}
.product_item li:hover:before {display:block;content:'';height:30px;background:url('../images/ico_plus3.png') no-repeat center;position:absolute;left:0;right:0;top:50%;margin:-30px auto 0;z-index:3;}
	

.product_item li:hover .thumb_img {position:relative;}
.product_item li:hover .thumb_img:before {display:block;content:'';height:100%;width:100%;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;}
.product_item li:hover .thumbnail .thumb_txt {background:#2b90d9;color:#fff;}

.thumbnail {overflow:hidden;height:204px;border:1px solid #ededed;cusor:pointer;}
.thumbnail .thumb_img {height:164px;display:block;width:100%;background:#fff;text-align:center;}
.thumbnail .thumb_img > span {height:164px;display:flex;justify-content:center;align-items:center;}
.thumbnail .thumb_img img {width:100%;height:164px;object-fit:contain;}
.thumbnail .thumb_txt {height:40px;line-height:40px;color:#fff;text-align:center;font-size:14px;background:#2b90d9;font-weight:bold;letter-spacing:1px}


/* 푸터 */
footer {background:#263238;color:#fff;}
footer .cont {padding:50px 10px;font-size:12px;line-height:22px;}
footer h2 {margin-bottom:15px;}
footer .foot_tel {border-bottom:1px solid #07364e}
footer .foot_tel ul {overflow:hidden;}
footer .foot_tel ul li {margin-bottom:15px;}
footer .foot_tel ul li p {}
footer .foot_util {overflow:hidden;margin-top:14px;}
footer .foot_util ul {overflow:hidden;}
footer .foot_util ul li {float:left;padding-right:17px;}
footer .foot_util ul li.point a {color:#2b90d9;}
footer .foot_util ul li a{font-weight:bold;border-left:1px solid #384559;padding-left:17px;}
footer .foot_util ul li:nth-child(1) a {border-left:0;padding-left:0}
footer .foot_util .link_btn {display:block;height:30px;line-height :30px;margin-top:12px;background:#2b90d9;text-align:center;color:#fff;font-weight:bold;}
footer .foot_addr{clear:both;margin-top:30px;}

/*모달*/
.bkmodal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.bkmodal-body {border-radius: 5px;max-width:700px;background-color: #fefefe;margin: 3% auto;padding: 7px;border: 1px solid #888;}
.bkmodal-close{color: #fff;margin-top: 10px;text-align: center;background: #263238;padding: 10px;border-radius: 5px;width: 60px;margin: 5px auto;}

/*오시는길*/
.map_info {background:#263238;color:#fff;border-top-left-radius: 5px; border-top-right-radius: 5px;}
.map_info .cont {font-size:12px;line-height:22px;width: 100%;padding:0px}
.map_info h2 {margin-bottom:15px;}
.map_info .foot_tel {padding:20px}
.map_info .foot_tel ul {overflow:hidden;}
.map_info .foot_tel ul li p {}
.map_info .foot_util {overflow:hidden;margin-top:14px;}
.map_info .foot_util ul {overflow:hidden;}
.map_info .foot_util ul li {float:left;padding-right:17px;}
.map_info .foot_util ul li.point a {color:#2b90d9;}
.map_info .foot_util ul li a{font-weight:bold;border-left:1px solid #384559;padding-left:17px;}
.map_info .foot_util ul li:nth-child(1) a {border-left:0;padding-left:0}
.map_info .foot_util .link_btn {display:block;height:30px;line-height :30px;margin-top:12px;background:#2b90d9;text-align:center;color:#06162f;font-weight:bold;}
.map_info .foot_addr{clear:both;margin-top:30px;}

/*카테고리*/
#list_product_step2{border-top: 1px solid #ececec;padding-top: 10px;display:none}
#list_product_step3{border-top: 1px solid #ececec;padding-top: 10px;display:none}

/*견적문의*/
.contact input[type=text], .contact textarea {  width: 100%;  padding: 10px 10px;  margin: 8px 0;  display: inline-block;  border: 1px solid #ccc;  border-radius: 4px;  box-sizing: border-box;    margin-bottom: 15px;}
.contact input[type=submit] {width: 100%;background-color: #03a6ff;color: white;padding: 9px;margin: 8px 0;border: none;border-radius: 4px;cursor: pointer;font-weight: bold;font-size: 16px;}
.contact input[type=submit]:hover {background-color: #2b90d9;}
.contact {padding: 10px;}

/*이미지 슬라이드*/
.bkslideshow-container {width: 100%;position: relative;margin: auto;}
.bkSlides {display: none;width: 100%;text-align:center;min-height: 100px;}
.bkSlides img{max-width:100%;border-raduis:10px}
.bkSlides-dot-group{text-align:center;width: 100%;position: absolute;bottom: 0;padding:10px;}
.bkSlides-prev{left:0 !important;}
.bkSlides-prev, .bkSlides-next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: #2b90d9;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.bkSlides-next {right: 0;border-radius: 3px 0 0 3px;}
.bkSlides-prev:hover, .bkSlides-next:hover {background-color: rgba(0,0,0,0.8);}
.bkSlides-number {font-weight: bold;color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;background: #0606067d;}
.bkSlides-dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.bkSlides-active, .bkSlides-dot:hover {background-color: #717171;}
.bkSlides-fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4}to {opacity: 1}}
@keyframes fade {from {opacity: .4}to {opacity: 1}}

#goods_info {border-collapse: collapse;width: 100%;}
#goods_info td, #goods_info th {padding: 8px;}
.goods_title{background: #2b90d9;color: #fff;}
.goods_thumbnail{	text-align: center;}
.goods_thumbnail img{max-width:500px;}
table.table_info {	width:100%;    border-collapse: collapse;    text-align: left;    line-height: 1.5;    border-top: 1px solid #dcdcdc;    border-left: 1px solid #dcdcdc;}
table.table_info th {letter-spacing: 5px;padding-top: 12px;padding-bottom: 12px;background-color: #e6e6e6;font-weight: bold;vertical-align: top;color: #6b6b6b;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
table.table_info td {vertical-align: top;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.goods_contact{display: block;height: 40px;line-height: 40px;background: #2b90d9;text-align: center;color: #ffffff;font-weight: bold;width: 100%;}

/*상세*/
.info-title{background: #2b90d9;color: #fff;}
.info-table {border-collapse: collapse;width: 100%;}
.info-table td, .info-table th {border: 1px solid #ddd;padding: 10px;}
/*.info-table tr:nth-child(even){background-color: #f2f2f2;}*/
.info-table tr:hover {background-color: #ddd;}
.info-table th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: #4CAF50;color: white;}
.info-header{text-align:center;line-height: 25px;}
.info-div{max-height: 500px;overflow-y: scroll;}
.info-div img{width:100%;}

.bk-required{color: #ff4a4a;}

/* 작은화면 */
@media screen and (max-width:420px){
	html, body {font-size:12px;}
	
	header .logo {text-align:center;}
	header .logo img{margin-top:14px}
	nav {display:none;}
	header .m_btn_menu {display:block;position:absolute;top:15px;left:10px;width:30px;height:30px;background:#fff;cursor:pointer;}
	.aside_menu {display:none;position:absolute;top:-10px;left:0;width:100%;height:100%;background:#fff;z-index:999;}
	.aside_menu .aside {position:relative;}
	.aside_menu .list_menu {background:#fff;}
	.aside_menu .list_menu li {position:relative;border-top:1px solid #d7d7d7;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.aside_menu .list_menu li:first-child {border-top:0;}
	.aside_menu .list_menu li a {display:block;height:45px;line-height:45px;padding:0 15px;font-weight:bold}
	.aside_menu .aside_top {
		position:relative;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
		max-width:100%;
		line-height:100%;
		height:50px;
		box-sizing:border-box;
		letter-spacing:-0.1rem;
		background:linear-gradient(90deg, #2b90d9, #005f96);
	}
	.aside_menu .btn_close {position:absolute;right:0;top:12px;padding:10px;font-size:0;background:none;border:none;}
	.aside_menu .btn_close:before {display:inline-block;content:'';width:16px;height:16px;vertical-align:top;background-size:17px 16px;background:url("../images/icon_close.png") no-repeat center;}	
	.visual_banner .slogan_bgimg {background-size:contain;}

	.thumbnail .thumb_txt{
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}
	.thumbnail{
		height:192px;
	}
}
/* 중간화면 */
@media screen and (min-width:500px) and (max-width:768px){	
	header .m_btn_menu {display:none;}

}
@media screen and (min-width:768px) and (max-width:1024px){	
	header {heighT:86px;}
	header .logo {text-align:left;float:left;margin-top:20px;margin-left:25px;}
	header .m_btn_menu {display:none;}
	.aside_menu {display:none}
	

	nav ul li a {height:86px;line-height:86px;}
	
	.visual_banner .bx_top li img {height:500px;}
	.visual_banner .slogan_bgimg {background-position:center center;
		width: 100%;
	}
	.visual_banner .bx-wrapper .bx-controls-direction {width:auto;position:static;}
	.visual_banner .bx-wrapper .bx-controls-direction a {position:absolute;}
		
	.cont_title {padding-top:16px;}
	
	.list_product,
	.product_item {margin-left:20px;}
	.list_product li,
	.product_item li {width:30.333%;margin-bottom:20px;}	
	.list_product li span {height:58px;line-height:58px;font-size:20px;}
	.product_item {margin-top:40px;}
	
	.thumbnail {height:296px;}
	.thumbnail .thumb_img,
	.thumbnail .thumb_img > span {height:242px;}
	.thumbnail .thumb_img img {height:188px;}
	.thumbnail .thumb_txt {height:54px;line-height:54px;}
	
	footer .cont{width:auto;line-height:25px;padding:50px 20px;font-size:16px;}
	footer .foot_tel {border-bottom:0;}
	footer .foot_tel ul li {float:left;padding-right:50px}
	footer .foot_util {margin-top:0;}
	footer .foot_util ul {float:left;}
	footer .foot_util ul li {}
	footer .foot_util ul li a {height:40px;line-height:40px;}
	footer .foot_util .link_btn {float:right;margin-top:0;margin-left:19px;width:165px;height:40px;line-height:40px;}
	
	.pop_layer {width:360px;}
	
}
/* 큰화면 */
@media screen and (min-width:1024px){
	.cont {width:1200px;margin:0 auto;padding-bottom:80px;position:relative;}
	header {heighT:86px;}
	header .logo {text-align:left;float:left;margin-top:25px;}
	header .m_btn_menu {display:none;}
	.aside_menu {display:none}
	nav ul li a {height:86px;line-height:86px;}
	
	.visual_banner .slogan_bgimg {right:50%;margin-right:-500px !important;}
	.visual_banner .bx-wrapper .bx-controls-direction {position:static;}
	.visual_banner .bx-wrapper .bx-controls-direction a {position:absolute;}
	.visual_banner .bx-wrapper .bx-prev {left:50%;margin-left:-590px !important;}
	.visual_banner .bx-wrapper .bx-next {right:50%;margin-right:-570px !important;}
	.visual_banner .bx_top li img {height:450px}
	.tit_bar {height:80px;}
	.cont_title {padding-top:20px;}
	
	.produc_cont {margin-top:60px;}
	.list_product {margin-left:0;}
	.list_product li {width:232px;padding-right:10px;}
	.list_product li:nth-child(5n){padding-right:0}
	.list_product li span {height:38px;line-height:38px;font-size:16px;}
	.list_product li:hover span:before {width:auto;}
	.product_item {margin-top:40px;margin-left:0;}
	.product_item li {width:285px;padding-right:20px;margin-bottom:20px;}
	.product_item li:nth-child(4n){padding-right:0}
	
	.thumbnail {height:325px;}
	.thumbnail .thumb_img,
	.thumbnail .thumb_img > span {height:285px;}
	.thumbnail .thumb_img img {height:222px;}
	.thumbnail .thumb_txt {height:40px;line-height:40px;}
	
	footer .cont {overflow:hidden;}	
	footer .foot_tel,
	footer .foot_bottom {float:left;}
	footer .foot_tel {width:50%;border-bottom:0;}
	footer .foot_tel ul li {float:left;padding-right:50px}
	footer .foot_util {margin-top:0;}
	footer .foot_util ul {float:left;}
	footer .foot_util ul li {}
	footer .foot_util ul li a {height:40px;line-height:40px;}
	footer .foot_util .link_btn {float:right;margin-top:0;margin-left:19px;width:165px;height:40px;line-height:40px;}
	footer .foot_addr {margin-top:15px;}
	
	.pop_layer {width:360px;}
}