@charset "UTF-8";

/* TOP */

body {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

#header {
  width: 100%;
  text-align: center;
  background: #fff;
  z-index: 999;
  margin-bottom:10px;
}

#top #header {
	position:fixed;
}


#header .h1 {
  display: inline-block;
  margin-bottom: 30px;
  width: 143px;
  height: 94px;
}

#top #header .h1 {
	 opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}


#header .h1 img {
  width: 100%;
}
#header .h1 a {
  display: block;
  width: 100%;
  height: 100%;
}

#top .animWrap, #top #navi, #top .wrapHead {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}


/* SLIDER */

.visual {
	clear:both;
	width:100%;
	margin:0 auto;
}

.wrapSlider .caroufredsel_wrapper {
	max-width:980px;
	max-height:640px;
}


#carousel_01 {
	display:block;
	max-width:980px;
	max-height:640px;
}

#carousel_01 li {
	width:980px;
	height:640px;
}


#carousel_01 img {
	width_:980px;
	height_:640px;
	max-width:100%;
	height:auto;
}





/* TOP */

.wrapSlider {
	width:83.4%;
	padding:10px;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
	float:left;
}

.leftBnr {
	width:16.6%;
	float:right;

}


.wrapBnr {
	padding:10px;
	background:#fff;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.wrapBnr img {
	line-height:1;
	vertical-align:bottom;
}

.wrapBnr02 {
	padding:10.5px 10px;
	background:#fff;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.wrapBnr02 img {
	line-height:1;
	vertical-align:bottom;
}

.bnr_top01 {
	background:#f5f5f5;
	text-align:center;
	height:420px;
	overflow:hidden;
	padding:50px 5px 5px 5px;
}


.bnr_top01 .txt {
	border-top:1px dotted #ad4c39;
	padding-top:10px;
	font-size:13px;
}

.bnr_top01 .txt span {
	font-size:17px;
	font-weight:bold;
	color:#d62921;
}

.h2_new {
	font-size:31px;
	color:#151515;
	text-align:center;
	margin-bottom:40px;
	font-weight:100;
}


.news_Top {
	max-width:1000px;
	margin:0 auto;
}

.lstNew_top li {
	border-bottom:1px solid #808080;
	padding:16px 0;
}


.lstNew_top li span {
	display:inline-block;
	border:1px solid #d62921;
	vertical-align:middle;
	color:#d62921;
	font-size:11px;
	padding:1px 7px;
	margin-right:12px;
}

.lstNew_top li em {
	display:inline-block;
	vertical-align:middle;
	color:#929292;
	font-size:11px;
}

.lstNew_top li a {
	text-decoration:underline;
}

.lstNew_top .cate01 span {
	border:1px solid #d62921;
	background:#d62921;
	color:#fff;
}

.leftNew {
	float:left;
	width:100%;
}

.leftNew a {
	color:#3F3F3F;
	font-size:14px;
}

.leftNew a:hover {
	opacity:.7;
}


.leftNew p {
	width:88%;
}

.lstNew_top .btnMore {
	float:right;
	width:113px;
	height:20px;
	border:1px solid #4D4D4D;
	text-align:center;
	background: #fff url(../../img/top/arrow.png) no-repeat 96% center;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	line-height:1.4;
	vertical-align:middle;
	-moz-transition:all 0.26s ease-out;
	-o-transition:all 0.26s ease-out;
	-webkit-transition:all 0.26s ease-out;
	-ms-transition:all 0.26s ease-out;
}

.lstNew_top .btnMore a {
	color:#4D4D4D;
	font-weight:bold;

}


.lstNew_top .btnMore:hover {
	background: #4D4D4D url(../../img/top/arrow2.png) no-repeat 96% center;
}

.lstNew_top .btnMore:hover a {
	color:#fff;
}


.btnMore02 {
	margin:25px auto 100px;
	width:113px;
	border:1px solid #4D4D4D;
	text-align:center;
	background: #4D4D4D url(../../img/top/arrow2.png) no-repeat 96% center;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	line-height:1.4;
	vertical-align:middle;
	-moz-transition:all 0.26s ease-out;
	-o-transition:all 0.26s ease-out;
	-webkit-transition:all 0.26s ease-out;
	-ms-transition:all 0.26s ease-out;
	padding:3px 0;
}

.btnMore02 a {
	color:#fff;
}


.btnMore02:hover {
	background:#fff url(../../img/top/arrow0.png) no-repeat 96% center;
}

.btnMore02:hover a {
	color:#4D4D4D;
}

.leftSEO {
	width:48%;
	float:left;
	font-size:12px;
	color:#3F3F3F;
	line-height:1.8;
}

.rightSEO {
	width:48%;
	float:right;
	font-size:12px;
	color:#3F3F3F;
	line-height:1.5;
}

.boxMap {
	border-top:1px solid #ccc;
	position:relative;
}

.leftMap {
	width:49.8%;
	float:left;
}

.rightMap {
	width:49.8%;
	float:right;
}

.accessMap {
	padding-bottom:12px;

}


.txtMap {
	font-size:16px;
	padding:10px;
	color:#656565;
}


.txtMap02 {
	text-align:right;
	font-size:14px;
	color:#656565;
}

.txtMap02 span {
	vertical-align:middle;
	display:inline-block;
}


.txtMap02 span {
	vertical-align:middle;
	display:inline-block;
}

.txtMap02 .btnMore02 {
	vertical-align:middle;
	display:inline-block;
	margin-left:15px;
}


