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

/* -------------------------------------------------------------------
| 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:#979494; font-size:12px; padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; background:none;}
.breadcrumb>li+li:before {padding: 0 5px; color: #979494; content: ">";}
.breadcrumb .active{color:#979494;}

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{position: absolute; top: 0;z-index: 99999; width:100%;min-width:1200px;height:80px; border-bottom: 1px solid rgba(255,255,255,0.2);background: rgba(0,0,0,0.4);}
.header{position:relative;width:1200px;margin:0 auto;height:80px;}
.logo{position:absolute;top:19px;left:0px;}

/* .gnb{position:absolute;right:0;top:-5px;}
.gnb a{text-decoration: none;color:#555;}
.gnb ul li{width:100px;height:40px;float:left;border:1px solid #ccc;text-align: center;}
.gnb ul li a{font-size:15px;color:#555;font-family: "OpenSans_SemiBold", sans-serif;line-height: 40px;vertical-align: middle;display: inline-block;} */

/* .language{position:absolute;right:0;top:0;}
.language a{color:#fff;font-size: 13px;background:url('../images/common/arr_w.png') no-repeat 74% center;padding-right:20px;height:25px;line-height: 25px;display: block;text-decoration: none;border-bottom:2px solid #fff;}

.languagearea {background-color: #fff; padding:6px;  border:1px solid #ddd;}
.languagearea a.active{color:#0a4aa2;} */

