/**
* 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{width:100%;min-width:1300px;height:104px;}
.line_bar_top {height: 4px; width: 100%; background: url('../images/common/header_top_bar.jpg') no-repeat 0 0%;}
.header{position:relative;width:1300px;margin:0 auto;height:100px;}
.logo{position:absolute;width:240px;height:53px;top:30px;left:0px; z-index:1000;}

.gnb{position:absolute;right:0px;top:15px}
.gnb ul{;}
.gnb ul li{float:left;font-size:10px;color:#666;padding-left:8px; font-weight: 700;}
.gnb ul li a{font-size:10px;color:#666; font-weight: 700;letter-spacing:0.5px;text-decoration:none}

/* .top_menu {width: 750px; height: 100px; position: absolute; top: 40px; left: 50%; margin-left: -375px;}
.top_menu ul li {float: left; width: 150px; text-align: center;}
.top_menu ul li a {font-size: 18px; color: #fff; font-family: "NotoSans-Regular", sans-serif; text-align: center; text-decoration: none; display: block;}
.top_menu ul li a:hover {color: #971b18;} */
.top_menu{position:absolute; right: 0; height: 100px; line-height: 100px; z-index:2000;}
/* .top_menu ul.top_menu_list{position:absolute;top:0px;right:0} */
.top_menu ul.top_menu_list li{;}
.top_menu ul.top_menu_list li.parent_menu{float:left; height: 100px;}
.parent_menu>a{display:block; padding: 0 30px;height: 100px;font-size:18px;color:#1a1a1a;text-decoration:none;font-weight: 400; border-bottom: 3px solid transparent;  text-align: center;  transition: all 0.2s; text-transform:uppercase;}
.parent_menu:last-child>a {padding-right: 0;}
.parent_menu a:hover{color:#007dc5;}
.parent_menu>a.active{color:#007dc5; }
ul.child_menu {position:absolute;display:none;z-index:100;}
ul.child_menu li.child_smenu{position:relative;padding:8px 10px;padding-bottom:10px;background-color:#007dc5; color:#ddd;line-height:25px;border-bottom:1px solid #3a90c2;}
ul.child_menu li.child_smenu a{display:block;width:100%;font-size:13px;color:#c0d7e4;text-decoration:none;font-weight: 400; text-align: center; transition: all 0.1s;}
ul.child_menu li.child_smenu a:hover {color:#fff}
ul.child_menu li.child_smenu a.active {color:#fff}

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1300px;background:#fff;height:180px; border-top: 1px solid #ccc; }
.footer_area {position:relative;width:1300px;margin:0 auto;padding:20px 0 100px;}
.ft_logo{ position: absolute; left: 0; top:34px;}
.footer_copy {position:absolute;left:200px; top:34px; font-size:15px; color:#666; line-height:26px; font-weight: 300; letter-spacing: -0.5px}
.admin{position:absolute;left:230px;top:42px}
.admin a{font-size:10px;color:#ccc;border:1px solid #474747;background:#2c2c2c;padding:3px 7px;border-radius:3px;font-weight: 700;letter-spacing:0.5px;text-decoration:none}

.footer_device{position:absolute;left:198px;top:120px;}
.footer_device .btn-default{font-size:10px;background:#fff;color:#aaa;border:1px solid #ccc;}
.footer_device .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#007dc5;border:1px solid #007dc5;color:#fff}

.footer_link {position:absolute; right: 0; top:34px; }
.footer_link p { margin-bottom: 10px; color:#aaa;}
.footer_link ul li {float: left; padding-left: 30px;}
.footer_link ul li:first-child {padding-left: 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: #007dc5;
   border-color: #007dc5;

	transition: all 0.2s;
}
.page_up:hover {
	width: 50px;
	height: 50px;
   background-color: #ffd400;
   border-color: #ffd400;

}
.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: 1300px; position: absolute; top:50%; left: 50%; margin-top: -170px; margin-left: -600px; width:1300px; z-index:900}
.main_cont_t>h3{font-size:30px;color:#ebebeb; text-transform:uppercase; font-weight: 300; text-shadow: 2px 2px 7px #000; text-align: left; line-height: 60px; letter-spacing:  -0.5px; line-height: 65px;}
.main_cont_t>h3 span{font-size:60px; font-family: 'NanumSquare_B', sans-serif; text-shadow: 2px 2px 7px #000; letter-spacing: -0.5px;}

.main_t{font-size:80px; text-align: left; padding: 85px 0 0 0;}
.main_cont_t_txt{font-size:16px; font-weight: 400; color: #fff; text-align: left; text-shadow: 2px 2px 7px #000;}

.main_btn{width:200px;height:48px; float: left; margin-right: 20px; margin-top: 35px;}
.main_btn a{font-size:14px;font-weight: 300; height:48px; text-decoration: none; line-height: 48px; display: block; color:#fff; text-align: center; background: #007dc5; transition: all 0.3s; border-radius: 30px;}
.main_btn a:hover{background: #fff; color:#007dc5; }

.main_btn2{width:200px;height:48px; float: left; margin-right: 20px; margin-top: 35px; margin-right: 0;}
.main_btn2 a{font-size:14px;font-weight: 300; height:48px; text-decoration: none; line-height: 48px; display: block; color:#fff; text-align: center; border: 1px solid #fff; transition: all 0.3s;  border-radius: 30px;}
.main_btn2 a:hover{background: #fff; color:#007dc5;}


.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-weight: 700;padding:10px 0 0}
.main_cont_short ul li a:hover{border:2px solid #569eff;color:#569eff;}

#bx-pager1{position: relative; bottom: 250px; left: 50%; margin-left: -70px; z-index: 9999}
#bx-pager1 a{display:inline;color:#FFF;font-size:12px;font-weight:bold;width:50px;height:50px; padding-left: 30px;text-decoration:none; text-align: center;}
#bx-pager1 a.active{color:#971b18;font-size:12px;font-weight:bold;width:50px;height:50px;}


/* .colgroup_wrap{width:100%;min-width: 1200px;display: inline-block;} */
/* 메인레이아웃 */
.contents1 {width: 1300px; margin: 0 auto; text-align: center; padding: 80px 0;}
.contents1 h1 {font-size: 30px; color:#7c7c71; font-weight: 900; letter-spacing: -0.5px; margin: 0;}
.contents1 h1 span {color: #333; font-weight:500;}

.contents1_article {margin-top: 50px;}

.c1_box {width: 217px; height: 330px; border:1px solid #ddd; float: left; margin-right: -1px; transition: all 0.3s;}
.c1_img_box {border-bottom: 1px solid #ddd; transition: all 0.3s; overflow: hidden;}
.c1_img_box img { transform: scale(1); transition: all 0.3s;}
.c1_script_box { padding: 20px 0;}
.c1_line {width: 27px; height: 1px; background:#333; margin: 0 auto;}
.c1_script_box p { font-size: 18px; font-weight: 400; color:#333; letter-spacing: -0.5px; margin: 15px 0;}

/* .c1_btn { width: 150px; height: 38px; margin: 0 auto; line-height: 38px; background: url('../images/common/c1_btn_bg.png') no-repeat 0 50%; transition: all 0.3s;font-weight: 300; font-size: 14px; color:#333; }
 .c1_box_wrap a {color:#333; display: block; text-decoration: none;}
 .c1_box_wrap a:hover .c1_box {border-top: 1px solid #007dc5; border-bottom: 1px solid #007dc5;}
 .c1_box_wrap a:hover .c1_img_box img {transform: scale(1.05);}
 .c1_box_wrap a:hover .c1_btn {background: url('../images/common/c1_btn_bg_ov.png') no-repeat 0 50%; color:#fff;} */

 .c1_btn {
   width: 150px;
   height: 38px;
   margin: 0 auto;
   line-height: 38px;
   transition: all 0.3s;
   font-weight: 300;
   font-size: 14px;
   color:#333;
   text-align: center;
   text-decoration: none;
   display: block;
   border-radius: 30px;
   color: $color-black;
   border: solid 1px transparent;
   background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #007dc5, #ffd400);
   background-origin: border-box;
   background-clip: content-box, border-box;
   box-shadow: 2px 1000px 1px #fff inset;
 }

 .c1_box_wrap a {color:#333; display: block; text-decoration: none;}
 .c1_box_wrap a:hover .c1_box {border-top: 1px solid #007dc5; border-bottom: 1px solid #007dc5;}
 .c1_box_wrap a:hover .c1_img_box img {transform: scale(1.05);}
 .c1_box_wrap a:hover .c1_btn {box-shadow: none;  color: white;}

.contents2_wrap {width: 100%; height: 380px; background: url('../images/common/c2_bg.jpg') no-repeat 50% 50%; padding: 80px 0; }
.contents2 {width: 1300px; margin: 0 auto; text-align: center; color:#fff;}
.contents2 h2 { font-size: 16px; font-weight: 400; letter-spacing: -0.5px; margin: 0;}
.contents2 h1 { font-size: 50px; font-weight: 500; letter-spacing: -0.5px; margin: 35px 0;}
.contents2 p { font-size: 17px; font-weight: 300; letter-spacing: -0.5px; margin: 0 0 35px 0; line-height: 30px;}

.c2_btn{width:184px;height:48px; margin: 0 auto;}
.c2_btn a{font-size:14px;font-weight: 300; height:48px; text-decoration: none; line-height: 48px; display: block; color:#fff; text-align: center; transition: all 0.3s;  border-radius: 30px; background: #007dc5;}
.c2_btn a:hover{background: #fff; color:#007dc5;}


.contents1 {width: 1300px; margin: 0 auto; text-align: center; padding: 80px 0;}
.contents1 h1 {font-size: 30px; color:#7c7c71; font-weight: 900; letter-spacing: -0.5px; margin: 0;}
.contents1 h1 span {color: #333; font-weight:500;}


/*c3*/
.contents3 {width: 1300px; margin: 0 auto; text-align: center; padding: 0 0 80px 0;}
.contents3 h1 {font-size: 30px; color:#7c7c71; font-weight: 900; letter-spacing: -0.5px; margin: 0;}
.contents3 h1 span {color: #333; font-weight:500;}
.contents3 h2 {font-size: 16px; color:#666; font-weight: 400; margin: 20px 0 0 0;}
.contents3_article {margin-top: 50px;}

.c3_box {width: 260px; height: 280px; border:1px solid #ddd; float: left; margin-right: -1px; transition: all 0.3s;}
.c3_img_box {border-bottom: 1px solid #ddd; transition: all 0.3s; overflow: hidden;}
.c3_img_box img { transform: scale(1); transition: all 0.3s;}
.c3_box_wrap:nth-child(5) .c3_img_box {width: 100%; height: 180px; overflow: hidden;}
.c3_box_wrap:nth-child(5) .c3_img_box img {width: 100%;}
.c3_script_box { padding: 20px 0;}
.c1_line {width: 27px; height: 1px; background:#333; margin: 0 auto;}
.c3_script_box p { font-size: 18px; font-weight: 400; color:#333; letter-spacing: -0.5px; margin: 15px 0;}
.c3_box_wrap a {color:#333; display: block; text-decoration: none;}
.c3_box_wrap a:hover .c3_box {border-top: 1px solid #007dc5; border-bottom: 1px solid #007dc5;}
.c3_box_wrap a:hover .c3_img_box img {transform: scale(1.05);}

.c3_text_box {text-align: center; width: 100%;}
.c3_p_img {display: inline-block;}
.c3_p {display: inline-block;}
/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
.container {width:1300px; margin: 0 auto;}

.sub_contents_wrap {width: 989px; float: left;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1300px;height:290px}
.sub_top_area{position:relative;width:1300px; height: 290px;margin:0 auto;text-align:center; padding-top:100px}
.sub_top_area>p{ font-weight: 300; color:#fff; font-size: 18px; text-shadow: 2px 2px 6px #000; margin-top: 10px;}

.sub_article_wrap{position:relative;width:100%;min-width:1300px;}
.sub_article{position:relative;width:1300px;margin:0 auto;}
.title{padding:0 0 30px 0; margin-bottom: 0px; border-bottom: 2px solid #efefef; text-align: center; margin-top: 70px;}
.sub_title{font-weight: 400; color:#353535;font-size:35px;padding-bottom:29px; letter-spacing:-0.5px; text-align: left; border-bottom: 2px solid #067fc5; padding-right: 50px;  padding-left: 50px;}
.sub_top_title{color:#FFF;font-size:48px;font-weight: 400; text-transform:uppercase; text-shadow: 2px 2px 6px #000;}
.sub_menu{text-align: center; background:#fff;padding: 0px 0; border-bottom: 1px solid #ddd; margin-top: 4px; }
.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-weight: 500;}
.list-group a.menubox:hover{color:#14a2c4}
.contents{min-height:450px;padding-bottom:50px}
.list-group a:last-child{margin-right:0;}

.sub_category_btn {width: 100%; border: 1px solid #b5b5b5; text-align: center; margin-top: 65px;}
.sub_category_btn ul li {width: 260px; height: 60px; float: left; border-right: 1px solid #b5b5b5;}
.sub_category_btn ul li:last-child {border-right: none;  width: 258px;}
.sub_category_btn ul li a { height: 60px; color: #333; font-size: 16px; font-weight: 400; line-height: 60px; display: block; text-decoration: none; transition: all 0.3s;}
.sub_category_btn ul li a:hover {background:#505050; color:#fff;}
.sub_category_btn ul li a.active {background:#505050; color:#fff;}

/*서브메뉴*/
.sub_home {width: 80px; height: 47px; line-height: 47px; float: left; border-right: 1px solid #ddd; border-left: 1px solid #ddd; overflow: hidden;}
.sub_dep{min-width: 230px;height: 47px; float: left; background: url('../images/common/sub_menu_btn.png') no-repeat 90% 47%; border-right: 1px solid #ddd;}
.sub_dep_t {line-height: 47px;}
.sub_dep_t a { font-size: 15px; color: #444; text-decoration: none; display: block;  text-align: left; padding-left: 30px; font-weight: 300; letter-spacing: -0.5px;}
.sub_dep_t2 {; background: url('../images/common/sub_menu_btn2.png') #f1f1f1 no-repeat 90% 47%; color:#333;}
.sub_dep ul li a:hover {color: #333;}
.sub_dep ul li a.active {color: #333;font-weight: 500;}
.sub_dep ul { position:relative; z-index: 999; margin-top: 1px; border: 1px solid #CCC; border-top:none;}
.sub_dep ul li { background: #fff; text-align: left; padding:15px 30px;
border-bottom: 1px solid #CCC; }
.sub_dep ul li a { display: block; text-decoration: none; color: #888;}

.nav_cont{position: absolute; top:0; right: 100px;width: 250px; height: 100px; line-height: 100px;}
.nav_cont li{ display: inline-block;}
.nav_cont li a{ padding:0 10px; text-decoration: none; font-weight: 400; color:#303030; }

.select_link{position: relative;border: 1px solid #333;width:100px;border-radius: 26px;color: #333;font-weight: 900;font-size: 13px;}
.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.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.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-weight: 400; color: #fff; text-decoration: none; cursor:pointer;}

#select_lang{position: absolute;top:50%;right:0;margin-top: -14px;}
#select_lang button { overflow: visible; border: 0 none; background: transparent; cursor: pointer; apperance: 0; -webkit-tap-highlight-color: transparent; }

/*sub_left_menu*/
.sub_left_menu{ width: 310px; height: 100%; float: left;}
.sub_menu_logo_box {width: 100%; height: 100px; text-align: center; border-bottom: 1px solid #ddd; line-height: 100px;
}

.sub_menu_list_box > ul > li { border-bottom: 1px solid #ddd;  cursor:pointer;}


.list_dec1{padding: 0 25px; width: 100%; height:45px; line-height: 45px;}

.list_dec1 a { font-size: 15px; font-weight: 400; text-decoration: none; display: block; color:#333; background: url('../images/common/shape_down.png') no-repeat 100% 50%;}
.list_dec1 a.active {color:#2e94cf; font-weight: 500; background: url('../images/common/shape_up.png') no-repeat 100% 50%; }

.list_dec2_box {background: #fafafa; padding:25px; border-top: 1px solid #eee;}
.list_dec2_box p {background: url('../images/sub/sq_blet.jpg') no-repeat 0% 50%; padding-left: 10px; font-size: 14px; color:#666;font-weight: 400; margin-bottom: 10px;}
.list_dec2_box ul li a {display: block; text-decoration: none; color:#a9a9a9; font-size: 12px; font-weight: 300; margin-bottom: 5px; padding-left: 10px; transition: all 0.1s;}
.list_dec2_box ul li a:hover {color:#333;}
.list_dec2_box ul li a.active {color:#333;}

/*sub_title2*/
.title2_wrap {padding:0 0 0 0; margin-bottom: 0px; border-bottom: 2px solid #efefef; text-align: left; height: 100px;border-bottom: 1px solid #ddd; position: relative;}
.sub_left_title{font-weight: 400; color:#353535;font-size:30px; letter-spacing:-0.5px; text-align: left; border-bottom: 2px solid #067fc5;position: absolute; bottom: 0; left: 0; padding: 0 100px 15px 40px; }

.sub_left_way {position: absolute; bottom: 13px; right: 0; }
.sub_left_way > ul > li {float: left; font-size: 12px; font-weight: 300; color:#b3b3b3; padding: 0 3px;}
.sub_left_way > ul > li > a {font-size: 12px; font-weight: 300; color:#b3b3b3; text-decoration: none; display: block;}


/*greetings*/
.greetings {text-align: center;}
.greetings h1 { font-size: 24px; color: #007dc5; font-weight: 400; margin: 66px 0 35px 0;}
.greetings p { font-size: 16px; color: #666; font-weight: 300; letter-spacing: -0.5px; line-height: 24px;}

/*pd_list*/
.pd_list {}
.pd_input_wrap {text-align: center; background: #f9f9f9; padding: 30px 0;}

.pd_input_box { width: 1300px; height: 40px; background: #f9f9f9; margin: 0 auto; text-align: center;}
.pd_search_box {width: 130px;display: inline-block;height: 40px; margin: 0 5px 0 0; border: 1px solid #ddd; border-radius: 3px; padding: 0 0 0 10px;}
.pd_search_box input {width: 100%; }
.pd_text_box {display: inline-block; width: 318px; height: 40px;  margin: 0 5px 0 0;  }
.pd_text_box input {width: 100%; height: 40px; border: 1px solid #ddd; padding-left: 15px; border-radius: 3px; text-align: left;}
.pd_go_button {display: inline-block;width: 126px; height: 40px; margin: 0}
.pd_go_button button {width: 100%; height: 40px; background:#067fc5; color:#fff; display: block; transition: all 0.3s; border: 1px solid #067fc5; border-radius: 3px;}
.pd_go_button button:hover {background: #0664c5; color: #fff;  border: 1px solid #0664c5;}

.sub_list_article { width: 100%; margin-top: 70px; text-align: center; display: flex; justify-content: space-around;}
.sub_list_box_wrap { display: inline-block; width: 305px; margin-right:20px; vertical-align: top; }
.sub_list_box_wrap:last-child {margin-right: 0;}

.sub_list_title {width: 100%; height: 50px; background: #ebebeb; line-height: 50px; text-align: center; font-size: 16px; font-weight: 400; color:#333;}
.sub_list_box {width: 100%; height: 100%; padding: 20px 35px; border: 1px solid #ddd; margin-top: 30px; border-top: 2px solid #007dc5;}
.sub_list_box_wrap:nth-child(2n) .sub_list_box {border-top: 2px solid #ffd400;}
.sub_list_logo {border-bottom: 1px solid #ddd; width: 100%; text-align: center; padding-bottom: 20px; margin-bottom: 30px;}
.sub_list_script {text-align: left; margin-bottom: 25px;}
.sub_list_script p {background: url('../images/sub/sub_list_bar.jpg') no-repeat 0 4px; font-size: 15px; color:#333; padding-left: 10px;font-weight: 400; margin-bottom: 10px; letter-spacing: -0.5px;}
.sub_list_script ul li {margin-bottom: 4px;}
.sub_list_script ul li a {display: block; text-decoration: none; font-size:13px; color:#aaa; font-weight: 300; transition: all 0.1s; }
.sub_list_script ul li a:hover {color:#666;}

/*pdview*/
.pd_article {width:100%; margin-bottom: 70px;}
.pd_img_box {float: left; width: 400px; height: 300px; line-height: 300px; vertical-align: middle; border: 1px solid #ddd; text-align: center; overflow: hidden; font-size:0px;}
/* .pd_img_box img {width: 100% } */
.pd_script_box {float: right; width: 470px; height: 300px; position: relative}
.pd_script_box h1 {width: 100%; border-bottom: 1px solid #ddd; font-size: 30px; letter-spacing: -0.5px; color:#333; font-weight: 400; padding-bottom: 20px; margin: 15px 0 0 0;}
.pd_script_box table {width: 100%;margin: 20px 0 0 15px}
.pd_script_box table th, .pd_script_box table  td {font-size: 16px; font-weight: 400; color:#666; text-align: left;padding: 0 0 5px 0;}
.pd_script_box table th {background: url('../images/sub/sq_blet.jpg') no-repeat 0 50%; padding-left: 10px;}

.pd_btn_box {position: absolute; bottom: 0; left: 0; }
.pd_btn_box a {width:130px; height: 50px; border-radius: 5px; display: inline-block; text-decoration: none; color:#fff; text-align: center; line-height: 50px; margin-right: 10px; transition: all 0.3s;}
.pd_btn1 { background:#0c83c8;}
.pd_btn2 { background:#474747;}
.pd_btn3 { background:#ee1d23;}
.pd_btn1:hover {background: #086398;}
.pd_btn2:hover {background: #353535;}
.pd_btn3:hover {background: #d80246;}

.pd_btn_box2 { text-align: center;}
.pd_btn_box2 a {width:180px; height: 50px; border-radius: 5px; display: inline-block; text-decoration: none; color:#fff; text-align: center; line-height: 50px; margin-right: 25px; transition: all 0.3s;}

.pd_article h2 {font-size: 24px; font-weight: 400; letter-spacing: -0.5px; color:#333; margin: 0; }
.pd_bar {margin: 10px 0 30px 0;}
.pd_article > .pd_content {font-size: 14px; font-weight: 300; letter-spacing: -0.3px; color:#666; line-height: 28px; word-break : keep-all;}

/*location*/
.location table {width: 100%; border-top: 2px solid #007dc5; margin-bottom: 50px;}
.location th, .location td {padding: 15px; text-align: center; border: 1px solid #ccc; font-size: 17px;}
.location th {background: #f9f9f9;}