.btnMore03 {
	display:inline-block;
	margin-left:15px;
	width:113px;
	border:1px solid #cccccc;
	text-align:center;
	background: #cccccc url(../../img/top/arrow2.png) no-repeat 96% center;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	line-height:1.4;
	vertical-align:middle;
	-moz-transition:all 0.26s ease-out;
	-o-transition:all 0.26s ease-out;
	-webkit-transition:all 0.26s ease-out;
	-ms-transition:all 0.26s ease-out;
	padding:3px 0;
}

.btnMore03 a {
	color:#fff;
	font-weight:bold;
}


.btnMore03:hover {
	background:#fff url(../../img/top/arrow.png) no-repeat 96% center;
}

.btnMore03:hover a {
	color:#999999;
}

.boxSocial {
	margin-top:135px;
	position:relative;
}

#top .boxSocial {
	margin-top:10px;
}


.boxSocial .socialFoot {
	width:33.33%;
	height:110px;
	float:left;
	text-align:center;
	-moz-transition:all 0.26s ease-out;
	-o-transition:all 0.26s ease-out;
	-webkit-transition:all 0.26s ease-out;
	-ms-transition:all 0.26s ease-out;
}

.boxSocial p:hover {

}

.boxSocial .linkSns {
	color:#fff;
}

.boxSocial .socialFoot a {
	color:#fff;
	font-size:15px;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}

.boxSocial p span {
	width:1px;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}

.boxSocial img {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}

.boxSocial #face {
	background:#466980;
}

.boxSocial #ins {
	background:#816a4f;
}

.boxSocial #line {
	background:#466980;
}


.rest_pos {
	position:inherit !important;
}

.padd_top {
	padding-top:231px;
}


.bannerBox {
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
	margin-bottom:95px;
}

.txtBanner {
	font-size:14px;
	color:#3f3f3f;
	padding:15px 0 15px 15px;
	text-align:left;
}

.innerBanner {
	position:relative;
	max-width:1200px;
}

.innerBanner .bg_over {
	position:absolute;
	overflow:hidden;

}



.innerBanner .border-box {
	position: absolute;
    top: 0px;
	left:0px;
    z-index: 900;
    width:100%;
	height: 100%;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	opacity:0
}

.bannerHover:hover .border-box {
	background: rgba(0, 0, 0, 0.7);
	opacity:1;
}

.innerBanner .border-box::before, .border-box::after {
	position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
    transition: opacity 0.8s, transform 0.8s;
}

.innerBanner .border-box::before {
	border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}


.innerBanner .border-box::after {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}


.bannerHover:hover .border-box::after,
.bannerHover:hover .border-box::before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}



.innerBanner .bg_over .wrapBnr {
	position:relative;
}


.wrapBanner {
	position:relative;
	overflow:hidden;
	width:100%;
	height: 100%;
}


.innerBanner .bg_over .wrapBanner .imgThumb {
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	line-height:1;
	vertical-align:bottom;
}

.innerBanner .bg_over .wrapBanner:hover .imgThumb {
	-webkit-transform:scale(1.03);
	transform:scale(1.03);
}


.innerBanner .bg_over .wrapBanner .contentBnr {
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	color:#fff;
	width:100%;
	height: 100%;
	text-align:center;
}



.innerBanner .bg_over .wrapBanner .contentBnr .title {
	font-weight:bold;
	 font-size:20px;
	 padding-bottom:8px;
  display: inline-block;
  vertical-align: middle;
  /*-webkit-transform: translateZ(0);
  transform: translateZ(0); */
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 /* -webkit-backface-visibility: hidden;
  backface-visibility: hidden; */
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.innerBanner .bg_over .wrapBanner .contentBnr .title:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #fff;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bannerHover:hover .wrapBanner .contentBnr .title:before {
  left: 0;
  right: 0;
}


.bannerHover:hover .wrapBanner .contentBnr .title {
	  color:#fff;
}

.innerBanner .bg_over .wrapBanner .contentBnr .sub_tit {
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	width:130px;
	margin:10px auto 15px;
}

.innerBanner .bg_over .wrapBanner .contentBnr .mainTitle {
	font-size:15px;
}



.btnBanner {
	opacity:0;
	margin-top:8px;
}

.innerBanner .bg_over:hover .btnBanner {
	opacity:1;
}

.innerBanner .bg_over:hover .wrapBanner .contentBnr {
	padding-top:35px;
}



.innerBanner .bannerWork:hover .wrapBanner .contentBnr {
	padding-top:130px;
}