.top_menu{position:absolute; width:800px; left: 50%; margin-left: -360px; height: 79px; z-index:2000;}
.top_menu ul.top_menu_list{position:absolute;top:0px;right:0}
.top_menu ul.top_menu_list>li{height: 79px; line-height: 79px;position: relative;}
.top_menu ul.top_menu_list li:hover {background: #df2928;}
.top_menu ul.top_menu_list li.parent_menu{float:left;width: 160px; text-align: center;}
/*.top_menu ul.top_menu_list li.parent_menu:first-child{padding-left:30px}*/
.parent_menu a{display:block;font-size:18px;color:rgba(255,255,255,0.8);text-decoration:none;font-weight: 300; }
.parent_menu a:hover{color:#ffd894;opacity: 1;}
/* .parent_menu > a > div {} */
.parent_menu a.active div.active{width: 17px; height: 17px; position: absolute; top: 41px; left: 13px; opacity: 0.3;}
.parent_menu a.active{color:#fff;}

ul.child_menu {position:absolute;display:none;z-index:999;padding-top:0;}
ul.child_menu li.child_smenu{min-width:160px; position:relative; padding:12px 15px; background:#df2928; color:rgba(255,255,255,0.8); line-height:30px; border-top: 1px solid rgba(255,255,255,0.1);}
ul.child_menu li.child_smenu a{display:block;width:100%;font-size:14px;color:#efefef;text-decoration:none;font-weight: 300;}
ul.child_menu li.child_smenu a:hover {color:#ffd894;}
ul.child_menu li.child_smenu a.active {color:#ffd894;}

.select_link{position: absolute; top: 33%; right: 0;border: 1px solid rgba(255,255,255,0.8); width:100px;border-radius: 26px;color: rgba(255,255,255,0.8); font-weight: 900;font-size: 13px;z-index: 2111;}
.select_link_default{position:relative;text-align: left;width: 100%;}
.select_link_default .selected{display:inline-block;padding-left:32px;line-height:26px;background: url('../images/common/icn_lang_w.png') no-repeat 8px 50%;}
.select_link_default .arrow{position:absolute;top:12px;right:12px; display:inline-block;font-size: 0px;color: transparent;width: 7px;height:4px;background: url('../images/common/sel_arrow_w.png') no-repeat 0 0;transition: transform .4s;}
.select_link .select_list{display:none;position: absolute;top:30px;width: 100%;/*border: 1px solid #fff;*/box-sizing: border-box;background-color: rgba(0,0,0,.7); z-index: 10000;}
.select_link.on .select_list{display: block;}
.select_list > li > a{display: block;padding: 5px 0 5px 8px; font-family: 'NotoSans-Regular', sans-serif; color: #fff; text-decoration: none; cursor:pointer;}


#select_lang button { overflow: visible; border: 0 none; background: transparent; cursor: pointer; apperance: 0; -webkit-tap-highlight-color: transparent; }

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1200px;background:#fff;height:180px; border-top: 1px solid #ccc; }
.footer_area {position:relative;width:1200px;margin:0 auto;padding:20px 0 100px;}
.ft_logo{ position: absolute; left: 0; top:50px;}
.footer_copy {position:absolute;left:240px; top:40px; font-size:12px; color:#7a7a7a; line-height:20px; font-weight: 300; letter-spacing: -0.5px;}
.admin{position:absolute;left:280px;top:42px}
.admin a{font-size:10px;color:#ccc;border:1px solid #474747;background:#2c2c2c;padding:3px 7px;border-radius:3px;font-family: "NotoSans-Bold", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{position:absolute; right:0px; bottom:-50px; opacity: 0.5;}
.footer_device{position:absolute;left:236px;top:125px}

.footer_device .btn-default{font-size:10px;background:#fff;color:#666;border:1px solid #ccc;}
.footer_device .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#0e4ba1;border:1px solid #0e4ba1;color:#fff}
.ft_logo2{display: inline-block; width: 127px; height: 53px; position: absolute; right: 0; bottom:0;}

/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.page_up {
	width: 50px;
	height: 50px;
   background-color: #333;
   border-color: #333 ;
   transition: all 0.3s;
}
.page_up:hover {
   background-color: #0e4ba1;
   border-color: #0e4ba1;
}
.page_up span {color: #fff; font-size: 20px; text-align: center;}



.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영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.main_visual{;}
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 31px;
	height: 51px;
	text-indent: -9999px;
	margin-top: -25px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 31px;
	height: 51px;
	text-indent: -9999px;
	margin-top: -25px;
	opacity:0.6;
}

.main_cont{width:1200px; text-align:center; position: absolute; top: 25%; left: 50%; margin-left: -600px; z-index:100; padding-top: 115px; f }
.main_t{font-size:60px; text-shadow: 2px 2px 6px #000; color:#fff; font-family:'NanumSquare_L', sans-serif; margin-bottom: 10px;}
.main_t2 {font-size: 60px;color:#fff;text-shadow: 2px 2px 6px #000; letter-spacing: 1px; font-family:'NanumSquare_B', sans-serif;}

.main_cont_short{position:relative;width:386px;margin:0 auto 50px;height:50px;}
.main_cont_short ul{height:50px}
.main_cont_short ul li{width:183px;height:50px;float:left;}
.main_cont_short ul li a{display:block;width:183px;height:50px;border:2px solid #fff;text-decoration:none;color:#fff;font-size:18px;letter-spacing:0.5px;font-family: "NotoSans-Bold", sans-serif;padding:10px 0 0}
.main_cont_short ul li a:hover{border:2px solid #569eff;color:#569eff;}

.main_notice {width: 1340px; position:  absolute; bottom: 0; right: 0; background: #13181e; height: 70px; z-index: 60;}
.notice_btn_box {float: left; margin-right: 60px;}
.notice_btn_box div { float: left;}
.notice_left {border-right: 1px solid #547fbc;}
.notice_box {float: left; width: 780px; height: 70px;;}
.notice_text {width: 100%;}
.notice_text ul li {float: left; color:#fff; height: 70px; line-height: 70px; font-size: 16px; font-weight: 300;}
.notice_text ul li:nth-child(1) { margin-right: 20px; font-weight: 500;  font-size: 18px;  }
.notice_text ul li:nth-child(2) { width: 530px;}
.notice_text ul li a{ width: 570px;color:#fff; display: block;}
.notice_text ul li:nth-child(3) { width: 80px; text-align: center;}
.notice_text ul li:nth-child(4) { text-align: right; width: 80px;}


/* .main_pager_box {position: absolute; left:50%; top: 210px;z-index: 99; width: 1200px; margin-left: -600px;}
#bx-pager1{}
#bx-pager1 a{display:inline;color:#FFF;font-size:35px;font-weight:900;width:50px;height:50px;margin:0 0 0 4px;text-decoration:none; opacity: 0.5;}
#bx-pager1 a.active{color:#e60217;font-size:35px;font-weight:bold;width:50px;height:50px; opacity: 1;}

.main_btn_box {position: absolute; left:50%; top: 460px;z-index: 999; width: 1200px; margin-left: -600px;}
.main_btn {display: inline-block; margin-right: 20px;}
.main_btn a {border: 1px solid #fff; font-weight: 300; font-size: 14px; color:#fff; width: 183px; height: 46px; line-height: 46px; display: block; text-decoration: none; background: url('../images/common/main_btn_icon.png') no-repeat 90% 47%;padding-left: 20px;transition: all 0.3s;}
.main_btn a:hover {background: url('../images/common/main_btn_icon_ov.png') no-repeat 90% 47% #fff; color:#333} */

.c1_wrap {background: #f5f5f5; width: 100%; padding: 60px 0;}
.contents1 {width: 1200px; margin: 0 auto; text-align: center;}
.c_title_bar {display: inline-block; width: 30px; height: 4px; background: #0e4ba1;}
.c_title {font-size: 36px; font-weight: 500; color:#0e4ba1; margin: 10px 0 0 0;}
.c_title span { color:#333;}

.c1_article {width:100%; margin-top: 45px;}
.c1_box_wrap {float: left; border: 1px solid #ddd; width: 380px;margin-right: 30px;  background: #fff;}
.c1_box_wrap:nth-child(3) {margin-right: 0;}
.c1_img {overflow: hidden; border-bottom: 1px solid #ddd;}
.c1_img img {transition: all 0.3s;}
.c1_box_wrap a {display: block; text-decoration: none;}
.c1_box_wrap a:hover .c1_img img {transform: scale(1.1);}

.c1_bar {margin: 25px auto 15px auto; width: 18px; height: 1px; background: #333;}
.c1_subject {font-size: 18px; color:#333; font-weight: 500; padding: 25px 0;}


.contents2 {width: 1200px; margin: 0 auto; padding: 60px 0;}
.c2_img_box {float: left; width: 540px; height: 454px;}
.c2_script_box {float: right; width: 605px;  height: 454px; position: relative; padding-top: 80px;}
.c2_script_box h2 {font-size: 20px; font-weight: 400; margin: 45px 0 20px 0;}
.c2_script_box p {font-size: 16px; font-weight: 300; line-height: 30px; opacity: 0.6; letter-spacing: -0.1px; color:#666;}

.c2_btn {width: 220px; height: 50px; text-align: left; position: absolute; left: 0; bottom: 60px;}
.c2_btn a {width: 220px; height: 50px; line-height: 50px; display: block; font-size: 16px; color:#0e4ba1; font-weight: 300; background: url('../images/common/c2_shape_ov.png') no-repeat 92% 50%;  transition: all 0.3s; border: 1px solid #0e4ba1; text-decoration: none; padding-left: 20px;}
.c2_btn a:hover {color:#fff; background: url('../images/common/c2_shape.png') no-repeat 92% 50% #0e4ba1; border: 1px solid #0e4ba1;}


.c3_wrap {width: 100%; border-top: 1px solid #ddd;}
.contents3 {width: 1200px; margin: 0 auto; padding: 80px 0 50px 0; text-align: center; }
.c3_sitemap {width: 660px; float: left; border-right: 1px solid #dadada; height: 315px;}
.c3_sitemap > ul > li {float: left; margin-right: 40px; text-align:left;}
.c3_sitemap > ul > li > h1 > a {text-align:left; text-decoration: none; display: block; font-size: 18px; font-weight: 400; color:#333; margin: 0;}
.c3_sitemap > ul > li > ul {margin-top: 25px;}
.c3_sitemap > ul > li > ul > li > a {color: #666; font-size: 14px; font-weight: 300; letter-spacing: -0.5px; line-height: 30px; display: block; text-decoration: none;}
.c3_sitemap > ul > li > h1 > a:hover {color:#377be1;}
.c3_sitemap > ul > li > h1 > a.active {color:#377be1;}

.c3_sitemap > ul > li > ul > li > a:hover {color:#377be1;}
.c3_sitemap > ul > li > ul > li > a.active {color:#377be1;}


.c3_info {width: 540px; float: left; height: 315px; text-align: left; padding-left: 40px;  position: relative;}
.c3_info h2 {background: url('../images/common/call_icon.jpg') no-repeat 0% 50%; margin: 20px 0; padding: 10px 0 10px 40px; font-size: 18px; font-weight:500; color:#13181e;}
.c3_info p {padding: 0 0 0 40px; font-size: 14px; line-height: 30px; font-weight:300; color:#666; letter-spacing: -0.8px;}

.c3_btn {width: 220px; height: 50px; text-align: left; position: absolute; right: 0; top: 0;}
.c3_btn a {width: 220px; height: 50px; line-height: 50px; display: block; font-size: 16px; color:#666; font-weight: 300; background: url('../images/common/c3_shape.png') no-repeat 92% 50%;  transition: all 0.3s; border: 1px solid #13181e; text-decoration: none; padding-left: 20px;}
.c3_btn a:hover {color:#fff; background: url('../images/common/c2_shape.png') no-repeat 92% 50% #0e4ba1;  border: 1px solid #0e4ba1;}

.contents4 {width: 1200px; margin: 0 auto; padding: 60px 0; text-align: center;}
.contents4 ul {margin-top: 50px;}
.contents4 ul li {float: left; width: 300px; border: 1px solid #ccc; height: 300px; margin-left: -1px; margin-top: -1px; line-height: 300px;}
.contents4 ul li img {width: 200px;}
.contents4 ul li:nth-child(1) img {width: 150px}
.contents4 ul li:nth-child(2) img {width: 150px}
.contents4 ul li:nth-child(4) img {width: 250px}
/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1200px;height:389px}
.sub_top_area{position:relative;width:1200px;margin:0 auto;text-align:center;color:#fff;padding-top:100px}
.sub_top_area_t{font-size:45px;font-family: "OpenSans_Bold", sans-serif}
.sub_top_area_t2{font-size:17px;}


.sub_article_wrap{position:relative;width:100%;min-width:1200px;}
.sub_article{position:relative;width:1200px;margin:0 auto;}
.title{text-align:center; margin-top: 50px; border-bottom: 1px solid #ccc; padding-bottom: 32px;}
.sub_title{color:#222;font-size:35px;padding-bottom:48px; border-bottom: 2px solid #0e4ba1; padding:30px 50px;}
.sub_top_line {width: 60px; height: 1px; background: #fff; margin: 90px auto 20px auto; box-shadow: 2px 2px 8px #000;}
.sub_top_title{color:#FFF;font-size:48px;font-weight: 400; letter-spacing: -2px; margin: 0; text-shadow: 2px 2px 8px #000; margin-top: 100px;}
.sub_menu{text-align: center; background:#fff;padding: 0px 0;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;height: 48px;}
.list-group{margin-bottom: 0;}
.list-group a.menubox:first-child{background:none;padding-left:0;}
.list-group a.menubox{padding:20px;font-size:18px;color:#000;text-decoration:none;letter-spacing: -0.5px;background: url('../images/sub/submenu_blet.jpg') 0 50% no-repeat;}
.list-group a.active{color:#14a2c4;font-family: "NotoSans-Medium", sans-serif}
.list-group a.menubox:hover{color:#14a2c4}
.contents{min-height:450px;padding-bottom:50px}
.list-group a:last-child{margin-right:0;}
/*서브메뉴*/
.sub_home {width: 80px; height: 47px; float: left; border-right: 1px solid #ccc; border-left: 1px solid #ccc; overflow: hidden; padding-top: 12px;}
#sub_dep2{ height: 47px;background: url('../images/common/sub_menu_btn.png') no-repeat 90% 47% #f1f1f1; border-bottom: 1px solid #ccc;}
.sub_dep{min-width: 250px; height: 47px; float: left; background: url('../images/common/sub_menu_btn.png') no-repeat 90% 47%; border-right: 1px solid #ccc;}

.sub_dep_t {line-height: 47px;}
.sub_dep_t a { font-size: 16px; color: #132334; text-decoration: none; display: block;  text-align: left; padding-left: 30px}
.sub_dep ul li a:hover {color: #132334;}
.sub_dep ul li a.active {color: #132334;}
.sub_dep ul { position:relative; z-index: 999; border: 1px solid #CCC; border-top:none;}
.sub_dep ul li { background: #fff; text-align: left; padding:10px 30px;
border-bottom: 1px solid #CCC; }
.sub_dep ul li a { display: block; text-decoration: none; color: #858e97;}


/*greetings*/
.greetings {text-align: center;}
.gree_title_box {width: 100%; background: url('../images/sub/gree_title_bg.jpg') no-repeat 50% 0; background-size: cover; height: 180px; border-bottom: 20px solid #f7f7f7;}
.gree_title_box h1 {font-size: 30px; color:#333; font-weight: 400; padding-top: 90px; letter-spacing: -0.5px; line-height: 30px; margin: 0;}

.gree_txt {margin-top: 50px;}
.gree_txt p {float: right; text-align: left;width:830px; font-size: 16px; letter-spacing: -1px; font-weight: 300; line-height: 30px; color:#666;}
.gree_img{width: 300px; float: left;}
.gree_img img {width: 100%;}

.gree_icon {margin-top: 100px;}
.gree_box {float: left; width: 285px; height: 285px; margin-right: 20px}
.gree_box:last-child {margin-right: 0;}
.gree_box {background: #fff; padding-top: 75px; border: 2px solid #0e4ba1; }
/* .gree_box {background: url('../images/sub/gree_bg1.jpg') no-repeat 50% 0; padding-top: 75px; } */
/* .gree_box:nth-child(2) {background: url('../images/sub/gree_bg2.jpg') no-repeat 50% 0; }
.gree_box:nth-child(3) {background: url('../images/sub/gree_bg3.jpg') no-repeat 50% 0; }
.gree_box:nth-child(4) {background: url('../images/sub/gree_bg4.jpg') no-repeat 50% 0; } */
.gree_box p {font-size: 18px; font-weight: 400; color:#333; letter-spacing: -0.5px; margin-top: 30px;}

/*history*/
.history h1 {font-weight: 900; font-size: 60px; text-align: center;  color: #ccc;}
.history h1 span {color: #417be6;}
.his_box {float: left; width: 570px; margin-right: 60px; margin-top: 30px; }
.his_box h2 {background: url('../images/sub/his_bar.jpg') no-repeat 100% 50%;}
.his_box_h2 {background: url('../images/sub/his_bar.jpg') no-repeat 320px 50%!important;}
.his_table {margin-top: 20px; width: 100%;}
.his_table th, .his_table td {padding: 10px 0;}
.his_table th {color:#333;font-weight: 500; vertical-align: top; font-size: 16px;}
.his_table td {color: #666; font-weight: 300; font-size: 15px; letter-spacing: -1.1px;}

/*location*/
.location_talbe_box {margin-bottom: 50px;}
.location_talbe_box table {width: 100%; border-top: 2px solid #0e4ba1;}
.location_talbe_box table th, .location_talbe_box table td {text-align: center ; padding:15px;  border: 1px solid #ddd; }
.location_talbe_box table th {background: #f8f8f8;}

.location_aa{width: 100px; height: 500px; background: red; color:#fff; line-height: 50px; font-size: 55px; color:#fefefe;font-weight: 500; font-family: "nanum",sans-serif; text-align: center; margin: 50px auto  80px auto; letter-spacing: -0.5px; border-bottom: 20px; }

/*product1*/
.pd_box {width: 100%;}
.pd_img_box {width:620px; float:left;}
.pd_img_box ul li {float: left; margin-right: 20px;}
.pd_img_box ul li:last-child {margin-right: 0;}
.pd_script_box {width:530px; float:right; padding-top: 20px;}
.sub_h1 {margin: 0 0 30px 0; font-size: 24px; font-weight: 500; color:#333; background: url('../images/sub/title_bar.jpg') no-repeat 0% 12px; padding-left: 40px;}
.sub_h1 span {font-size: 18px; font-weight: 400; color:#666; }

.sub_p {margin: 0; font-size: 14px; font-weight: 300; color:#666; line-height: 30px; word-break : keep-all;}

.pd_table_box {}
.pd_table_box {margin-top: 30px;}
.pd_table_box table {width: 100%;  border-top: 2px solid #0e4ba1;}
.pd_table_box table th, .pd_table_box table td {text-align: center ; padding:15px 10px;  border: 1px solid #ddd;}
.pd_table_box table th {background-color: #f8f8f8;}
.pd_table_box table td {font-size: 14px; color:#666; word-break : keep-all;}


/*product1*/
.pd_img_box2 {width:100%; margin-top: 50px;}
.pd_img_box2 ul li {float: left; width: 214px; margin-right: 20px;}
.pd_img_box2 ul li img {width: 100%;}
.pd_img_box2 ul li:last-child {margin-right: 0;}
.pd_script_box2 {width:100%;}

/*product3*/
.pd_img_box3 {width:100%; margin-top: 50px;}
.pd_img_box3 ul li {float: left; width: 285px; margin-right: 20px;}
.pd_img_box3 ul li img {width: 100%;}
.pd_img_box3 ul li:last-child {margin-right: 0;}

/*product7*/
.pd7_box {width: 100%;}
.pd7_box ul li {float: left; width: 285px; margin-right: 20px; margin-bottom: 50px; height: 200px;}
.pd7_box ul li:nth-child(4n) {margin-right: 0;}
.pd7_title_box {width: 285px; height: 35px; border-bottom: 35px solid #0e4ba1; border-left: 0 solid transparent; border-right: 50px solid transparent; color: #fff; line-height: 35px; padding-left: 20px;}
.pd7_img_box {border: 1px solid #ddd; height: 170px; text-align: center; line-height: 170px;}

.pd7_box2 .pd7_title_box{width: 285px; height: 35px; border-bottom: 35px solid #efefef; border-left: 0 solid transparent; border-right: 50px solid transparent; color: #333; line-height: 35px; padding-left: 20px; font-weight: 500;}

/*product8*/
.sub_h2 {font-size: 16px; color:#333; margin: 15px 0 0 0; }
.product8 .pd_table_box {margin-top: 15px;}
.backslash {
	background: url('../images/sub/pd7_line.png') no-repeat #f8f8f8!important;
	background-size: 100% 100%!important;
	text-align: left;
}
.backslash div:nth-child(1) { text-align: right; }
.backslash div:nth-child(2) { text-align: left; }

.pd_box2 {width: 580px; float: left;}
.pd_box2:nth-child(2) {float: right;}

.product8 .pd_table_box tr th, .product8 .pd_table_box tr td { padding: 10px; font-size: 14px; letter-spacing: -0.8px;}

/*rnd1*/
.rnd_article {width: 100%; margin-top: 50px; }
.rnd_box1 {width: 100%; margin-top: -1px;  padding:30px 20px 30px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f7f7f7}
.rnd_box1:nth-child(2n) {background: #fff}
.sub_h3 {margin: 0 0 15px 0; font-size: 20px; font-weight: 500; color:#333; background: url('../images/sub/s_blet.png') no-repeat 0% 2px; padding-left: 20px; letter-spacing: -0.5px; word-break : keep-all; line-height: 24px; padding-bottom: 0; }
.rnd_box1 p {font-size: 15px; color:#333; font-weight: 40000; padding: 0 0 0 20px; letter-spacing: -0.5px; margin-bottom: 10px; word-break : keep-all;}
.rnd_box1 ul, .rnd_box2 ul {padding-left: 20px;}
.rnd_box1 ul li, .rnd_box2 ul li  {font-size: 14px; color:#666; font-weight: 300; line-height: 24px; padding: 0 0 0 13px; letter-spacing: -0.5px;  background: url('../images/sub/dotblet.png') no-repeat 0% 7px; word-break : keep-all;}

.rnd_box2 {width: 585px; height: 285px; margin-right: 30px; float: left; border: 1px solid #ddd; padding: 50px 30px;}
.rnd_box2:nth-child(2) {margin-right: 0;}
.rnd_box2 ul {min-height: 48px;}
.rnd_box2 ol {padding-left: 18px;}
.rnd_box2 ol li  {font-size: 13px; color:#666; font-weight: 300; line-height: 24px;letter-spacing: -0.5px; word-break : keep-all;}

/*rnd3*/
.rnd3 ul li {width: 216px; float: left; margin-right: 30px; margin-bottom: 70px; }
.rnd3 ul li img {width: 100%;}
.rnd3 ul li:nth-child(5n) {margin-right: 0;}
/*job1*/
.job1_title {width: 100%; padding-left: 610px; background: url('../images/sub/job1_img1.jpg') no-repeat 0% 0; height: 300px; font-size: 33px; color:#333; font-weight: 500; line-height: 48px; padding-top: 115px; letter-spacing: -0.5px;}
.job1_title span { font-weight: 300;}

.job1_article {margin-top: 100px;}
.job1_article ul li {width: 285px; margin-right: 20px; float: left;}
.job1_article ul li:nth-child(4) {margin-right: 0;}
.jop_title {width: 259px; background: url('../images/sub/job1_box_bg1.png') no-repeat 50% 0; height: 305px; padding-top: 150px; font-size: 24px; font-weight: 500; color:#333; text-align: center; margin: 0 auto;}
.job1_article ul li:nth-child(2) .jop_title {background: url('../images/sub/job1_box_bg2.png') no-repeat 50% 0;}
.job1_article ul li:nth-child(3) .jop_title {background: url('../images/sub/job1_box_bg3.png') no-repeat 50% 0;}
.job1_article ul li:nth-child(4) .jop_title {background: url('../images/sub/job1_box_bg4.png') no-repeat 50% 0;}

.job1_article ul li:nth-child(2) .job_line{background: #edc65f;}
.job1_article ul li:nth-child(3) .job_line{background: #df7954;}
.job1_article ul li:nth-child(4) .job_line{background: #7cc0b4;}
.job_line {width: 100px; height: 3px; background: #0e4ba1; margin: 10px auto 30px auto;}
.job1_article ul li p {font-size: 14px; color: #666; font-weight: 300; line-height: 24px;word-break : keep-all; text-align: left; padding:0 20px; text-align: center;}

/*job2*/
.job2_box h2 {font-size: 18px; font-weight: 500; color:#333; }
.job2_box h3 {border-bottom: none; margin-bottom: 10px; margin-top: 20px;padding-bottom: 0;}
.job2_box .sub_p {padding-left: 20px;}
.sub_p span {font-size: 12px; color:#aaa}
.job2_btn_box {margin-top: 40px;}
.job2_btn_box ul li {width: 270px; height: 50px; float: left; margin-right: 20px;}
.job2_btn_box ul li a{ display: block;  background:#333;width: 270px; height: 50px; line-height: 50px; text-align: center; color:#fff; text-decoration: none; font-weight: 300; font-size: 14px; transition: all 0.3s;}
.job2_btn_box ul li a:hover { background: #0e4ba1;}


/*job3*/
.job3_img_box {background: #efefef; width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; line-height: 100px;}
.job3_box {text-align: center; font-size: 0; margin-bottom: 50px;}
.job3_box ul {}
.job3_box ul li {float: left; height: 311px;  width: 285px;  margin-right: 20px; border: 1px solid #ccc; border-top: 2px solid #0e4ba1;padding: 50px 30px;}
.job3_box ul li:last-child {margin-right: 0;}
.job3_box ul li p {font-size: 16px; color:#333; font-weight: 400; margin-top: 20px; min-height: 88px; line-height: 26px; letter-spacing: -0.5px; word-break : keep-all;}