@charset "utf-8";



.lst-col{display: flex;flex-wrap: wrap;/* justify-content: space-between; */}
.lst-col.num2 > .item{width: 47.5%;margin-left: 4.8%;margin-top: 7%;}
.lst-col.num2 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2 > .item:nth-child(-n+2){ margin-top:0;}
.lst-col.num2.w49 > .item{width: 49%;margin-left: 1%;margin-top: 3%;}
.lst-col.num2.w49 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2.w49 > .item:nth-child(-n+2){ margin-top:0;}

.lst-col.num3 > .item{ width: 32.4242%;  margin-left: 1.3637%; margin-top: 1.3637%; }
.lst-col.num3.mg0 > .item{width: calc(33.333% - 3px);margin-left: 3px;margin-top: 7%;}

body .lst-col.num3 > .item:nth-child(3n+1){ margin-left:0;}
body .lst-col.num3 > .item:nth-child(-n+3){ margin-top:0;}
body .lst-col.num3.mg0 > .item:nth-child(3n+1){ width: 33.333%;}

.lst-col.num4 > .item{width: 24.318%;margin-left: 0.909%;margin-top: 5%;}
.lst-col.num4 > .item:nth-child(4n+1){ margin-left:0;}
.lst-col.num4 > .item:nth-child(-n+4){ margin-top:0;}

/* customer */
.lst-col.introduce_1{align-items: stretch;}
.lst-col.introduce_1 > .thumb{ width: 34.9%; }
.lst-col.introduce_1 > .cont{width: calc(100% - 54%);margin-left: 7.1%;line-height:1.7;display: flex;flex-direction: column;justify-content: center;}
.lst-col.introduce_1 .tit_4{line-height:1.4;}