.bannerWork {
	width:33.33%;
	padding:10px;
	top:0;
	left:0;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.bannerDes {
	width:33.33%;
	padding:10px;
	top:0;
	right:33.33%;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ffff,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
	border-top:1px solid #ccc;
}

.bannerBlog {
	width:33.33%;
	padding:10px;
	top:0;
	right:0;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.bannerSem {
    width:33.33%;
	padding:10px;
	left:0;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.bannerEco {
	width:33.33%;
	padding:10px;
	bottom:0;
	left:0;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.bannerFeat {
	width:33.35%;
	padding:10px;
	bottom:0;
	left:33.33%;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.bannerRec {
	width:33.33%;
	padding:10px;
	right:0px;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.bannerCont {
	bottom:0;
	right:0px;
	width:33.33%;
}


.bannerCont .wrapBanner {
	position:relative;
    padding: 10px;
}

.innerBanner .bannerCont  .wrapBanner .contentBnr {
	background: rgba(129, 130, 137, 0);
	height: calc(100% - 20px) !important;
}

.imgBg {
  line-height: 1;
  vertical-align:bottom;
}

.bannerMain {
	width:33.33%;
    left: 33.33%;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}


.bannerMain .border-box {
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background: rgba(129, 130, 137, 0);
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

.bannerMain:hover .border-box {
	background: rgba(0, 0, 0, 0.7);
}

.bannerCont .border-box {
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background: rgba(129, 130, 137, 0);
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

.bannerCont:hover .border-box {
	background: rgba(0, 0, 0, 0.7);
}


.bannerMain .title {
	color:#3f3f3f;
}

.bannerMain .sub_tit {
	color:#4d4d4d;
}

.bannerMain .mainTitle {
	color:#4d4d4d;
}

.bannerMain:hover .title {
	color:#fff !important;
}

.bannerMain:hover .sub_tit {
	color:#fff !important;
}

.bannerMain:hover .mainTitle {
	color:#fff !important;
}



.innerBanner .bannerMain .wrapBanner .contentBnr {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    background: none;
	padding-top:35px;
}


.innerBanner .bannerCont .wrapBanner .contentBnr {
	padding-top:35px;
}


.innerBanner .bannerSem .wrapBanner .contentBnr .mainTitle {
	letter-spacing:-1px;
}

_#works #container {
	width:1202px;
}

.categoryBox {
	width:16%;
	height_:100%;
	/* min-height:500px; */
	float:left;
	padding:40px 20px 40px 40px;
}


.grid {
  float:right;
 	width: 84%;
	min-height:100%;
	box-shadow_: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer {
	width: 20%;
}

.grid-item {
  width: 20%;
  float: left;
  padding:10px;
  box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
  position:relative;
  background:#fff;
}

.grid-item--width2 { width:40%;}


#contact .grid-item {
	width:300px;
	height:222px;
}

#contact .grid-item--width2 {
	width:300px;
	height:442px;
}

#contact .grid {
	max-width:1200px;
	float:none;
	box-shadow:none;
}


.grid-item img {
  line-height: 1;
  vertical-align: bottom;
  width:100%;
  height:auto;
}

.grid-item .icoNew {
	position:absolute;
	width:50px;
	height:50px;
	top:0px;
	left:0px;
}


.wrapGrid {
	position:absolute;
	z-index:999;
	top:10px;
	left:10px;
	background: rgba(205, 41, 33, 0.6);
	color:#fff;
	opacity:0;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	text-align:center;
	 width: calc(100% - 20px);
    height: calc(100% - 20px);
    padding-top: 20.4583px !important;
}

.txtGrid {
	position:absolute;
	z-index:1000;
	text-align:center;
	top:50%;
	left:50%;
	width:80%;
	text-align:center;
	-moz-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	opacity:0;
	color:#fff;
	moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

.grid-item--width2  .wrapGrid {
}

.grid-item:hover .wrapGrid {
	opacity:1;
}

.grid-item:hover .txtGrid  {
	opacity:1;
}

.grid-item .title {
	width:80%;
	margin:0 auto 8px;
	border-bottom:1px solid #fff;
	font-size:14px;
	padding-bottom:4px;
}

.cateName {
	font-size:12px;
}

.grid-item .title a {
	color:#fff;
}

.wrapWorks {
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.h2_sub {
	padding:15px 15px 15px 40px;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.h2_sub h2 {
	display:inline-block;
	vertical-align:middle;
	color:#656565;
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:1;
	width: 49.5%;
}

.h2_sub h2 span {
	font-size:11px;
	margin-left:12%;
}

.rightBread {
	text-align:right;
	width: 49.5%;
	display:inline-block;
	vertical-align:middle;
	line-height:1;
}

.lstBread {
	
	display:inline-block;
}

.lstBread li {
	float:left;
	margin-left:15px;
	color:#3f3f3f;
	background:url(../img/other/arrow.jpg) no-repeat left center;
	padding-left:15px;
	font-size:12px;
}

.lstBread li a {
	color:#3f3f3f;
	text-decoration:underline;
}

.lstBread li a:hover {
	text-decoration:none;
}

.lstBread li:first-child {
	margin-left:0;
	background:none;
	padding-left:0;
}


.h3_work {
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	color:#656565;
	margin-bottom:15px;
}

.lstCate {
	margin-bottom:30px;
}

.lstCate > li {
	font-size:13px;
	margin-bottom:8px;
	background:url(../../img/works/arrow02.png) no-repeat left 7px;
	padding-left:15px;
}

.lstCate > li.active {
	background:url(../../img/works/arrow.png) no-repeat left 7px;
}

.lstCate li a.here {
	color:#cd2921;
}

.sub_menu {
	cursor:pointer;
}

.lstCate > li ul {
	padding:5px 0  0 0;
}

.lstCate > li ul li {
	margin-bottom:8px;
}

.lstCate > li ul li a {
	color:#999999;
	text-decoration:underline;
}

/* SLIDE */
/* visual */
.visual_works {
	position:relative;
	clear:both;
	width:83.33%;
	height:750px;
	float:left;
	padding:10px;
	border-right:1px solid #b2b2b2;
}

.wrapWorks .slimScrollDiv {

}

#carousel_works {
	display:block;
	height:730px !important;
}




#carousel_works img {
	height:auto;
	vertical-align:middle;
	display:inline-block;
}


#works .visual_works li {
	width:980px;
	height:730px;
	display:block;
	float:left;
	text-align:center;
}

#works .visual_works li span {
	display:table-cell;
	width:980px;
	height:730px;
	vertical-align:middle;
}

#works .control_01 {
	clear:both;
	width:100%;
}
#works .control_01 p.prev {
	position:absolute;
	top:325px;
	left:20px;
}
#works .control_01 p.prev a {
	background:url(../../img/works/btn_prev.png) no-repeat 50% 50%;
	display:block;
	width:41px;
	height:81px;
	text-indent:-9999em;
}
#works .control_01 p.next {
	position:absolute;
	top:325px;
	right:20px;
}
#works .control_01 p.next a {
	background:url(../../img/works/btn_next.png) no-repeat 50% 50%;
	display:block;
	width:41px;
	height:81px;
	text-indent:-9999em;
}
#works .pager_01 {
	width: 200px;
	position:relative;
	z-index:1;
	margin-top:0;
}
#works .pager_01 a {
	display:block;
	width:200px;
	height:150px;
	font-size:0;
	float: left;
	text-indent: -9999em;
	padding-bottom:10px;
	border-bottom:1px solid #b2b2b2;
}

