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

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.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: "NotoSans-Medium", sans-serif}
.breadcrumb>li+li:before {padding: 0 5px; color: #9c9c9c; content: ">";}
.breadcrumb .active{color:#9c9c9c;}


/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* #navitop_mobile {vertical-align:middle;background:#fff;background: rgba(19,35,52,0.8);position:absolute; z-index: 999; width: 100%;} */
#navitop_mobile {vertical-align:middle; height: 65px;  background-color: rgba( 0, 0, 0, 0.8 ); position:absolute; z-index: 999; width: 100%;}

.logo{ height: 65px; line-height: 65px;}
.mobile_btn {float:right;position:relative;width:34px;height:34px;background-color:#000;border:0px solid #2f2f2f;margin:15px 15px 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:#151314;padding:5px 0 7px}
.top_navi ul{;}
.top_navi ul li{display:inline;padding:0 2.3% 0;}
.top_navi ul li a{font-size:9pt;color:#fff;text-decoration:none;letter-spacing:0.5px;font-family: "nanumMJ_B", sans-serif}
.top_navi ul li a.active{color:#666}

/* -------------------------------------------------------------------\
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area {text-align:center;padding:3%; border-top:1px solid #ddd; position: relative;}
.f_right_icon {width: 350px;position: absolute; top: 20px; left: 50%; font-size: 0; margin-left: -175px;}
.f_r_logo { display: inline-block; border: 1px solid #ccc; padding: 10px; position: relative;}
.f_img_box {text-align: center;}
.f_right_t {font-size: 13px;color: #6d727a;  font-family: 'nanum', sans-serif; margin-top: 5px;  letter-spacing: -1px;}
.click_box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.click_box a {display: block; width: 100%; height: 100%;}

.footer_logo {display:block; text-align: center; margin-top:20px;}
.footer_logo ul{display:table; margin:0 auto;}
.footer_logo ul li {display:table-cell; width:33%;}
.footer_logo ul li img{max-width:90%; height:auto;}
.footer_sns {text-align:center;}
.footer_sns ul {margin-top:20px;}
.footer_sns ul li {display:inline-block; margin-right:10px;}
.footer_sns ul li:last-child {margin-right:0;}
.footer_sns ul li:nth-child(1) a span { background: url('../images/ft_sns1.jpg') no-repeat 0 0;}
.footer_sns ul li:nth-child(2) a span {background: url('../images/ft_sns2.jpg') no-repeat 0 0; }
.footer_sns ul li:nth-child(3) a span {background: url('../images/ft_sns3.jpg') no-repeat 0 0;}
.footer_sns ul li a span { transition: all 0.3s ease; opacity: 1;  zoom:1; display: inline-block; width:50px; height:50px;}
.footer_sns ul li a:hover span {text-decoration: none; opacity:0.5;}
.footer_copy{position: relative; width: 100%; font-size:12px; letter-spacing: -0.5px; font-weight: 300; color:#8f8f8f; line-height:20px; padding:20px 0 10px 0; word-break: keep-all;}

.quick_menu {display:block; position:fixed; width:100%;; height:50px;  bottom:0;  z-index: 3;  }
 .quick_menu  ul  {height:100%;}
 .quick_menu  ul li{width:50%; float:left; text-align:center; height:100%; padding-top:5px;}
  .quick_menu  ul li:first-child {background-color: rgba( 59, 120, 216, 0.9 ); }
 .quick_menu  ul li:last-child {background-color: rgba( 255, 235, 0, 0.9 );}
 .quick_menu  ul li:last-child a {color:#3a1f1e;}
.quick_menu a {display:block; width:100%; height:100%; color:#fff; font-weight:500; padding-top:9px; font-size:15px;}
.quick_menu a i {font-size:20px; padding-right:3%; padding-top:2px;}
.quick_menu a img {max-width:36px; padding-right:3%;}
.quick_menu a:hover {text-decoration: none;}


/* .quick_menu.tel { background: #3b78d8;}
.quick_menu.kakao {background: #f7e626; bottom:70px;}
.quick_menu.kakao a {color:#3a1f1e; font-size:13px; padding-top:13px;}
.quick_menu.kakao a img {max-width:60%; height: auto;}
.quick_menu.tel a:hover {color:#fff; text-decoration: none;}
.quick_menu.kakao a:hover {color:#3a1f1e; text-decoration: none; } */


.admin{;}
.admin a{font-size:10px;color:#ccc;border:1px solid #666;background:#333;padding:3px 7px;border-radius:3px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{;}
.footer_area .btn-default{font-size:10px;background:#fff;color:#666}
.footer_area .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#ececec;border:1px solid #ccc;color:#666}
.footer_device{display:block; margin-top:5px;}
.footer_device .btn-default{font-size:10px;background:#2c2c2c;color:#ccc;border:1px solid #474747;}
.footer_device .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#000;border:1px solid #474747;color:#ccc}

.quick_wrap{width:100%}
.quick{position:relative;text-align:center;padding:20px 0}
.quick img{width:80%}
.quick a{text-decoration:none}
.quick ul{;}
.quick ul:after {display:block;clear:both;content:"";}
.quick ul li{width:48%;float:left;margin:0 1%}

/* -------------------------------------------------------------------
| 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 */
#bx-pager1{width: 300px;position: relative; top: -80px; left: 50%; margin-left: -150px; z-index: 99}
#bx-pager1 a{display:inline;color:#FFF;font-size:30px;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:30px;font-weight:900;width:50px;height:50px;opacity: 1; }


.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 2%;
	top: 55%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 30px;
	height: 57px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 2%;
	top: 55%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 30px;
	height: 57px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}


/* 메인레이아웃 */
h1, h2, h3, h4, h5 {margin: 0;}
.main_typo  {position: absolute; top:  150px; left: 0; width: 100%; text-align: center; z-index: 99}
.main_typo h1 { font-size:30px; font-family: 'BMDOHYEON',sans-serif;  color:#fff; }
.main_typo p { font-size:14px; font-weight: 400; color:#fff; }
.main_bar {margin: 30px 0; }

/*공통*/
.c_h1 {font-size: 24px; color: #0a1730; font-family: 'BMDOHYEON',sans-serif; word-break : keep-all;}
.c_h1 span {color:#ff9c0d;}
.c_line { height: 6px; margin: 25px 0; line-height: 0;}
.c_line2 { height: 6px; margin: 25px 0; line-height: 0;}
.c_h2 {font-size: 18px; font-weight: 400; color:#000; margin-bottom: 18px; word-break : keep-all;}
.c_p {font-size: 14px; font-weight: 300; line-height: 24px; color:#666; word-break : keep-all; }

/*c1*/
.contents1 {padding: 40px 15px; text-align: center;}
.c1_text_bg { width: 345px; margin: 0 auto 8px auto;}
.c1_img_box {width: 100%; max-width: 345px; margin: 0 auto; position: relative; height: 260px;}
.c1_strok {border: 1px solid #ff9c0d; width: 90%; position: absolute;top: 0; left: 0;}
.c1_img {width: 90%; position: absolute;top: 18px; right: 0;}
.c1_img_box img {width: 100%;}
.c1_btn {width: 170px; height: 40px; margin: 25px auto 0 auto;}
.c1_btn a {display: block; text-align: center; width: 170px; height: 40px; text-decoration: none; line-height: 40px; background: #ff9c0d; color:#fff; font-size: 14px; border-radius: 50px; }

/*c2*/
.contents2 {width: 100%; background: url('../images/common/c2_bg.jpg') no-repeat 50% 50%; background-size: cover; padding: 50px 15px; text-align: center;}
.c2_img img {width: 100%;}
.contents2 .c_h1 {color:#fff;}
.contents2 .c_p {color: rgba(255,255,255,0.7);}

.c2_img {width: 100%;  margin-top: 25px;}
.c2_img ul li {width: 49%; float: left; margin-right: 2%; margin-bottom: 15px;}
.c2_img ul li:nth-child(2n) {margin-right: 0;}
.c2_img ul li a {display: block; text-align: center; text-decoration: none; color:rgba(255,255,255,0.7); font-size: 13px; font-weight: 300;}
.c2_img ul li p {margin-top: 10px;}

/*c3*/
.contents3 {width: 100%; padding: 50px 15px; text-align: center;background: url('../images/common/c3_bg.png') 50% 50%; }
.c3_txt {width: 345px; margin: 0 auto; text-align: left; border: 1px solid #ddd; margin-top: 25px; padding: 30px; background: #fff;}
.c3_txt ul li {font-size: 15px; color:#666; letter-spacing: -0.5px; margin-bottom: 15px; background: url('../images/common/s_blet.jpg') no-repeat 0 7px; padding-left: 18px; word-break: keep-all; line-height: 24px;}
/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;height:100%;}
.sub_top_area{position:relative;width:100%;margin:0 auto;text-align:center;color:#fff;padding:110px 0 50px 0;}
.sub_top_area_t{font-size:24px; font-weight: 500;}
.sub_top_area_line{width:100px;height:1px;border-bottom:1px solid #fff;margin:0 auto;padding-top:10px;}

.sub_article{position:relative;width:1300px;margin:0 auto;padding-bottom:50px;border-bottom:1px solid #151314}
.title{text-align:center;padding:20px;border-bottom: 1px solid #eee;}
.sub_title{color:#222;font-size:18px;border-bottom:2px solid #ff9c0d;padding-bottom:18px;}
.contents{min-height:350px;padding:0 15px 30px;}

/*공통*/
.sub_h1 {font-size: 30px; font-weight: 500; line-height: 55px; letter-spacing: -0.5px; word-break : keep-all; color:#333; margin-bottom: 15px;}
.sub_h1 span {color: #ff9c0d}
.sub_h1_line {width: 40px; height: 1px; background: #000;margin: 0 auto}
.sub_h2 {font-size: 30px; word-break : keep-all; font-weight: 500;  line-height: 46px; margin: 5px 0; color:#333; }
.sub_h3 {font-size: 14px; word-break : keep-all; font-weight: 500; color:#d0d0d0; text-transform:uppercase; }
.sub_h4 {font-size: 16px; font-weight: 400; color:#333;  word-break : keep-all; line-height: 30px;}
.sub_h4 span {font-size: 18px; color:#ff9c0d; font-weight: 700;}
.sub_p {font-size: 14px; font-weight: 300; color:#666; line-height: 26px; word-break : keep-all;}
.sub_p_line {width: 30px; height: 1px; background: #fff; margin: 18px auto;}


/*project*/
.pj_tap_btn {width: 100%; max-width: 500px; margin: 0 auto;text-align: center;}
.pj_tap_btn ul li {width: 100%; height: 40px; display: inline-block!important; text-align: center; margin-bottom: -1px;}
.pj_tap_btn ul li:last-child {margin-right: 0}
.pj_tap_btn ul li a {text-decoration: none; color:#333; display: block;  border: 1px solid #ddd; width: 100%; height: 40px; line-height: 40px; border-radius: 0; padding: 0;font-size: 16px; transition: all 0.2s;}
.pj_tap_btn ul li a.active {background: #ff9c0d; color:#fff; border: 1px solid #ff9c0d;}
.nav>li>a:focus, .nav>li>a:hover {background: #f7f7f7}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {background: #ff9c0d; color:#fff; border: 1px solid #ff9c0d}
.tab-content {margin-top: 80px;}
.nav-pills>li+li { margin-left: 0px;}

.pj_article {margin-top: 10px;}
.pj_article ul li { width: 49%; float: left; margin-right: 2%; border: 1px solid #ddd; height: 80px; line-height: 80px; margin-bottom: 20px; transition: all 0.2s ;}
.pj_article ul li:nth-child(2n) {margin-right: 0;}
.pj_article ul li:hover {border: 1px solid #ff9c0d;}


@media (max-width: 500px) {
	.pj_article ul li { width: 100%; max-width: 240px; display: inline-block; float: none; border: 1px solid #ddd; margin-right: 0;}
}


.pj_table {width: 100%; border-top: 4px solid #ff9c0d;}
.pj_table thead th{ background: #0a1730; color:#fff; font-size: 16px; padding: 15px 30px; text-align: center; border: 1px solid rgba(255,255,255,0.2)}
.pj_table tbody th{ background: #f7f7f7; color:#333; font-size: 16px; padding: 10px 30px; text-align: left; border: 1px solid #ddd}
.pj_table tbody td { border: 1px solid #ddd; color:#666; padding: 10px 50px; text-align: center;}
.pj_table tbody td:nth-child(1) {text-align: left;}
/*about*/
.about1 {width: 100%; text-align: center;}
.about1_img {margin-top: 40px; width: 100%;}
.about1_img img {width: 100%;}
.about1_txt { text-align: left; margin-top: 30px;}
.about1_txt ul li {margin-bottom: 30px;}
.about1_txt ul li h1 {font-size: 18px; font-weight: 500; color:#333; letter-spacing: -0.5px; margin-bottom: 15px; background: url('../images/common/s_blet.jpg') no-repeat 0 5px; padding-left: 18px; word-break: keep-all; line-height: 30px;}
.about1_txt ul li p {font-size: 14px; font-weight:300; color:#666; letter-spacing: -0.5px; line-height: 24px; padding-left: 18px; word-break: keep-all}
.ceo_sign {font-weight: 700; color:#333; font-size: 16px; text-align: left; padding-left: 118px;}
.ceo_sign span {font-size: 26px; padding-left: 15px;}

.about2_wrap {margin-top: 50px;}
.about2_title {padding: 50px 0; background: url('../images/sub/about2_bg1.jpg') no-repeat 50% 50%; background-size: cover; text-align: center;}
.about2_title .sub_h1 {color:#fff;}
.about2_title .sub_h1_line {background: #fff;}

.about2_box1 {background: #fff; margin: 50px 0; width: 100%; text-align: center;}
.about2_icon_box1 {width: 100%; margin-top: 30px;}
.about2_icon_box1 ul li {width: 33.3%;float: left; text-align: center;}
.about2_icon_box1 ul li img {width: 90%;}
.about2_icon_box1 ul li:nth-child(3) {width: 33.4%;}
.about2_icon_box1 .sub_p_line {background: #333; margin-bottom: 8px;}
.about2_wrap .sub_p { line-height: 20px;}

.about2_box2 {width: 100%;}
.about2_box2 ul {width: 100%; margin: 0 auto;}
.about2_box2 ul li {float :left; width: 49%; min-height: 273px; background: #ffff; text-align: center;padding: 30px 15px;}
.about2_box2 ul li:nth-child(1) {border: 1px solid #000; margin-right: 2%;}
.about2_box2 ul li:nth-child(2) {border: 1px solid #ff9c0d;}
.about2_box2 h2 {font-size: 18px; line-height: 30px;}
.about2_box2 .about2_icon {margin: 15px 0 25px 0;;}
@media (max-width: 500px) {
	.about2_box2 ul li {  min-height: 300px;}
}

.about3 {width: 100%; margin: 0 auto; text-align: center;}
.about3 h2{ font-size: 20px; font-weight: 400; color:#333; line-height: 30px; margin-top: 20px;}
.about3_logo {margin-top: 50px;}
.about3_logo ul li {width: 50%;  border: 1px solid #333; margin-left: -1px; margin-top: -1px; float :left; padding: 30px;}
.about3_logo ul li img {width :100%;}

.about3_txt {width :100%; margin-top: 50px; text-align: left;}
.about3_txt ul li { width: 50%; margin-bottom: 15px; float: left; }
.about3_txt ul li div {color:#fff; font-weight: 500; font-size: 15px; padding: 5px 0; text-align: center; width: 170px;  word-break: keep-all}
@media (max-width: 500px) {
	.about3_txt ul li { width: 100%; margin-bottom: 15px; float: none;}
}


.about4_wrap {width: 100%; margin-top: 50px;}
.about4_wrap .about2_title {background: url('../images/sub/about4_bg1.jpg') no-repeat 50% 100%; background-size: cover;}
.about4 {background: #fff; padding-top: 30px; width: 100%; text-align: center;}
.about4_btn ul li {float: left; width: 32%; margin-right: 2%;}
.about4_btn ul li:last-child {margin-right: 0;}
.about4_btn ul li a {background: #fff; color:#333; border: 1px solid #ddd; display: block; text-align: center; line-height: 45px; text-decoration: none; font-size: 14px; transition: all 0.3s}
.about4_btn ul li a:hover {background: #ff9c0d; color:#fff; border: 1px solid #ff9c0d;}

.about_article {position: relative; width: 100%; margin-top: 50px;}
.about_article::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 94.5%;
    background: #ddd;
    top: 20px;
    left: 0%;
}
.about_article > ul > li {width: 100%; margin-bottom: 50px;}
.his_r_box {float: right; width: 100%; text-align: left; padding-left: 55px; position: relative;}
.his_bar {position: absolute;top: 10px; left: -5px;}

.about_article h1 {font-size: 30px; font-weight: 500; letter-spacing: -0.5px; color:#333;}
.his_txt {margin-top: 20px;}
.his_txt ul li {margin-bottom: 5px;}
.his_txt ul li:last-child {margin-bottom: 0;}
.his_txt div {display: inline-block;  font-size: 18px; font-weight: 700; color:#ff9c0d; vertical-align: top ; width: 15%;}
.his_txt p {display: inline-block; font-size: 14px; font-weight: 400; color:#333; line-height: 26px; vertical-align: top; word-break: keep-all; letter-spacing: -0.5px; width: 84%;}

/*certification*/
.certification ul li {float:left; width:49%; margin-right: 2%; margin-bottom: 30px; text-align: center;}
.certification ul li:nth-child(2n) {margin-right: 0}
.cer_img {width: 100%; border: 1px solid #ddd; overflow: hidden;}
.cer_img img {width: 100%; max-width: 358px;}
.certification ul li h1 {font-size: 18px; color:#333; font-weight: 500; }
.certification ul li p {margin-top: 5px;}
.certification ul li .sub_p_line {background: #ff9c0d;}

.location_txt {width: 100%;background: url('../images/sub/location_bg.png') no-repeat 100% 100%;  background-size: 40%}

.location_bg {}

.location_txt h1 {width: 100%; padding-top: 10px; margin: 50px 0 30px 0; padding-bottom: 30px; font-size: 30px; font-weight: 500; color:#333; border-bottom: 1px solid #ddd;}
.location_txt h2 {font-size: 18px; color:#333; font-weight: 400; margin-bottom: 15px; line-height: 30px; word-break: keep-all}
.location_txt p {font-size: 14px; color:#666; font-weight: 300; margin-bottom: 15px;}
.location_txt ul {width: 100%;}
.location_txt ul li {margin-bottom: 30px; font-size: 16px; font-weight: 300; color:#333; line-height: 30px;}
.location_txt ul li:nth-child(2) {font-size: 18px;}
.location_txt ul li:nth-child(2) span {margin:  0 15px;}

/*media*/
.media2_img {width: 100%; text-align: center;}
.media2_img img {width: 100%; max-width: 1280px;}
.media_title {font-size: 18px; font-weight: 400; color:#333; }

.media2_article {width: 100%; margin-top: 30px;}
.m2_a1 ul li {width: 32%; float: left; margin-right: 2%; text-align: center;}
.m2_a1 ul li:last-child {margin-right: 0;}
.m2_a1 ul li img {width: 70px;}

.m2_a2 {width: 100%;}
.m2_title {font-size: 15px; color:#333; text-align: left;  padding: 15px 15px 15px 25px; background: url('../images/sub/m2_title_bar.jpg') no-repeat 15px 15px #ff9c0d; letter-spacing: -0.5px; }

.m2_a2 ul li {width: 50%; float: left; border: 1px solid #ddd; margin-left: 0; margin-bottom: -1px; padding: 20px 10px; min-height: 155px;}
.m2_a2 ul li:nth-child(1), .m2_a2 ul li:nth-child(2) {border-top: none;}
.m2_a2 ul li:nth-child(2), .m2_a2 ul li:nth-child(3) {background: #f7f7f7;}
.m2_a2 ul li:nth-child(2n) {border-left: 0;}
.m2_a2 ul li img {margin-bottom: 15px;}
.m2_a2 ul li p {font-size: 14px; color:#666; font-weight: 300; }
.m2_a2 ul li i {font-size: 12px; color: #ff9c0d;}

.m2_a3_txt {width: 50%; float: left; border: 1px solid #ddd; margin-top: -1px;}
.m2_a3_txt:nth-child(1), .m2_a3_txt:nth-child(2) {border-top: none; }
.m2_a3_txt:nth-child(2n) {border-left: 0;}

.m2_a3_txt h1 {font-size: 15px; color:#333; font-weight: 500; background: #f7f7f7; min-height: 52px; line-height: 52px; border-bottom: 1px solid #ddd;}
.m2_a3_txt ul {padding: 20px 10px; min-height: 160px;}
.m2_a3_txt ul li {font-size: 14px; color:#666; font-weight: 300; background: url('../images/common/s_blet2.jpg') no-repeat 0 9px;  text-align: left; padding-left: 10px; letter-spacing: -0.3px;}

.media3_wrap {width: 100%; background:#f7f7f7; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.media3 {width: 100%; margin: 0 auto; text-align: center; padding: 50px 0;}
.media3_list {width: 100%; max-width: 500px; margin: 0 auto;}
.media3_list li {margin-bottom: 15px; font-size: 14px; background: url('../images/common/s_blet3.jpg') no-repeat 0 8px;  text-align: left; padding-left: 15px; word-break: keep-all}
.media3_list li img {margin-right: 5px; margin-top: -4px;}
.media3_list li:last-child {margin-bottom: 0;}

.media4 {margin: 0 auto; width: 100%;}
.media4_article > ul > li {width: 100%; border: 1px solid #ddd; background: #f7f7f7; padding: 30px; border-top: 3px solid #ff9c0d; margin-bottom: 20px;}
.media4_article ul li:last-child {margin-right: 0;}
.media4_icon {width: 150px; height: 150px; margin: 0 auto; line-height: 150px; background: #fff; border-radius: 50%;}
.media4 .sub_p_line {background: #333;}

.media4_list {width: 100%; text-align: left; background: #fff; border: 1px solid #ddd; margin-top: 20px; padding: 15px;}
.media4_list ul li {margin-bottom: 10px; background: url('../images/common/s_blet3.jpg') no-repeat 0% 8px; padding-left: 15px; font-size: 14px; font-weight: 400; color:#666;}
.media4_list ul li:last-child {margin-bottom: 0;}

/*security*/
.secu2 {width: 100%; text-align: center; padding: 50px 15px;}
.secu2_img {border: 1px solid #ddd; background: #fff; text-align: center;}
.secu2_img img {width: 100%;}
.secu2_txt {width: 100%; margin-top: 20px;}

.secu3 {width: 100%; margin: 0 auto; margin-top: 80px;}
.secu3_box {width: 100%; border: 1px solid #ddd; border-top: none;}
.secu3_title {width: 100%; background: #f7f7f7; padding: 30px 30px 20px 30px; border-bottom: 1px solid #ddd;  border-top: 3px solid #ff9c0d;}
.secu3_title h1 {background: #fff; border: 1px solid #ddd; padding: 15px 0; margin-bottom: 15px; font-size: 20px; color:#333; font-weight: 500;}
.sceu3_txt { padding:  30px 50px;}
.sceu3_txt p {font-size: 18px;color: red; text-align: left; margin: 30px 0 15px 0;}

/*guard*/
.guard2_article {width: 100%; margin: 0 auto;}
.guard2_box {width: 100%;}
.guadr_arrow {width: 100%; text-align: center; font-size: 30px; color:#333; margin: 0 0 20px 0; }
.guard2_img_box { border: 1px solid #ddd; width: 100%; overflow: hidden;}
.guard2_img_box img {width: 100%}

.guard2_icon_box ul li {float: left; width: 49%; margin-right: 2%; border: 1px solid #ddd; margin-bottom: 20px;}
.guard2_icon_box ul li:nth-child(2n) {margin-right: 0;}
.guard2_icon_box ul li h1 {width: 100%; padding: 10px; background: #f7f7f7; border-bottom: 1px solid #ddd; text-align: center; color:#333; font-weight: 500; color:#333; font-size: 16px;}
.guard2_icon {border-bottom: 1px solid #ddd; overflow: hidden;}
.guard2_icon img {width: 100%;}
.guard2_icon_box ul li p {padding: 20px; min-height: 100px; word-break: keep-all;}


.guard2_right {width: 300px; float: right;}
.guard2_img_list {border: 1px solid #ddd; width: 100%;}
.guard2_img_list ul li h1 {width: 100%; padding: 10px; background: #f7f7f7; text-align: center; color:#333; font-weight: 500; color:#333; font-size: 16px;}
.guard2_img_box2 {width: 100%; padding: 20px;}
.guard2_img_box2 img {width: 100%;}
.guard .media_title {background: #ff9c0d; color:#fff; text-align: center; padding: 10px 0;}

.guard3 {width: 100%; text-align: center; background: #f7f7f7; margin: 50px 0; padding: 50px 15px;}
.guard3_article {width: 100%; margin: 30px auto 0 auto; text-align: left;}
.guard3_article > ul > li {width: 100%; margin-bottom: 20px;}
.guard3_article > ul > li:nth-child(2n) {margin-right: 0;}
.guard3_num {text-align: center; background: #ff9c0d; width: 100%; color:#fff; font-weight: 700; font-size: 20px; padding: 7px 0;}
.guard3_txt {width: 100%;  border: 1px solid #ddd; padding: 30px 15px; border-top: none; background: #ffff}
.guard3_txt h1 {font-size: 18px; font-weight: 500; color:#333; letter-spacing: -0.5px; margin-bottom: 15px; background: url('../images/common/s_blet.jpg') no-repeat 0 7px; padding-left: 18px; word-break: keep-all;}
.guard3_txt ul li {background: url('../images/sub/dotblet.png') no-repeat 0 4px; padding-left: 15px; color:#666; font-size: 14px; margin-bottom: 7px; word-break: keep-all;}


.guard4 {width: 100%; margin: 0 auto; text-align: center;}

.guard4_img_box {width: 100%; margin-top: 40px;}
.guard4_img_box img {width: 100%}

.guard4_box {width: 100%;  margin-bottom: 40px;}
.guard4_box h1 {font-size: 18px; color:#000; margin-bottom: 15px; width: 100%; background: #ff9c0d; padding: 10px 0;}
.guard4_box h1 span {color:#fff; font-weight: 700; font-size: 20px;}
.guard4_img {margin-bottom: 30px;width: 100%}
.guard4_img img {width: 100%}
.guard4_box ul li  {background: url('../images/sub/dotblet.png') no-repeat 0 4px; padding-left: 18px; color:#666; font-size: 15px; margin-bottom: 10px; text-align: left; word-break: keep-all}


/*wowza*/
.wow1_img {width: 100%;}
.wow1_img img {width: 100%;}

.wow2 {width: 100%; font-size: 0;}
.wow2 ul li {width :100%;}
.wow2 ul li i {font-size: 30px; color:#0080bb; margin: 30px 0;}
.wow2_img {width: 100%; margin-top: 30px;}
.wow2_img img {width: 100%}
.wow2 p {border: 10px solid #f7f7f7; padding: 50px 0;}

.wow3_wrap {width: 100%; }
.wow3 {width: 100%; margin: 0 auto;}
.wow3_table {width: 100%; border-top: 4px solid #ff9c0d;}
.wow3_table thead th{ background: #0a1730; color:#fff; font-size: 14px; padding: 15px 15px; text-align: center; border: 1px solid rgba(255,255,255,0.2); word-break: keep-all}
.wow3_table tbody th{ background: #f5f5f5; color:#333; font-size: 14px; padding: 10px 15px; text-align: left; border: 1px solid #ddd; word-break: keep-all}
.wow3_table tbody td {background: #fff; border: 1px solid #ddd; color:#666; padding: 10px 15px; text-align: left; word-break: keep-all}
.wow3_table tbody td:nth-child(1) {text-align: left;}
.wow3_table_list ul li {margin-bottom: 10px; background: url('../images/common/s_blet3.jpg') no-repeat 0%  8px; padding-left: 15px; font-size: 14px; font-weight: 400; color:#666; text-align: left;}

.wow4 {width: 100%; text-align: center;}
.wow4_txt {}
.wow4_txt ul li {width: 100%; text-align: center;}
.wow4_txt ul li:nth-child(2) {margin: 50px 0;}
.wow4_txt ul li img {width : 100%; max-width: 239px; }
.wow4_txt .sub_p_line {background: #333}
.wow3_logo { float: left; border: 1px solid #ddd; width: 49%; overflow: hidden; margin-right: 2%; margin-bottom: 15px; text-align: center;}
.wow3_logo img {width: 100%; max-width: 250px;}
.wow3_logo:nth-child(2n) {margin-right: 0}
.wow3_logo:last-child {margin-bottom: 0;}