.lst-col.introduce_2{align-items: stretch;}
.lst-col.introduce_2 > .item{ width: 47.9%; margin-left:4.2%;  border: 1px solid #ddd; box-sizing: border-box;}
.lst-col.introduce_2 > .item > .head{text-align: center; padding: 12px; line-height: 1; background-color: #456cb7; color: #fff;}
.lst-col.introduce_2 > .item > .head.bg2{background-color: #284780;}
.lst-col.introduce_2 > .item > .cont{ padding: 60px 35px; }

.lst-col.introduce_2 > .item > .cont p em { display: block; margin-bottom: 10px; font-size: 2rem;color: #1b2d85;font-weight: 700;padding-left: 70px; position: relative;}
.lst-col.introduce_2 > .item > .cont p em a { width: 166px; height: 50px; display: inline-flex; align-items: center; justify-content: space-between; font-size: 2rem;
    color: #1b2d85; transition: 0.3s;}
.lst-col.introduce_2 > .item > .cont p .ico {position: absolute; display: inline-block; left: 0; top: 0; width: 50px; height: 50px; content: "";}
.lst-col.introduce_2 > .item > .cont p .ico.ico1 {background: url("../images/common/location_email_icon.png") no-repeat; background-size: 100%;}
.lst-col.introduce_2 > .item > .cont p .ico.ico2 {background: url("../images/common/location_phone_icon.png") no-repeat; background-size: 100%;}

.lst-col.introduce_2 > .item  .img2{padding: 0 10px;}
.lst-col.introduce_2_1 > .item.head{  box-sizing: border-box; border: 8px solid #e4e6e9; padding: 33px 20px; width: 160px; height: 160px; background: url(../images/venture/ico_line_c1.jpg) 5px 10px no-repeat; font-size: 18px; line-height: 1.3; }
.lst-col.introduce_2_1 > .cont{width:calc( 100% - 200px);margin-left: 40px;display: flex;flex-direction: column;justify-content: center;}
@media screen and (max-width: 840px){
  .lst-col.introduce_2 > .item > .head{ padding: 4vw;}
  .lst-col.introduce_2 > .item > .cont{ padding: 5vw 4vw; }
  .lst-col.introduce_2 > .item  .img2{padding: 0 10px;}
  .lst-col.introduce_2_1 > .item.head{ border: 3vw solid #e4e6e9; padding: 9vw 6vw; width: 50vw; height: 40vw; background: url(../images/venture/ico_line_c1.jpg) 2vw 4vw no-repeat; background-size:4.4vw; font-size: 5vw; }
  .lst-col.introduce_2_1 > .cont{width:auto ;margin-left: 5vw;}
  .lst-col.introduce_2 > .item > .cont p em { display: block; margin-bottom: 10px; font-size: 1.5rem;color: #1b2d85;font-weight: 700;padding-left: 60px; position: relative;}	
  .lst-col.introduce_2 > .item > .cont p em a { width: 166px; height: 50px; display: inline-flex; align-items: center; justify-content: space-between; font-size: 1.5rem;
    color: #1b2d85; transition: 0.3s;}	
}

.lst-col.poplist{padding-top: 29px;margin-top:20px;border-top:1px #cacaca solid;display: flex;align-items: stretch;}
.lst-col.poplist > .item.thumb{ width: 140px; height: 140px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #78808d; }
.lst-col.poplist > .item.thumb.bg2{ background-color: #466cb7; }
.lst-col.poplist > .item.thumb.bg3{ background-color: #284780; }
.lst-col.poplist > .item.cont{width: calc( 100% - 195px);margin-left:55px;font-size:16px;display: flex;flex-direction: column;justify-content: center;}
@media screen and (max-width: 840px){
  .lst-col.poplist{padding-top: 7vw; margin-top: 7vw; }
  .lst-col.poplist > .item.thumb{ width: 40vw; height: 40vw; display:inline-flex;}
  .lst-col.poplist > .item.cont{width: auto; margin-left:0;font-size:4vw; }
}


.wrap_news{border-top: 2px solid #000; padding-top: 50px;}
.wrap_news .lst-col > .item{width: 31%;margin-left: 3.5%;margin-top: 3.5%; cursor: pointer;}
.wrap_news .lst-col > .item .bg-pos{-moz-transform: scale(1) rotate(0.0001deg);
        -webkit-transform: scale(1) rotate(0.0001deg);
        -o-transform: scale(1) rotate(0.0001deg);
        -ms-transform: scale(1) rotate(0.0001deg);
        transform: scale(1) rotate(0.0001deg);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}


.wrap_news .cont{ margin-top: 25px; }
.wrap_news .cont .cate{ font-size: 15px; color: #666;  }
.wrap_news .cont .cate > *:first-child{ color: #222; }
.wrap_news .cont .t_1{ margin-top: 11px; font-size: 24px; line-height: 1.3333; color: #222; font-weight: 700;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient:vertical; }
@media (hover: hover) {
    .wrap_news .lst-col > .item:hover .bg-pos{
        -moz-transform: scale(1.05) rotate(0.0001deg);
        -webkit-transform: scale(1.05) rotate(0.0001deg);
        -o-transform: scale(1.05) rotate(0.0001deg);
        -ms-transform: scale(1.05) rotate(0.0001deg);
        transform: scale(1.05) rotate(0.0001deg);
    }
    .wrap_news .lst-col > .item:hover .t_1{ color: #1e9bdf; }
}


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

  .lst-col{display: flex;flex-direction: column;}
  .lst-col.num2.w49 > .item,
  .lst-col.num2 > .item{width: 100%;margin-left: 0%;}
  .lst-col.num2.w49 > .item:nth-child(1n+1),
  .lst-col.num2 > .item:nth-child(1n+1){ margin-left:0; margin-top: 10vw;}
  .lst-col.num2.w49 > .item:first-child,
  .lst-col.num2 > .item:first-child{ margin-top:0;}
  
  .lst-col.num3 > .item{ width: auto;  margin-left: 0%; margin-top: 1.3637%; }
  .lst-col.num3.mg0 > .item{width: auto;margin-left: 0;margin-top: 0;}
  
  body .lst-col.num3 > .item:nth-child(1n+1){margin-top: 10vw; margin-left:0;}
  body .lst-col.num3 > .item:nth-child(1){margin-top: 0;}
  body .lst-col.num3.mg0 > .item{margin-top: 0;}
  body .lst-col.num3.mg0 > .item:nth-child(1n+1){ width: auto;}

  .lst-col.num4 > .item:nth-child(1n+1){width: auto;margin-left: 0;margin-top: 5vw;}
  .lst-col.num4 > .item:first-child{ margin-top:0; }
  
  .lst-col.num4 > .item{width: 100%;margin-left: 0;margin-top: 5vw;}
  .lst-col.num4 > .item:first-child{ margin-top:0; }
  
  /* 홍보영상 리스트 */
    .lst-col.num3.pr1 > .item{ width: 100%;  margin-left: 0%; margin-top: 8vw; }
  body .lst-col.num3.pr1 > .item:nth-child(1n+1){ margin-left:0;   margin-left: 0%; margin-top: 8vw; }
  
}


.wrap_content_lft{ display: flex; flex-wrap:wrap; justify-content: space-between; }
.wrap_content_lft > .area_head{ min-width: 310px;  }
.wrap_content_lft > .area_cont{ width: calc(100% - 366px); }

.wrap_content_lft.sz2{ display: flex; flex-wrap:wrap; justify-content: space-between; }
.wrap_content_lft.sz2 > .area_head{ min-width: 310px;  }
.wrap_content_lft.sz2 > .area_cont{ width: calc(100% - 460px); }


@media screen and (max-width: 840px){
  .wrap_content_lft.sz2,
  .wrap_content_lft{display: flex;flex-wrap:wrap;justify-content: space-between;flex-direction: column;}
  .wrap_content_lft.sz2 > .area_head,
  .wrap_content_lft > .area_head{ min-width: auto;  }
  .wrap_content_lft.sz2 > .area_cont,
  .wrap_content_lft > .area_cont{ width: auto; }
}




.tab_type4{}
.tab_type4 > ul{display: flex; flex-wrap: wrap; align-items: center;}
.tab_type4 > ul > li{flex: 1;font-size: 19px;position: relative;text-align: center;}
/*.tab_type4 > ul > li > a:after{position:absolute; right:0; top:0; width:1px; height:100%; background:#3456c5; content:"";}
.tab_type4 > ul > li:first-child > a:before{position:absolute; left:0; top:0; width:1px; height:100%; background:#3456c5; content:"";}*/
.tab_type4 > ul > li > a{
    line-height: 1;
    color: #000;
    display: flex;
    padding: 18px 15px 19px;
    min-height: 1;
    font-weight:500;
    align-items: center;
    justify-content: center;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    min-height: 22px;
    background-color: #dddddd;
}
.tab_type4 > ul > li > a i{ font-size:18px; margin-left:10px; line-height:1; margin-top:3px; display: none;}
.tab_type4 > ul > li.on > a{background: #3456c5; color:#fff;}
.tab_type4 > ul > li.on > a i{display:none;}
@media (hover: hover) {
.tab_type4 > ul > li:hover > a{background: #3456c5; color:#fff;}
}

@media screen and (max-width: 840px){
    .tab_type4{}
    .tab_type4 > ul{flex-direction: column;}
    .tab_type4 > ul > li{flex: 1;font-size: 4.5vw;width: 100%;border-width: 0 0 1px;border-color: #ddd;border-style: solid;}
    .tab_type4 > ul > li > a:after{display: none;}
    .tab_type4 > ul > li > a:before{display: none;}
    .tab_type4 > ul > li > a{
        display: flex;
        padding: 0.5vw 6vw 0.5vw;
        justify-content: space-between;
        -moz-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        min-height: 11vw;
    }
    .tab_type4 > ul > li.on > a i{display:block;}
}


.tab_type6{ position: relative; }
.tab_type6 > ul{ margin-top: -17px; }
.tab_type6 > ul >li{ margin: 17px 0; position: relative; }
.tab_type6 > ul >li:after{position: absolute; right: 0; top: calc(50% - 1px); width: 0; height: 2px; background-color: #222; content:"";
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.tab_type6 > ul >li a{ padding-right: 29px; display: inline-block; font-size: 18px; color: #bababa; font-weight: 700; background-color: #fff; position: relative; z-index: 1; }
.tab_type6 > ul >li.on a{ color: #666; }
@media (hover: hover) {
    .tab_type6 > ul >li a:hover{ color: #666; }
}
.tab_type6 > ul >li.on:after{ width: 100%; }

@media screen and (max-width: 840px){
  .tab_type6{ position: relative; overflow: hidden; margin-bottom:5vw; }
  .tab_type6 > ul{margin-top: -1vw;display:flex;flex-wrap: wrap;}
  .tab_type6 > ul >li{margin: 1vw 0;position: relative;}
  .tab_type6 > ul >li:after{ display:none;}
  .tab_type6 > ul >li a{ padding-right: 5vw; font-size: 4.6vw; }
}

.card-head-ty1{}
.card-head-ty1.element{display: flex; justify-content: space-between;}
.card-head-ty1.element .head_element{}

.wrap_tag1{ position: relative; overflow: hidden; }
.wrap_tag1 > .inner_tag1{ margin-top: -6px; margin-left: -6px; display: flex; flex-wrap:wrap; }
.wrap_tag1 > .inner_tag1 > *{ margin-left: 6px; margin-top: 6px; padding: 7px 14px; color: #333; border: 1px solid #a7a7a7; line-height: 1;  }

@media screen and (max-width: 840px){
  .wrap_tag1 > .inner_tag1{margin-top: -2vw;margin-left: -2vw;}
  .wrap_tag1 > .inner_tag1 > *{ margin-left: 2vw; margin-top: 2vw; padding: 2vw 5vw; font-size: 3vw;   }
  .wrap_tag1.num2 > .inner_tag1 > *{min-width: 28vw;}
}