@charset "utf-8";


/************************ 커뮤니케이션 *****************/
#subpage_wrap .header {position: absolute; word-break: keep-all;}
.subcom_navwrap {width: 1200px; max-width: 100%; margin: 0 auto; word-break: keep-all;}
.subcom_navMob {display: none; word-break: keep-all;}

/***************** 게시판 *****************/
.communication_tabBox {padding-bottom: 100px;}
.communication_wrap {padding-bottom: 148px;}
.commuHeader {position: relative; background:  url(../img/sub-ban-04.jpg)no-repeat center/cover; width: 100%; height: 450px; color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.aboutUsheader.commuHeader {background:  url(../img/sub-ban-01.jpg)no-repeat center/cover;}
.Business_Introheader.commuHeader {background:  url(../img/sub-ban-02.jpg)no-repeat 100% 70%/cover;}
.sustainableheader.commuHeader {background:  url(../img/sub-ban-03.jpg)no-repeat center/cover;}
.relativeheader {position: relative; background: url("../img/sub-ban-05.jpg")no-repeat center/cover; width: 100%; height: 450px; color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}

.commuHeaderTxt {position: relative; top: 50%; text-align: center; transform: translateY(-50%); word-break: keep-all;}
.commuHeaderTxt > h2 {font-size: 4rem; padding-bottom: 10px; word-break: keep-all;}
.noticont_wrap a {color: #292929;}
.communication_navBox {display: flex; align-items: center; position: relative; top: -37px; width: 100%; height: 72px; text-align: center; background-color: #fff; border-radius: 3px; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2); word-break: keep-all;}
.communication_navli {display: flex; align-items: center; width: 100%; height: 100%;}
.sustainable_nabli {justify-content: center; word-break: keep-all;}
.communication_navli > li:hover {background-color: #0059a1; word-break: keep-all;}
.communication_navli > li:hover a {color: #fff;}
/*.communication_navli > li {width: 25%; height: 100%; cursor: pointer;}*/
.communication_navli > li {width: 33.34%; height: 100%; cursor: pointer; word-break: keep-all;}
.communication_navli > li.on {background-color: #0059a1;}
.communication_navli > li > a {position: relative; top: 35%;}
.communication_navli >li.on a {display: block; height: 100%; color: #fff;}
.SubhomBtn {width: 72px; height: 100%; line-height: 72px; background-color: #292929;}
.notiLIBox {width: 100%; padding-bottom: 40px; border-top: 1px solid #292929;}

/* 게시판 list */
.notiLIBox > li {height: 64px; border-bottom: 1px solid #cecece; word-break: keep-all;}
.notiLIBox > li > a {display: block; line-height: 64px;}
.notiBoard {display: flex; align-items: center; width: 100%;}
.notiBTxt {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notiBAllim {width: 10%; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 500; color: #00a7ab; word-break: keep-all;}
.notiBDate {flex: none; margin-left: auto; padding-right: 24px; color: #888;}

/* page Btn */
.pagination {justify-content: center;}
.page-item:not(:last-child) {margin-right: 16px;}
.page-item > a {color: #444;}
.page-link {border: none;}
.page-link:hover {z-index: 2; color: #00a7ab; text-decoration: none; background-color: #fff; border-color: transparent;;}
.page-link:focus {z-index: 2; outline: 0; box-shadow: none;}

/******************** 게시판 상세 ********************/
.notiDetailTit {padding: 72PX 0 40PX; text-align: center;}
.notiDetailTit > h3 {font-size: 2.5rem;}
.notiDetail_BOX {width: 100%; margin-bottom: 32px; border-top: 1px solid #292929;}
.notiDetail_subject {display: flex; justify-content: space-between; padding: 0 24px; height: 64px; line-height: 64px; border-bottom: 1px solid #cecece; background-color: #f5f5f5;}
.notiDetail_cont {padding: 40px 24px;border-bottom: 1px solid #e1e1e1;}
.backBtn {text-align: center;}
.backBtn > button {width: 180px; height: 56px; border-radius: 3px; background-color: #292929; color: #fff;}


/******************** 재무정보 ********************/

/* 테이블  */
.tgTit {padding-bottom: 16px; font-size: 1.5rem;}
.tgTit2 {padding-bottom: 16px; font-size: 1rem; color:#666; word-break: keep-all;}
.finInfo_tg1 {padding-bottom: 48px;}
.statusTB {width: 100%; border-top: 2px solid #292929; text-align: center; font-weight: normal; word-break: keep-all;}
.statusTB_th {height: 78px; /*line-height: 78px;*/ border-bottom: 1px solid #292929;}
.statusTB_th > th {width: 25%;}
.statusTB_td {height: 64px; line-height: 64px; border-bottom: 1px solid #cecece;}
.statusTB_td td:first-child {padding-left: 24px; text-align: left;}

/******************** 주가정보 ********************/
.stockchartBox img {width: 100%;}
.stockchartBox {width: 840px; height: auto; max-width: 100%; margin: 0 auto 68px; /*background-color: #f5f5f5; */ text-align: center; line-height: 370px; font-size: 1.5rem; word-break: keep-all;}
.stockinfo_area {padding-bottom: 32px; word-break: keep-all;}
.stockinfo_area > p {padding-bottom: 8px; font-size: 0.875rem; font-weight: normal; text-align: right; color: #888; word-break: keep-all;}
.stockinfoBox {display: flex; flex-wrap: wrap; align-items: center; word-break: keep-all;}
.stockinfoBox > li {width: 25%; padding: 32px 0 44px; text-align: center; border: 1px solid #cecece; word-break: keep-all;}
.stockinfoBox li:first-child {padding: 32px 0;}
.stockinfoTit {color: #888; word-break: keep-all;}
.stockinfoVal {font-size: 1.5rem;}
.stockinfoBox li:first-child .stockinfoVal {font-size: 2rem;font-weight: bold;}
.stocktable_wrap {display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid #292929; text-align: center;}
.stocktableUL {width: 50%; word-break: keep-all;}
.stocktableUL > li {display: flex; border-bottom: 1px solid #cecece;}
.stocktableUL > li >span {width: 50%; padding: 17px 0 23px;}
.stocktableUL > li >span:first-child {background-color: #f5f5f5;}

/******************** 인재채용 ********************/
.ContactBox {display: none;}
.talentBox > h3, .reProcessBox> h3, .Welfare_wrap >h3, .question_wrap >h3, .ContactBox >h3 {font-size: 2rem; font-weight: 500; word-break: keep-all;}
.talentImg {padding: 56px 0 80px; text-align: center;}
.talentImgLi {display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; padding: 40px 0 40px 40px; width: 80%; margin: 24px auto 0; border-radius: 13px;}
.talentImgLi > li {position: relative; width: 148px; height: 148px; padding: 40px 0; border-radius: 50%; background-color: #00a7ab; color: #fff;}
.talentImgLi.talentImgLiEng > li:nth-child(2) {right: 10px; background-color: #0059a1; z-index: 2;}
.talentImgLi.talentImgLiEng > li:nth-child(3) {right: 20px; z-index: 3;}
.talentImgLi > li:nth-child(2) {right: 20px; background-color: #0059a1; z-index: 2;}
.talentImgLi > li:nth-child(3) {right: 40px; z-index: 3;}
.talentImgLi_TK {padding-bottom: 5px; font-size: 1.5rem; font-weight: 500;}
.talentImgLi_TK.talentImgLi_TKEng {line-height: 3.5; font-size: 1.2rem;}
.talentImgLi_TE {font-family: 'Roboto', sans-serif; font-size: .875rem; opacity: 0.7;}
.talentTxtBox {display: flex; width: 100%; padding-bottom: 80px;}
.talentTxtBox > li {width: 33.33%;}
.talentTxtBox > li:not(:last-child) {margin-right: 24px;}
.fastepicon {position: absolute; right: 13%; top: 25%; font-size: 2rem; color: #cecece;}
.talentTxt_Tit {padding-bottom: 14px; font-size: 1.5rem; border-bottom: 2px solid #292929;}
.talentTxt_Ex {padding-top: 24px;}
.reProcess_wrap {width: 100%; padding: 64px 0; background-color: #f9f9f9;}
.reProcess_stepBox {display: flex; justify-content: center; padding-top: 56px;}
.reProcess_stepBox > li {position: relative; text-align: center;}
.reProcess_stepBox > li:not(:last-child) {padding-right: 72px;}

.reProcess_stepicon {width: 140px; height: 140px; padding-top: 34px; margin: 0 auto; border: 1px solid #cecece; border-radius: 50%; background-color: #fff; word-break: keep-all;}
.reP_stepNum {padding:24px 0 4px; font-family: 'Roboto', sans-serif; font-weight: 500; color: #00a7ab;}
.rep_stepTxt {font-size: 1.25rem;}
.Welfare_wrap {padding: 80px 0;}
.workConvenienceBox {padding: 56px 0 55px;}
.workConvenienceBox > p {margin-bottom: 24px; padding-bottom: 16px; font-size: 1.25rem; font-weight: 500; border-bottom: 2px solid #292929;}
.workConveniencLI > li {padding-bottom: 16px; list-style: inside;}
.workConveniencLI > li > span {font-weight: 500;}
.workIcon_Box {display: flex; flex-wrap: wrap;}
/*.workIcon_Box > li {display: flex; width: 32%; padding: 24px; border: 1px solid #cecece; margin-top: 24px;}*/
.workIcon_Box > li {display: flex; width: 48%; padding: 24px; border: 1px solid #cecece; margin-top: 24px;}
/* .workIcon_Box > li:not(:nth-child(3)) {margin-right: 24px;} */
.workIcon_Box > li:not(:nth-child(2)) {margin-right: 24px;}
.workIcon_Tit {padding-right: 24px;}
.workIcon_Tit > p {padding-bottom: 39px; font-size: 1.25rem; font-weight: 500; white-space: nowrap;}
.workIcon_benefit > p {padding-bottom: 12px;}

.questionBox {width: 100%; margin-top: 56px; padding: 24px 32px; background-color: #00a7ab; border-radius: 5px; font-family: 'Roboto', sans-serif; color: #fff;}
.questionBox > span {padding-right: 24px; font-family: 'Noto Sans KR', sans-serif;}

/* 범한인재상 */
.recuitPersonBox {width:80%; height:auto; padding:80px 0; margin:0 auto; text-align:center;}
.row-recuitPerson {margin: 0 auto;}
.row-recuitPerson:after {content: ""; display: table; clear: both;}
.column-recuitPersonTop {float: left; width: 100%; padding: 0;}
.column-recuitPerson {float: left; width: 33%; padding: 0 10px; margin:50px auto; text-align:center; word-break: keep-all;}
.card-ritpers01 {float:left; padding: 25px 35px; text-align: center; background-color: #199ea3; margin:0 auto; height:230px;}
.card-ritpers01 {padding: 25px 35px; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.card-ritpers01:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.card-ritpers01:hover {color: #fff;}
.card-ritpers01:hover:after {width: 100%; z-index: -1;}

.card-ritpers02 {padding: 25px 35px; text-align: center; background-color: #13569a; margin:0 auto; height:230px;}
.card-ritpers02 {padding: 25px 35px; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.card-ritpers02:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.card-ritpers02:hover {color: #fff;}
.card-ritpers02:hover:after {width: 100%; z-index: -1;}

.card-ritpers03 {padding: 25px 35px; text-align: center; background-color: #41b135; margin:0 auto; height:230px;}
.card-ritpers03 {padding: 25px 35px; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.card-ritpers03:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.card-ritpers03:hover {color: #fff;}
.card-ritpers03:hover:after {width: 100%; z-index: -1;}

.talentTxt_Titn {text-align:center; font-size: 1.5rem; color:#fff; font-weight:500; word-break: keep-all;}
.talentLine {margin:0 auto; text-align:center; padding-bottom:15px; border-bottom: 1px solid #fff; word-break: keep-all;}
.talentTxtSub {text-align:center; font-size: 1rem; color:#fff; padding-top:15px; word-break: keep-all;}


@media screen and (max-width: 769px) {
.recuitPersonBox {width:100%; height:auto;}
.column-recuitPerson {width: 100%; height:auto; display: block; margin:10px auto;}
.column-recuitPersonTop img {width: 100%; height:auto; padding: 0; margin:0 auto;}
.card-ritpers01 {height:auto;}
.card-ritpers02 {height:auto;}
.card-ritpers03 {height:auto;}
}



/******************** 관계사 ********************/
.relativeCompanyBox {width:100%; height:auto; padding:80px 0 50px 0; margin:0 auto; text-align:center; word-break: keep-all;}
.row-relativeCom {margin: 0 auto;}
.row-relativeCom:after {content: ""; display: table; clear: both;}
.column-relativeCom {float: left; position: relative; width: 25%; padding: 0;}
.card-relativeCom {padding: 0; text-align: center; background-color: #fff; word-break: keep-all;}
.card-relativeCom img {display: block; width:250px; height:auto;}
.overlaybg {position: absolute; bottom: 0; left: 0; right: 0; background-color: #008CBA; opacity:0.3; overflow: hidden; width: 0; height: 100%; transition: .2s ease;}
.card-relativeCom:hover .overlaybg {width: 250px;}


@media screen and (max-width: 769px) {
  .column-relativeCom {width: 100%; display: block; margin:0 auto 20px auto;}
  .card-relativeCom img {width:300px; height:auto; margin:0 auto;}
  .card-relativeCom:hover .overlaybg {display:none;}
}




/******************** Contact Us ********************/
.contact_wrap .questionBox {background-color: #0059a1;}


/******************** 회사소개 ********************/

/* ceo 인사말  */
.CEOGreetings_contTop {display: flex; justify-content: space-between; padding-bottom: 40px;}
.CEOGreetings_contTopimg {width: 100%; background: url("../img/img-about-ceo.png")no-repeat center/cover; margin-right: 30px;}
.CEOGreetings_contBottom {display: flex; align-items: center; justify-content: end;}
.CEOGreetings_contBottom > p {padding-right: 16px; color: #888;}

/* Mission & Vision */
.MandV_Cont .missionTitBox li > h4, .MandV_Cont .missionTitBox li > p {color: #292929;}


/* 주요연혁  */
.subhistory_box > ul {position: relative; width: 100%;}
.subhistory_box > ul:before {content: " ";  display: block; position: absolute; left: 50%; margin-left: -2px; padding: 20px 0; width: 8px; height: 100%; background-color: #d8d8d8;}
.subhistory_box > ul > li {position: relative; margin-bottom:20px; width: 38%; text-align: right;}
.subhistory_box > ul > li:before {content: " "; display: block; position: absolute; top: -4px; right: -40%; width: 75px; height: 38px; background-image: url("../img/icon-circle.svg"); background-size: 78px 38px;}
.subhistory_box > ul > li:nth-child(odd) {width: 100%; padding-left: 62%; text-align: left;} 
.subhistory_box > ul > li:nth-child(odd):before {transform: rotate(180deg); left: 47%; right: auto;} 

.verti-timeline .event-list > h5 {position: relative; padding-bottom: 24px; font-size: 3rem; font-weight: bold; font-family: 'Roboto', sans-serif;}
.verti-timeline .event-list:nth-child(odd) > h5::before {content: ""; position: absolute; width: 100px; top: 20%; left: -26%; border: 1px dashed #979797;}
.verti-timeline .event-list:nth-child(even) > h5::before {content: ""; position: absolute; width: 100px; top: 20%; right: -26%; border: 1px dashed #979797;}

.event-list:nth-child(even) .text-muted > li::before {content: "•"; color: #444; padding-right: 12px;}
.event-list:nth-child(odd) .text-muted > li::before {content: "•"; color: #444; padding-right: 12px;}
.text-muted > li {color: #292929 !important; padding-bottom: 8px; letter-spacing:-0.5px;}

/* 연혁 스크롤 up 추가 */
.event-list {transition: transform 0.5s, opacity 1s;}


/**************** 사업장소개 ****************/
.BusinessIntro_cont {position: relative;}
.BusinessIntro_box {display: flex; justify-content: space-between;}
.BusinessIntro_img {position: relative; width: 100%; top: 0; left: 36%;}
.BusinessIntro_img > img {width: 570px;}
.BusinessIntro_location1, .BusinessIntro_location2 {position: absolute; border-radius: 5px; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.15); border: solid 1px #444;}
.BusinessIntro_location1 > img, .BusinessIntro_location2>img {padding: 16px;}
.BusinessIntro_infoTxt {padding: 0 24px 8px;}
.BusinessIntro_locaTit {display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px;}
.BusinessIntro_location2 {bottom: 40px; left: 0;}
.BusinessIntro_location1 {top: 40px; right: 0;}
.BusinessIntro_location1 .BusinessIntro_locaTit > p {color: #0059a1;}
.BusinessIntro_location2 .BusinessIntro_locaTit > p {color: #00a7ab;}
.BusinessIntro_locaTit > p {font-size: 1.25rem;font-weight: 500;}
.BusinessIntro_locaTit > a {padding: 4px 8px; border-radius: 3px; border: solid 1px #888; font-size: 0.875rem; font-weight: 500; color:#888; white-space: nowrap; cursor: pointer;}
.BusinessIntro_locaTit > a:hover {padding: 4px 8px; border-radius: 3px; border: solid 1px #437ddc; font-size: 0.875rem; font-weight: 500; color:#fff; white-space: nowrap; cursor: pointer; background-color:#437ddc;}
.BusinessIntro_info li {padding-bottom: 16px; font-size: 0.875rem; color: #888;}
.BusinessIntro_info li >span {padding-right: 8px; color: #292929;}

/********* 범안기술원 *********/
.SubTechnology_cont {display: flex;}
.SubTechnology_infobox {width: 100%; padding-left: 40px;}
.SubTechnology_top {padding-bottom: 18px; border-bottom: 1px solid #292929;}
.SubTechnology_top > li {display: flex; align-items: center;}
.SubTechnology_top > li:first-child {padding-bottom: 24px;}
.SubTechnology_top > li > i {padding-right: 16px; color: #888;}
.SubTechnology_top > li > span {margin-left: auto;}
.SubTechnology_bottom > p {padding: 24px 0 16px; font-weight: 500;}
.SubTechnology_bottomOl > li {padding-bottom: 16px;}
.SubTechnology_bottomOl > li > span {padding: 10px 0 0 18px; color: #888;}
.SubTitleAdd1 {font-size:1.5rem; color:#0059a1; font-weight:bold;}


/********************* 사업소개 *********************/
.fuelcell_nav, .sustainable_nav {display: flex; align-items: center; width: 100%; height: 52px; line-height: 52px; margin-bottom: 40px; text-align: center;}
.sustainable_nav .pc {display: block;}
.sustainable_nav .mob {display: none;}
.fuelcell_nav > li:hover ,.sustainable_nav > li:hover {background-color: #00a7ab;}
.fuelcell_nav > li:hover a, .sustainable_nav > li:hover a {color: #fff;}
.sustainable_nav > li {width: 50%; height: 100%; border: 1px solid #cecece; cursor: pointer;}
.fuelcell_nav > li {width: 25%; height: 100%; border: 1px solid #cecece; cursor: pointer;}
.fuelcell_nav > li.on ,.sustainable_nav > li.on {background-color: #00a7ab;}
.fuelcell_nav > li > a , .sustainable_nav >li > a {display: block; position: relative; color: #444;}
.fuelcell_nav >li.on a , .sustainable_nav > li.on a {display: block; height: 100%; color: #fff;}

/* 사업영역 */
.Businessarea_Tit {text-align: center; padding-bottom: 72px;}
.Businessarea_Tit > p {display: inline-block; padding: 0 40px; font-weight: 500; font-size: 2.5rem;}
.Businessarea_imgli > li {position: relative; margin-bottom: 40px;}
.Businessarea_imgli > li > img {max-width: 100%;}
.Businessarea_imgli > li > p {position: absolute; bottom: 33px; left: 24px; font-weight: bold; color: #fff; text-shadow: 0 0 3px black;}
.Businessarea_imgli > li > p::after {content: ""; position: absolute; bottom: -8px; left: 0; width: 164px; height: 1px; background-color: #fff; box-shadow: 0 0 3px black;}
.Businessarea_cont {display: flex; justify-content: space-between;}
.Businessarea_imgR {margin-left: 24px;}

/* tab 잠수함 */
.subFlexWrap {display: flex;}
.submarine_vidiowrap {width: 70%; /*height: 455px;*/ height: 407px;}

/* 잠수함 이미지 링크 추가 */
.submarine_vidiowrap {position: relative;}
.image {display: block; width: 100%; height:407px;}
.overlay {position: absolute; bottom: 0; left: 0; right: 0; background-color: #617a97; overflow: hidden; width: 0; height: 100%; transition: .5s ease; opacity: 0.2;}
.submarine_vidiowrap:hover .overlay {width: 100%;}
.text-block {position: absolute; bottom: 25%; right: 10%; padding-left: 20px; padding-right: 20px; color: #fff;}
.text-block button {color: #fff;}
.MovieButton {padding: 10px 20px; font-size: 10pt; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: #304d70; border: 1px solid #fff;}
.MovieButton:hover {background-color: none;}
.MovieButton:active {background-color: none; transform: translateY(4px);}
/* over */
.text-block2 {position: absolute; bottom: 25%; right: 10%; padding-left: 20px; padding-right: 20px; color: #fff;}
.text-block2 button {color: #fff;}
.MovieButton2 {padding: 10px 20px; font-size: 10pt; text-align: center; cursor: pointer; outline: none; color: #fff; opacity: 0.1; background-color: #304d70; border: 1px solid #fff;}
.MovieButton2:hover {background-color: none;}
.MovieButton2:active {background-color: none; transform: translateY(4px);}

.ComsubmerTxt {margin-left: 32px;}
.ComsubmerTxt > p {padding-bottom: 24px; font-size: 1.25rem; font-weight: bold;}
.ComsubmerTxt > ol > li {list-style-type: disc; margin-left: 20px;}
.ComsubmerTxt > ol > li:not(:last-child) {padding-bottom: 16px;}

.Partnership_li .ComsubmerTxt {width: 50%;}
.main_PowercellImg {position: relative;}
.main_PowercellImg > img {width: 100%;}
.main_PowercellImg > p {position: absolute; font-size: 1.25rem; font-weight: 500; bottom: 24px; left: 24px; display: none;}

.PowercellImgClick {display: flex;}
.PowercellImgClick > div {width: 24%; margin:24px 15px 0 0;}
.PowercellImgClick > div > img {width: 100%; cursor: pointer; opacity: 0.6;}
.PowercellImgClick > div img:hover {display: block; width: 100%; cursor: pointer; opacity: 1;}
.PowercellImgClick > div > p {padding-top: 8px; font-size: .875rem;text-align: center;}


/* 사업영억 추가 */
.bizContainer img {vertical-align: middle;}
.bizContainer {position: relative;}
.bizSlides {display: none;}
.bizContainer .cursor {cursor: pointer;}
.bizContainer .prev, .bizContainer .next {cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -50px; color: #fff; font-weight: 300; font-size: 40pt; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none;}
.bizContainer .next {right: 0; border-radius: 3px 0 0 3px; color:#fff;}
.bizContainer .prev:hover, .next:hover {background-color:#fff; color:#fff;}
/* Number text (1/3 etc) */
.numbertext {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
/* Container for image text */
.bizCaption-bizContainer {text-align: center; background-color: #222; font-size:16pt; font-weight:300; padding: 30px 30px; color: white;}
.rowBiz:after {content: ""; display: table; clear: both;}
.columnBiz {float: left; width: 16.66%;}
.bizDemo {opacity: 0.6;}
.bizDemo .active, .bizDemo:hover {opacity: 1;}

/* 수소충전소 추가 */
.hrsContainer img {vertical-align: middle;}
.hrsContainer {position: relative; text-align:center; margin:0 auto; width: 100%;}
.hrsSlides {display: none;}
.hrsContainer .cursor {cursor: pointer;}
.hrsContainer .prev, .hrsContainer .next {cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -50px; color: #fff; font-weight: 300; font-size: 40pt; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none;}
.hrsContainer .next {right: 0; border-radius: 3px 0 0 3px; color:#fff;}
.hrsContainer .prev:hover, .next:hover {background-color:#fff; color:#fff;}
/* Number text (1/3 etc) */
.numbertext2 {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
/* Container for image text */
.hrsCaption-hrsContainer {text-align: center; background-color: #222; font-size:16pt; font-weight:300; padding: 20px 30px; color: white;}
.rowHrs:after {content: ""; display: table; clear: both;}
.columnHrs {float: left; width: 25%;}
.hrsDemo {opacity: 0.6;}
.hrsDemo .active, .hrsDemo:hover {opacity: 1;}


.ShipImg_area {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 24px;}
.ShipImg_area > img {width: 32.5%; margin-bottom: 16px;}
.shipVideo {width: 70%; height: auto; border: 1px solid #292929;}
video {max-width: 100%; display: block;}
.submarineBottom_wrap {display: flex; justify-content: space-between; padding-top: 50px; margin-bottom:30px;}
.submarineBottomTiT {padding: 8px 0 4px;}
.submarineBottom_date {font-size: 0.875rem; color: #888;}

/* 추가 */
.biga img {transition: all 0.2s linear;}
.biga:hover img {transform: scale(1.4);}
.biga {width: 100%; margin: 0px auto; overflow: hidden;}


/* 수소 충전소 */
.hydrogenRefueling_img {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1rem;}
.hydrogenRefueling_img > li {position: relative; padding-bottom: 40px;}
.hydrogenRefueling_img > li > img {width: 100%;}
.hydrogenRefueling_img > li p {position: absolute; bottom: 15%; left: 3%; font-size: 1.25rem; font-weight: 500; color: #fff; z-index: 9;}
.hydrogenRefueling_img > li::after {content: ""; position: absolute; width: 100%; height: 17%; bottom: 40px; left: 0; background-color: #000; opacity: .5;}
.hydrogentxt.ComsubmerTxt > ol > li {margin-left: 0;}

/* 수소압축기  */
.picBox {width: 100%; margin-bottom: 72px;}
.picBox > img {width: 100%; margin-bottom: 24px;}
.picBox .picbtn {display: flex;}
.picBox .picbtn > div {width: 33%; margin-right: 16px;}
.picBox .picbtn > div:last-child {margin-right: 0;}
.picBox .picbtn > div img {display: block; width: 100%; cursor: pointer; opacity: 0.6;}
.picBox .picbtn > div img:hover {display: block; width: 100%; cursor: pointer; opacity: 1;}
.hydroComTable .tg {width: 100%; text-align: center;}
.hydrogencCompressor_swiper > p {padding-bottom: 32px;}
.hydrogencCompressor_swiper > p::before {content: "•"; color: #444; padding-right: 12px;}
.hydroComTgPC {border-top: 2px solid #292929;}
.hydroComTgPC thead {border-bottom: 1px solid #292929;}
.hydroComTgPC thead th {padding: 27px 0; font-weight: normal;}
.rowspantrtsize > td {font-size: 0.875rem;}
.hydroComTgPC > tbody tr {border-bottom: 1px solid #cecece;}
.hydroComTgPC > tbody tr > td {height: 72px; border-left: 1px solid #cecece;}
.hydroComTgPC > tbody tr > th {padding-left: 24px;}
.hydroComTgPC > tbody tr.rowspantr > td {height: 36px;}

/* 모바일 테이블 */
.hydroComTgMob {display: none;}
.hydroComTgMob table thead th {padding: 27px 0; border-top: 2px solid #292929; border-bottom: 1px solid #292929;}
.hydroComTgMob table tbody th {width: 40%; height: 72px; padding-left: 24px; border-right: 1px solid #cecece; text-align: left;}
.hydroComTgMob table tbody tr {border-bottom: 1px solid #cecece;}
.hydroComTgMob >li {padding-bottom: 32px;}


/* 인증 및 수상  */
.Awards_cont {display: flex; flex-wrap: wrap; justify-content: space-between; word-break: keep-all;}
.Awards_cont > li {margin-bottom: 40px;word-break: keep-all;}
.Awards_cont > li > img {width: 100%; border: 1px solid #dadada; border-radius: 3px;}

/**************** 지속가능 경영  ****************/
.sustainable_comtxt {padding-bottom: 64px; text-align: center; color: #888; word-break: keep-all;}
.sustainable_conBox {display: flex; word-break: keep-all;}
.sustainable_tabTxt {position: relative; margin-left: 32px; word-break: keep-all;}
.sustainable_abbreviation {padding-top: 16px; border-top: 1px solid #292929; word-break: keep-all;}
.sustainableimgbox {position: absolute; bottom: 0; word-break: keep-all;}
.sustainableimgbox > img {width: 32%; cursor: pointer; opacity: 0.6;}
.sustainableimgbox > img:hover {width: 32%; cursor: pointer; opacity: 1;}

.environment_Tit {text-align: center; word-break: keep-all;}
.environment_Txt {font-size: 3.125rem; word-break: keep-all;}
.environment_Txt2 {font-size: 1.5rem; word-break: keep-all;}
.environment_Txt22 {font-size: 1.5rem; display:block; word-break: keep-all;}
.environment_Txt23 {font-size: 1.125rem; display:none; word-break: keep-all;}
.environment_contImg {position: relative; word-break: keep-all;}
.environment_contImg > img {width: 100%; height: auto; word-break: keep-all;}
.environment_li > li {display: flex; align-items: center; justify-content: space-between; height: 177px; border-bottom: 1px solid #cecece; word-break: keep-all;}
.environment_li {padding-bottom: 112px; word-break: keep-all;}
.environment_li > li > span {width: calc(100% - 330px); word-break: keep-all;}
.environment_litit {font-size: 1.5rem; font-weight: bold; word-break: keep-all;}

/*  아래 배경  */
.environment_contImg > .bimg {height: 253px; word-break: keep-all;}
.environment_contImg > p {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 1.5rem; color: #fff; text-align: center; word-break: keep-all;}
.environment_contTXT {padding: 40px 0; border-bottom: 1px solid #cecece; word-break: keep-all;}
.environment_contTXT > li:not(:last-child) {padding-bottom: 24px; word-break: keep-all;}

/* 주요활동  */
.Main_Activities > h3 {padding:48px 0 44px 0; font-size: 1.5rem;}
.Main_ActivitiesBox {padding-bottom: 32px;}
.Main_ActivitiesBox > div {display: flex; justify-content: space-between;}
.Main_ActivitiesBox > p {padding-bottom: 12px;}


/* 환경경영 배너 4개 */
.environmentBox {width:80%; height:auto; padding:80px 0; margin:0 auto; text-align:center; word-break: keep-all;}
.row-environment {margin: 20px auto; word-break: keep-all;}
.row-environment:after {content: ""; display: table; clear: both;}
.column-environment {float: left; width: 50%; height:auto; padding: 0 10px; margin:0 auto; text-align:center; word-break: keep-all;}
.card-environment01 {float:left; padding: 25px 50px; text-align: center; background-color: #199ea3; margin:0 auto; height:280px;}
.card-environment01 {padding: 25px 50px; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.card-environment01:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.card-environment01:hover {color: #fff;}
.card-environment01:hover:after {width: 100%; z-index: -1;}

.card-environment02 {padding: 25px 50px; text-align: center; background-color: #13569a; margin:0 auto; height:280px;}
.card-environment02 {padding: 25px 50px; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.card-environment02:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.card-environment02:hover {color: #fff;}
.card-environment02:hover:after {width: 100%; z-index: -1;}

.card-environment03 {padding: 25px 50px; text-align: center; background-color: #41b135; margin:0 auto; height:280px;}
.card-environment03 {padding: 25px 50px; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.card-environment03:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.card-environment03:hover {color: #fff;}
.card-environment03:hover:after {width: 100%; z-index: -1;}

.card-environment04 {padding: 25px 50px; text-align: center; background-color: #3bbcdc; margin:0 auto; height:280px;}
.card-environment04 {padding: 25px 50px; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.card-environment04:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.card-environment04:hover {color: #fff;}
.card-environment04:hover:after {width: 100%; z-index: -1;}

.envcmTxt_Titn {text-align:center; font-size: 1.5rem; color:#fff; font-weight:500; word-break: keep-all;}
.envcmLine {margin:0 auto; text-align:center; padding-bottom:15px; border-bottom: 1px solid #fff; word-break: keep-all;}
.envcmTxtSub {text-align:center; font-size: 1rem; color:#fff; padding-top:15px; word-break: keep-all;}


@media screen and (max-width: 769px) {
.environmentBox {width:100%; height:auto;}
.row-environment {margin: 0 auto;}
.column-environment {width: 100%; height:auto; display: block; margin:10px auto;}
.card-environment01 {width: 100%; height:auto; padding: 20px 20px;}
.card-environment02 {width: 100%; height:auto; padding: 20px 20px;}
.card-environment03 {width: 100%; height:auto; padding: 20px 20px;}
.card-environment04 {width: 100%; height:auto; padding: 20px 20px;}
.environment_Txt22 {display:none;}
.environment_Txt23 {display:block; font-size: 1.125rem;}
}

.comtit_box > p {word-break: keep-all;}

/* 투명한 지배구조 */
.row-wholebox:after {content: ""; display: table; clear: both;}
.column-left-box {float: left; width: 26%; padding: 0; height: auto; word-break: keep-all;}
.column-mid-box {float: left; width: 11%; padding: 0; height: auto; word-break: keep-all;}
.column-right-box {float: right; width: 63%; padding: 0; height: auto; line-height:150%; margin:60px auto 0; word-break: keep-all;}
.card-box-left {width:100%; background-color:#fff; border:2px solid #0898e3; border-radius:30px; font-size:13pt; font-weight:normal; color:#333; padding:20px; margin-bottom:10px;}
.card-mid-arrow {text-align:center; font-size:10rem; color:#b8c2c9; line-height:130%; vertical-align:middle; word-break: keep-all;}

/* 화살표 추가 */
.goRarrow {border: solid gray; border-width: 0 3px 3px 0; display: inline-block; padding: 30px;}
.goAright {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.goAdown {transform: rotate(45deg); -webkit-transform: rotate(45deg);}

/* 라운드박스 */
.row-roundbox {margin:0 auto 0 10px;}
.row-roundbox:after {content: ""; display: table; clear: both;}
.column-roundL {overflow:hidden;}
.column-roundL {letter-spacing: -1px; width: 300px; margin: 0 auto; background: #3165dd; text-align: center; color: #ffffff; padding: 90px 0; display: block;}
.column-roundL {border: 1px solid #ffffff; padding: 2% 14%; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.column-roundL:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.column-roundL:hover {color: #fff;}
.column-roundL:hover:after {width: 100%; z-index: -1;}

.column-roundM {overflow:hidden;}
.column-roundM {letter-spacing: -1px; width: 200px; margin: 0 auto; background: #3165dd; text-align: center; color: #ffffff; padding: 90px 0; display: block;}
.column-roundM {border: 1px solid #ffffff; padding: 2% 14%; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.column-roundM:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.column-roundM:hover {color: #fff;}
.column-roundM:hover:after {width: 100%; z-index: -1;}

.column-roundR {overflow:hidden;}
.column-roundR {letter-spacing: -1px; width: 200px; margin: 0 auto; background: #3165dd; text-align: center; color: #ffffff; padding: 90px 0; display: block;}
.column-roundR {border: 1px solid #ffffff; padding: 2% 14%; position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.column-roundR:after {content: "";  width: 0%; height: 100%; top: 0; position: absolute; left: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: #000; opacity: 0.3;}
.column-roundR:hover {color: #fff;}
.column-roundR:hover:after {width: 100%; z-index: -1;}

.column-roundL {width:200px; float: left; padding: 85px 20px 85px 20px; height: auto; border-radius:50%; background-color:#199ea3; font-size:18pt; font-weight:400; color:#fff; margin:30px 0 30px 10px; vertical-align:middle;}
.column-roundM {width:200px; float: left; padding: 85px 20px 85px 20px; height: auto; border-radius:50%; background-color:#13569a; font-size:18pt; font-weight:400; color:#fff; margin:30px 0 30px 10px; vertical-align:middle;}
.column-roundR {width:200px; float: left; padding: 85px 20px 85px 20px; height: auto; border-radius:50%; background-color:#41b135; font-size:18pt; font-weight:400; color:#fff; margin:30px 0 30px 10px; vertical-align:middle;}

.organize-directors {text-align:left; margin:100px 0 15px 0;}


/* 이사회 구성 테이블 */
.tbl-organizeBoard {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; border:none; border-top:2px solid #444; word-break: keep-all;}
.tbl-organizeBoard th {padding:10px 0; border:none; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#f8f8f8; text-align:center; font-size:10pt; font-weight:bold; color:#444;}
.tbl-organizeBoard td {padding:10px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-size:10pt; font-weight:400; color:#666;}
.tbl-organizeBoard th:last-child {border-right:none;}
.tbl-organizeBoard td:last-child {border-right:none;}
.tbl-organizeBoard colgroup .colbbsw01 {width:15%;}
.tbl-organizeBoard colgroup .colbbsw02 {width:15%;}
.tbl-organizeBoard colgroup .colbbsw03 {width:15%;}
.tbl-organizeBoard colgroup .colbbsw04 {width:40%;}
.tbl-organizeBoard colgroup .colbbsw05 {width:15%;}

/* css 메인 animation */
.divImg {animation-duration: 3s; animation-name: slidein;}
@keyframes slidein {
from {margin-left: 100%; width: 100%;}
to {margin-left: 0%; width: 100%;}
}

/* 인재채용 범한 인재상 */ 
.pcView {display:block; margin-top:50px;}
.mobileView {display:none;}
.pcAddView {display:block; text-align:center; margin:50px auto;}
.mobileAddView {display:none;}


/* media */
@media all and (max-width:992px){
/***** 인재채용 범한 인재상 *****/ 
.pcView {display:none;}
.mobileView {display:block; margin-top:50px;}
.pcView {display:none;}
.mobileView {display:block; margin-top:50px; text-align:center;}
.pcAddView {display:none;}
.mobileAddView {display:block; text-align:center; margin:0 auto 120px auto;}
.mobileAddView img {width:100%; height:auto;}

/* 투명한 구조 */
.column-left-box {width: 100%;}
.column-mid-box {width: 100%; /*display:none;*/ height:30%; margin-top:-80px; margin-bottom:-100px;}
.column-right-box {width: 100%;}
.column-roundL {width:100%; margin:0 auto 10px auto; padding: 20px 10px 20px 10px; border-radius:45px;}
.column-roundM {width:100%; margin:0 auto 10px auto; padding: 20px 10px 20px 10px; border-radius:45px;}
.column-roundR {width:100%; margin:0 auto 10px auto; padding: 20px 10px 20px 10px; border-radius:45px;}
.card-mid-arrow {line-height:80%;}

/* 이사회구성테이블 */
.tbl-organizeBoard {border-top:2px solid #444; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.tbl-organizeBoard,
.tbl-organizeBoard thead,
.tbl-organizeBoard tbody,
.tbl-organizeBoard tr,
.tbl-organizeBoard th,
.tbl-organizeBoard td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
.tbl-organizeBoard thead tr {position:absolute;left:-9999px;top:-9999px}/* thead의 tr을 화면밖으로 날림 */
.tbl-organizeBoard tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
.tbl-organizeBoard td {position:relative;float:left;width:100%;padding-left:25%;box-sizing:border-box;text-align:left;border-right:none;}/* td내용 우측에 타이틀 들어갈 영역 만듬 */
.tbl-organizeBoard td:before {position:absolute;left:10px;top:10px;font-weight:bold;border-right:none;}
.tbl-organizeBoard .compo:before {content:"직급"}/* 가상선택자로 텍스트 생성-스크립트로 동적으로 가능함 */
.tbl-organizeBoard .name:before {content:"성명"}
.tbl-organizeBoard .date:before {content:"선임일"}
.tbl-organizeBoard .subject:before {content:"경력"}
.tbl-organizeBoard .etc:before {content:"비고"}
.tbl-organizeBoard .compo {border-top:2px solid #666}
}



/**************** media ****************/
@media (max-width:1025px) {
.wrap1200 {max-width: 95%;}
.workIcon_Box > li:nth-child(3) {margin-right: 24px;}
.workIcon_Box > li:nth-child(2) {margin-right: 0;}
.workIcon_Box > li:nth-child(4) {margin-right: 0;}
.workIcon_Box > li {width: 48%;}

/************** 사업소개 **************/
.subFlexWrap {display: block;}
.submarine_vidiowrap {width: 100%; height: auto;}
.ComsubmerTxt {margin-left: 0; margin-top: 24px;}
.subFlexWrap > img {width: 100%;}
.hydrogenRefueling_img > li {width: 48%;}
.shipVideo {width: 100%;}
.submarineBottom_wrap {flex-wrap: wrap;}
.submarineBottom_wrap> li {padding-bottom: 16px;}

/*  사회공원  */
.sustainable_conBox {display: block;}
.sustainableImg > img {width: 100%;}
.sustainable_tabTxt {margin-left: 0;}
.sustainableimgbox > img {width: 25%; padding-right: 16px;}
.sustainableimgbox {position: relative; top: 16px;}
.sustainable_abbreviation {position: absolute; bottom: -80%;}
.sustainable_abbreviation.abbreviation2 {position: absolute; bottom: -65%;}
.wrap1058 {max-width: 90%;}
.environment_Txt2 {font-size: 1.25rem;}
.Main_ActivitiesBox div >img {width: 49%;}
.environment_contImg > img {height: 358px;}
}

@media (max-width:990px) {
/***** 인재채용 범한 인재상 *****/ 
.column-recuitPersonL {width: 100%; height:auto; line-height:0;}
.column-recuitPersonR {width: 100%; height:auto;}

.pcView {display:none;}
.mobileView {display:block; margin-top:50px;text-align:center;}
.pcAddView {display:none;}
.mobileAddView {display:block; text-align:center; margin:0 auto 80px auto;}
.mobileAddView img {width:100%; height:auto;}

/********* 커뮤니케이션 ************/
.commuHeaderTxt > h2 {font-size: 3.5rem;}
.break {display: block;}
.stockinfoBox > li {width: 50%;}
.reProcess_stepBox > li:not(:last-child) {padding-right: 65px;}
.reProcess_stepicon {width: 120px; height: 120px; padding-top: 25px;}
.communiEnga {top: 15% !important;}
.hydrogentxt.ComsubmerTxt {margin-left: 24px;}


/************ 회사소개 ************/
.CEOGreetings_txt {width: 80%;}
.verti-timeline .event-list:nth-child(odd) > h5::before {display: none;}
.verti-timeline .event-list:nth-child(even) > h5::before {display: none;}
.subhistory_box > ul > li:nth-child(odd) {padding-left: 57%;}
.subhistory_box > ul > li:nth-child(odd):before {transform: rotate(180deg); left: 46.1%;}
.subhistory_box > ul > li {width: 42%;}
.subhistory_box > ul > li:before {right: -28.8%;}
.BusinessIntro_box {display: flex; justify-content: center; padding-top: 20px;}
.BusinessIntro_location1, .BusinessIntro_location2 {position: relative; width: 45%;}
.BusinessIntro_location1 {bottom: 0; margin-right: 16px;}
.BusinessIntro_location2 {top: 0;}
.BusinessIntro_location1 > img, .BusinessIntro_location2 > img {width: 100%;}
.BusinessIntro_img > img {width: 450px; transform: translateX(50%);}
.BusinessIntro_img {width: auto; left: 0;}
.SubTechnology_cont {display: block;}
.SubTechnology_img {text-align: center; padding-bottom: 34px; /* width: 90%; */}

/*********** 사업소개 ***********/
.Awards_cont {justify-content: space-around;}
.Businessarea_Tit > p {font-size: 2rem;}

/************ 사회공헌 ************/
.sustainable_comtxt {padding-bottom: 40px;}
.management_wrap {padding-bottom: 250px;}
.sustainable_abbreviation {bottom: -150%;}
.sustainable_abbreviation.abbreviation2 {bottom: -125%;}
}

@media (max-width:769px) { 
/* 잠수함 이미지 링크 추가 */
.image {height:auto;}
.text-block {bottom: 25%; right:10%;}
.MovieButton {padding: 5px 10px; font-size: 9pt;}
/* over */
.text-block2 {bottom: 25%; right:10%;}
.MovieButton2 {padding: 5px 10px; font-size: 9pt;}
/* 잠수함 이미지 링크 추가 END */

.wrap1200 {max-width: 90%;}
.commuHeaderTxt > h2 {font-size: 3rem;}
.SubhomBtn {width: 64px; line-height: 60px;}
.communication_navBox {height: 64px;}
.communication_navli > li > a {font-size: .875rem;}
.comtit_box > h3 {font-size: 2rem; word-break: keep-all;}
.comtit_box > p {word-break: keep-all;}
.notiBAllim {width: 15%;word-break: keep-all;}
.talentBox > h3, .reProcessBox> h3, .Welfare_wrap >h3, .question_wrap >h3, .ContactBox >h3 {font-size: 1.75rem;}
.talentTxtBox {flex-wrap: wrap;}
.talentTxtBox > li:not(:last-child) {padding-bottom: 40px; margin-right: 0;}
.talentTxtBox > li {width: 100%;}
.reP_stepNum {font-size: 0.75rem;}
.rep_stepTxt {font-size: 1rem;}
.reProcess_stepicon {width: 100px; height: 100px; padding-top: 22px;}
.reProcess_stepicon > img {width: 56px;}
.reProcess_stepBox > li:not(:last-child) {padding-right: 47px;}
.fastepicon {right: 10%; font-size: 1.5rem;}
.Partnership_li .ComsubmerTxt {width: 100%;}

/************ 회사소개 ************/
.CEOGreetings_contTop {display: block;}
.CEOGreetings_contTopimg {height: 480px;}
.CEOGreetings_txt {width: 100%; padding-top: 40px;}
.subhistory_box > ul > li:nth-child(odd):before {left: 45.1%;}
.subhistory_box > ul > li:before {right: -32.8%;}
.BusinessIntro_img > img {transform: inherit;}

/************* 사업소개 *************/
.Awards_cont > li {width: 48%;}
.hydrogenRefueling_img >li p {bottom: 19%;}
.hydroComTgPC {display: none;}
.hydroComTgMob {display: block;}
.picBox {margin-bottom: 48px;}
.ShipImg_area {display: block;}
.ShipImg_area > img {width: 100%;}
.environment_li > li > span {width: calc(100% - 220px);}
.environment_contImg > p {width: 90%; font-size: 1.25rem;}
.submarineBottom_wrap {padding-top: 40px; display: block; width: 100%;}
.submarineBottom_wrap > li > img {width: 100%;}
.talentImgLi {width: 100%; padding: 40px 0 40px 10px;}
.talentImgLi_TK.talentImgLi_TKEng {white-space: nowrap;}
}

@media (max-width:541px) {
.relativeheader {height: 180px;}
.commuHeaderTxt > h2 {font-size: 2.5rem;}
.notiBAllim {width: 20%;}
.notiBTxt {width: 55%;}
.tgTit {font-size: 1.15rem;}
.statusTB_td {font-size: 0.875rem;}
.finInfo_tg1, .finInfo_tg2 {width: 100%; overflow-x: auto; white-space: nowrap;}
.stocktableUL {width: 100%;}
.talentBox > h3, .reProcessBox> h3, .Welfare_wrap >h3, .question_wrap > h3, .ContactBox > h3 {font-size: 1.5rem;}
.talentImg > img {width: 287px;}
.talentImgLi > li {position: relative; width: 132px; height: 132px; padding: 35px 0;}
.reProcess_stepBox {width: 55%; margin: 0 auto; flex-wrap: wrap; justify-content: space-between;}
.reProcess_stepBox > li:not(:last-child) {padding-right: 0; padding-bottom: 32px;}
.reProcess_stepBox > li:nth-child(2)  .fastepicon, .reProcess_stepBox > li:nth-child(4)  .fastepicon {display: none;}
.fastepicon {right: -40%;}
.Welfare_wrap {padding: 40px 0;}
.workIcon_Box > li {width: 100%;}
.workIcon_Box > li:not(:nth-child(3)),.workIcon_Box > li:nth-child(3) {margin-right: 0;}
.bld {display: block;}
.bar {display: none;}
.PowercellImgClick {display: block;}
.main_PowercellImg {display: none;}
.PowercellImgClick > div > img {width: 100%;}
.PowercellImgClick > div {position: relative; width: 100%;}
.main_PowercellImg > p {font-size: 1rem; font-weight: normal; bottom: 16px; left: 16px;}
.PowercellImgClick > div > p {position: absolute; width: 100%; left: 16px; bottom: 16px; text-align-last: left;}

/********* 회사소개 *********/
.verti-timeline .event-list > h5 {font-size: 2.5rem;}
.subhistory_box > ul > li:nth-child(odd):before {left: 42.1%;}
.subhistory_box > ul > li:before {right: -39.8%;}
.BusinessIntro_img > img {width: 382px;}
.BusinessIntro_location1, .BusinessIntro_location2 {width: 100%;}
.BusinessIntro_box {display: block;}
.BusinessIntro_location1 {margin-bottom: 16px;}
.SubTechnology_img> img {width: 100%;}
.SubTechnology_infobox {padding-left: 0;}
.BusinessIntro_location2 {top: 45px;}


/***************** 사업소개 *****************/
.hydrogenRefueling_img >li p {bottom: 12%; font-size: 1rem;}
.hydrogenRefueling_img > li {padding-bottom: 16px;}
.hydrogenRefueling_img > li::after {bottom: 16px;}
.hydroComTgMob table tbody th {width: 50%; padding-left: 0; font-size: 0.875rem; text-align: center;}
.hydroComTgMob table tbody tr {font-size: 0.875rem;}
.Businessarea_Tit > img {display: none;}
.Businessarea_cont {display: block;}
.Businessarea_Tit > p {font-size: 1.25rem;}
.Businessarea_Tit {padding-bottom: 34px;}
.Businessarea_imgli > li {margin-bottom: 16px;}
.Businessarea_imgR {margin-left: 0;}

/*  지속가능 경영  */
.sustainable_abbreviation {bottom: -195px;}
.sustainable_abbreviation.abbreviation2 {bottom: -145px;}
.environment_Txt {font-size: 2.5rem;}
.environment_Txt2 {font-size: 1rem;}
.environment_contImg > img {height: 193px;}
.environment_li > li {display: block; height: auto; padding: 24px 0;}
.environment_litit {padding-bottom: 16px; font-size: 1.25rem;}
.environment_li {padding-bottom: 32px;}
.environment_contImg > .bimg {height: 156px;}
.environment_contImg > p {font-size: 1rem;}
.sustainable_nav .mob {display: block;}
.sustainable_nav .pc {display: none;}
}

@media (max-width: 415px){
/* 잠수함 이미지 링크 추가 */
.image {height:auto;}
.text-block {bottom: 20%; right:5%;}
.MovieButton {padding: 5px 10px; font-size: 9pt;}
/* over */
.text-block2 {bottom: 20%; right:5%;}
.MovieButton2 {padding: 5px 10px; font-size: 9pt;}
/* 잠수함 이미지 링크 추가 END */

.commuHeader {height: 180px;}
.commuHeaderTxt > h2 {font-size: 1.875rem;}
.commuHeaderTxt {position: relative; top: 70%;}
.comtit_box > h3 {font-size: 1.5rem; word-break: keep-all;}
.comtit_box > 9 {word-break: keep-all;}
.communication_navBox {display: none;}
.subcom_navMob {padding-top: 20px; text-align: center; display: block;}
.communication_navSel {width: 90%; padding: 12px 19px; border:1px solid #cecece;}
select {font-family: inherit; background: url(../img/ic-24-menu-arrow-down.svg) no-repeat 95% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px;}
.con_cmn {display:none}
.con1 {display:block;}
.communication_navSel > option {padding: 12px 19px; color: #444;}
.notiLIBox > li {height: 98px; padding: 16px 8px;}
.notiBoard {display: block; width: 100%;}
.notiLIBox > li > a {display: block; line-height: 1;}
.notiBTxt {width: 100%; padding: 8px 0 4px;}
.notiBAllim {font-size: .875rem;}
.notiBDate {font-size: 0.75rem;}
.stockinfoTit, .stocktableUL > li > span {font-size: 0.875rem;}
.stockinfoVal {font-size: 1rem;}
.stockinfoBox li:first-child .stockinfoVal {font-size: 1.5rem;}
.talentTxt_Tit {font-size: 1.25em;}
.talentBox > h3, .reProcessBox> h3, .Welfare_wrap >h3, .question_wrap >h3, .ContactBox >h3  {font-size: 1.25rem;}
.reProcess_stepBox {width: 75%;}
.workConvenienceBox > p {font-size: 1.125rem;}
.talentImgLi > li:nth-child(2) {right: 10px;}
.talentImgLi > li:nth-child(3) {right: 20px;}
.talentImgLi > li {width: 130px; height: 125px;}
.talentImgLi_TK.talentImgLi_TKEng {font-size: 1rem;}

/************* 회사소개 *************/
.CEOGreetings_contTopimg {height: 266px;}
.MandV_Cont .vision_wrap > li {height: 180px;}
.MandV_wrap.indexENG .vision_wrap > li {height: 228px;}
.MandV_wrap.indexENG .missionCBox > li {width: 180px;}
.MandV_wrap.indexENG .missionCBoxli1 {padding:45px 15px 0;}
.subhistory_box > ul:before {left: 0;}
.subhistory_box > ul > li:nth-child(odd) {padding-left: 28px;}
.subhistory_box > ul > li {width: 100%; text-align: left; padding-left: 28px;}
.subhistory_box > ul > li:nth-child(odd):before {left: -33px;}
.subhistory_box > ul > li:before {right: 0; left: -33px;}
.BusinessIntro_img > img {width: 350px;}
.submarineBottomTiT {font-size: .875rem;}
.submarineBottom_date {font-size: .75rem;}

/***************** 사업소개 *****************/
.hydrogenRefueling_img >li {width: 100%;}
.hydrogenRefueling_img >li p {bottom: 11%; font-size: 0.875rem;}
.hydrogenRefueling_img >li {padding-bottom: 16px;}
.hydrogentxt.ComsubmerTxt > ol > li {font-size: .875rem;}
.Awards_cont > li {margin-bottom: 8px;}
.fuelcell_nav {flex-wrap: wrap;}
.fuelcell_nav > li {width: 33%; margin-bottom: 10px;}
.subFlexWrap {padding-top: 50px;}
.ComsubmerTxt > ol > li:not(:last-child) {padding-bottom: 8px;}
.ComsubmerTxt > ol > li {font-size: 0.875rem;}
.ComsubmerTxt > p {font-size: 1rem;}
.picBox {margin-bottom: 32px;}
.hydroComTable > p {font-size: 0.875rem;}

/************  지속가능경영 ***********************/
.sustainable_abbreviation {font-size: 0.875rem;}
.sustainable_abbreviation.abbreviation2 {bottom: -155px;}
.environment_contTXT > li, .Main_ActivitiesBox >p, .environment_li > li > span {font-size: .875rem;}
.Main_Activities > h3 {padding: 24px 0 16px; font-size: 1.25rem;}
}