/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #58FAF4; }
::-moz-selection { background-color: #cccccc; color: white; }


/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.breadcrumb {color:#9c9c9c; font-size:12px; padding: 5px 0px 0; margin-bottom: 10px; list-style: none; border-radius: 4px; background:none;font-family: "nanum_B", sans-serif}
.breadcrumb>li+li:before {padding: 0 5px; color: #9c9c9c; content: ">";}
.breadcrumb .active{color:#9c9c9c;}


/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
#navitop_mobile {vertical-align:middle;border-bottom:1px solid #ccc}
.logo{padding:15px 0 15px}
.logo a{color:#333;font-size:13px;font-family: "nanum_B", sans-serif;line-height:18px;text-decoration:none}
.mobile_btn {float:right;position:relative;width:34px;height:34px;background-color:#000;border:0px solid #2f2f2f;margin:7px 5px 0 0}
.icon-bar {margin-top:4px;margin-bottom:4px;background-color:#939393;display:block;width:22px;height:2px;border-radius:1px}

.top_navi{background:#fff;padding:6px 0 7px;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}
.top_navi ul{;}
.top_navi ul li{display:inline;padding:0 1% 0;color:#5e5e5e}
.top_navi ul li a{font-size:9.5pt;color:#5e5e5e;text-decoration:none;letter-spacing:0.5px;font-family: "nanum_B", sans-serif}
.top_navi ul li a.active{color:#1d7668}

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/

.footer_area {text-align:center;background:#2c2c2c;}

.call{text-align:center;border-radius:6px;background:#1a7bff;padding:4px 0;width:98%;margin:0 auto}
.call img{max-width:5%}
.call a{color:#fff;font-size:10pt;font-family: "nanum_B", sans-serif}

.foot_cont{background:#2c2c2c;padding:0 10px}
.footer_copy {font-size:12px;color:#a7a7a7;line-height:17px;}
.admin{;}
.admin a{font-size:10px;color:#a7a7a7;border:1px solid #989898;background:#2c2c2c;padding:3px 7px;border-radius:3px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{;}
.footer_device{;}
.footer_area .btn-default{font-size:10px;background:#666;color:#fff}
.footer_area .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#333;border:1px solid #666;color:#fff}

.blog a{color:#5e5e5e;font-size:9.5pt;font-family: "nanum_B", sans-serif;text-decoration:none}
.blog .fonti{font-size:20px}


/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.btn_page_up img:hover{opacity:0.5; cursor:pointer;}
.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
#device_btn {vertical-align:middle; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }


/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 27px;
	height: 38px;
	text-indent: -9999px;
	margin-top: -13px;
	opacity:1;
}
.bxslider_btn_next {
	position: absolute;
	right: 0px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 27px;
	height: 38px;
	text-indent: -9999px;
	margin-top: -13px;
	opacity:1;
}

.colgroup_wrap{width:100%;background:#fafafa;text-align:center}
.colgroup{position:relative;margin:0 auto;padding:20px 0}
.colgroup h3{color:#3d3d3d;font-size:25px;margin:0 0 30px;font-family: "nanum_B", sans-serif;text-align:center;border-bottom:1px solid #d4d4d4}
.colgroup h3 span{display:inline-block;background:#fafafa;padding:0 20px;position:relative;top:10px}
.colgroup a{text-decoration:none}
.colgroup ul{;}
.colgroup ul:after {display:block;clear:both;content:"";}
.colgroup ul li{width:23%;float:left;margin:0 1%;background:#fff;padding-bottom:10px}
.colgroup ul li a{display:block;color:#868585;font-size:13px}
.cg_cont{padding:3px 0 0 0px}
.cg_c1{color:#3d3d3d;font-size:13px;padding:0 0 3px}
.cg_c2{color:#3d3d3d;font-size:15px;padding:0 0 0px;font-family: "nanum_B", sans-serif;letter-spacing:-1px;line-height:17px;}
.cg_c3{padding:0 0 20px;line-height:22px;letter-spacing:-0.5px}


.colgroup_wrap2{width:100%;letter-spacing:0.5px;background:url(../images/common/colgroup2_bg.jpg) no-repeat;background-size:cover;padding:30px 10px}
.colgroup2{position:relative;width:100%;margin:0 auto;text-align:center}
.colgroup2 a{text-decoration:none}
.colgroup2 h3{color:#fff;font-size:18px;margin:0;padding:0px 0 10px;line-height:30px}
.colgroup2 h3 span{font-size:23px;font-family: "nanum_B", sans-serif;}
.colgroup2 .cg2_d{color:#fff;opacity:0.8;font-size:13px;line-height:20px}
.colgroup2 a{display:block;width:250px;height:35px;margin:20px auto 0;border:1px solid #ccd5f2;color:#fff;font-size:15px;font-family: "nanum_B", sans-serif;padding:7px 30px 0 30px}
.colgroup2 a:hover{border:1px solid #99bffe;color:#99bffe;}
.cg2_t{float:left}
.cg2_m{float:right}


.colgroup_wrap3{width:100%;text-align:center;padding:20px 0 10px}
.colgroup3{position:relative;width:100%;margin:0 auto;}
.colgroup3 h3{color:#3d3d3d;font-size:25px;margin:0 0 30px;font-family: "nanum_B", sans-serif;text-align:center;border-bottom:1px solid #d4d4d4}
.colgroup3 h3 span{display:inline-block;background:#fff;padding:0 20px;position:relative;top:10px}
.colgroup3 a{text-decoration:none}
.colgroup3 ul{;}
.colgroup3 ul:after {display:block;clear:both;content:"";}
.colgroup3 ul li{width:23%;float:left;margin:0 1% 5%;}
.colgroup3 ul li a{display:block;}
.colgroup3 ul li h4{color:#3d3d3d;font-size:14px;margin:10px 0 0px;font-family: "nanum_B", sans-serif}
.colgroup3 ul li p{color:#868585;font-size:13px;line-height:22px;letter-spacing:-0.5px;padding:0 0 10px}


.colgroup_wrap4{width:100%;background:url(../images/common/colgroup4_bg.jpg) no-repeat;background-size:cover;padding:25px 10px}
.colgroup4{position:relative;width:100%;margin:0 auto;}
.cg4_icon{;}
.cg4_icon ul{text-align:center}
.cg4_icon ul:after {display:block;clear:both;content:"";}
.cg4_icon ul li{width:28.2%;float:left;margin:0 2.5%}
.cg4_icon ul li img{width:100%}
.cg4_icon ul li a{;}

/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;}
.sub_top_area{position:relative;text-align:center;color:#fff;font-size:15px;padding:20px 10px}
.sub_top_area_t{font-size:25px;font-family: "nanum_B", sans-serif}
.sub_top_area_t2{font-size:13px;line-height:18px;}
.sub_top_line{border-top:3px solid #fff;width:63px;margin:10px auto 10px}

.sub_article{position:relative;width:1300px;margin:0 auto;padding-bottom:50px;border-bottom:1px solid #151314}
.title{text-align:center;margin:10px 0 20px;border-bottom:1px dashed #494949}
.sub_title{color:#333;font-size:20px;letter-spacing:0.5px;font-family: "nanum_B", sans-serif}
.contents{min-height:350px;padding:0 15px 30px;word-break: keep-all;}

/* 인사말 */
.greeting_info{line-height:32px;font-size:13px;color:#666;text-align:center}
.greeting_info img{width:100%}
.greeting_img{;}
.greeting_cont{padding-top:10px}
.greeting_txt1{font-size:17px}
.greeting_txt2{color:#333;font-family: "nanum_B", sans-serif}
.greeting_txt3{color:#333;font-family: "nanum_B", sans-serif;border-bottom:1px solid #333;padding-bottom:2px}
.greeting_txt4{border-bottom:1px solid #666;padding-bottom:2px}
.greeting_txt5{;}

/* 회사현역 */
.history_info{position:relative;margin:0 auto;background:#f7f7f7;padding:30px 10px 30px;text-align:center}
.history_info h3{width:94px;height:94px;border-radius:50%;background:#bcbcbc;color:#fff;font-size:20px;text-align:center;margin:0 auto 20px;font-family: "nanum_B", sans-serif;padding-top:40px}
.history_cont{position:relative;line-height:28px;font-size:15px;color:#666}
.history_txt{font-size:20px;color:#333;font-family: "nanum_EB", sans-serif;padding-right:10px;display:block;}
.history_txt2{;}
.history_txt3{;}

.history_info2{position:relative;margin:0 auto;background:#f7f7f7;padding:30px 10px 30px;text-align:center}
.history_info2 h3{width:94px;height:94px;border-radius:50%;background:#bcbcbc;color:#fff;font-size:20px;text-align:center;margin:0 auto 20px;font-family: "nanum_B", sans-serif;padding-top:40px}
.history_cont2{position:relative;line-height:28px;font-size:11px;color:#666}

#history_wrap {position: relative; padding:50px 20px; background:#f7f7f7; width: 100%; margin:0 auto; }
#history_wrap .history_box {display: flex; flex-direction: column; margin-bottom: 60px; }
#history_wrap .history_box:last-child {margin-bottom: 0; }
#history_wrap .h_year {width:94px;height:94px;border-radius:50%;background:#bcbcbc;color:#fff; font-size:20px;text-align:center; font-family: "nanum_B", sans-serif;
display: flex; align-items: center; justify-content: center; margin:0 auto; }
#history_wrap .h_cont {padding:25px 0 0 0; width:100%; }
#history_wrap .h_cont li {margin-bottom: 10px; display: flex; align-items: flex-start ; line-height:24px ;}
#history_wrap .h_cont li:last-child {margin-bottom: 0; }
#history_wrap .h_cont li p {word-break: keep-all;   font-size: 13px; color: #666;}
#history_wrap .h_cont li b {white-space: nowrap;font-size: 15px; color: #333;  font-family: "nanum_EB", sans-serif; display: block; margin-right: 10px; position: relative; top:-1px; }


/* 경영이념 */
.philosophy_info img{width:100%;}
.organization_info img{width:100%;}
.business_info img{width:100%;}

/* 골전도 유니트 */
.product_1_info{line-height:32px;font-size:15px;color:#666;text-align:center}
.product_1_info img{width:100%}
.product_1_info h3{margin:0 0 30px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;}
.product_1_info .product_1_des{;}
.product_1_info .product_1_cont{;}
.product_1_info .product_1_cont ul{;}
.product_1_info .product_1_cont ul:after {display:block;clear:both;content:"";}
.product_1_info .product_1_cont ul li{width:31%;float:left;margin:0 1.6%;text-align:center;color:#333}

.product_1_info2{line-height:32px;font-size:15px;color:#666;text-align:center}
.product_1_info2 img{width:100%}
.product_1_info2 h3{margin:0 0 30px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;}
.product_1_info2_w{}
.product_1_info2 .product_1_des{;}
.product_1_info2 .product_1_cont{;}
.product_1_info2 ul{;}
.product_1_info2 ul:after {display:block;clear:both;content:"";}
.product_1_info2 ul li{float:left;margin:0 1%;text-align:center;color:#333}
.product_1_info2 ul li.info2_li{width:30%;}
.product_1_info2 ul li.info2_li2{width:65%;}

.product_1_info3{line-height:23px;font-size:13px;color:#666;text-align:center}
.product_1_info3 h3{margin:0 0 30px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;line-height:35px}
.product_1_spec{line-height:40px;font-family: "nanum_EB", sans-serif;font-size:15px;color:#333}
.product_1_spec2{border-top:1px solid #ccc;margin-top:15px;padding-top:15px}
.product_1_spec2 h4{font-family: "nanum_EB", sans-serif;font-size:15px;color:#333}
.product_1_spec2 p{;}
.product_1_spec2_txt{font-family: "nanum_B", sans-serif;color:#0c66e2}

.product_1_spec2_table{width:100%;font-size:13px;color:#666;text-align:center;}
.product_1_spec2_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.product_1_spec2_table th{background:#7e7e7e;border:1px solid #ccc;color:#fff;font-family: "nanum_B", sans-serif;text-align:center;line-height:20px;padding:8px 3px}
.product_1_spec2_table td{border:1px solid #ccc;padding:8px 3px}

/* 골전도헬멧단말기 */
.product_2_info{line-height:32px;font-size:15px;color:#666;text-align:center;}
.product_2_info img{width:100%}
.product_2_info h3{margin:0 0 30px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;line-height:35px}
.product_2_info p{}
.product_2_img{text-align:center}
.product_2_txt{font-size:20px;color:#333;font-family: "nanum_B", sans-serif;margin-bottom:30px}

.product_2_table{width:100%;margin:0 auto;font-size:13px;color:#666;text-align:center;}
.product_2_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.product_2_table th{background:#7e7e7e;border:1px solid #ccc;color:#fff;font-family: "nanum_B", sans-serif;text-align:center;line-height:20px;padding:8px 3px}
.product_2_table td{border:1px solid #ccc;padding:8px 20px;text-align:left}
.table-responsive{border:0}

/* 방한용귀마개 */
.product_3_info{line-height:32px;font-size:15px;color:#666;text-align:center;}
.product_3_info img{width:100%}
.product_3_info h3{margin:0 0 30px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;line-height:35px}
.product_3_info p{}
.product_3_img{text-align:center}
.product_3_txt{font-size:20px;color:#333;font-family: "nanum_B", sans-serif;margin-bottom:30px}

.product_3_table{width:100%;margin:0 auto;font-size:13px;color:#666;text-align:center;}
.product_3_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.product_3_table th{background:#7e7e7e;border:1px solid #ccc;color:#fff;font-family: "nanum_B", sans-serif;text-align:center;line-height:20px;padding:8px 3px}
.product_3_table td{border:1px solid #ccc;padding:8px 20px;text-align:left}
.table_color{color:#ff0000}

/* 매직보온병 */
.product_4_info{line-height:32px;font-size:15px;color:#666;text-align:center;}
.product_4_info img{width:100%}
.product_4_info h3{margin:0 0 30px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;line-height:35px}
.product_4_info p{}
.product_4_img{text-align:center}
.product_4_txt{font-size:20px;color:#333;font-family: "nanum_B", sans-serif;margin-bottom:30px}

/* 사출성형제품 */
.product_5_info{line-height:32px;font-size:15px;color:#666;text-align:center;}
.product_5_info h3{margin:0 0 30px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;line-height:35px}
.product_5_info img{width:100%}

.product_5_table{width:100%;margin:0 auto;font-size:13px;color:#666;text-align:center;}
.product_5_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.product_5_table th{background:#7e7e7e;border:1px solid #ccc;color:#fff;font-family: "nanum_B", sans-serif;text-align:center;line-height:20px;padding:8px 3px}
.product_5_table td{border:1px solid #ccc;padding:8px 3px}

/* 금형개발 */
.product_6_info{line-height:32px;font-size:15px;color:#666;text-align:center;}
.product_6_info img{width:100%}
.product_6_info h3{margin:0 0 0px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;line-height:35px}

.product_6_table{width:100%;margin:0 auto;font-size:13px;color:#666;text-align:center;}
.product_6_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.product_6_table th{background:#7e7e7e;border:1px solid #ccc;color:#fff;font-family: "nanum_B", sans-serif;text-align:center;line-height:20px;padding:8px 3px}
.product_6_table td{border:1px solid #ccc;padding:8px 3px}

.product_6_cont{width:100%;margin:0 auto;text-align:left;line-height:38px;}
.product_6_cont:after {display:block;clear:both;content:"";}

.product_6_img{;}
.product_6_des{;}
.product_6_des2{line-height:28px;font-size:14px;text-align:center;padding-top:20px}
.product_6_d{background:#f5f5f5;padding:20px 30px;width:100%;margin-left:0px;margin-top:20px}
.product_6_d2{background:#f5f5f5;padding:20px 30px;width:100%;margin-top:20px}
.product_6_d3{background:#f5f5f5;padding:20px 30px;width:100%;margin-top:20px;}
.product_6_txt{font-size:16px;color:#333;font-family: "nanum_B", sans-serif;}

.product_6_cont ul{width:80%;margin:0 auto;text-align:center;}
.product_6_cont ul:after {display:block;clear:both;content:"";}
.product_6_cont ul li{border:0px solid #ccc;margin-bottom:60px}

/* 조립생산 */
.product_7_info{line-height:32px;font-size:15px;color:#666;text-align:center;}
.product_7_info img{width:100%}
.product_7_info h3{margin:0 0 30px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;line-height:35px}

/* 주요거래처 */
.product_8_info{line-height:32px;font-size:15px;color:#666;text-align:center;}
.product_8_info img{width:100%}
.product_8_info h3{margin:0 0 30px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;line-height:35px}

/*블랙박스 */
.product_9_info{line-height:32px;font-size:15px;color:#666;text-align:center;}
.product_9_info h3{font-size:23px;color:#333;font-family: "nanum_EB", sans-serif;}
.product_9_1{ margin-top: 50px; }
.product_9_text{padding-top: 10px; }
.product_9_text h3{margin:0px 0 20px;font-size:25px;color:#333;font-family: "nanum_EB", sans-serif;}
.product_9_2{ margin-top: 50px; }

.product_9_table1 table{ width: 100%; }
.product_9_table1 table th{ padding: 7px 0; text-align: center; border: 1px solid #ccc; background: #fafafa; font-family: "nanum_B", sans-serif; font-size: 16px; color: #000; }
.product_9_table1 table td{ padding: 7px; text-align: center; border: 1px solid #ccc; font-family: "nanum", sans-serif; font-size: 13px; line-height: 20px; }
.product_9_t_img{ width: 210px;     margin-top: 60px;}
.product_9_t_img>img{ width: 100%; }
.product_9_r{ color: #e20404; text-align: right; font-weight: bold; }

.product9_vd p{ font-size:16px;color:#333;font-family: "nanum_B", sans-serif;margin-bottom:10px  }

/* 기업부설연구소 */
.laboratory_info{font-size:15px;color:#666;line-height:35px;font-family: "nanum_B", sans-serif;}
.lab_info_list{width:100%;margin:30px auto 0;}
.lab_info_list li{background:#f5f3f3;padding:30px 20px;margin-bottom:30px}
.lab_info_list li h3{margin:0 0 20px;font-size:20px;color:#333;}
.lab_info_list li h3 span{border-bottom:1px solid #333;padding-bottom:2px}
.lab_info_list li p{padding-left:5px}
.laboratory_txt{font-size:20px;color:#0c66e2;font-family: "nanum_EB", sans-serif}
.laboratory_txt2{display:block;color:#333;line-height:25px;padding-bottom:10px}
.laboratory_img{text-align:center}
.laboratory_img img{width:95%}

#lab_cer_list {display: flex; flex-wrap:wrap; }
#lab_cer_list li {border:1px solid #ddd; margin-right: 10px; width: calc(50% - 5px); }
#lab_cer_list li img {width: 100%; }
#lab_cer_list li:nth-child(even) {margin-right: 0; }
#lab_cer_list li:nth-child(n+3) {margin-top: 10px;}