#works .pager_01 a.selected {
	opacity:.5;
}


.wrap10 {
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}


.contWork {
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.leftCol {
	float:left;
	width:33.33%;
	padding:60px;
}


.horizone {
	width:40px;
	height:1px;
	background:#d62921;
	margin:16px 0;
}

.tit_sing {
	font-size:16px;
	color:#3f3f3f;
}

.tblWorks {
	color:#3f3f3f;
	font-size:12px;
	width:100%;
}

.tblWorks th {
	width:30%;
	padding:6px 0;
}


.tblWorks tr td {
	padding:6px 0;
}

.rightCol {
	float:right;
	width:66.66%;
	padding:60px;
	font-size:14px;
	color:#3f3f3f;
	line-height:24px;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
	min-height:100%;
}


.pageNav {
	margin:60px 0 90px;
}

.naviPage {
	display:inline-block;
    width: 100%;
}

.naviPage li {
	display:inline-block;
	font-size:14px;
	height:34px;
	line-height:34px;
	text-align:center;
	vertical-align:middle;
}

.naviPage .listItem {
	margin:0px;
	background:#999999;
	width:180px;
}

.naviPage .listItem a {
	color:#fff;
	font-weight:bold;
}

.naviPage .prevItem {
	background:#d7d7d7 url(../../img/works/bg_prev.png) no-repeat left center;
	padding-left:14px;
	width:33.33%;
}

.naviPage .prevItem a {
	color:#fff;
	text-decoration:underline;
}

.naviPage .prevItem a:hover {
	text-decoration:none;
}

.naviPage .nextItem {
	background:#d7d7d7 url(../../img/works/bg_next.png) no-repeat right center;
	padding-right:14px;
	width:33.33%;
}

.naviPage .nextItem a {
	color:#fff;
	text-decoration:underline;
}

.naviPage .nextItem a:hover {
	text-decoration:none;
}


/* OTHER POST */
.wrapSlide {
	position:relative;
	margin-bottom:140px;
}

#pick_up .caroufredsel_wrapper {
	border-right: 1px solid #ccc;
	z-index:100 !important;
}

#works .wrapSlide .caroufredsel_wrapper {
	border-right: 1px solid #ccc;
}


#slider {
	overflow:hidden;
	z-index:90;
}
#slider li {
	display: block;
	float: left;
	position:relative;
	padding:10px;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
	border-bottom: 1px solid #ccc;
}

#slider li .tit_relate {
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:10px;
}

#slider li .tit_relate a {
	color:#151515;
}

#slider li .price_relate {
	font-size:12px;
	color:#151515;
}


#slider li:hover {
	opacity:.6;
}

#slider li img {
	width:100%;
}
.wrapSlide .control_slider {
	clear:both;
	width:100%;
	position:absolute;
	top:45%;
	left:0;
	z-index:99;
}

.wrapSlide .control_slider p.prev {
	float:left;
	background:url(../../img/works/btn_prev02.png) no-repeat 50% 50%;
	width:19px;
	height:36px;
	margin-left:-40px;

}

.wrapSlide .control_slider p.prev a {
	display:block;
	text-align:center;
	padding:5px 0;
	text-indent:-9999em;
}

.wrapSlide .control_slider p.next {
	float:right;
	background:url(../../img/works/btn_next02.png) no-repeat 50% 50%;
	width:19px;
	height:36px;
	margin-right:-40px;
}

.wrapSlide .control_slider p.next a {
	display:block;
	text-align:center;
	padding:5px 0;
	text-indent:-9999em;
}

.lstColor {
	margin-bottom:8px;
}

.lstColor li {
	float:left;
	width:20px;
	height:20px;
	margin-left:8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.lstColor li a {
	width:20px;
	height:20px;
	display:block;
}

.lstColor li:first-child {
	margin-left:0;
}

.lstColor #cl01 {
	background:#fff;
	border:1px solid #cccccc;
}

.lstColor #cl02 {
	background:#000;
}

.lstColor #cl03 {
	background:#999999;
}

.lstColor #cl04 {
	background:#74341f;
}

.lstColor #cl05 {
	background:#dccea3;
}

.lstColor #cl06 {
	background:#2c904a;
}

.lstColor #cl07 {
	background:#0066db;
}

.lstColor #cl08 {
	background:#620980;
}


.lstColor #cl09 {
	background:#eddd42;
}

.lstColor #cl10 {
	background:#eda8ce;
}


.lstColor #cl11 {
	background:#d00027;
}

.lstColor #cl12 {
	background:#ff8929;
}

.lstColor #cl13 {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(170,170,170,1)));
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%);
	background: -o-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aaaaaa', GradientType=1 );
}

