/**
* 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
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
header{z-index: 10000;}
body{font-family: 'Noto Sans KR', sans-serif;}
#navitop_mobile {vertical-align:middle;  background:#fff; border-bottom: 1px solid #ddd; }
.logo{padding:30px 20px}
.mobile_btn {float:right;position:relative;width:34px;height:34px;background-color:#000;border:0px solid #2f2f2f;margin:25px 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}

.navitop_line{width: 100%; }
.navitop_line:after{display: block;content: "";clear: both;}
.navitop_line1{float: left; width:50%; height: 10px; background: #0d72b1; }
.navitop_line2{float: left; width:50%; height: 10px; background: #555; }


/* 메인레이아웃 */
#box1{ width: 100%; margin: 0 auto; padding:40px 0; text-align: center; }
.box1_title_wrap{ text-align: center; }
.box1_title1{ font-size:30px; font-weight: 700; color: #000; letter-spacing: -0.5px; }
.box1_title2{ font-size:13px; font-weight: 300; color: #232323; letter-spacing: -0.3px; padding:0 15px; word-break:keep-all; }
.box1_title_line{width: 250px; height: 1px; background: #a0a0a0; margin:30px auto 0; }
.box1_title_line_con{position:relative;  top: -12.5px;width: 25px; height: 25px; border-radius: 50%;  background: linear-gradient(to right, #f68321 0%, #e84b38 100%); padding-top: 4px; margin: 0 auto;}
.box1_title_line_con>p{ width: 17px; height: 17px; background: #fff; border-radius: 50%; margin: 0 auto;}
.box1_wrap{ margin-top:45px;}
.box1_con1{  text-align: center;  }
.box1_con1_title:after{display: block;content: "";clear: both;}
.box1_con1>img{  width:16%;}
.box1_con1_title{font-size:16px; font-weight: 500; color: #303030; letter-spacing: -0.5px; padding-top:10px; line-height:23px;}
.box1_con1_text{ font-size:15px; font-weight: 300; color: #676767; letter-spacing: -0.5px; line-height: 24px; text-align:left;   }
.box1_con2{width: 36px; height: 36px; border-radius: 50%; background: #d7d7d7;  font-size:30px; font-weight: 900; color: #fff; text-align: center;  line-height: 36px; margin:20px auto;}
.box1_bt{ position: relative; display: inline-block; width: 195px; height: 60px; border: 1px solid #dfdfdf;  font-size:15px; font-weight: 500; text-align: center; line-height: 60px; margin-top: 35px; transition: all 0.3s; background: #fff; overflow: hidden;}
.box1_more{position: relative;display: inline-block;  width:100%; height: 60px; color: #9c9c9c; z-index: 1; transition: all 0.3s;}
.box1_bt::before{ position:absolute; top: 0; left: -130%; width: 195px; height: 60px;
	background:linear-gradient(45deg, rgba(255,111,55,1) 0%,rgba(238,64,63,1) 100%);  opacity: 0; filter:Alpha(opacity=0); transition: all 0.3s; content:""; }
.box1_bt:hover{ border: 1px solid rgba(255,111,55,1);}
.box1_bt:hover .box1_more{ color: #fff; text-decoration: none; }
.box1_bt:hover::before{opacity: 1.0; filter:Alpha(opacity=100); left: 0; }

#box2{ width:100%;  background: url('../images/common/box2_2_bg.jpg') center center no-repeat; background-size:cover; padding:40px 20px; text-align: center; }
.box2_2_title{  font-size:30px; font-weight: 700; color: #fff; line-height: 35px; margin-bottom: 25px; }
.box2_2_text{  font-size:13px; font-weight: 400; color: #fff; line-height:20px;  }
.box2_bt{ position: relative; display: inline-block; width: 195px; height: 60px; border: 1px solid #fff;  font-size:15px; font-weight: 500; text-align: center; line-height: 60px; margin-top: 35px; transition: all 0.3s; background: transparent; overflow: hidden;}
.box2_more{position: relative; display: inline-block;  width:100%; height: 60px;  color: #fff; z-index: 1; transition: all 0.3s;}
.box2_bt::before{ position:absolute; top: 0; left: -130%; width: 195px; height: 60px;
	background:#fff;  opacity: 0; filter:Alpha(opacity=0); transition: all 0.3s; content:""; }
.box2_bt:hover .box2_more{ color: #ee8c47; text-decoration: none; }
.box2_bt:hover::before{opacity: 1.0; filter:Alpha(opacity=100); left: 0; }

#box3{ width:100%; margin: 0 auto; padding:40px 0px 0;}
.box3_wrap{ margin-top:45px;}
.box3_wrap>a>img{ width: 100%; }



#box4{ width: 100%;  background: #f0f0f0; background: url('../images/common/box4_bg.png') #f0f0f0 right bottom no-repeat; text-align: center; padding: 40px 0;}
.box4:after{display: block;content: "";clear: both;}
.box4_t{ font-size:26px; font-weight: 700; color: #353535; letter-spacing: -0.3px;}
.box4_tt{font-size:35px; font-weight: 900; color: #f37925; letter-spacing: -0.3px;}
.box4_con{font-size:13px; font-weight: 400; color: #353535; letter-spacing: -0.3px;}
.box4_list{ float: right;}
.box4_list:after{display: block;content: "";clear: both;}
.box4_list>li{ float: left; line-height: 180px; margin-left: 50px;}
.box4_list>li>a{ font-size:18px; font-weight: 500; color: #555; letter-spacing: -0.3px; transition: all 0.3s; }
.box4_list>li>a>i{ margin-right: 10px; }
.box4_list>li>a:hover{ text-decoration: none; color:#f37925;  }


/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area {width:100%; text-align:center;padding-bottom:5px;background:#39383d;  padding: 20px; }

.call{color:#fff;font-size:13px;}
.call_txt1{color:#2f2f2d;border-bottom:1px solid #2f2f2d;padding-bottom:1px;font-family: "nanum_EB", sans-serif}
.call img{max-width:5%}
.call a{display:block;border-radius:6px;background:#000;padding:4px 0;width:98%;margin:2% auto 0;color:#fff;font-size:10pt;font-weight:bold;text-decoration:none}

.open_info{border-top:1px solid #484848;border-bottom:1px solid #484848;padding:5px 0;color:#c0c0c0;font-size:12px;line-height:20px}
.open_info a{color:#898d8e;font-size:20px;}

.footer_copy {font-size:10px;color:#fff;line-height:18px;}
.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_device{;}
.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}

.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 */
.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: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}
.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: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}






/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%; }
.sub_top_area{position:relative; margin:0 auto; text-align:center; color:#fff; padding:13% 15%;}
.sub_top_area_t{font-size:28px; font-weight: 500; word-break: keep-all; line-height:28px; }
.sub_top_area_t>span{display: inline-block; font-size: 20px; line-height: 26px!important; padding-top: 10px;}
.sub_top_area_tt{font-size:12px;font-family: "NanumSquare_B", sans-serif;}
.sub_top_area_t2{font-size:11px;  font-weight: 300; word-break: keep-all;}
.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:#342b2a;font-size:20px;letter-spacing:0.5px;font-family: "NotoSans-Medium", sans-serif}
.contents{padding:0 15px 30px;}



.sub_info{position:relative;font-size:15px;color:#666;line-height:35px;text-align:center}
.sub_txt1{font-size:25px;color:#333;font-family: "NotoSans-Bold", sans-serif}
.sub_txt2{font-size:25px;color:#0152a2;font-family: "NotoSans-Bold", sans-serif}
.sub_txt3{font-size:20px;color:#333;font-family: "NotoSans-Medium", sans-serif}

.sub_left{float:left;width:600px;padding-left:100px}
.sub_left img{float:right;margin-right:20px}
.sub_right{float:right;width:466px;margin-right:100px}


/*서브페이지시작*/
.greetings_box1{width: 100%}
.greetings_box1>p{font-size:20px; font-weight: 100; color:#000; letter-spacing: -0.5px; padding-top:30px; line-height:30px; text-align: center; word-break:keep-all;}
.greetings_box_t1{ font-size: 30px; font-weight: 700;  line-height: 60px; }
.greetings_box_t2{ font-weight: 400;  }
.greetings_box1_2>img{ width:100%; padding-top: 30px;}
.greetings_box2{ height: auto; margin: 0 auto; text-align: center; }
.greetings_box2_t{ font-size: 15px; font-weight: 400;  line-height:25px; color:#666; padding-top:30px; word-break:keep-all; }
.greetings_box2_tt{ font-size: 20px; font-weight: 700;  line-height: 35px; color:#000; letter-spacing: -0.7px; padding-top:50px;  }



.equipments_wrap:after{display: block;content: "";clear: both;}
.equipments_wrap>li{ width: 285px; height: 285px; border: 1px solid #ccc; border-radius: 30px; text-align: center; transition: all 0.3s;  overflow: hidden; margin: 0 auto 20px; }
.equipments_wrap>li>img{ margin: 15px 0 20px 0; transform:scale(1); transition: all 0.3s; }
.equipments_t{width: 170px; height: 50px; line-height: 50px;  font-size: 15px; color: #000; font-weight: 300;letter-spacing: -0.3px;  background:#f4f4f4; border-radius: 30px; margin: 0 auto; transition: all 0.3s;}
.equipments_wrap>li:hover{ border: 1px solid #FB8203; }
.equipments_wrap>li:hover img{  transform:scale(1.1);}
.equipments_wrap>li:hover .equipments_t{ background: #FB8203; color: #fff; }


.certification_wrap:after{display: block;content: "";clear: both;}
.certification_wrap>li{ width: 285px;  margin: 0 auto 50px;  }
.certification_wrap>li>p{ font-size: 16px; color: #000; font-weight: 400; letter-spacing: -0.3px; text-align: center; margin-top: 20px;   }
.certification_title{ font-size: 23px; color: #000; font-weight: 300; letter-spacing: -0.3px;  text-align: center; margin-bottom: 50px;word-break:keep-all; }
.certification_title>span{font-size:25px; color: #ff7800; font-weight: 500;   }


.location_all{ margin: 0 auto; background: #fff;  text-align: center; padding-top: 30px;}
.location_title{ font-size:25px;color: #222; font-weight:500; letter-spacing: -0.3px; margin-bottom:20px;}
.location_wrap{ border-top: 1px solid #000; border-bottom: 1px solid #dfdfdf; margin: 0 auto; padding: 25px 10px;}
.location_wrap:after{display: block;content: "";clear: both;}
.location_wrap>li{font-size: 17px; font-weight: 300; letter-spacing: -0.3px; color: #555; display:table; line-height:40px; text-align: left; }
.location_t{ width:70px; font-size: 16px; font-weight: 400; color: #222;  display: table-cell;}
.location_tt{ font-size: 15px; font-weight: 300; letter-spacing: -0.3px; color: #555; display: table-cell; line-height: 20px; }
.location_bt{ position: relative; display: inline-block; width: 195px; height: 60px; border: 1px solid #dfdfdf;  font-size:15px; font-weight: 500; text-align: center; line-height: 60px; margin-top: 35px; transition: all 0.3s; background: #fff; overflow: hidden;}
.location_more{ display:inline-block; width:100%; height: 60px;position: relative; color: #9c9c9c; z-index: 1; transition: all 0.3s;  }
.location_bt::before{ position:absolute; top: 0; left: -130%; width: 195px; height: 60px;
	background:linear-gradient(45deg, rgba(255,111,55,1) 0%,rgba(238,64,63,1) 100%);  opacity: 0; filter:Alpha(opacity=0); transition: all 0.3s; content:""; }
.location_bt:hover{ border: 1px solid rgba(255,111,55,1);}
.location_bt:hover .location_more{ color: #fff; text-decoration: none; }
.location_bt:hover::before{opacity: 1.0; filter:Alpha(opacity=100); left: 0; }


.overview_title{  width:100%; padding:30px 0 50px 0; background-color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.07);text-align: center; margin: 0 auto; font-size: 16px; font-weight: 400; letter-spacing: -0.3px; color: #666; line-height:30px;}
.overview_title>span{ font-size: 25px; font-weight: 500; letter-spacing: -0.5px; color: #222;}

.all_title_wrap{display: table; margin-top:50px; }
.all_title_wrap:after{display: block;content: "";clear: both;}
.all_title_con_w{ display:table-cell; width:15px;}
.all_title_con{ width: 18px; height: 18px; border-radius: 50%;  background: linear-gradient(to right, #f68321 0%, #e84b38 100%); padding-top: 4px;}
.all_title_con2{ width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 auto;}
.all_title_t{ display:table-cell; font-size:20px; font-weight: 500; letter-spacing: -0.5px; color: #222; padding-left:10px;}
.all_text{ font-size:15px; font-weight: 400; letter-spacing: -0.5px; color: #666; line-height:30px;margin-top: 10px; word-break: keep-all; }
.all_title2{  font-size:18px; font-weight: 500; letter-spacing: -0.5px; color: #ff7800;  }
.all_text2{ font-size:15px; font-weight: 400; letter-spacing: -0.5px; color: #222; line-height:30px;margin-top: 10px; word-break: keep-all; }

.sub02_2_table{  margin-top: 20px;}
.sub02_2_table thead{ background: linear-gradient(to right, #ff7301 0%,#ff3d16 100%); }
.sub02_2_table th{ font-size:15px; font-weight: 400; letter-spacing: -0.5px; color: #fff; padding:5px;   text-align: center;}
.sub02_2_table td { font-size:13px; font-weight: 400; letter-spacing: -0.5px; color: #666; padding:5px;  border: 1px solid #ccc; line-height: 28px; word-break:keep-all;}

.sub02_3_box1{ border: 1px solid #ccc; overflow:hidden;  text-align: center;}
.sub02_3_table{  margin-top: 20px;}
.sub02_3_table thead{ background: linear-gradient(to right, #ff7301 0%,#ff3d16 100%); }
.sub02_3_table th{ font-size:15px; font-weight: 400; letter-spacing: -0.5px; color: #fff; padding:5px;    text-align: center;}
.sub02_3_table td { font-size:13px; font-weight: 400; letter-spacing: -0.5px; color: #666;  padding:5px;   border: 1px solid #ccc; line-height: 28px;
word-break: keep-all; text-align: center; }
/* .sub03_1_box1{ background: #fafafa; padding:40px;} */
.sub03_1_box1_1{ display: inline-block; font-size: 14px; color: #888; padding-left: 25px;}
.sub03_1_t1{ width: 100%; }

.sub03_1_t_wrap{ display: table; }
.sub03_1_t1{ display: table-cell; width:25px; }
.sub03_1_t2{ display: table-cell;}
.sub03_1_t3{  font-size:16px; font-weight: 500; letter-spacing: -0.5px; color: #222; margin: 30px 0 10px; }
.sub03_1_table{ width: 100%; }
.sub03_1_table th{border: 1px solid #ccc; font-size:13px; font-weight:500; letter-spacing: -0.5px; color: #222; text-align: center; background: #e7e7e7; padding: 5px;}
.sub03_1_table td { border: 1px solid #ccc;  font-size:13px; font-weight:400; letter-spacing: -0.5px; color: #666; text-align: center; background: #fff; word-break: keep-all; padding: 5px; }


.sub04_table{ width: 100%; margin-top: 20px;}
.sub04_table thead{ background: linear-gradient(to right, #ff7301 0%,#ff3d16 100%); }
.sub04_table th{ font-size:15px; font-weight: 400; letter-spacing: -0.5px; color: #fff; padding: 10px 5px;   text-align: center;}
.sub04_table td { font-size:13px; font-weight: 400; letter-spacing: -0.5px; color: #666;  padding: 5px;   border: 1px solid #ccc; line-height: 28px; text-align: center; word-break:keep-all;}
.sub04_box1{ margin-top:30px;}
.sub04_box1:after{display: block;content: "";clear: both;}
.sub04_box1>li{ width: 300px; border: 1px solid #ccc; text-align:center; padding: 20px; margin: 0 auto 30px;}
.sub04_box1>li>p{ font-size:18px; font-weight: 500; letter-spacing: -0.5px; color: #222; margin-top: 20px; }
.sub04_box1>li>img{ width: 100%; }

.sub04_table2{ width: 100%; margin-top: 20px;}
.sub04_table2 thead{ background: linear-gradient(to right, #ff7301 0%,#ff3d16 100%); }
.sub04_table2 th{ font-size:15px; font-weight: 400; letter-spacing: -0.5px; color: #fff; padding: 5px;   text-align: center;}
.sub04_table2 td { font-size:13px; font-weight: 400; letter-spacing: -0.5px; color: #666;   border: 1px solid #ccc; line-height: 28px; text-align: center; word-break:keep-all; word-break:keep-all;}

.sub05_table{ width: 100%; margin-top: 20px;}
.sub05_table thead{ background: linear-gradient(to right, #ff7301 0%,#ff3d16 100%); }
.sub05_table th{ font-size:16px; font-weight: 400; letter-spacing: -0.5px; color: #fff; padding: 15px;   text-align: center;}
.sub05_table td { font-size:15px; font-weight: 400; letter-spacing: -0.5px; color: #666;  padding:15px;   border: 1px solid #ccc; line-height: 28px; text-align: center; word-break:keep-all;}

.business1_title1{ width: 100%; padding: 40px 0 50px 0; background:url('../images/sub/business1_img1.jpg') center center; background-size: cover; text-align: center; font-size: 26px; font-weight: 100; color: #fff; letter-spacing: -1px; word-break: keep-all;}
.business1_title2{ width: 100%;  padding:40px 0 50px 0;  background:url('../images/sub/business1_img2.jpg') center center; background-size: cover; text-align: center; font-size: 26px;  font-weight: 100; color: #fff; letter-spacing: -1px; }
.business1_title2_1{ width: 100%; padding: 40px 0 50px 0;  background:url('../images/sub/business2_img1.jpg') center center; background-size: cover; text-align: center; font-size: 26px; font-weight: 100; color: #fff; letter-spacing: -1px; }
.business1_title3{ width: 100%;padding: 40px 0 50px 0;  background:url('../images/sub/business3_img1.jpg') center center; background-size: cover; text-align: center; font-size: 26px; font-weight: 100; color: #fff; letter-spacing: -1px;}
.business1_title3_2{ width: 100%; padding: 40px 0 50px 0;   background:url('../images/sub/business3_img2.jpg') center center; background-size: cover; text-align: center; font-size: 26px; font-weight: 100; color: #fff; letter-spacing: -1px; }


.business_table_bg{ background: #f4f4f4; }


.business_table{ width: 100%; margin-top: 20px;}
.business_table thead{ background: linear-gradient(to right, #ff7301 0%,#ff3d16 100%); }
.business_table th{ font-size:15px; font-weight: 400; letter-spacing: -0.5px; color: #fff; padding:10px 5px;   text-align: center;}
.business_table td { font-size:12px; font-weight: 400; letter-spacing: -0.5px; color: #666;  padding: 5px;   border: 1px solid #ccc; line-height: 28px; text-align: center; background: #fff; word-break:keep-all;}
.business_t{ font-size:15px; font-weight: 400;  color: #ff7800;   }

.sub04_1_table{  margin-top: 20px; width: 100%}
.sub04_1_table thead{ background: linear-gradient(to right, #ff7301 0%,#ff3d16 100%); }
.sub04_1_table th{ font-size:16px; font-weight: 400; letter-spacing: -0.5px; color: #fff; padding:10px 5px;   text-align: center;}
.sub04_1_table td { font-size:15px; font-weight: 400; letter-spacing: -0.5px; color: #666;  padding:5px;   border: 1px solid #ccc; line-height: 28px;
word-break: keep-all; text-align: center; }