@charset "utf-8";

@media (hover: hover) { 
    /*main*/
    .dongbu.index .section.company .cont .info > a:hover{
        background: rgb(59 48 48 / 40%);
    }
    .index .c-listset .c-list:hover .txtset .plus-btn{
        transform: rotate( 360deg );
    }

    /*header*/
    .gnb-button-box:hover .gnb-button{
        color: #9F2323
    }
    .gnb-button-box .gnb-button-list-box .gnb-button-list:hover{
        color:#9F2323;
        background: #ebebeb;
    }
    .gnb-button-box:hover .gnb-button-list-box{
        
    }
 

    /*btnset*/
    .btnset .btn:hover{
        background: #9F2323;
        color:#fff
    }
    #email-form-wrap input:hover, #email-form-wrap #content:hover{
        color:#fff
    }


    /*sub*/
    .sub-visual-list ul li a:hover{
        background: #9F2323;
        text-decoration: none;
    }




  }



  @media (max-width:1500px){

    /*header*/
    #hd_wrapper {
        max-width: inherit;
        padding: 0 50px;
    }


   
    .sub-container.bs{
        gap: 50px;
    }
    .bs.sub-container .inset .conbox .box .box-in{
        gap: 50px;
    }
    .bs.ty2.sub-container .inset .conbox .box.ty2 .box-in .box-con .stepset ul{
        gap: 70px;
    }








  }





  @media (max-width:1440px){

    /*footer*/
    .tail-info .info-in{
        max-width: inherit;
        padding: 0 50px;
    }








  }





  @media (max-width:1399px){
    .sub-visual-img-inner{
        padding: 75px 0 0;
    }
  }



  @media (max-width:1280px){

    /*header*/
    #hd_wrapper {
        padding: 0 50px;
    }
    #hd_wrapper #logo > a{
        width: 180px;
    }


    /*footer*/
    .bottom-contents .bottom-contents-wrap:first-child{
        display: flex;
        flex-direction: column;
    }
    .bottom-contents-txt:not(:last-child)::after{
        display: none;
    }


    /*main*/
    .firsttech.index .section.company .cont .info{
        width: 768px;
    }
    .firsttech.index .cs-inner .conset.partner .pt-listset .pt-list{
        gap: 60px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        max-width: 768px;
    }


    /*sub*/
    .sub-container{
        max-width: 1000px;
    }
    .contents-sub-title, 
    .company-txt-title, 
    .location-contents-title, 
    .contents-copy-title{
        font-size: 32px;
    }
    .company-txt-wrap .company-img + .company-txt{
        padding-left: 50px;
    }
    .company-img{
        flex: 1;
        padding: 0;
    }
    .company-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .contents-copy-sub{
        font-size: 16px;
    }
    .contents-copy-title + .contents-copy-sub {
        margin-top: -40px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .stxt{
        font-size: 15px;
        margin-right: 50px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li > div{
        flex: 1;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .imgset > img{
        width: 100%;
        object-fit: cover;
    }



    .index .main-slide-card .txt-title{
        font-size: 52px;
        line-height: 1.3;
    }
    .partner-contents .partner-contents-list.ty2 > img {
        margin: 50px;
    }

    .quality.ty2 .conbox .inner{
        padding: 50px;
    }

    .status .box .tableset{
        width: 100%;
        overflow: auto;
    }

    .bs.sub-container .inset .conbox .box{
        padding: 70px 50px;
    }
    .bs.sub-container .inset .conbox .box.ty1{
        padding-left: 0;
    }
    .bs.sub-container .inset .conbox .box.ty1 .box-in{
        flex-direction: column-reverse;
    }


    .bs.sub-container .inset .conbox .box .box-in .box-con .imgset{
        display: none;
    }
    .bs2.sub-container .inset .conbox .box .box-in .box-con .imgset {
        display: block;
    }
    .bs.sub-container .inset .conbox .box .box-in .box-con .imgset.mb{
        display: flex;
        gap: 10px;
        justify-content: flex-end;
    }
    .bs.sub-container .inset .conbox .box.ty2 .box-in{
        flex-direction: column;
    }
    .bs.sub-container .inset .conbox .box.ty2.ty4 .box-in{
        flex-direction: column;
        padding: 70px 50px;
    }
    .bs.sub-container .inset .conbox .box.ty3 .box-in .box-con .txtset{
        flex-direction: column;
        gap: 30px;
    }
    .bs.sub-container .inset .conbox .box.ty3 .box-in .box-con .txtset .txt-in.ty2{
        width: 100%;
    }
    .bs.sub-container .inset .conbox .box.ty2.ty4 .box-in .box-con.ty2{
        background: transparent;
        padding: 0;
    }
    .bs.sub-container .inset .conbox .box.ty4{
        padding: 100px 50px;
    }
    .bs.sub-container .inset .conbox .box.ty5 .box-in .box-con .graphset .graph-in{
        display: flex;
        flex-direction: column;
    }
    .bs.sub-container .inset .conbox .box.ty5 .box-in .box-con .graphset{
        padding: 70px 50px;
    }
    .bs.sub-container .inset .conbox .box.ty7 .box-in .box-con .txtset,
    .bs.sub-container .inset .conbox .box.ty8 .box-in .box-con .txtset{
        align-items: flex-start;
    }
    .bs.sub-container .inset .conbox .box.ty5 .box-in .box-con .graphset .graph-in .img-in{
        margin-left: 30px;
    }

    .bs.ty2.sub-container .inset .conbox .box .box-in .box-con .titset{
        margin-bottom: 60px;
    }
    .bs.ty3.sub-container .inset .conbox .box.ty1 .box-in .box-con .conset > .imgset{
        padding:50px;
    }



  }



  @media (max-width:1024px){

    /*header*/
    #hd_wrapper #logo > a{
        width: 160px;
    }
    .gnb-button-box .gnb-butto{
        font-size: 15px;
    }
    .gnb-button-box .gnb-button-list-box .gnb-button-listn,
    #gnb .lang .lang-list > li > a{
        font-size: 14px;
    }



    /*footer*/
    .bottom #logo > a{
        width: 160px;
    }



    .hd4{
        font-size: 27px;
    }
    .hd5{
        font-size: 20px;
    }
    .stxt{
        font-size: 14px;
    }


    /*main*/
    .index .main-slide-card .txt-box {
        transform: translate(0, -10%);
    }
    .index .main-slide-warp .bx-controls{
        bottom: 80px;
    }
    .index .c-listset .c-list .txtset .hd4{
        font-size: 27px;
    }
    .section.company .cont .info > a{
        padding: 50px 30px 30px 50px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        max-width: 768px;
    }


    /*sub*/
    .sub-container{
        max-width: inherit;
        padding: 100px 50px 150px;
    }
    .contents-sub-title, 
    .company-txt-title, 
    .location-contents-title, 
    .contents-copy-title{
        font-size: 27px;
        margin: 0 0 30px;
    }
    .company-txt-inner .stxt{
        font-size: 14px;
    }
    .contents-copy-title + .contents-copy-sub {
        margin-top: -20px;
    }
    .vision .contents-copy-title{
        font-size: 32px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .mtxt{
        font-size: 24px;
    }
    
    .inq .sub-container-title{
        text-align: left;
    }
    #email-form-wrap input, 
    #email-form-wrap #content,
    #email-form-wrap input::placeholder{
        font-size: 15px;
    }
    #email-form-wrap form .emlist li{
        font-size: 12px;
        line-height: 16px;
    }


    .prd.ty1 .conbox .order-list > li .txtbox .txtset > p > span{
        font-size: 14px;
    }

    .sub-container.prd.ty1{
        padding: 100px 0 0;
    }
    .prd.ty1 .conbox .order-box{
        padding: 0 50px;
    }
    .prd.ty1 .conbox .info-box{
        padding: 70px 50px;
    }



    .product-contents.prd.ty3 .contents-copy-wrap .box .box-in.ty1 {
        flex: 0.6;
    }
    .product-contents.prd.ty3 .contents-copy-wrap .box .box-in.ty2{
        flex: 1.4;
    }



    .dongbu.index .section.company .cont .info{
        width: 768px;
    }
    .index .c-listset .c-list .imgset{
        opacity: .6;
    }
    .index .c-listset .c-list .imgset.mb{
        display: block;
    }
    .index .c-listset .c-list .imgset.pc{
        display: none;
    }
    .dongbu.index .c-listset .c-list .txtset{
        padding-top: 0;
    }
    .dongbu.index .c-listset .c-list .txtset .hd4{
        font-size: 27px;
    }
    .section.company .cont .info .info-box .stxt{
        color:#666
    }

    .sub-container.status{
        flex-direction: column;
    }
    .sub-container .tabset .tablist{
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 5px;
    }
    .bs2.sub-container .tabset .tablist {
        grid-template-columns: repeat(2, auto);
    }
    .sub-container.status .inset{
        max-width: inherit;
    }
    .sub-container .tabset .tablist > li + li{
        margin-top: 0;
    }
    .sub-container .tabset{
        position: inherit;
        top: 0;
    }

    .sub-container.bs {
        flex-direction: column;
    }
    .sub-container.bs .tabset{
        margin-left: 0;
    }
    
    .sub-container.bs2 .tabset .tablist > li > a {
        width: 100%;
    }

    .bs2.sub-container .inset .conbox .imgset > ul {
        gap: 20px;
    }
    .bs2.sub-container .inset .txtset > p > br {
        display: none;
    }

  }




  @media (max-width:991px){
    /*header*/
    .gnb-button-box .gnb-button-list-box .gnb-button-list{
        justify-content: flex-start;
        padding: 10px;
    }

    /*footer*/
    .bottom-contents,
    .bottom-contents-wrap:last-child {
        justify-content: flex-start
    }


    /*sub*/
    .company-img {
        z-index: -1;
        bottom: 0;
    }
    .company-img:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
    }
    .company-img > img{
        box-shadow: none;
    }
    .notice .sub-container-title{
        text-align: left;
    }

    .catalog .sub-container-title{
        text-align: left;
    }
    .catalog .company-img{
        position: inherit;
    }
    .catalog .company-img > img{
        opacity: 1;
    }
    .catalog .company-img:after{
        display: none;
    }
    .catalog .company-img > img {
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    }

    #bo_v_atc{
        padding: 0;
    }

    .product-contents .contents-copy-img{
        padding: 0;
    }





    .gnb-button-box .gnb-button-list-box{
        display: none;
    }

    .sub-container .conbox{
        padding-top: 50px;
    }
    .sub-container-title{
        text-align: left;
    }
    .contents-copy-txt{
        justify-content: flex-start;
    }
    .quality.ty2 .conbox .inner .box .box-in{
        padding: 30px 0;
    }
    .quality.ty2 .conbox .inner .box .box-in .titbox .icoset{
        width: 110px;
        height: 110px;
    }
    .quality.ty2 .conbox .inner .box .box-in .titbox{
        gap: 10px;
    }



    #bo_list{
        width: 100%;
    }
    .contents-copy-title,
    .contents-copy-sub{
        text-align: left;
    }




  }





  @media (max-width:768px){


    /*main*/
    .firsttech.index .main-slide-card .txt-title .main-tit01{
        font-size: 80px;
    }
    .firsttech.index .main-slide-card .txt-title .main-tit02{
        line-height: 1.5;
    }
    .index .c-listset{
        grid-template-columns: repeat(1, auto);
        padding-top: 75px;
    }
    .index .c-listset .c-list{
        padding: 0px;
    }
    .index .c-listset .c-list .imgset > img{
        width: 100%;
    }
    .index .c-listset .c-list .txtset{
        padding: 0 25px ;
    }
    .index .c-listset .c-list.ty1 .txtset{
        /* padding-top: 75px; */
    }
    .index .c-listset .c-list .txtset > a{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .index .c-listset .c-list .txtset .txt-in,
    .index .c-listset .c-list .txtset .plus-btn{
        flex: 1;
    }
    .index .c-listset .c-list .txtset .txt-in{
        text-align: left;
    }
    .index .c-listset .c-list .txtset .plus-btn{
        width: inherit;
        display: inline-block;
        text-align: right;
        margin-top: 0;
    }
    .index .c-listset .c-list .txtset .sub-container-title{
        display: none;
    }
    .firsttech.index .section.company .cont{
        width: 100%;
    }
    .firsttech.index .section.company .cont .info{
        padding: 0 50px;
    }
    .section.company .cont .info > a{
        padding: 40px 30px 30px 40px;
    }
    .section.company .cont .info > a .imgset{
        padding-top: 30px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        padding: 0 100px;
    }


    /*sub*/
    .sub-container-title{
        text-align: left;
    }
    .company-txt-inner {
        margin-right: 70px;
    }
    .company-txt-wrap .company-img + .company-txt{
        padding-left: 0;
    }
    .company-img img{
        height: inherit;
        width: inherit;
    }
    .company-txt .company-txt-sign{
        margin: 50px 0 0;
    }

    .vision .vision-contents-list-box .vision-contents-list > li .txtset .stxt{
        margin-right: 30px;
    }

    .catalog .company-txt-wrap{
        flex-direction: column;
        gap: 50px;
    }
    .catalog .company-img{
        margin: 0;
    }
    .catalog .btnset{
        margin-top: 70px;
    }


    /*board*/
    #bo_gall .gall_li {
        padding: 20px 30px 30px;
    }
    .notice #bo_gall .gall_text_href a .notice-title{
        font-size: 22px;
    }
    .notice #bo_gall .gall_text_href a .notice-contents,
    #bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view{
        font-size: 14px;
    }
    .notice #bo_v_title .bo_v_tit{
        font-size: 27px;
    }


    .cert #bo_v_atc{
        width: 50%;
        margin: 0 auto;
    }







    .dongbu.index .section.company .cont .info{
        padding: 0 20px;
        
    }
    .cs-inner .conset.rec .rec-box-in .box.ty1 .res-bg{
        height: 30vh;
    }
    .cs-inner .conset.rec .rec-box-in{
        width: 100%;
        padding: 0 20px;
    }
    .index .c-listset .c-list .txtset .hd4{
        padding-bottom: 10px;
    }

    .quality.ty2 .conbox .inner .box .box-in .titbox{
        flex-direction: column;
    }
    .sub-container .sub-tit{
        font-size: 24px;
    }
    .quality.ty2 .conbox .inner .box .box-in .txtbox .s-tit{
        font-size: 18px;
    }
    .quality.ty2 .conbox .inner .box .box-in .txtbox .s-txt{
        font-size: 14px;
    }
    .list_year, 
    .list_month, 
    .list_content{
        font-size: 14px;
    }

    .sub-container.status{
        gap: 50px;
    }
    .sub-container .conbox{
        padding-top: 0px;
    }
    .sub-container-title{
        margin: 0;
    }
    .status .box .titset .sub-tit{
        font-size: 20px;
        margin-bottom: 5px;
    }

    .bs.sub-container .inset .conbox .box.ty2 .box-in,
    .bs.sub-container .inset .conbox .box.ty2.ty4 .box-in{
        padding: 0;
    }
    .bs.sub-container .inset .conbox .box.ty2.ty4 {
        padding: 70px 50px;
    }

    .bs.ty2.sub-container .inset .conbox .box .box-in .box-con .txtset{
        flex-direction: column;
        display: flex;
    }
    .bs.ty2.sub-container .inset .conbox .box .box-in .box-con .txtset .txt-box{
        flex-direction: row;
        padding: 30px;
        align-items: center;
    }

    .bs.sub-container .inset .conbox .box.ty3 {
        padding-left: 25px;
        padding-right: 25px;
    }


    .bs.sub-container .inset .conbox .box,
    .bs.sub-container .inset .conbox .box.ty2.ty4,
    .bs.sub-container .inset .conbox .box.ty5 .box-in .box-con .graphset ,
    .bs.sub-container .inset .conbox .box.ty3.ty6, 
    .bs.sub-container .inset .conbox .box.ty3.ty8{
        padding: 48px 40px;
    }
 
    .bs.sub-container .inset .conbox .box .box-in .box-con .txtset > ul > li {
        font-size: 14px;
    }

    .bs.sub-container .inset .conbox .box.ty1 .box-in .box-con .txtset > ul > li + li, 
    .bs.sub-container .inset .conbox .box.ty4 .box-in .box-con .txtset > ul > li + li {
        margin-top: 12px;
        padding-top: 12px;
    }
    .bs.sub-container .inset .conbox .box .box-in .box-con .titset {
        margin-bottom: 12px;
    }
    .bs.sub-container .inset .conbox .box .box-in {
        gap: 28px 0;
    }

    .bs.sub-container .inset .conbox .box .box-in .box-con .stit {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .bs.sub-container .inset .conbox .box.ty2 .box-in .box-con .conset .txtset .txt-in + .txt-in {
        margin-top: 20px;
        padding-top: 20px;
    }

    .bs.sub-container .inset .conbox .box .box-in .box-con .conset .txtset .num {
        font-size: 80px;
    }

    .bs.sub-container .inset .conbox .box.ty3 .box-in .box-con .txtset .txt-in.ty2 {
        padding: 40px 30px;
    }

    .bs.sub-container .inset .conbox .box.ty5 .box-in .box-con .graphset .graph-in .txt-in > ul {
        margin: 10px 0 0 30px;
    }

    .sub-container.bs {
        padding-left: 0;
        padding-right: 0;
    }
    .sub-container.bs .tabset,
    .sub-container.bs .sub-titset {
        padding: 0 25px;
    }

    .bs.sub-container .inset .conbox .box.ty1 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .bs.sub-container .inset .conbox .box.ty3 .box-in .box-con .txtset {
        gap:20px;
    }

    .bs.ty2.sub-container .inset .conbox .box .box-in .box-con .titset {
        margin-bottom: 40px;
    }

     
  }




  @media (max-width:767px){



    /*footer*/
    .tail-info .info-in{
        flex-direction: column;
        align-items: flex-start;
        padding: 50px 25px 0;
    }
    #logo img{
        width: 100%;
    }
    .bottom-contents-txt{
        font-size: 12px;
    }
    .bottom-contents, 
    .bottom-contents-wrap:last-child{
        padding: 0 0 10px;
    }



    /*main*/
    .firsttech.index .main-slide-card .txt-title .main-tit01 {
        font-size: 60px;
    }
    .index .c-listset{
        padding-top: 60px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        padding: 0 50px;
    }



    /*sub*/
    .sub-container{
        padding: 100px 25px 150px;
    }
    .sub-visual-img-inner {
        padding: 60px 0 0;
    }
    .company-txt-inner{
        margin-right: 0;
    }
    .contents-copy-sub > br{
        display: none;
    }
    .vision .vision-contents-list-box .vision-contents-list > li{
        gap:30px
    }
    .vision .vision-contents-list-box .vision-contents-list > li + li{
        margin-top: 30px;
        padding-top: 30px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .stxt{
        margin-right: 0;
    }
    .contents-copy-sub{
        font-size: 14px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .stxt{
        font-size: 13px;
    }
    .vision .contents-copy-title{
        font-size: 27px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .mtxt{
        font-size: 20px;
    }

    .org-chart .org-contents .imgset.pc{
        display: none;
    }
    .org-chart .org-contents .imgset.mb{
        display: block;
    }

    /*board*/
    #bo_gall .gall_li{
        width: 100%;
    }
    .sub-container.cert .top-box{
        flex-direction: column;
        align-items: flex-start;
    }
    .cert #bo_gall #gall_ul{
        grid-template-columns: repeat(3, 1fr); 
    }
    .notice #bo_gall .gall_con{
        flex-direction: column;
        gap: 30px;
    }
    .notice #bo_gall .gall_img{
        height: 300px !important;
        max-height: 300px !important;
        width: 100%;
    }
    .notice #bo_gall .gall_img span{
        width: 100%;
        height: 100%;
        /* display: flex;
        justify-content: center */
    }
    #bo_gall .gall_img span.no_image img{
        max-width: 50%;
    }
    #bo_gall .gall_con .gall_img_txt {
        padding: 0 0 0 0px;
    }



    .index .main-slide-card .txt-title {
        font-size: 6vw;
    }
    .section.company .cont{
        width: 100%;
    }
    .dongbu.index .section.company .cont .info{
        width: 100%;
    }
    .partner-contents .partner-contents-list.ty2 > img {
        margin: 40px;
    }
    .location-contents-info{
        flex-direction: column;
    }
    .location-contents-info li + li{
        margin-top: 5px;
    }

    .quality.ty2 .conbox .inner .box .box-in,
    .quality.ty2 .conbox .inner .box .box-in.ty2{
        flex-direction: column;
    }

    .sub-container .tabset .tablist{
        grid-template-columns: repeat(2, auto);
    }

    #container.en .index .main-slide-card .txt-title > br {
        display:none
    }

    #container.en .section.company .cont .hd4 > br {
          display:none
      }

    .cs-inner .conset.contact {
        padding: 0 20px
    }

  }







  @media (max-width:575px){
    .location-contents-txt {
        padding:0px;
    }
    .contents-copy-title,
    .contents-copy-sub{
        text-align: left;
    }

    .sub-container .tabset .tablist{
        grid-template-columns: repeat(1, auto);
    }
    .bs.sub-container .inset .conbox .box{
        padding-right: 0;
    }
    .bs.sub-container .inset .conbox .box.ty3 .box-in .box-con .txtset .img-in > img{
        width: 100%;
        max-width: 100%;
        object-fit: cover;
    }
    .bs.sub-container .inset .conbox .box.ty2,
    .bs.sub-container .inset .conbox .box.ty3,
    .bs.sub-container .inset .conbox .box.ty2.ty4{
        padding: 50px 20px;
    }
    .bs.sub-container .inset .conbox .box .box-in .box-con .imgset.mb{
        gap: 5px;
    }
    .bs.sub-container .inset .conbox .box.ty3 .box-in .box-con .txtset .txt-in.ty2,
    .bs.sub-container .inset .conbox .box.ty5 .box-in .box-con .graphset{
        padding: 30px 20px;
    }
    .bs.sub-container .inset .conbox .box.ty3 .box-in .box-con .txtset .img-in{
        margin: 0;
    }
    .bs.sub-container .inset .conbox .box.ty3.ty5 .box-in .box-con .txtset{
        flex-direction: column-reverse;
    }
    .bs.sub-container .inset .conbox .box.ty3.ty5 .box-in .box-con .stit::before{
        /* display: block; */
    }
    .bs.sub-container .inset .conbox .box.ty5 .box-in .box-con .graphset .graph-in .txt-in > ul,
    .bs.sub-container .inset .conbox .box.ty5 .box-in .box-con .graphset .graph-in .img-in{
        margin-left: 0;
    }
    .bs.sub-container .inset .conbox .box.ty3 .box-in .box-con .txtset{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .bs.sub-container .inset .conbox .box, 
    .bs.sub-container .inset .conbox .box.ty2.ty4, 
    .bs.sub-container .inset .conbox .box.ty5 .box-in .box-con .graphset, 
    .bs.sub-container .inset .conbox .box.ty3.ty6, 
    .bs.sub-container .inset .conbox .box.ty3.ty8,
    .bs.sub-container .inset .conbox .box.ty1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sub-container.bs .tabset, .sub-container.bs .sub-titset {
        padding: 0 20px;
    }

    .bs.ty2.sub-container .inset .conbox .box .box-in .box-con .txtset .txt-box {
        flex-direction: column;
        gap: 20px;
    }

    .bs.ty2.sub-container .inset .conbox .box.ty2 .box-in .box-con .stepset ul {
        gap: 40px;
    }

    .bs.ty2.sub-container .inset .conbox .box.ty2 .box-in .box-con .stepset ul > li:nth-child(even)::before, .bs.ty3.sub-container .inset .conbox .box.ty2 .box-in .box-con .stepset ul > li + li::before {
        width: 16px;
        height: 16px;
        left: -30px;
    }




  }









  @media (max-width:480px){

    /*header*/
    #hd_wrapper #logo > a{
        width: 130px;
    }



    /*footer*/
    .bottom #logo > a{
        width: 130px;
    }
    .bottom-contents-wrap{
        padding: 0;
    }
    .tail-info .info-in{
        padding-top: 15px;
    }



    .hd4{
        font-size: 22px;
    }
    .stxt{
        font-size: 13px;
    }
    .btnset .btn{
        font-size: 14px;
    }


    /*main*/
    .firsttech.index .main-slide-card .txt-title .main-tit01 {
        font-size: 15vw;
    }
    .firsttech.index .main-slide-card .txt-tag {
        margin-bottom: 30px;
    }
    .firsttech.index .main-slide-card .txt-tag .logo-tag{
        width: 130px;
        height: 39px;
    }
    #fp-nav.right{
        display: none;
    }
    .index .c-listset .c-list .txtset .stxt{
        display: none;
    }
    .index .c-listset .c-list .txtset .hd4{
        font-size: 22px;
        padding: 0;
    }
    .firsttech.index .section.company .cont{
        padding: 60px 25px 0;
    }
    .section.company .cont .hd4 > br{
        display: none;
    }
    .firsttech.index .section.company .cont .info{
        padding: 0;
        flex-direction: column;
        display: flex;
        width: 100%;
    }
    .section.company .cont .info > a {
        padding: 30px 20px 20px 30px;
    }
    .section.company .cont .hd4{
        padding-bottom: 30px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        padding: 0 25px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in .titset .hd4 > br{
        display: none;
    }
    .firsttech.index .cs-inner .conset.partner .pt-listset .pt-list{
        gap: 30px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in .titset .hd4{
        padding-bottom: 40px;
    }
    .footer #logo > a{
        font-size: 16px;
    }
    .footer .copy{
        font-size: 10px;
    }



    /*sub*/
    .sub-visual-img-inner {
        height: 45vh;
    }
    .sub-visual-img-inner > img{
        max-width: 100%;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .sub-container {
        max-width: inherit;
        padding: 70px 25px 100px;
    }
    .contents-sub-title, 
    .company-txt-title, 
    .location-contents-title, 
    .contents-copy-title{
        font-size: 24px;
    }
    .company-txt .company-txt-sign{
        font-size: 14px;
    }
    .company-txt .company-txt-sign > span{
        font-size: 32px;
    }

    .vision .vision-contents-list-box .vision-contents-list > li{
        flex-direction: column;
    }
    .vision .sub-container-title, .vision .contents-copy-wrap, .org-chart .sub-container-title, .org-chart .contents-copy-wrap,.contents-copy-title, .contents-copy-sub{
        text-align: left;
    }

    .emlist .privacy-ot .pr-set .pr-con{
        padding: 10px 10px 20px;
    }
    #email-form-wrap form .emlist li.privacy-ot .inbox .pr-set .agree-ot .ag-in > label{
        font-size: 12px;
    }

    
   



    /*board*/
    .cert #bo_gall #gall_ul{
        grid-template-columns: repeat(2, 1fr); 
    }
    .notice #bo_gall .gall_img{
        height: 150px !important;
        max-height: 150px !important;
        width: 100%;
    }
    .notice #bo_gall .gall_text_href a .notice-title{
        font-size: 18px;
    }
    .notice #bo_gall .gall_text_href a .notice-contents, #bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view {
        font-size: 13px;
    }
    .notice #bo_gall .gall_con{
        gap: 10px;
    }
    .notice #bo_v_title .bo_v_tit{
        font-size: 20px;
    }
    .notice #bo_v_con{
        font-size: 14px;
    }
    .notice .btnset .btn{
        font-size: 14px;
    }


    .cert #bo_v_atc{
        width: 100%;
    }






    
    .index .main-slide-card .txt-title {
        font-size: 7vw;
    }
    .dongbu.index .main-slide-card .txt-tag{
        margin-bottom: 10px;
    }
    .dongbu.index .c-listset .c-list .txtset .hd4{
        font-size: 22px;
    }
    .dongbu.index .section.company .cont .info{
        grid-template-columns: repeat(1,1fr);
    }
    .section.company .cont .hd4 > br{
        display: block;
    }
    .section.company .cont{
        padding-top: 60px;
    }
    .section .hd5{
        font-size: 18px;
    }
    .cs-inner .conset.rec .rec-box-in .box.ty1 > a{
        padding-left: 20px;
    }

    .cs-inner .conset.rec .rec-box-in .box.ty1 .titset .hd4{
        font-size: 20px;
    }
    .sub-container-title{
        font-size: 12px;
    }
    .list_year, .list_month, .list_content{
        font-size: 14px;
    }
    .location-contents-info li{
        font-size: 14px;
    }

    .quality.ty1 .conbox .inner .box{
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }


    .quality.ty2 .conbox .inner{
        padding: 20px;
    }
    .quality.ty2 .conbox .inner .box .box-in{
        gap: 20px;
    }
    .quality.ty2 .conbox .inner .box .box-in .txtbox{
        text-align: center;
    }
    .sub-container .sub-tit{
        font-size: 22px;
    }
    .quality.ty2 .conbox .inner .box .box-in .txtbox .s-tit{
        font-size: 17px;
        margin-bottom: 5px;
    }
    .quality .conbox .inner .box .box-in.ty2{
        gap: 70px;
    }

    .sub-container .tabset .tablist{
         flex-direction: column;
    }
    .status .t-table > thead > tr > th{
        font-size: 14px;
        padding: 10px 8px;
    }
    .status .t-table > tbody > tr > td{
        font-size: 12px;
    }
    .sub-container .tabset .tablist > li > a{
        padding: 5px 15px;
    }
    .status .box .titset .sub-tit{
        font-size: 18px;
    }

    

    .bs.sub-container .inset .conbox .box .box-in .box-con .txtset > ul > li{
        font-size: 14px;
    }
    .bs.sub-container .inset .conbox .box .box-in .box-con .conset .txtset .num{
        display: none;
    }
    .bs.sub-container .inset .conbox .box .box-in .box-con .stit::before{
        display: block;
    }
    .bs.sub-container .inset .conbox .box.ty3.ty6 .box-in .box-con .stit::before{
        display: inline-block;
    }

    .bs.sub-container .inset .conbox .box.ty3.ty6,
    .bs.sub-container .inset .conbox .box.ty3.ty8{
        padding: 50px 20px;
    }
    .bs.sub-container .inset .conbox .box.ty6 .box-in .box-con .txtset .txt-in{
        padding: 20px;
    }


    .bs.ty1.sub-container .inset .conbox .box .box-in .box-con .stit::before {
        width: 18px;
        height: 19px;
    }

    .bs.ty2.sub-container .inset .conbox .box .box-in .box-con .titset {
        margin-bottom: 20px;
    }

    .bs.ty2.sub-container .inset .conbox .box .box-in .box-con .txtset .txt-box {
        padding: 20px;
    }
    
    .bs.ty2.sub-container .inset .conbox .box .box-in .box-con .txtset {
        gap: 20px;
    }
    .bs.ty2.sub-container .inset .conbox .box.ty2 .box-in .box-con .stepset ul > li .imgset .cg-in > p {
        font-size: 12px;
    }

    .bs.sub-container .inset .conbox .box .box-in .box-con .stit {
        font-size: 14px;
    }

    .bs.ty3.sub-container .inset .conbox .box.ty2 .box-in .box-con .stepset ul {
        flex-direction: column;
    }
    .bs.ty3.sub-container .inset .conbox .box.ty2 .box-in .box-con .stepset ul > li:nth-child(even)::before, .bs.ty3.sub-container .inset .conbox .box.ty2 .box-in .box-con .stepset ul > li + li::before {
        left: 50%;
        top: -40px;
        transform: translate(-50%, 0) rotate(90deg)
    }

    .bs.ty3.sub-container .inset .conbox .box.ty1 .box-in .box-con .conset > .imgset {
    margin: 20px 0 40px;
    padding: 28px;
}    
    .bs2.sub-container .inset .conbox .imgset > ul {
        flex-direction: column;
    }

  }