.lstColor #cl14 {
	background: rgba(209,203,178,1);
	background: -moz-linear-gradient(45deg, rgba(209,203,178,1) 0%, rgba(170,156,114,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(209,203,178,1)), color-stop(100%, rgba(170,156,114,1)));
	background: -webkit-linear-gradient(45deg, rgba(209,203,178,1) 0%, rgba(170,156,114,1) 100%);
	background: -o-linear-gradient(45deg, rgba(209,203,178,1) 0%, rgba(170,156,114,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(209,203,178,1) 0%, rgba(170,156,114,1) 100%);
	background: linear-gradient(45deg, rgba(209,203,178,1) 0%, rgba(170,156,114,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1cbb2', endColorstr='#aa9c72', GradientType=1 );
}

.lstColor #cl15 {
	background:url(../../img/works/bg_color.png) no-repeat left top;
}


.mainImg {
	margin-bottom:100px;
}

.h2_rec {
	font-size:22px;
	color:#3f3f3f;
	text-align:center;
	margin-bottom:40px;
	margin-top:80px;
}


.txtRec {
	color:#3f3f3f;
	text-align:center;
	font-size:14px;
	line-height:2.4;
	letter-spacing:2px;
	margin-bottom:60px;
}

.h3_rec {
	color:#656565;
	font-size:30px;
	margin-bottom:20px;
	text-align:center;
	font-family: 'Roboto', sans-serif;
}

.lstBtn_rec {
	max-width:560px;
	margin:60px auto 115px;
}

.lstBtn_rec li {
	float:left;
	margin-left:10px;
}

.lstBtn_rec li:first-child {
	margin-left:0;
}

.mainImg {
	position:relative;
	text-align:center;
	background:url(../../img/recruit/appeal/mainImg.png) no-repeat left center;
	background-size: 100% auto;
	min-height:220px;
	padding-top:75px;
	margin-bottom:60px;
}

#greeting .mainImg {
	background:url(../../img/recruit/greeting/mainImg.png) no-repeat left center;
	background-size: 100% auto;
}

#voice .mainImg {
	background:url(../../img/recruit/voice/mainImg.png) no-repeat left center;
	background-size: 100% auto;
}




.mainImg .title {
	font-size:24px;
	padding-bottom:15px;
}

.mainImg .title span {
	display:inline-block;
	padding:0 20px 10px;
	border-bottom:1px solid #000;
	font-weight:bold;
}


#requirements .mainImg {
	background:url(../../img/recruit/require/mainImg.png) no-repeat left center;
	color:#fff;
	background-size: 100% auto;
}

#requirements  .mainImg .title span {
	border-bottom:1px solid #fff;
}

#entry .mainImg {
	background:url(../../img/recruit/entry/mainImg.png) no-repeat left center;
	color:#fff;
	background-size: 100% auto;
}

#entry  .mainImg .title span {
	border-bottom:1px solid #fff;
}

#entry  .contact_form {
	border:none;
}



.mainImg .sub_tit {
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}

.txtApp {
	text-align:center;
	color:#3f3f3f;
	font-size:16px;
	margin-bottom:60px;
	line-height:2.5;
}

.lstBtnApp  {
	margin-bottom:100px;
}

.lstBtnApp li {
	float:left;
	margin-left:1.3%;
    width: 24%;
}

.lstBtnApp li img {
	line-height:1;
	vertical-align:bottom;
}

.lstBtnApp li:first-child {
	margin-left:0;
}

.txtApp02 {
	text-align:center;
	font-size:34px;
	margin-top:120px;
}

.txtApp02 span {
	border-bottom:1px solid #d62921;
	padding-bottom:5px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#d62921;
}

.h3_app {
	font-size:30px;
	color:#151515;
	text-align:center;
	margin:20px 0 30px;
	letter-spacing:2px;
}

.leftApp {
	width:49%;
	float:left;
	color:#3f3f3f;
	line-height:2;
}


.right_App {
  float:right;
  width: 48.5%;
}

.leftApp .title {
	background:url(../../img/recruit/appeal/border.png) repeat-x left bottom;
	padding-bottom:10px;
	font-size:18px;
	color:#3f3f3f;
	font-weight:bold;
	margin-bottom:25px;
}

.txtApp03 {
	color:#3f3f3f;
	text-align:right;
}

.lstApp01  {
	margin-top:35px;
}

.lstApp01 li {
	width:32%;
	margin-left:2%;
	float:left;
	color:#3f3f3f;
}

.lstApp01 li:first-child {
	margin-left:0;
}


.rightApp {
	width:49%;
	float:right;
	color:#3f3f3f;
	line-height:2;
}


.rightApp .title {
	background:url(../../img/recruit/appeal/border.png) repeat-x left bottom;
	padding-bottom:10px;
	font-size:18px;
	color:#3f3f3f;
	font-weight:bold;
	margin-bottom:25px;
}

.lstApp02 {
	margin-top:40px;
}

