/************************************************************
*
* sub_visual CSS
*
************************************************************/
.company_subvisual {position: relative; width:100%; margin: 0 auto;  padding-top: 94px; background:url("../img/common/sub_visual.jpg") center top 94px no-repeat; height:324px;}
.business_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual2.jpg") center top 94px no-repeat; height:324px;}
.product_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual3.jpg") center top 94px no-repeat; height:324px;}
.ir_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual4.jpg") center top 94px no-repeat; height:324px;}
.customer_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual5.jpg") center top 94px no-repeat; height:324px;}
.jobinfo_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual6.jpg") center top 94px no-repeat; height:324px;}
.esg_subvisual {position: relative; width:100%; margin: 0 auto;  padding-top: 94px; background:url("../img/common/sub_visual7.jpg") center top 94px no-repeat; height:324px;}

.visualTxt {position: absolute; left: 50%; top: 56%; align-content: center; justify-content: center; transform: translate(-50%);}
.sub_Tit_txt {font-weight: 700;font-size: 40px; text-align: center; color: #fff;}
/************************************************************


/************************************************************
*
* mobile_sub_visual CSS
*
************************************************************/

@media all and (max-width:1100px) {

.company_subvisual {position: relative; width:100%; margin: 0 auto;  padding-top: 0px; background:url("../img/common/sub_visual.jpg") center center no-repeat; background-size: cover; height:214px;}
.business_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual2.jpg") center center no-repeat; background-size: cover; height:214px;}
.product_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual3.jpg") center center no-repeat; background-size: cover; height:214px;}
.ir_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual4.jpg") center center no-repeat; background-size: cover; height:214px;}
.customer_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual5.jpg") center center no-repeat; background-size: cover; height:214px;}
.jobinfo_subvisual {position: relative; width:100%; margin: 0 auto; padding-top: 94px; background:url("../img/common/sub_visual6.jpg") center center no-repeat; background-size: cover; height:214px;}
.esg_subvisual {position: relative; width:100%; margin: 0 auto;  padding-top: 0px; background:url("../img/common/sub_visual7.jpg") center center no-repeat; background-size: cover; height:214px;}

.visualTxt {position: absolute; left: 50%; top: 74%; align-content: center; justify-content: center; transform: translate(-50%);}
.sub_Tit_txt {font-weight: 700;font-size: 26px; text-align: center; color: #fff;}

}

/************************************************************


/************************************************************
*
* sub_layout CSS
*
************************************************************/
.sub_section {width:100%; margin: 0 auto; padding: 0px 0px; overflow-x:hidden;}
.sub_contents {width:1152px; overflow: hidden; margin: 0 auto;  padding: 100px 0px;}

.sub_left {float: left; width:228px; text-align: left; padding:0px 0px;}
.sub_left p {line-height: 32px; font-size: 26px; letter-spacing: -0.05em; color: #333;}
.sub_right {float: right; width:846px; margin:0 auto; margin-top: 5px;}

.sub_content{padding: 0px 0px 56px 0px;}
.sTit{text-align: center; font-size: 26px; color: #333; font-weight: 700;}
.tit_mline {width:1px; height: 65px; text-align: center; margin: 0 auto; margin-top: 26px; margin-bottom: 26px; background-color:#9eb435;}

.navi {position: relative; width: 100%; margin:0 auto; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc;}
.navi_Box {width: 1180px; margin:0 auto;}

.nav{overflow: hidden;}
.nav div.navHome {float:left; width: 62px; height:63px; font-size:16px; color:#555555; padding: 21px 0px 21px 4px; text-align: center; align-items:center;  border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;}
.nav div.navTit {float:left; height:63px; background:url("../img/common/selectBtn.png")no-repeat right 20px center; line-height:63px; border-right: solid 1px #e0e0e0; padding-left:11px; color:#555555; font-size:16px; cursor: pointer;}
.nav div.navTit a {color:#555555; font-size:16px;}

.navTit1 {width:210px;}
.navTit2 {width:210px;}
.navTit3 {width:210px;}

.subNav {width:100%; position:absolute; bottom:0;}
.subNavPosition {width:1126px; position: relative;}
.subNavPosition ul.subNavBox {position: absolute; top:0; border:1px solid #d7d7d7; border-bottom:0; background-color:#fff; display:none; z-index:100;}
.subNavPosition ul.subNavBox li {border-bottom:1px solid #d7d7d7;}
.subNavPosition ul.subNavBox li a div {padding:15px 0px; padding-left:10px; font-size:15px; color:#666;}
.subNavPosition ul.subNavBox li a div:hover {background-color:#eaf7ff; transition:0.3s;}

.subNavPosition ul#subNavBox01 {width:211px; left: 61px;}
.subNavPosition ul#subNavBox02 {width:211px; left: 271px;}
.subNavPosition ul#subNavBox03 {width: 211px; left: 481px;}


/*** product_nav ***/
.pro_nav{overflow: hidden;}
.pro_nav div.navHome {float:left; width: 62px; height:63px; font-size:16px; color:#555555; padding: 21px 0px 21px 4px; text-align: center; align-items:center;  border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;}
.pro_nav div.pro_navTit {float:left; height:63px; background:url("../img/common/selectBtn.png")no-repeat right 20px center; line-height:63px; border-right: solid 1px #e0e0e0; padding-left:11px; color:#555555; font-size:16px; cursor: pointer;}
.pro_nav div.pro_navTit a {color:#555555; font-size:16px;}

.pro_navTit1 {width:210px;}
.pro_navTit2 {width:210px;}
.pro_navTit3 {width:210px;}

.pro_subNav {width:100%; position:absolute; bottom:0;}
.pro_subNavPosition {width:1126px; position: relative;}
.pro_subNavPosition ul.pro_subNavBox {position: absolute; top:0; border:1px solid #d7d7d7; border-bottom:0; background-color:#fff; display:none; z-index:100;}
.pro_subNavPosition ul.pro_subNavBox li {border-bottom:1px solid #d7d7d7;}
.pro_subNavPosition ul.pro_subNavBox li a div {padding:15px 0px; padding-left:10px; font-size:15px; color:#666;}
.pro_subNavPosition ul.pro_subNavBox li a div:hover {background-color:#eaf7ff; transition:0.3s;}

.pro_subNavPosition ul#pro_subNavBox01 {width:211px; left: 61px;}
.pro_subNavPosition ul#pro_subNavBox02 {width:211px; left: 271px;}
.pro_subNavPosition ul#pro_subNavBox03 {width: 211px; left: 481px;}

/************************************************************


/************************************************************
*
* mobile_sub_layout CSS
*
************************************************************/

@media all and (max-width:1100px) {

.navi_Box {width: 100%; margin:0 auto;}

.nav{overflow: hidden;}
.nav div.navHome {display:none;}
.nav div.navTit {float:left; height:48px; background:url("../img/common/selectBtn.png")no-repeat right 20px center; line-height:48px; border-right: solid 1px #e0e0e0; padding-left:11px; color:#555555; font-size:16px; cursor: pointer;}
.nav div.navTit a {color:#555555; font-size:16px;}

.navTit1 {width:50%;}
.navTit2 {width:50%;}

.subNav {width:100%; position:absolute; bottom:0;}
.subNavPosition {width:100%; position: relative;}
.subNavPosition ul.subNavBox {position: absolute; top:0; border:1px solid #d7d7d7; border-bottom:0; background-color:#fff; display:none; z-index:100;}
.subNavPosition ul.subNavBox li {border-bottom:1px solid #d7d7d7;}
.subNavPosition ul.subNavBox li a div {padding:15px 0px; padding-left:10px; font-size:15px; color:#666;}
.subNavPosition ul.subNavBox li a div:hover {background-color:#eaf7ff; transition:0.3s;}

.subNavPosition ul#subNavBox01 {width:50%; left: 0%;}
.subNavPosition ul#subNavBox02 {width:50%; left: 50%;}


/*** product_nav ***/
.pro_nav{overflow: hidden;}
.pro_nav div.navHome {display:none;}
.pro_nav div.pro_navTit {float:left; height:48px; font-size: 14px; letter-spacing: -0.1em; background:url("../img/common/selectBtn.png")no-repeat right 20px center; line-height:48px; border-right: solid 1px #e0e0e0; padding-left:11px; color:#555555; cursor: pointer;}
.pro_nav div.pro_navTit a {color:#555555; font-size:16px;}

.pro_navTit1 {width:33%;}
.pro_navTit2 {width:33%;}
.pro_navTit3 {width:34%;}

.pro_subNav {width:100%; position:absolute; bottom:0;}
.pro_subNavPosition {width:100%; position: relative;}
.pro_subNavPosition ul.pro_subNavBox {position: absolute; top:0; border:1px solid #d7d7d7; border-bottom:0; background-color:#fff; display:none; z-index:100;}
.pro_subNavPosition ul.pro_subNavBox li {border-bottom:1px solid #d7d7d7;}
.pro_subNavPosition ul.pro_subNavBox li a div {padding:15px 0px; padding-left:10px; font-size:15px; color:#666;}
.pro_subNavPosition ul.pro_subNavBox li a div:hover {background-color:#eaf7ff; transition:0.3s;}

.pro_subNavPosition ul#pro_subNavBox01 {width:33%; left: 0%;}
.pro_subNavPosition ul#pro_subNavBox02 {width:33%; left: 33%;}
.pro_subNavPosition ul#pro_subNavBox03 {width: 34%; left: 66%;}

.sub_section {width:100%; margin: 0 auto; padding: 0px 0px; overflow-x: unset;}
.sub_contents {width:100%; overflow: hidden; margin: 0 auto;  padding: 60px 24px;}


}

/************************************************************