@CHARSET "UTF-8";

/* BUSINESS **********************************************************/
.company_business .bg_mobile { display: none; width: 100%; }
.company_business .header { background: url(../images/company/bg_header_06.jpg) no-repeat top center; background-size: cover; }
.company_business .sec_tit { width: 100%; text-align: center; }
.company_business .sec_tit h3 { position: static !important; margin: 0 0 12px 0; }
.company_business .sec_tit h4 { box-sizing: border-box; display: inline-block; *display: inline; zoom: 1; width: 246px; height: 40px; line-height: 40px; font-size: 20px; font-weight: 300; color: #292a2a; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; }
.company_business .section_01 { background: url(../images/company/bg_business_sec_01.jpg) no-repeat bottom right; background-size: cover; }
.company_business .section_01 .lst_items { position: relative; box-sizing: border-box; margin: 50px 0 0 0; border-top: 1px solid #cecece; border-left: 1px solid #cecece; }
.company_business .section_01 .lst_items:AFTER { content: ""; display: block; clear: both; }
.company_business .section_01 .lst_item { box-sizing: border-box; float: left; width: 20%; height: 219px; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; }
.company_business .section_01 .box_detail { display: block; width: 100%; height: 100%; background: #fff; overflow: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.company_business .section_01 .box_detail:HOVER { background: #cecece }
.company_business .section_01 .box_detail .ico { display: block; margin: 50px auto 20px auto; }
.company_business .section_01 .box_detail .tit { display: block; width: 100%; line-height: 1; font-size: 22px; font-weight: 300; color: #464646; text-align: center; }
.company_business .section_01 .box_layer { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #0089d0; }
.company_business .section_01 .box_layer .close { position: absolute; top: 25px; right: 25px; font-size: 16px; color: #fff; }
.company_business .section_01 .box_layer .cont { padding: 50px }
.company_business .section_01 .box_layer .cont .tit { margin: 0 0 20px 0; padding: 0 0 20px 0; line-height: 1; font-size: 32px; font-weight: 300; color: #fff; border-bottom: 1px solid #fff; 
																											letter-spacing:0.4px;/*20161220Ãß°¡*/
																											}
.company_business .section_01 .box_layer .cont .desc { margin: 0 0 20px 0; line-height: normal; font-size: 16px; font-weight: 300; color: #fff; }
.company_business .section_01 .box_layer .cont .contact { height: auto; padding: 0 35px; background: #fff; overflow: hidden; }
.company_business .section_01 .box_layer .cont .contact .contact_name, .company_business .section_01 .box_layer .cont .contact .contact_email, .company_business .section_01 .box_layer .cont .contact .contact_tel { display: inline-block; *display: inline; zoom: 1; height: 50px; line-height: 50px; font-size: 16px; font-weight: 300; color: #0089d0; }
.company_business .section_01 .box_layer .cont .contact a { font-size: 16px; font-weight: 300; color: #464646; }
.company_business .section_01 .box_layer .cont .contact .contact_name { margin: 0 20px 0 0 }
.company_business .section_01 .box_layer .cont .contact .contact_email { margin: 0 20px 0 0 }
.company_business .section_01 .box_layer .deco { position: absolute; bottom: 59px; right: 60px; font-size: 16px; color: #fff; }
.company_business .section_01 .box_layer .deco .ico { margin: 0 0 -12px 0; vertical-align: bottom; }
.company_business .section_01 .box_layer .corner { position: absolute; bottom: 0px; right: 0px; width: 59px; height: 84px; background: #e5e5e5 url(../images/company/ico_business_corner.png) no-repeat; }
.company_business .section_02 { background: url(../images/company/bg_business_sec_02.jpg) no-repeat bottom right; background-size: cover; }
.company_business .section_02 .sec_tit h4 { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.company_business .section_02 .sec_cont { margin: 15% 0 0 0; padding: 0 50px; }
.company_business .section_02 .sec_cont .txt_subject { margin: 0 0 35px 0; line-height: 1; font-size: 40px; font-weight: 700; color: #fff; }
.company_business .section_02 .sec_cont .txt_subject .logo { margin: 2px 0 0 10px; vertical-align: top; }
.company_business .section_02 .sec_cont .txt_subdesc { margin: 0 0 20px 0; line-height: 1; font-size: 20px; font-weight: 500; color: #464646; }
.company_business .section_02 .sec_cont .txt_desc { width: 580px; line-height: normal; font-size: 16px; font-weight: 300; color: #464646; word-break: keep-all; }
.company_business .section_03 { background: url(../images/company/bg_business_sec_03.jpg) no-repeat bottom right; background-size: cover; }
.company_business .section_03 .sec_cont { padding: 100px 0 80px 0; }
.company_business .section_03 .tab .tab_header { width: 500px }
.company_business .section_03 .tab .tab_content .tab_item { }
.company_business .section_03 h5 { margin: 0 0 20px 0; line-height: 1; font-size: 35px; font-weight: 500; color: #303030; }
.company_business .section_03 h5 .logo { margin: 4px 10px 0 0; vertical-align: top; }
.company_business .section_03 .box_info { overflow: hidden }
.company_business .section_03 .box_info .thumb { float: left; width: 500px; margin: 0 50px 40px 0; overflow: hidden; }
.company_business .section_03 .box_info .thumb .pager { text-align: right }
.company_business .section_03 .box_info .thumb .pager .bx-pager-item { display: inline-block; *display: inline; zoom: 1; }
.company_business .section_03 .box_info .thumb .pager a { display: block; width: 55px; height: auto; font-size: 0px; text-indent: -9999px; border-top: 7px solid #cecece; }
.company_business .section_03 .box_info .thumb .pager a.active { border-top: 7px solid #0089d0 }
.company_business .section_03 .box_info .contact p { line-height: 24px; font-size: 16px; font-weight: 300; color: #464646; }
.company_business .section_03 .box_info .contact p span { display: inline-block; *display: inline; zoom: 1; width: 10%; }
.company_business .section_03 .box_info .contact p span:nth-child(2) { width: 40%;  vertical-align:middle; }/*20161220Ãß°¡*/
.company_business .section_03 .box_map { display: block; width: 100%; }
.company_business .section_03 .box_map .img_map { display: block; width: 100%; }


@media screen and (max-width:1200px) {
	.company_business .section_03 .tab .tab_header { width: 50% }
	.company_business .section_03 .box_info .thumb { width: 50%; margin: 0 5% 40px 0; }
}

@media screen and (max-width:1024px) {

}

@media screen and (max-width:768px) {
	
}

@media screen and (max-width:640px) {
	#container.company_business  .content { position: absolute; top: 0px; }
	.company_business .bg_mobile { display: block }
	.company_business .sec_tit { top: 50px }
	.company_business .section_01 { background: none }
	.company_business .section_01 .lst_items { position: static; width: 96%; margin: 0 0 0 2%; }
	.company_business .section_01 .lst_item { width: 33.33%; height: auto; }
	.company_business .section_01 .box_detail .ico { width: 50%; margin: 13% auto 0 auto; }
	.company_business .section_01 .box_detail .tit { margin: 10% 0 13% 0 ;font-size:1em;}
	.company_business .section_01 .box_layer  { top: 2%; left: 2%; width: 96%; height: 96%; }
	.company_business .section_01 .box_layer .cont { padding: 5% }
	.company_business .section_01 .box_layer .cont .contact { padding: 2% }
	.company_business .section_01 .box_layer .cont .contact .contact_name, .company_business .section_01 .box_layer .cont .contact .contact_email, .company_business .section_01 .box_layer .cont .contact .contact_tel { height: 24px; line-height: 24px; }
	.company_business .section_01 .box_layer .deco { bottom: 10px; right: 110px; font-size:1em; }
    .company_business .section_01 .box_layer .decs { font-size:1em; }
    
	/*.company_business .section_01 .box_layer .deco .ico { position: absolute; top: -28px; right: -48px; display: block; width: 50%; } */
    .company_business .section_01 .box_layer .deco .ico {display:none; }
    .company_business .section_01 .box_layer .corner { display:none; }
	.company_business .section_02 { background: none }
	.company_business .section_02 .sec_cont { width: 96%; margin: 0; padding: 0; }
    .company_business .section_02 .sec_cont .txt_subject { font-size: 6.2vw; }
	.company_business .section_02 .sec_cont .txt_subject .logo { display: block; width: 70%; margin: 10px 0 0 0 }
	.company_business .section_02 .sec_cont .txt_desc { width: 100% }
	.company_business .section_03 { background: none }
	.company_business .section_03 .sec_cont { width: 96%; margin: 0; padding: 0; }
	.company_business .section_03 .box_info .thumb { float: none; width: 100%; max-width: 500px; margin: 0 auto 10px auto; }
	.company_business .section_03 .box_info .contact p { font-size:13px;  }
	.company_business .section_03 .box_info .contact p span { width: 30%;  }
	.company_business .section_03 .box_info .contact p span:nth-child(2) { width: 70%; vertical-align:middle; }/*20161220 Ãß°¡*/
    
    .company_business .section_03 h5 { margin: 0 0 20px 0; line-height: 1; font-size: 28px; font-weight: 500; color: #303030; }
    .company_business .section_03 h5 .logo { margin: 4px 10px 0 0; vertical-align: top; width:50%; }

}