.lstApp02 li {
	width:32%;
	margin-left:2%;
	float:left;
	background:#f2f2f2;
	position:relative;
	padding:35px 40px 40px 40px;
    -moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

.lstApp02 li:first-child {
	margin-left:0;
}

.lstApp02 li .numb {
	background:#d62921;
	color:#fff;
	position:absolute;
	left:0;
	top:0;
	padding:10px;
	text-align:center;
}

.lstApp02 li .numb .txt {
	border:1px solid #fff;
	font-size:12px;
	margin-bottom:10px;
	padding:5px 12px;
	line-height:1.2;
}

.lstApp02 li .nb {
	font-size:30px;
	font-family: 'Roboto', sans-serif;
	line-height:1.2;
}


.lstApp02 li .title {
	margin-left:45px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
	color:#3f3f3f;
}

.lstApp02 li .desc {
	color:#3f3f3f;
	line-height:2.5;
	font-size:14px;
	margin-bottom:50px;
}


.leftApp02 {
	width:58%;
	float:left;
	color:#3f3f3f;
	line-height:2;
}


.leftApp02 .title {
	background:url(../../img/recruit/appeal/border.png) repeat-x left bottom;
	padding-bottom:10px;
	font-size:18px;
	color:#3f3f3f;
	font-weight:bold;
	margin-bottom:25px;
}

.h4_rec {
	background:#656565;
	padding:15px 0;
	text-align:center;
	color:#fff;
	font-size:20px;
	margin:80px 0 20px;
}

.h4_rec span {
	font-size:14px;
	margin-left:10px;
}

.txtApp04 {
	color:#3f3f3f;
	line-height:2.5;
	margin-bottom:25px;
}

.lstApp03 {
	margin-top:30px;
}

.lstApp03 li {
	float:left;
	width:25%;
	padding-right:3.5%;
	background:url(../../img/recruit/appeal/arrow.png) no-repeat 95% center;
}

.lstApp03 li .wrapList {
	border:1px solid #b2b2b2;
}

.lstApp03 li .wrapList .title {
	background:#f2f2f2;
	float:left;
	width:15%;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	height:100%;
	padding-top:18%;
}


.lstApp03 li .wrapList .desc {
	padding:20px;
	float:right;
	width:85%;
	font-size:12px;
	color:#3f3f3f;
	letter-spacing:2px;
}

.lstApp03 li:last-child {
	background:none;
	padding-right:0;
}


.boxRec {
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
	width:49%;
	border-top:1px solid #b2b2b2;
}

.boxRec .head {
	background:#f2f2f2;
	line-height:54px;
	color:#656565;
	border-left:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	font-size:16px;
}

.boxRec .title {
	background:url(../../img/recruit/appeal/arrow02.png) no-repeat right center;
	padding-right:22px;
	float:left;
	width:30%;
	text-align:center;
}

.boxRec .head p {
	float:right;
	width:70%;
	padding-left:30px;
}

.boxRec .desc {
	padding:40px;
	color:#3f3f3f;
	font-size:14px;
	line-height:2.5;
}

.lsttoRec {
	margin-top:140px;
}

.lsttoRec li {
	float:left;
	margin-left:1.25%;
    width: 19%;
}

.lsttoRec li:first-child {
	margin-left:0;
}

.txtGreeting p {
	color:#3f3f3f;
	font-size:14px;
	line-height:2.2;
	margin-bottom:25px;
	text-align:center;
}


.txtGreeting02 {
	text-align:center;
	color:#d52921;
	font-size:22px;
	margin-bottom:42px;
	letter-spacing:2px;
	line-height:2;
}

.lstGreet {
	margin-top:60px;
}

.lstGreet li {
	float:left;
    width: 33.333%;
    padding: 0 12px;
}
@media only screen and (max-width: 767px) {
	.lstGreet li {
		padding: 0 3px;
	}
}



	.txtReq {
		font-size:16px;
		text-align:center;
		color:#3f3f3f;
		margin-bottom:40px;
		line-height:2;
		letter-spacing:2px;
	}

.tblReq {
	width:100%;
	border:1px solid #cccccc;
	font-size:14px;
	line-height:2;
}

.tblReq th {
	width:15%;
	background:#f4f4f4;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:30px 40px;
	vertical-align:top;
}

.tblReq tr td {
	border-bottom:1px solid #cccccc;
	padding:30px 40px;
	color:#3f3f3f;
}


.txtEntry {
	text-align:center;
	font-size:16px;
	color:#3f3f3f;
	line-height:2;
	letter-spacing:2px;
}

.txtEntry02 {
	font-size:16px;
	padding-bottom:10px;
	line-height:1.5;
	background:url(../../img/recruit/entry/border.png) no-repeat left bottom;
	margin-bottom:20px;
	margin-top:60px;
	letter-spacing:2px;
}

.txtEntry03 {
	font-size:14px;
	color:#656565;
	margin-bottom:20px;
	line-height:1.5;
}

.txtEntry04 {
	font-size:14px;
	margin-bottom:80px;
}

.txtEntry04 img {
	margin-right:10px;
	vertical-align:middle;
	display:inline-block;
}

.txtEntry04 span {
	vertical-align:middle;
	display:inline-block;
	color:#656565;
}

.lstPur li {
	width:33.33%;
	float:left;
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
	padding:10px;
	position:relative;
}

.lstPur li .thumb {
	line-height:1;
	vertical-align:bottom;
}

.lstPur li .over {
	position:absolute;
	top:10px;
	right:10px;
	background:url(../../img/top/bg_pur.png) no-repeat right top;
	width:70%;
    height: calc(100% - 20px);
	text-align:right;
	padding-right:30px;
	color:#fff;
	padding-top:40px;
}

.lstPur {
	margin-bottom:100px;
}

.lstPur li .arrow {
	margin-bottom:45px;
}

.lstPur li .arrow img {
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

.lstPur li:hover .arrow img {
	margin-right:-10px;
}

.lstPur li:hover .thumb {
	opacity:.7;
}

.lstPur li .title {
	text-align:center;
	margin-right:-93px;
	letter-spacing:-1px;
}

.lstPur li .title a {
	font-size:17px;
	font-weight:bold;
	color:#fff;
}

.title_cont_ban {
	font-weight:bold;
	font-size:20px;
	text-align:center;
	color:#fff;
}

.sub_tit_ban {
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	width:130px;
	padding-top:8px;
	margin:10px auto 15px;
	text-align:center;
}


.telCont {
	position:absolute;
	bottom:25px;
	width:calc(100%-20px);
	text-align:center;
}

.telCont img {
	width:80%;
	height:auto;
}

.desc_ban {
	text-align:right;
	color:#fff;
	font-size:15px;
	padding-right:25px;
	margin-top:88px;
}



.logoBanner2 {
	position:absolute;
	bottom:30px;
	left:8%;
	width: 84%;
    opacity:0;
	z-index:999;
	-moz-transition:all 0.26s ease-out;
	-o-transition:all 0.26s ease-out;
	-webkit-transition:all 0.26s ease-out;
	-ms-transition:all 0.26s ease-out;
}


.innerBanner .bannerMain:hover .logoBanner2 {
	opacity:1;
}

.box_voice01 {
	position:relative;
	margin:55px 0;
}

.box_voice01 .inner {
	background: rgba(139, 197, 63, 0.7);
	padding:35px 45px;
	position:absolute;
	right:50px;
	top:50px;
	width:62%;
	color:#fff;
}

.bg_red .inner {
	background: rgba(213, 41, 33, 0.7);
}

.box_voice01 .inner .title {
	font-size:26px;
	line-height:2;
	margin-bottom:20px;
}

.box_voice01 .inner .sub_tit {
	font-size:14px;
	line-height:2;
	margin-bottom:10px;
}

.box_voice01 .inner .name {
	font-size:12px;
}

.box_voice01 .inner .name span {
	font-size:22px;
	display:inline-block;
	border-right:1px solid #fff;
	padding-right:15px;
	margin-right:15px;
	vertical-align:middle;
	line-height:1;
}




.txtVoice01 {
	text-align:center;
	margin-bottom:20px;
}

.txtVoice01 span {
	display:inline-block;
	background:#8bc53f;
	color:#fff;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	padding:2px 24px;
}

.red_bg  span {
	background:#D52921
}

.h3_voice {
	text-align:center;
	color:#151515;
	font-size:24px;
	margin-bottom:40px;
}

.leftVoice01 {
	float:left;
	width:63%;
	color:#3f3f3f;
	line-height:2;
	font-size:14px;
}

.rightVoice_new {
  width: 33%;
  float: right;
}

.leftVoice_new {
  width: 33%;
  float: left;
}

.leftVoice01 .title {
	background:url(../../img/recruit/appeal/border.png) repeat-x left bottom;
	padding-bottom:10px;
	font-size:18px;
	color:#3f3f3f;
	font-weight:bold;
	margin-bottom:25px;
}

.rightVoice01 {
	float:right;
	width:63%;
	color:#3f3f3f;
	line-height:2;
	font-size:14px;
}

.rightVoice01 .title {
	background:url(../../img/recruit/appeal/border.png) repeat-x left bottom;
	padding-bottom:10px;
	font-size:18px;
	color:#3f3f3f;
	font-weight:bold;
	margin-bottom:25px;
}

.nameImg {
	text-align:right;
	color:#3f3f3f;
	font-size:12px;
}

.leftVoice02 {
	float:left;
	width:48%;
	line-height:2;
	font-size:14px;
}

.rightVoice_new02 {
  width: 48%;
  float: right;
}

.leftVoice02 .title {
	background:url(../../img/recruit/appeal/border.png) repeat-x left bottom;
	padding-bottom:10px;
	font-size:18px;
	color:#3f3f3f;
	font-weight:bold;
	margin-bottom:25px;
}



.leftVoice03 {
  float:left;
  width:58%;
  color:#3f3f3f;
  line-height:2;
  font-size:14px;
}

.leftVoice03 .title {
	background:url(../../img/recruit/appeal/border.png) repeat-x left bottom;
	padding-bottom:10px;
	font-size:18px;
	color:#3f3f3f;
	font-weight:bold;
	margin-bottom:25px;
}

.rightVoice_new03 {
  width: 37%;
  float: right;
}

.w48 {
  width: 48% !important;
}

.w33 {
  width: 33% !important;
}



.boxHuman {
	margin:70px auto 120px;
	border:1px solid #cbcbcb;
	max-width:800px;
	padding:42px 35px 0;
}


.boxHuman img {
	float:left;
	margin-right:30px;
	margin-bottom:10px;
	margin-top:-87px;
}

.boxHuman  .overflow {
	overflow:hidden;
	font-size:14px;
	color:#3f3f3f;
	line-height:2;
}

.boxHuman  .overflow .title {
	color:#8bc53f;
	font-size:22px;
	font-family: 'Roboto', sans-serif;
	margin-bottom:10px;
	line-height:1.4;
}

.w63 {
  width: 63%;
}

.txtRed {
	color:#d52921 !important;
}

.h4_voice {
	text-align:center;
	padding:20px 0;
	font-size:24px;
	color:#656565;
	margin-bottom:50px;
	border-top:1px dotted #656565;
	border-bottom:1px dotted #656565;
}

.lstVoicethumb li {
	width:33%;
	float:left;
	margin-bottom:20px;
	color:#fff;
	padding:0 10px;
	margin-left:0;
}

.lstVoicethumb li .wrap {
	background:#8bc53f url(../../img/recruit/voice/arrow.png) no-repeat right bottom;
}

.lstVoicethumb li img {
	display:inline-block;
	vertical-align:middle;
    width: 33%;
	float:none;
}

.lstVoicethumb li .overflow {
	display:inline-block;
	vertical-align:middle;
	width:63%;
	overflow:inherit;
	background:none !important;
	padding:0 19px !important;
}

.lstVoicethumb li .overflow .sub_title {
	margin-bottom:10px;
	line-height:1;
}

.lstVoicethumb li .overflow a {
	color:#fff;
	font-size:12px;
	line-height:1.1;
}

.lstVoicethumb li .overflow span {
	font-size:22px;
	display:inline-block;
	border-right:none;
}

.lstVoicethumb li .overflow em {
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
}
	
.bg_blue .wrap {
	background:#005b78 url(../../img/recruit/voice/arrow.png) no-repeat right bottom !important;
}
	

.bg_over01 .wrap {
	background:#d52921 url(../../img/recruit/voice/arrow.png) no-repeat right bottom !important;
}

.bg_over02 .wrap {
	background:#005b78 url(../../img/recruit/voice/arrow.png) no-repeat right bottom !important;
}

.boxInfoStaff img {
	float:left;
	margin-right:25px;
}

.boxInfoStaff .overflow {
	overflow:hidden;
	padding:20px 0 0 0;
}

.boxInfoStaff .overflow .title {
	font-size:22px;
	margin-bottom:20px;
}

.boxInfoStaff .overflow .desc {
	font-size:14px;
	margin-bottom:10px;
}

.boxInfoStaff .overflow .name {
	font-size:12px;
}

.boxInfoStaff .overflow .name span {
	line-height:1;
	font-size:22px;
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid #4d4d4d;
	display:inline-block;
	vertical-align:middle;
}

.boxInfoStaff .overflow .name em {
	display:inline-block;
	vertical-align:middle;
}

.lstQues_staff {
	margin-top:60px;
}

.lstQues_staff li {
	margin-bottom:70px;
}

.lstQues_staff li .title {
	background:url(../../img/recruit/voice/border02.png) no-repeat left bottom;
	padding-bottom:8px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}

.messBox {
	max-width:800px;
	margin:0 auto;
	border:1px solid #cbcbcb;
	padding:40px;
}

.messBox .title {
	color:#d52921;
	font-size:22px;
	font-family: 'Roboto', sans-serif;
	margin-bottom:20px;
}

.mb140 {
	margin-bottom:135px;
}

#anchor01 {
	padding-top:70px;
	margin-top:-70px;
}

.txtInsert {
	font-size:20px;
	text-align:center;
	margin-bottom:45px;
	color:#323232;
}

#infowindow {
	display:none !important;
}


