@charset "utf-8";

/* showcase */
.main_banner{text-align:center;}
	.bx-wrapper{margin-bottom:0;border:none;}
	.bx-wrapper .bx-pager{bottom:30px;}
	.bx-wrapper .bx-pager-item{height:10px;}
	.bx-wrapper .bx-pager.bx-default-pager a{width:6px;height:6px;margin-top:2px;background-color:#b0b1b1;}
	.bx-wrapper .bx-pager.bx-default-pager a.active,
	.bx-wrapper .bx-pager.bx-default-pager a:focus,
	.bx-wrapper .bx-pager.bx-default-pager a:hover{width:10px;height:10px;margin-top:0;background-color:#f05a27;}
	.mainslider li a img{margin:0 auto;}

/* banner_bot list */
.banner_bot{display:block; width:100%; background-color: #040404;overflow: hidden;}
	.banner_bot	.bx-wrapper{background-color:#000;box-shadow:none;-webkit-box-shadow:none;}
	.banner_bot	.bx-wrapper .bx-controls-direction a{top:0;margin-top:0;width:30px;height:100%;}
	.banner_bot	.bx-wrapper .bx-prev{left:0;background:rgba(0,0,0,.8) url(../../images/button/left.png) no-repeat 50% 50%;}
	.banner_bot	.bx-wrapper .bx-next{right:0;background:rgba(0,0,0,.8) url(../../images/button/right.png) no-repeat 50% 50%;}
	.banner_bot	.bnr_bot li a{display:block;border-right:1px solid #313131;}
	.banner_bot	.bnr_bot li a:hover{background-color:#242424;}
	.banner_bot	.bnr_bot .img{padding:20px 0;text-align:center;}
	.banner_bot	.bnr_bot .img img{margin:0 auto;}
	.banner_bot	.bnr_bot .tit{padding:15px 10px;border-top:1px solid #313131;font-size:14px;color:#fff;text-align:center;}

/* works */
.works{padding:50px 0;background:url(../../images/main/bg_works.png) no-repeat 50% 50%;background-size:cover;}
	.works h3{position:relative;margin-bottom:40px;padding-bottom:27px;font-size:28px;font-weight:bold;color:#fff;text-align:center;}
	.works h3:before{content:'';position:absolute;bottom:0;left:50%;width:30px;height:1px;margin-left:-15px;background-color:#fff;}
	.works li{width:20%;padding:0 10px;float:left;}
	.works li a{display:block;width:100%;margin:0 auto;text-align:center;}
	.works li .txt{height:38px;margin-top:15px;font-size:14px;color:#fff;opacity:.7;filter:alpha(opacity=70);line-height:1.4;}
	.works li a:hover .txt{opacity:1;filter:alpha(opacity=100);}

/* bot_contents */
.bot_contents{padding:35px 0;background-color:#f8fafa;}
	.bot_contents .section{width:50%;padding:0 40px;float:left;box-sizing:border-box;}
	.bot_contents .section h3{position:relative;margin-bottom:20px;padding-bottom:20px;font-size:18px;font-weight:bold;color:#212121;text-align:center;}
	.bot_contents .section h3::before{content:'';position:absolute;bottom:0;left:50%;width:30px;height:1px;margin-left:-15px;background-color:#f05a27;}
	.bot_contents .s_company p{font-size:13px;color:#212121;line-height:1.6;text-align:center;}
	.bot_contents .s_pos{position:relative;}
	.bot_contents .s_pos::before,
	.bot_contents .s_pos::after{content:'';position:absolute;top:0;width:1px;height:138px;background-color:#dfdfdf;}
	.bot_contents .s_pos::before{left:0;}
	.bot_contents .s_pos::after{right:0;}
	.bot_contents .s_pos li{width:284px;padding:0 20px 0 15px;background:url(../../images/common/bul.png) no-repeat 5px 7px;font-size:13px;line-height:1.6;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.bot_contents .s_pos li img{vertical-align:middle;}
	.bot_contents .s_cs{}
	.bot_contents .s_cs .tel{font-size:31px;font-weight:bold;color:#f05a27;text-align:center;}
	.bot_contents .s_cs .tel a{color:#f05a27;}
	.bot_contents .s_cs .text{margin-top:15px;font-size:13px;color:#212121;text-align:center;line-height:1.6;}

@media only screen and (max-width: 1200px) {
	.works li{padding:0 5px;width:33.3%;}
	.bot_contents .section{padding:0 20px;}
}
@media only screen and (max-width: 1000px) {
	.bot_contents{padding:0;}
	.bot_contents .section{width:100%;padding:30px 20px;border-bottom:1px solid #dfdfdf;}
	.bot_contents .s_cs{border-bottom:none;}
	.bot_contents .s_pos ul{width:400px;margin:0 auto;}
	.bot_contents .s_pos li{width:100%;}
	.bot_contents .s_pos::before,
	.bot_contents .s_pos::after{display:none;}
}
@media only screen and (max-width: 768px) {
	
}
@media only screen and (max-width: 600px) {
	.works{padding:30px 0 0;}
	.works h3{margin-bottom:20px;padding-bottom:17px;font-size:16px;}
	.works ul{padding:0 5px;}
	.works li{width:50%;}
	.works li .txt{height:50px;margin-top:10px;}
	.bot_contents .section h3{margin-bottom:15px;padding-bottom:15px;}
	.bot_contents .s_pos ul{width:100%;}
	.bot_contents .s_company p,
	.bot_contents .s_cs .text,
	.bot_contents .s_pos li{font-size:12px;}
}
@media only screen and (max-width: 414px) {
	.works h3{font-size:14px;}
	.works li .txt{font-size:12px;}
	.bot_contents .section{padding:20px 10px;}
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 320px) {
}