/* ================================================ */
/* =============== // about business// ================== */
/* ================================================ */

.about-business{max-width: 960px; width: 100%;}
.about-business p{font-size: 18px; word-break: keep-all;}
.about-business p.kor_ver{font-size: 16px; margin-top: 8px;}

.aboutbusiness-img{display: block; margin-top: 60px; }
.aboutbusiness-img img{width: auto; margin-left: auto;}

.aboutbusiness-body{padding-left: 204px; margin-top: 80px; transition: all .2s;}
.aboutbusiness-body strong{display: block; font-size: 22px; margin-bottom: 10px;}
.aboutbusiness-body strong>span.kor_ver{font-size: 17px; display: block;}
.aboutbusiness-info{display: flex; justify-content: space-between;}
.aboutbusiness-info>div{width: 100%;}
.aboutbusiness-info>div + div{margin-left: 60px;}
.aboutbusiness-info>div p + p{margin-top: 20px;}
.aboutbusiness-info>div p span{font-size: 15px;}


/* 휘향 */
.business_es .sub-title-con strong{margin-bottom:0; line-height: 1.2;margin-top:20px}
.business_es .sub-title-con strong span{font-size:35px}
.business_es .sub-title-con .es-title{font-size: 35px; line-height: 1.2; display: block; font-weight: 600; color: #dadada; letter-spacing: 1.2px; text-transform: uppercase;}
.businesses-info{margin-top: 10px;}
.businesses-info p{font-size: 18px;}
.businesses-sec{width:100%;}
.businesses-sec ul.businesses_plantsec{width:100%;}
.businesses-sec ul.businesses_plantsec li{width:calc((100% - 60px) / 3); float:left;margin-right:30px;margin-bottom:20px;}
.businesses-sec ul.businesses_plantsec li:nth-child(3){margin-right:0;}
.businesses-sec ul.businesses_plantsec li div:first-child{width:100%;height:230px;background-color:#222;border-radius: 12px;}
.businesses-sec ul.businesses_plantsec li .plant_01text{font-size: 18px;display: block;word-break: keep-all; font-weight:600 ;margin-top:10px;position:relative;padding-left:10px;}
.businesses-sec ul.businesses_plantsec li .plant_01text  p::before{content:'';width:3px;height:3px;background-color: #333;position:absolute;top:10px;left:0;}
.plant_01text span{font-size: 0.925rem;}
.businesses-sec h4 .dis{width:300px}
.plant_01text span.point{display: block;}

.businesses-sec ul.businesses_plantsec .plant_01img{ background: url(../img/business/plant01.jpg) no-repeat center}
.businesses-sec ul.businesses_plantsec .plant_02img{background: url(../img/business/plant02.jpg) no-repeat }
.businesses-sec ul.businesses_plantsec .plant_03img{background: url(../img/business/plant03.jpg) no-repeat center}
.businesses-sec ul.businesses_plantsec .plant_04img{background: url(../img/business/plant04.jpg) no-repeat center}
.businesses-sec ul.businesses_plantsec .plant_05img{background: url(../img/business/plant05.jpg) no-repeat center}
.businesses-sec ul.businesses_plantsec li .plant_01text .point{font-weight: normal;}



.businesses-sec .nexans{display: flex;align-items: center;position:relative;}
.businesses-sec .nexans .button button{width:160px; height:50px; border:1px solid #333; border-radius: 40px;}
.businesses-sec .nexans .button a{position:absolute; right:0}
.businesses-sec .nexans .button button:hover{background-color:#6eb546; color:#fff;border:1px solid #6eb546;}
.nexans a.button{width:80px; font-weight:bold;text-align: right;}


.businesses-sec .table table{width:100%; }
.businesses-sec .table tr{border-bottom:1px solid #333;}
.businesses-sec .table tr:first-child{border:none}
.businesses-sec .nexans p{width:75%}
.businesses-sec .table .table_bg{background-color:#71bf44; color:#fff}
.businesses-sec .table tr th{text-align: center;padding:30px 0;}
.businesses-sec .table tr .table_down{vertical-align: middle;}
.table p{display:none;}

.businesses-sec .Shipbuilders_intop .in_img{border-radius:12px; overflow: hidden;}
.businesses-sec .Shipbuilders_intop .in_img .img_lef{float:left;width:50%;height:300px;position:relative;background: url(../img/business/cutting.jpg) no-repeat center;}
.businesses-sec .Shipbuilders_intop .in_img .img_right{float:left;width:50%;height:300px;position:relative;background: url(../img/business/cable.jpg) no-repeat center;}
.businesses-sec .Shipbuilders_intop .in_img > div p{color:#fff;padding:50px;position:absolute;font-size:20px}
.businesses-sec .Shipbuilders_intop .in_img > div .img_lef_txt{bottom:0}
.businesses-sec .Shipbuilders_inbottom .in_img{margin-top:30px;}
.businesses-sec .Shipbuilders_inbottom .in_img div{z-index: 9999;width:calc((100% - 90px) / 4);float:left;margin-right:30px;border-radius:12px;background-color: #f9f9f9; box-shadow: 5px 5px 5px #ebebeb; position:relative}
.businesses-sec .Shipbuilders_inbottom .in_img div:last-child{margin-right:0;}
.businesses-sec .Shipbuilders_inbottom .in_img img{padding:40px;}





.businesses-sec + .businesses-sec{margin-top: 80px;}
.businesses-sec .nexans h4{font-size: 28px; margin-bottom: 24px;width: 20%;padding-right:20px}
.businesses-sec h4{font-size: 28px; margin-bottom: 24px;}
.businesses-sec .Shipbuilders_had h4{font-size: 28px; margin-bottom: 24px;}
.businesses-sec .Shipbuilders_had{ margin-top:80px}
.businesses-sec h4 span.kor_ver{font-size: 16px;}
@keyframes pointer {
	0% {left: -80px;}
    100% {left:-70px}
}
.effect-ex span.kor_ver{font-size: 15px; display: block; word-break: keep-all;}
.business-table-count{display: table; width: 100%; margin-top: 40px; background-color: #f5f5f5; padding: 40px;}
.business-table-count dt,.business-table-count dd{display: table-cell;vertical-align: top;}
.business-table-count dt{font-size: 20px; font-weight: 600; padding-right: 20px; width: 50%;}
.business-table-count dt span.kor_ver{font-size: 14px;}
.business-table-count dd p{position: relative;}
.business-table-count dd p::before{content: "·"; margin-right: 12px; font-weight: 600; position: absolute; top: 0; left: -10px;}
.business-table-count dd p + p{margin-top: 8px;}
.business-table-count dd p b{width:100%; display: block;}
.business-table-count dd span.kor_ver{font-size: 14px;}
.import{padding: 20px 0; text-align: center;}
.import em.line{display: block; height: 5px; margin: 20px 0; background: url(../img/business/img_line.png)repeat 50% 50%;}
.import strong{font-size: 16px; color:#71bf44}
.import strong span{width: 15px; height: 15px; display: inline-block; border-radius: 100%; background-color: #71bf44; position: relative; top: 2px; }
.import p b{color:#71bf44; font-size: 24px;}
.import-p span.kor_ver{font-size: 14px; display: block;}
.import-p span.kor_ver b{font-size: 14px;}
.pro-img{    overflow: hidden;
    cursor: pointer;
    height: 0;
    padding-bottom: 120.33333%;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);}
.pro-img img{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}

.business-istall .pro-img-wrap{margin-bottom: 40px;}


.boiler-img {overflow: hidden;}
.pro-inner{text-align: center;}
.pro-inner p span.kor_ver{font-size: 12px; display: block;}


/* 은선 custom */
.aboutbusiness-body strong.sub--title>span{display: inline-block;position: relative;}
.aboutbusiness-body strong.sub--title>span + span{margin-left: 40px;}
.aboutbusiness-body strong.sub--title>span:nth-child(1){ color: #0d6fb8;}
.aboutbusiness-body strong.sub--title>span:nth-child(1)::after{content: ""; position: absolute; right: -20px; top: 10px; width: 2px; height: 16px; background-color: #a2a2a2; }
.aboutbusiness-body strong.sub--title em.kor_ver{display: block; font-size: 12px;}
.aboutbusiness-body strong.sub--title i em.kor_ver{display: inline-block; font-size: 10px;}

.boiler-img{margin-bottom: 64px;}
.boiler-img .kor-img{display: none;}
.boiler-img .eng-img{display: block;}
:lang(en) .boiler-img .kor-img{display: none;}
:lang(en) .boiler-img .eng-img{display: block;}

.aboutbusiness-body strong i{padding-left: 8px; color: #777; font-size: 16px; font-weight: 500;}
.floor-con{padding-bottom: 100px; border-bottom: 1px dashed #ddd; margin-bottom: 100px;}
.floor-con .boiler-img:last-child{margin-bottom: 0;}
.space-con .boiler-img:last-child{margin-bottom: 0;}
/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

    .aboutbusiness-body {padding-left: 126px;}
    
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (min-width: 1201px){
    .business-table .mo1200{display: none;}
}
@media screen and (max-width: 1200px){

    .graph-img .gr-text01{left: 120px;}
    .business-table{width: 100%; overflow-x: auto;}
    .business-table table{width: 1400px;}
    .businesses-sec h4 span.kor_ver, .business-table .mo1200{display: block;}

    .businesses-sec .Shipbuilders_intop .in_img .img_lef {height: 200px;}
    .businesses-sec .Shipbuilders_intop .in_img .img_right { height: 200px;}
}

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

    .aboutbusiness-body{padding-left: 0;}
    .aboutbusiness-img img{width: 100%;}

    .business-table-count,.business-table-count dt, .business-table-count dd{display: block; width: 100%;}
    .business-table-count dt{margin-bottom: 20px;}
    .businesses-sec .Shipbuilders_inbottom .in_img img {padding: 20px;}
    .businesses-sec .Shipbuilders_intop .in_img > div p{padding:20px;}
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

    .graph-img .gr-text01{left: 13%;}

    .graph-img .gr-text02, .graph-img .gr-text03{left: 25% ; bottom: 44px;}
}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){

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

    .aboutbusiness-info{display: block;}
    .aboutbusiness-info>div + div{margin-left: 0; margin-top: 20px;}
    .business_tab ul li{font-size: 15px; display: table-cell; white-space: nowrap; padding:  0 20px;}
    .business_tab ul{width: inherit; margin: 0 auto; display: table; overflow: hidden;}
    
    
    .graph-img .gr-text01{font-size: 18px; top: 70px;}

    .aboutbusiness-body strong.sub--title>span{display: block;}
    .aboutbusiness-body strong.sub--title>span + span{margin-left: 0;}

    .businesses-sec .nexans {margin-bottom: 10px;}
    .businesses-sec .nexans {display: inherit;}
    .businesses-sec .nexans p {float: left;width:100%;}
    .businesses-sec .nexans a{position: absolute;right: 0;bottom: 0;}
    .businesses-sec .nexans h4{width: 40%;}

    .cable-table{width: 100%; overflow-x: scroll;}
    .cableTable.businesses-sec .table table{width: 768px;}
    .table p{display:block;}

}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){

    .business-adv>li + li{margin-top: 20px;}
    .graph-img .gr-text02, .graph-img .gr-text03{left: 50%; transform: translateX(-50%); width: 80%;text-align: center; font-size: 14px;}
    .graph-img .gr-text01{left: 22%;}

    .business-cable_table-count{padding: 40px 20px;}
    .business-cable_table-count dd {margin-top: 10px;}
    .business-cable_table-count dd p b{display: block;}
    .business-cable_table-count dd p{position: relative;padding-left: 14px;}
    .business-cable_table-count dd p::before{position: absolute; left: 0; top: 0;}
    .man-table table {width: 1400px;}

    .businesses-sec .Shipbuilders_intop .in_img > div p{width: 100%;text-align: center;top:calc(50% - 50px);}


    .business03 .businesses-sec ul.row-wide{margin-left: -16px; margin-right: -16px;}
    .business03 .row-wide > [class*='col']{padding-right: 16px; padding-left: 16px;}
    .businesses-sec .Shipbuilders_inbottom .in_img div{width: calc(50% - 20px);margin-bottom: 30px;}
    .businesses-sec .Shipbuilders_intop .in_img .img_lef{float: inherit;width: 100%;border-radius: 12px;margin-bottom:20px;}
    .businesses-sec .Shipbuilders_intop .in_img .img_right{float: inherit;width: 100%;border-radius: 12px;}
    .businesses-sec .Shipbuilders_inbottom .in_img div{margin: 10px;}
    .businesses-sec ul.businesses_plantsec .plant_img{background-size: 100%;}

    .businesses-sec ul.businesses_plantsec li{width:100%;float: inherit;}

    .boiler-img{overflow-x: scroll;}
    .boiler-img img{width: 768px; max-width: inherit;}

    .businesses-sec h4{font-size: 22px;}
    .aboutbusiness-body strong.sub--title{font-size: 18px;}
    .businesses-sec .nexans a{position: inherit;float: right;}
}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){


  
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
    

    .aboutbusiness-body strong>span{display: block;}
    .aboutbusiness-body strong>span::after{display: none;}
    
    .businesses-sec ul.businesses_plantsec li div:first-child{height:150px;}
    .businesses-sec h4 .dis {width: 200px; }

}