.btnTest {
	position: fixed;
	top: 50%;
	right: 50px;
}

.btnTest02 {
	position: fixed;
	top: 50%;
	left: 50px;
}

.btnTestFix {
	width: 100px;
	height: 100px;
	position: fixed;
	top: 50%;
	right: 0;
	z-index:99;
}


.txtBase {
	text-align:center;
	color:#656565;
	font-size:14px;
	margin-top:50px;
	margin-bottom:50px;
	line-height:2;
}

.txtBase span {
	color:#bc2627;
}

.right_App2 {
  width: 40%;
  float: right;
}

.imgRec {
  line-height: 1;
  vertical-align:bottom;
}

.boxJump {
	padding:80px 0 0;
	text-align:center;
	font-size:14px;
	min-height:650px;
}

.hide_link {
	display:none;
}

.hide_link a {
	text-indent: -9999em;
}

.mt120 {
	margin-top:120px;
}

.wrapCont {
	padding:0 80px;
}

.showHead {
	display:block !important;
}

#carousel_bnr li {
	float:left;
}

/* 20160623 fix */
#carousel_bnr li a {
    display: block;
}
/* 20160623 fix */


#carousel_bnr_sp {
	margin-top:10px;
}

#carousel_bnr_sp li {
	float:left;
}

#carousel_bnr_sp li a {
    display: block;
}


