@charset "utf-8";

/* Color */

/* Align */
.alignC{text-align:center;}

.basicText02{font-size:1.8rem;line-height:1.889;color:#555;}

.greenDot > li{position:relative;padding-left:17px;}
.greenDot > li:before{width:6px;height:6px;background:#2bb673;border-radius:50%;position:absolute;left:0;top:13px;content:'';}

.flexList li{display:flex;}
.flexList li.flexNone{display:block;}
.flexList li > span{flex-shrink:0;margin-right:6px;}

.iconBtn{width:148px;height:45px;line-height:43px;border:1px solid #ccc;font-size:1.6rem;display:flex;align-items:center;justify-content:center;background:#fff;}
.iconBtn img{margin-left:5px;}

.fullImg{height:540px;position:relative;display:flex;align-items:center;padding:20px 0 30px;}
.fullImg:before{width:100vw;height:100%;background:url('/img/introduce/vision_bg_img.jpg')no-repeat center;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}
.fullImg dl{color:#fff;}
.fullImg dl{width:50%;word-break:keep-all;}
.fullImg dl dt{margin-bottom:26px;}
.fullImg dl dd{line-height:1.546;}

.btnList{display:flex;align-items:center;}
.btnList li:nth-child(n+2){margin-left:13px;}

.ship .fullImg:before{background-image:url('/img/product/ship_bg_img.jpg');}
.ferry .fullImg:before{background-image:url('/img/product/ferry_bg_img.jpg');}
.ocean .fullImg:before{background-image:url('/img/product/ocean_bg_img.jpg');}
.communications .fullImg:before{background-image:url('/img/product/communications_bg_img.jpg');}
.pitfall .fullImg:before{background-image:url('/img/product/pitfall_bg_img.jpg');}
.railway .fullImg:before{background-image:url('/img/product/railway_bg_img.jpg');}
.plant .fullImg:before{background-image:url('/img/product/plant_bg_img.jpg');}
.plant .plant02 .fullImg:before{background-image:url('/img/product/plant02_bg_img.jpg');}
.moving .fullImg:before{background-image:url('/img/product/moving_bg_img.jpg');}
.building .fullImg:before{background-image:url('/img/product/building_bg_img.jpg');}
.green .fullImg:before{background-image:url('/img/product/green_bg_img.jpg');}
.green .green02 .fullImg:before{background-image:url('/img/product/green02_bg_img.jpg');}
.corevalue .fullImg:before{background-image:url('/img/employment/corevalue_bg_img.jpg');}
.jobintroduction .fullImg:before{background-image:url('/img/employment/jobintroduction_bg_img.jpg');}
.led .fullImg:before{background-image:url('/img/product/led_bg_img.jpg');}


.informationBox{display:flex;align-items:center;justify-content:space-between;padding:53px 0;margin-bottom:70px;}
.informationBox .greenDot li{line-height:1.5456;word-break:keep-all;}
.informationBox .greenDot li span{color:#2bb673;font-weight:500;}
.informationBox .btnList{margin-left:30px;}
.informationBox.btnAlone{justify-content:flex-end;}

.productBox{display:flex;align-items:flex-start;padding-top:20px;}
.productBox .prodcutSlide{width:50%;}
.productBox .prodcutSlide .slick-arrow{width:50px;height:72px;margin-top:-25px;background:none;position:absolute;top:50%;border:0;z-index:1;font-size:0;color:#fff;}
.productBox .prodcutSlide .slick-arrow:before,
.productBox .prodcutSlide .slick-arrow:after{width:50px;height:2px;background:#141414;position:absolute;left:-5px;content:"";}
.productBox .prodcutSlide .slick-arrow:before{top:17px;}
.productBox .prodcutSlide .slick-arrow:after{bottom:18px;}
.productBox .prodcutSlide .slick-arrow.slick-prev{left:40px;}
.productBox .prodcutSlide .slick-arrow.slick-prev:before{transform:rotate(-45deg);}
.productBox .prodcutSlide .slick-arrow.slick-prev:after{transform:rotate(45deg);}
.productBox .prodcutSlide .slick-arrow.slick-next{right:40px;}
.productBox .prodcutSlide .slick-arrow.slick-next:before{transform:rotate(45deg);}
.productBox .prodcutSlide .slick-arrow.slick-next:after{transform:rotate(-45deg);}   
.productBox .productInfo{width:50%;border-left:1px solid #ccc;}
.productBox .productInfo .productInfoTop{padding:5.724% 10px 39px 9.156%;}
.productBox .productInfo .productInfoTop > span{font-size:1.8rem;color:#555;}
.productBox .productInfo .productInfoTop .subTitle{line-height:1;}
.productBox .productInfo .productInfoDetail{padding:7.87% 10px 7.155% 9.156% ;border-top:1px solid #ccc;}
.productBox .productInfo .productInfoDetail dl:nth-of-type(n+2){margin-top:59px;}
.productBox .productInfo .productInfoDetail dl dt{margin-bottom:18px;}
.productBox .productInfo .productInfoDetail dl dd ul li{font-size:1.8rem;color:#555;line-height:1.4;}
.productBox .productInfo .productInfoDetail dl dd ul li:nth-child(n+2){margin-top:10px;}
.productBox .productInfo .productInfoDetail dl dd ul li div p{margin-top:10px;}
.productBox .productInfo .productInfoDetail dl dd ul li .underLine{text-decoration:underline;letter-spacing: -0.02em;word-break:break-all;}
.productBox .productInfo .productInfoDetail dl dd .greenDot li:before{top:10px;}

.productBoxEntire .productEntire{display:flex !important;align-items:center;padding-top:20px;}
.productBoxEntire .prodcutSlideEntire{width:50%;}
.productBoxEntire .slick-arrow{width:50px;height:72px;margin-top:-25px;background:none;position:absolute;top:50%;border:0;z-index:1;font-size:0;color:#fff;}
.productBoxEntire .slick-arrow:before,
.productBoxEntire .slick-arrow:after{width:50px;height:2px;background:#141414;position:absolute;left:-5px;content:"";}
.productBoxEntire .slick-arrow:before{top:17px;}
.productBoxEntire .slick-arrow:after{bottom:18px;}
.productBoxEntire .slick-arrow.slick-prev{left:40px;}
.productBoxEntire .slick-arrow.slick-prev:before{transform:rotate(-45deg);}
.productBoxEntire .slick-arrow.slick-prev:after{transform:rotate(45deg);}
.productBoxEntire .slick-arrow.slick-next{left:43%;}
.productBoxEntire .slick-arrow.slick-next:before{transform:rotate(45deg);}
.productBoxEntire .slick-arrow.slick-next:after{transform:rotate(-45deg);}   
.productBoxEntire .productInfo{width:50%;border-left:1px solid #ccc;}
.productBoxEntire .productInfo .productInfoTop{padding:5.724% 10px 39px 9.156%;}
.productBoxEntire .productInfo .productInfoTop > span{font-size:1.8rem;color:#555;}
.productBoxEntire .productInfo .productInfoTop .subTitle{line-height:1;}
.productBoxEntire .productInfo .productInfoDetail{padding:7.87% 10px 7.155% 9.156% ;border-top:1px solid #ccc;}
.productBoxEntire .productInfo .productInfoDetail dl:nth-of-type(n+2){margin-top:59px;}
.productBoxEntire .productInfo .productInfoDetail dl dt{margin-bottom:18px;}
.productBoxEntire .productInfo .productInfoDetail dl dd ul li{font-size:1.8rem;color:#555;line-height:1.4;}
.productBoxEntire .productInfo .productInfoDetail dl dd ul li:nth-child(n+2){margin-top:10px;}
.productBoxEntire .productInfo .productInfoDetail dl dd ul li div p{margin-top:10px;}
.productBoxEntire .productInfo .productInfoDetail dl dd ul li .underLine{text-decoration:underline;letter-spacing: -0.02em;word-break:break-all;}
.productBoxEntire .productInfo .productInfoDetail dl dd .greenDot li:before{top:10px;}
.productBoxEntire .productInfo .tableStyle table{font-size:1.4rem;border-top:1px solid #e5e5e5;}
.productBoxEntire .productInfo .tableStyle table tr th:first-child{border-left:1px solid #e5e5e5;}
.productBoxEntire .productInfo .tableStyle table th{padding:8px 0;}
.productBoxEntire .productInfo .tableStyle table td{padding:7px 0;text-align:center;}






.contBtn .btnList{justify-content:center;}
.contBtn .iconBtn{width:252px;}

/* 윤리경영 */
.ethicalmanagementImg{padding:120px 10% 120px 5.715%;margin:110px 0 100px;}
.mbSpace{margin-bottom:50px;}

.manifestoInfo{padding:93px 0 114px;}
.manifestoInfo .subTitle{word-break:keep-all;}
.manifestoInfo .flexCont{display:flex;justify-content:space-between;margin-top:59px;}
.manifestoInfo .flexCont > p{width:calc(50% - 25px);}
.manifestoInfo .flexCont > dl{width:calc(50% - 25px);position:relative;top:-7px;}
.manifestoInfo .flexCont > dl dd{margin-top:55px;}
.manifestoInfo .flexCont > dl dd .ceoText{margin-top:53px;color:#000;text-align:right;}
.manifestoInfo .flexCont > dl dd .ceoText .imgBox{margin-top:17px;}

.subTitle{line-height:1.3637;}

.roadmapImg{padding:80px 12.858%;margin:113px 0;}

.systemImg{padding:120px 10%;margin:113px 0 193px;}
.systemBottom .imgBox02{margin:70px 0 62px;padding-top:70px;border-top:1px solid #ccc;}


/* 채용정보 */
.borderList{display:flex;justify-content:space-between;flex-wrap:wrap;}
.borderList > li{width:30%;height:204px;border:1px solid #ccc;padding:35px 27px 0;background-position:right 23px bottom 32px;background-repeat:no-repeat;}
.borderList > li dl dt{font-size:2.2rem;color:#056393;margin-bottom:2px;}
.borderList > li dl dd{font-size:1.8rem;color:#555;line-height:1.445;word-break:keep-all;}

.ledQualityList .borderList > li{height:282px;}

.corevalueList{margin-top:120px;}
.corevalueList .borderList li:nth-child(n+4){margin-top:70px;}

.corevalueList .borderList li:nth-child(1){background-image:url(/img/employment/corevalue_list01.png);}
.corevalueList .borderList li:nth-child(2){background-image:url(/img/employment/corevalue_list02.png);}
.corevalueList .borderList li:nth-child(3){background-image:url(/img/employment/corevalue_list03.png);}
.corevalueList .borderList li:nth-child(4){background-image:url(/img/employment/corevalue_list04.png);}
.corevalueList .borderList li:nth-child(5){background-image:url(/img/employment/corevalue_list05.png);}
.corevalueList .borderList li:nth-child(6){background-image:url(/img/employment/corevalue_list06.png);}
.corevalueList .borderList li:nth-child(7){background-image:url(/img/employment/corevalue_list07.png);}
.corevalueList .borderList li:nth-child(8){background-image:url(/img/employment/corevalue_list08.png);}
.corevalueList .borderList li:nth-child(9){background-image:url(/img/employment/corevalue_list09.png);}
.corevalueList .borderList li:nth-child(10){background-image:url(/img/employment/corevalue_list10.png);}
.corevalueList .borderList li:nth-child(11){background-image:url(/img/employment/corevalue_list11.png);}
.corevalueList .borderList li:nth-child(12){background-image:url(/img/employment/corevalue_list12.png);}

.jobintroductionList{margin-top:101px;}
.jobintroductionList > ul{display:flex;flex-wrap:wrap;}
.jobintroductionList > ul > li{width:50%;word-break:keep-all;}
.jobintroductionList > ul > li:nth-child(n+3){margin-top:100px;}
.jobintroductionList > ul > li:nth-child(2n){padding-left:25px;}
.jobintroductionList > ul > li dl dd{font-size:1.8rem;line-height:1.889;color:#555;margin-top:16px;}


.personnelSystem .subTitle{margin-bottom:56px;}
.personnelSystem > ul > li{display:flex;justify-content:space-between;padding:67px 0 70px;}
.personnelSystem > ul > li:first-child{padding-top:0;}
.personnelSystem > ul > li:nth-child(1) .imgBox{margin-top:47px;}
/* .personnelSystem > ul > li:nth-child(2) .imgBox{width:50%;margin-top:14px;padding-left:30px;} */
.personnelSystem > ul > li:nth-child(2) .imgBox{margin-top:14px;padding-left:30px;}
.personnelSystem > ul > li:nth-child(n+2){border-top:1px solid #ccc;}
.personnelSystem > ul > li dl{flex-shrink:0;padding-right:20px;}
.personnelSystem > ul > li dl dd{margin-top:30px;}

.talentImg{text-align:center;padding:110px 0 120px;}
.talentImg .subTitle{margin-bottom:59px;}

.educationSystem{padding:110px 0;}
.educationSystem ul{display:flex;justify-content:space-between;margin-top:58px;}
.educationSystem ul li{width:28.572%;word-break:keep-all;}
.educationSystem ul li dl dt{margin:37px 0 29px;}

.welfare{padding:109px 0 100px;}
.welfare .flexCont{display:flex;padding:56px 0 54px;}
.welfare .flexCont:first-child{padding-top:0;}
.welfare .flexCont:nth-of-type(n+2){border-top:1px solid #ccc;}
.welfare .flexCont dl{width:40.571%}
.welfare .flexCont dl dd{margin-top:30px;word-break:keep-all;}
.welfare .flexCont ul{width:59.429%;display:flex;flex-wrap:wrap;position:relative;right:-10px;}
.welfare .flexCont ul li{width:30.77%;height:75px;border:1px solid #ccc;font-size:1.8rem;line-height:22px;color:#555;margin:10px;background:#fff;padding:19px;background-position:right 9px bottom 9px;background-repeat:no-repeat;}
.welfare .flexCont ul.welfareList01 li:nth-child(1){background-image:url(/img/employment/welfare_1_1.png);}
.welfare .flexCont ul.welfareList01 li:nth-child(2){background-image:url(/img/employment/welfare_1_2.png);}
.welfare .flexCont ul.welfareList01 li:nth-child(3){background-image:url(/img/employment/welfare_1_3.png);}
.welfare .flexCont ul.welfareList01 li:nth-child(4){background-image:url(/img/employment/welfare_1_4.png);}

.welfare .flexCont ul.welfareList02 li:nth-child(1){background-image:url(/img/employment/welfare_2_1.png);}
.welfare .flexCont ul.welfareList02 li:nth-child(2){background-image:url(/img/employment/welfare_2_2.png);}
.welfare .flexCont ul.welfareList02 li:nth-child(3){background-image:url(/img/employment/welfare_2_3.png);}
.welfare .flexCont ul.welfareList02 li:nth-child(4){background-image:url(/img/employment/welfare_2_4.png);}
.welfare .flexCont ul.welfareList02 li:nth-child(5){background-image:url(/img/employment/welfare_2_5.png);}
.welfare .flexCont ul.welfareList02 li:nth-child(6){background-image:url(/img/employment/welfare_2_6.png);}
.welfare .flexCont ul.welfareList02 li:nth-child(7){background-image:url(/img/employment/welfare_2_7.png);}
.welfare .flexCont ul.welfareList02 li:nth-child(8){background-image:url(/img/employment/welfare_2_8.png);}
.welfare .flexCont ul.welfareList02 li:nth-child(9){background-image:url(/img/employment/welfare_2_9.png);}

.welfare .flexCont ul.welfareList03 li:nth-child(1){background-image:url(/img/employment/welfare_3_1.png);}
.welfare .flexCont ul.welfareList03 li:nth-child(2){background-image:url(/img/employment/welfare_3_2.png);}
.welfare .flexCont ul.welfareList03 li:nth-child(3){background-image:url(/img/employment/welfare_3_3.png);}
.welfare .flexCont ul.welfareList03 li:nth-child(4){background-image:url(/img/employment/welfare_3_4.png);}
.welfare .flexCont ul.welfareList03 li:nth-child(5){background-image:url(/img/employment/welfare_3_5.png);}

@media all and (max-width:1440px) {
.welfare .flexCont ul{right:-26px;}
.welfare .flexCont ul li{width:30%;background-size:35px auto;}
}

@media all and (max-width:1279px) {
.fullImg dl{width:65%;}

.greenDot > li:before{top:12px;}

.contBtn .btnList{flex-wrap:wrap;}
.contBtn .btnList li{margin:3px 6.5px !important;}

/* 채용정보 */
.borderList > li{width:31%;background-position:right 10px bottom 20px;background-size:45px auto; }

.welfare .flexCont{display:block;}
.welfare .flexCont ul{width:100%;right:0;margin-top:20px;}
.welfare .flexCont ul li{width:calc((100% - 40px) / 3);margin:10px 20px 10px 0}
.welfare .flexCont ul li:nth-child(3n){margin-right:0;}
.welfare .flexCont dl{width:100%;}

.productBoxEntire .productInfo .tableStyle table{font-size:1rem;}

}



@media all and (max-width:979px) {
.fullImg{height:470px;}
.fullImg dl{width:100%;}

.greenDot > li:before{top:10px;}

.informationBox{display:block;}
.informationBox .btnList{margin:20px 0 0;justify-content:flex-end;}
.informationBox.btnAlone .btnList{margin-top:0;}
.informationBox{padding:26.5px 0;}

.productBox .prodcutSlide .slick-arrow{width:30px;height:40px;margin-top:-25px;background:none;position:absolute;top:50%;border:0;z-index:1;font-size:0;color:#fff;}
.productBox .prodcutSlide .slick-arrow:before,
.productBox .prodcutSlide .slick-arrow:after{width:30px;height:2px;background:#141414;position:absolute;left:-5px;content:"";}
.productBox .prodcutSlide .slick-arrow:before{top:9px;}
.productBox .prodcutSlide .slick-arrow:after{bottom:9px;}
.productBox .prodcutSlide .slick-arrow.slick-prev{left:20px;}
.productBox .prodcutSlide .slick-arrow.slick-next{right:20px;}


.productBoxEntire .slick-arrow{width:30px;height:40px;margin-top:-25px;background:none;position:absolute;top:50%;border:0;z-index:1;font-size:0;color:#fff;}
.productBoxEntire .slick-arrow:before,
.productBoxEntire .slick-arrow:after{width:30px;height:2px;background:#141414;position:absolute;left:-5px;content:"";}
.productBoxEntire .slick-arrow:before{top:9px;}
.productBoxEntire .slick-arrow:after{bottom:9px;}
.productBoxEntire .slick-arrow.slick-prev{left:20px;}
.productBoxEntire .slick-arrow.slick-next{right:20px;}
.productBoxEntire .productInfo .tableStyle table{font-size:1.4rem;}

/* 채용정보 */
.borderList > li{min-height:204px;height:auto;padding:20px 20px 50px;}
.borderList > li dl dd br{display:none;}
.borderList > li:nth-child(n+4){margin-top:45px !important;}

.personnelSystem > ul > li{display:block;}
.personnelSystem > ul > li .imgBox{margin-top:30px !important;}
.personnelSystem > ul > li:nth-child(2) .imgBox{width:100%;padding-left:0;}
.personnelSystem > ul > li dl{flex-shrink:0;padding-right:0;}
.personnelSystem > ul > li dl dd br{display:none;}

.educationSystem ul li{width:31%;}



}

@media all and (max-width:767px) {
.subTitle{font-size:4rem;}

.fullImg{height:auto;min-height:470px;}
.fullImg dl dt{margin-bottom:13px;}

.iconBtn{width:135px;height:38px;line-height:36px;}
.iconBtn img{width:18px;}

.greenDot > li{padding-left:13px;}
.greenDot > li:before{width:5px;height:5px;top:11px;}
.sustainableEsg .esgBottom dl dd > div > ul > li .greenDot > li{padding-left:10px;}
.sustainableEsg .esgBottom dl dd > div > ul > li .greenDot > li:before{top:8.5px;}


.btnList li:nth-child(n+2){margin-left:7px;}

.informationBox{margin-bottom:45px;}

.productBox{display:block;padding-top:10px;}
.productBox .prodcutSlide{width:100%;}
.productBox .productInfo{width:100%;}
.productBox .productInfo .productInfoTop{padding:20px 10px 20px 32px;}
.productBox .productInfo .productInfoDetail{padding:27.5px 10px 25px 32px;}
.productBox .productInfo .productInfoDetail dl:nth-of-type(n+2){margin-top:29.5px;}
.productBox .productInfo .productInfoDetail dl dd .greenDot li:before{top:8px;}
.productBox .prodcutSlide .slick-arrow.slick-prev{left:0;}
.productBox .prodcutSlide .slick-arrow.slick-next{right:0;}

.productBoxEntire .prodcutSlideEntire{width:100%;}
.productBoxEntire .productInfo{width:100%;}
.productBoxEntire .productEntire{display:block !important;padding-top:10px;}
.productBoxEntire .productInfo .productInfoTop{padding:20px 10px 20px 32px;}
.productBoxEntire .productInfo .productInfoDetail{padding:27.5px 10px 25px 32px;}
.productBoxEntire .productInfo .productInfoDetail dl:nth-of-type(n+2){margin-top:29.5px;}
.productBoxEntire .productInfo .productInfoDetail dl dd .greenDot li:before{top:8px;}
.productBoxEntire .slick-arrow{top:29%;}
.productBoxEntire .slick-arrow.slick-prev{left:0;}
.productBoxEntire .slick-arrow.slick-next{right:0;left:auto;}

.contBtn .btnList li{margin:3px 4px !important;}
.contBtn .iconBtn{width:235px;}


/* 윤리경영 */
.ethicalmanagementImg{margin:55px 0 50px;padding:60px 10%;}
.roadmapImg{padding:40px 12.858%;margin:56.5px 0;}

.mbSpace{margin-bottom:25px;}

.manifestoInfo{padding:46.5px 0 57px;}
.manifestoInfo .flexCont{display:block;margin-top:29.5px;}
.manifestoInfo .flexCont > p{width:100%;}
.manifestoInfo .flexCont > p img{width:100%;}
.manifestoInfo .flexCont > dl{width:100%;position:static;margin-top:25px;}
.manifestoInfo .flexCont > dl dd{margin-top:27.5px;}
.manifestoInfo .flexCont > dl dd .ceoText{margin-top:26.5px;}
.manifestoInfo .flexCont > dl dd .ceoText .imgBox img{width:180px;}

.systemImg{padding:60px 10%;margin:56.5px 0 86.5px;}
.systemBottom .imgBox02{margin:35px 0 31px;padding-top:35px;}

/* 채용정보 */
.borderList > li{width:48%;background-size:35px auto;}
.borderList > li:nth-child(n+3){margin-top:35px !important;}

.corevalueList{margin-top:60px;}

.jobintroductionList{margin-top:50.5px;}
.jobintroductionList > ul{display:block;}
.jobintroductionList > ul > li{width:100%;word-break:keep-all;}
.jobintroductionList > ul > li:nth-child(n+2){margin-top:50px !important;}
.jobintroductionList > ul > li:nth-child(2n){padding-left:0;}
.jobintroductionList > ul > li dl dd{margin-top:8px;}


.personnelSystem .subTitle{margin-bottom:28px;}
.personnelSystem > ul > li{padding:33.5px 0 35px;}
.personnelSystem > ul > li dl dd{margin-top:15px;}

.talentImg{padding:55px 0 60px;}
.talentImg .subTitle{margin-bottom:29.5px;}

.educationSystem{padding:55px 0;}
.educationSystem ul{flex-wrap:wrap;margin-top:29px;}
.educationSystem ul li{width:48%;}
.educationSystem ul li:nth-child(n+3){margin-top:50px;}
.educationSystem ul li dl dt{margin:18.5px 0 14.5px;}



.welfare{padding:54.5px 0 50px;}
.welfare .flexCont{padding:28px 0 27px;}
.welfare .flexCont ul{width:100%;right:0;margin-top:20px;}
.welfare .flexCont ul li{width:calc((100% - 10px) / 2);margin:5px 10px 5px 0 !important;background-size:30px auto;padding:10px;}
.welfare .flexCont ul li:nth-child(2n){margin-right:0 !important;}
.welfare .flexCont dl dd{margin-top:15px;}

}

@media all and (max-width:1440px) {
.ledQualityList .borderList > li{height:auto;}
}

@media all and (max-width:501px) {
.ethicalmanagementImg{padding:60px 5%;}
.roadmapImg{padding:40px 6%;}
.systemImg{padding:60px 5%;}

/* 채용정보 */
.borderList > li{padding:10px 10px 50px;}
.borderList > li:nth-child(n+3){margin-top:20px !important;}


}