.bannerMain {
	background:#fff;
}

.icoNew {
	position:absolute;
	top:0;
	left:0;
	z-index:990;
}

.numb {
	position:fixed;
	left:0;
	bottom:10%;
	background:#A8A4A4;
	width: 70px;
    height: 100px;
}

.pd0 {
	padding:0;
}

.pd_cate {
	padding: 20px 20px 40px 40px;
}


#search-form {
    border: 1px solid #ccc;
    position: relative;
}

#s-submit {
    padding: 0 1px;
    background:#83848b;
	background-size:22px 22px;
    width: 48px;
	height:24px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 3px;
    padding: 0;
    border: none !important;
    -webkit-transition: all .3s;
    transition: all .3s;
	color:#fff;
	font-size:10px;
	-webkit-border-radius: 0px!important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
	background: url(../img/other/btn_search.png) no-repeat left top;
	text-indent: -9999em;
}

#search-input {
    height: 24px;
    line-height: 24px;
    width: 100%;
    padding: 0 10px 0 10px;
    border: none !important;
    background: transparent;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size:12px;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size:12px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size:12px;
}
:-moz-placeholder { /* Firefox 18- */
  font-size:12px;
}

.shadow {
	box-shadow: 1px 0 0 0 #ccc,0 1px 0 0 #ccc,1px 1px 0 0 #ccc,1px 0 0 0 #ccc inset,0 1px 0 0 #ccc inset;
}

.mla {
	margin-right:-130px !important;
}

.mla02 {
	margin-right:-145px !important;
}

.bgLogo {
	background:url(../../img/works/bg_grid.png) repeat-y left 20px;
	background-size: 100% auto;
}

#mvcwid {
	padding:0 !important;
	margin-top:60px;
	color:#cccccc;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
}

#mvctable {
	padding:0 !important;
}

#mvctable ul li {
	float:left;
	padding:0 15px;
	border-right:1px solid #fff;
	line-height:1;
}

#mvctable ul li:first-child {
	padding-left:0;
	font-size:15px;
}

#mvctable span {
	margin-right:5px;
}

/* RECRUIT */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.lstVoicethumb li {
		width:50%;
	}
}