@charset "utf-8";
/* *{
  user-select:none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
} */

/* value-chain basic css */
html{font-size:16px;}
html, body{overflow-x:hidden;}
/*body{font-family: 'Inter', 'Noto Sans KR', -apple-system, BlinkMacSystemFont,'Malgun Gothic', sans-serif; font-weight:400; font-size:.875rem; color:#1D2B3B;}*/
body{font-family: 'Roboto', sans-serif;font-weight:400; font-size:.875rem; color:#1D2B3B;}
body.on, body.hidden{position:fixed; top:0; left:0; bottom:0; right:0; overflow:hidden;}
img{max-width:100%;}

h1{margin-bottom:2rem; font-size:2.25rem; line-height:1.33; font-weight:900}
h2{margin-bottom:2rem; font-size:2.25rem; line-height:1.33; /*font-weight:900;*/font-weight:600;}
h3{margin-bottom:.75rem; font-size:1.5rem; line-height:1.25; /*font-weight:700;*/font-weight:600;}
h4{margin-bottom:.75rem; font-size:1.25rem; line-height:1.25; /*font-weight:700;*/font-weight:600;}
h5{margin-bottom:.75rem; font-size:1rem; line-height:1.25; /*font-weight:700;*/font-weight:500;}
h6{font-size:.875rem; line-height:1.23}
h7{margin:.7rem 0 .5rem;}
p{line-height:1.33; letter-spacing:-.01em;}
a{cursor:pointer;}
h4 .letter{display:inline-block}
sub{display:block; margin-top:.5rem; font-weight:700; font-size:.875rem;}

.font-14{font-size:14px;}
.font-16{font-size:16px;}

/* layout */
.vc-area,
.vc-wide-area,
.vc-narrow-area{width:100%; padding:0 1rem;}
.vc-card-body-area{max-width:738px; margin:auto; }
.w-100{width:100%;}
.block-to-inline{display:block}
.buller{filter:blur(3px)}

@media (min-width:768px){
    h3{font-size:2rem;}
    .inline-to-block{display:block;}
    .block-to-inline{display:inline}
    .vc-card-area{padding:0 1rem;}

}

@media (min-width:992px){
    body{font-size:1rem;}
    h1, h2{margin-bottom:3.125rem; font-size:3.5rem;}
    h3{margin-bottom:2.25rem; font-size:2.25rem; line-height:1.38em;}
    h4{margin-bottom:1rem; line-height:1.33; font-size:1.5rem; }
    h5{font-size:1.5rem;}
    h6{font-size:1.125rem}
    .vc-font-20{font-size:1.25rem !important;}

    .vc-wide-area{max-width:1488px; margin:auto; padding:0 1.5rem;}
    .vc-narrow-area{max-width:1044px; margin:auto; padding:0 1.5rem;}
    .vc-card-area{max-width:1248px; margin:auto; padding:0 1.5rem;}
    /* .vc-area{max-width:1248px; margin:auto; padding-left:1.5rem; padding-right:1.5rem;} */
    .vc-area{max-width:1400px; margin:auto; padding-left:1.5rem; padding-right:1.5rem;}
    .row-area{max-width:840px; margin:auto;}
}


/* *********************************************************************************************************************************************** */
/* flex */
.d-flex{display:-ms-flex; display:flex;}
.d-inline-flex{display:-ms-inline-flexbox; display:inline-flex;}
.flex-wrap{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex-nowrap{-ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.justify-content-between{justify-content:space-between;}
.justify-content-around{justify-content:space-around;}
.justify-content-end{justify-content:flex-end;}
.justify-content-center{justify-content:center;}
.align-items-stretch{align-items:stretch;}
.align-items-start{align-items:start}
.align-items-center{align-items:center}
.direction-column{flex-direction:column}


/* text align */
.text-center{text-align:center}
.text-uppercase{text-transform:uppercase;}
.text-capitalize{text-transform:capitalize;}

/* ellipsis */
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.multi-ellipsis{display:-webkit-box; white-space:normal; word-wrap:break-word; -webkit-box-orient:vertical;}


/* *********************************************************************************************************************************************** */
/* link */
a{text-decoration:none; color:#1D2B3B;}
img{max-width:100%;}
img, svg{vertical-align:middle; max-width: 100%;}

.box-shadow{box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);}


@media (min-width:992px){
    .item-box{padding-top:1rem; border-top:1px solid #1D2B3B;}
    div[class^="col"]{}


}


/* *********************************************************************************************************************************************** */
/* button */
button, .vc-btn{position:relative; display:inline-block; padding:.375rem .75rem; vertical-align:middle; text-align:center; border:none; border-radius:.5rem; border:1px solid transparent; background-color:transparent; outline:none; line-height:1.5;
  /*font-family: 'Inter', 'Noto Sans KR', -apple-system, BlinkMacSystemFont,'Malgun Gothic', sans-serif; */
    font-family: 'Roboto', sans-serif, -apple-system, BlinkMacSystemFont,'Malgun Gothic', sans-serif; color:#1D2B3B; font-weight:400 !important; font-size:.875rem; font-weight:bold;
  cursor:pointer; -webkit-user-select:none; user-select:none; }
button, [type="button"], [type="reset"]{-webkit-appearance:button}
.vc-btn a{display:block; width:}
.vc-btn-none{padding:0.25rem; padding-right:0; line-height:1;}
.vc-btn-lg{margin-top:.5rem; padding:.75rem ; font-size:1rem;}
.vc-btn-md{padding:.65rem .75rem;}


/* icon btn */
.vc-top-btn{display:none;}
.vc-btn-icon{display:inline-flex; align-items:center; justify-content:center; width:3rem; height:3rem; padding:0 !important; border-radius:50%;
  border:1px solid #1D2B3B; font-size:1.5rem;}
.vc-btn-icon + .vc-btn-icon{margin-left:.5rem;}

/* btn color */
.vc-btn-primary{background-color:#0C77FB; border-color:#0C77FB; color:#fff;}
.vc-btn-primary-line{background-color:#fff; border-color:#0C77FB; color:#0C77FB;}
.vc-btn-secondary{background-color:#1D2B3B; color:#fff;}
.vc-btn-secondary-line{border-color:#1D2B3B;}
.vc-btn-white{background-color:#fff; color:#0C77FB;}
.vc-btn-white-line{border-color:#fff; color:#fff;}

/* gray */
.vc-gray-9{color:#1D2B3B;}
.vc-gray-8{color:#3B4754;}
.vc-gray-7{color:#67717C;}
.vc-gray-6{color:#858D94;}
.vc-gray-5{color:#B6BDC2;}
.vc-gray-4{color:#D5D8DB;}
.vc-gray-3{color:#EBECED;}
.vc-gray-2{color:#F1F2F3;}
.vc-gray-1{color:#F1F2F3;}

/* primary */
.vc-primary{color:#0C77FB;}
.vc-info {color: #099268;}
.vc-warning{color:#ff714c !important;}

/* category code */
.vc-category-round{display:block; width:1rem; height:1rem; margin-left:.15rem; border-radius:50%; background-color:#EBECED;}



@media (min-width:992px){
    .vc-btn-primary-line:hover{border-color:#ff714c; color:#ff714c; box-shadow:0px 4px 20px rgb(0 0 0 / 20%); -webkit-transition:all .3s; transition:all .3s;}

    .vc-effect-btn{position:relative; overflow:hidden; z-index:1;}
    .vc-effect-btn span{position:absolute; display:block; width:0; height:0; border-radius:50%; background-color:#FF714C;
        transition:width .4s ease-in-out, height .4s ease-in-out; transform: translate(-50%, -50%); z-index:-1;}
    .vc-effect-btn span.bg-white{background-color:#fff;}
    .vc-effect-btn:hover{border-color:#FF714C!important; box-shadow:0px 4px 20px rgb(0 0 0 / 20%); background-color:transparent; color:#fff; transition:all .3s ease}
    .vc-effect-btn:hover span{width:225%; height:560px;}
    .vc-effect-btn:hover span.bg-white{width:500%; height:800px;}
    .vc-effect-btn:focus{border-color:#EE5730; box-shadow:0px 4px 20px rgb(0 0 0 / 20%); background-color:#EE5730; color:#fff;}

    /* .vc-effect-btn{position:relative; overflow:hidden; z-index:1;}
    .vc-effect-btn span{position:absolute; display:block; width:0; height:0; border-radius:50%; background-color:#FF714C;
        transition:width .4s ease-in-out, height .4s ease-in-out; transform: translate(-50%, -50%); z-index:-1;}
    .vc-effect-btn span.bg-white{background-color:#fff;}
    .vc-effect-btn:hover{border-color:#FF714C!important; box-shadow:0px 4px 20px rgb(0 0 0 / 20%); background-color:transparent; color:#fff; transition:all .3s ease}
    .vc-effect-btn:hover span{width:225%; height:560px;}
    .vc-effect-btn:hover span.bg-white{width:500%; height:800px;}
    .vc-effect-btn:focus{border-color:#EE5730; box-shadow:0px 4px 20px rgb(0 0 0 / 20%); background-color:#EE5730; color:#fff;} */

    .vc-btn-lg{margin-top:1rem; padding:1rem 2rem;}
    .vc-category-round{width:1.1rem; height:1.1rem;margin-left:.25rem;}


    .vc-top-btn{display:flex;}
    .vc-hover-btn:hover{color:#FF714C; transition:all .3s ease-in-out;}


}


/* *********************************************************************************************************************************************** */
/* table */
.vc-responsive-table{margin-top:.5rem; border-top:1px solid #1D2B3B;}
.vc-responsive-table li{border-bottom:1px solid #EBECED}
.vc-responsive-table .inner{margin:0 -.5rem;}
.vc-responsive-table .title,
.vc-responsive-table .content{padding:.5rem;}
.vc-responsive-table .title{width:33.3333%; font-weight:700;}
.vc-responsive-table .content{width:66.666667%;}

@media (min-width:992px){
    .vc-responsive-table{display:flex; border-top:0; }
    .vc-responsive-table li{ width:25%; }
    .vc-responsive-table .inner{display:block; margin:0;}
    .vc-responsive-table .title{border-bottom:1px solid #1D2B3B;}
    .vc-responsive-table .title,
    .vc-responsive-table .content{width:100%; text-align:center;}

}


/* *********************************************************************************************************************************************** */
/* card */
/* card basic */
.vc-card{margin-bottom:.625rem; background-color:#fff; }
.vc-card-header, .vc-card-body, .vc-card-footer{padding:1rem;}
.vc-card-header{border-bottom:1px solid #EBECED; font-weight:700; font-size:1rem;}
.vc-card-body{}
.vc-card-title{margin-bottom:.5rem;}
.vc-card-footer{border-top:1px solid #EBECED;}
.vc-card-img{width:100%; border-top-left-radius:calc(.5rem - 1px); border-top-right-radius:calc(.5rem - 1px); background-color:#f1f3f5;}
.vc-card-btn{padding:.5rem;}
.vc-card-footer .vc-card-btn{margin:0 -.5rem; padding:0;}
.vc-card-btn *{width:calc(50% - 1rem); margin:0 .5rem;}

/* card color */
.vc-card-color,
.vc-card-gradient{width:calc(50% - 4.5px); height:5rem; margin-bottom:.625rem; border-radius:.5rem; background-color:#f1f3f5;
    -webkit-transition:all .3s ease; transition:all .3s ease;}
.vc-card-color:nth-child(odd),
.vc-card-gradient:nth-child(odd){margin-right:9px;}
.vc-card-color a,
.vc-card-gradient a{width:100%; height:100%;  padding:.75rem; color:#fff;}
.vc-card-color h6{text-align:right;}
.vc-card-gradient h6{position:relative; font-size:.875rem; z-index:3;font-weight: 400;}
.vc-card-color .img{position:relative; width:3.25rem; height:3.25rem; border-radius:1.625rem; -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0)}
.vc-card-color .img img,
.vc-card-gradient .img img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);
    -webkit-transition:all .3s ease; transition:all .3s ease;}
.vc-card-color .img:before,
.vc-card-gradient .img:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%;
    border-style:solid; border-color:#fff; border-width:0; -webkit-transition:border-width .1s ease-out; transition:border-width .1s ease-out; z-index:-1;}

/* card gradient  */
.vc-card-gradient{position:relative; overflow:hidden;}
.vc-card-gradient .img{position:absolute; bottom:.5rem; right:.5rem; width:2.5rem; height:2.5rem; border-radius:50%; box-shadow: 0px 25px 41px 0 rgba(0,0,0,0.4);  z-index:2;}
.vc-card-gradient .img img{width:100%; height:100%; border-radius:50%; object-fit:cover;}


@media (min-width:768px){
    .vc-card{margin-bottom:1.25rem; border-radius:.5rem; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);}
    .vc-card-box{margin:0 -5px}
    .vc-card-color,
    .vc-card-gradient{width:calc(25% - 10px); margin-left:5px; margin-right:5px;}
    .vc-card-color:nth-child(odd),
    .vc-card-gradient:nth-child(odd){margin-right:5px;}
    .vc-card-btn{margin:0 -.5rem; padding:0;}
    .vc-card-btn *{max-width:12rem; padding:.675rem .75rem;}

}

@media (min-width:992px){
    .vc-card{margin-bottom:3rem;}
    .vc-card-header{font-size:1.125rem;}
    .vc-card-header, .vc-card-footer{padding:1.25rem 2rem;}
    .vc-card-body{padding:2.5rem 2rem;}
    .vc-card-notice{justify-content:center; padding:1.75rem 2rem}
    .vc-card-box{margin:0 -.75rem; margin-bottom:2rem;}
    .vc-card-color,
    .vc-card-gradient{width:calc(25% - 1.5rem); height:7.75rem; margin-left:.75rem; margin-right:.75rem; margin-bottom:1.5rem;  }
    .vc-card-color a, .vc-card-gradient a{padding:1.375rem;}
    .vc-card-color .img{width:4.75rem; height:4.75rem; }
    .vc-card-color h6, .vc-card-gradient h6{font-size:1.1rem;font-weight: 400;}
    .vc-card-color:nth-child(odd),
    .vc-card-gradient:nth-child(odd){margin-right:.75rem;}
    .vc-card-color:hover,
    .vc-card-gradient:hover{box-shadow: 0px 25px 41px -7px rgba(0,0,0,0.28);}
    .vc-card-color:hover .img:before,
    .vc-card-gradient:hover .img:before{-webkit-transform:translateY(0); transform:translateY(0); border-width:4px; z-index:1;}

    .vc-card-gradient .img{bottom:1rem; right:1rem; width:4.25rem; height:4.25rem; }

}


/* *********************************************************************************************************************************************** */
/* 산업, 업종 안씀 */
/* 산업 */
/* 플랜트 건설 */
.vc_id_plant{background-color:#099268;}
/* 조선 */
.vc_id_sb{background-color:#283C86;}
/* 기계 */
.vc_id_machine{background-color:#F6C549;}
/* 철강금속 */
.vc_id_steel{background-color:#D62A46;}
/* 자동차 */
.vc_id_auto{background-color:#1D2B3B;}
/* 석유화학 */
.vc_id_petro{background-color:#713123;}
/* 기타 */
.vc_id_etc{background-color:#31A2F4;}

/* 업종1 - 소재 */
/* 철강 */
.vc_mt_steel{background-color:#CD5277;}
/* 금속 */
.vc_mt_metal{background-color:#C57AB0;}
/* 화학 */
.vc_mt_chemi{background-color:#448897;}
/* 소재기타 */
.vc_mt_etc{background-color:#78B0D9;}

/* 업종2 - 가공기술 */
/* 단조 */
.vc_prc_forge{background-color:#985945; background: linear-gradient(130deg, #985945 7%, #B28F76 103%);}
/* 금형 */
.vc_prc_mold{background-color:#CD8B29;}
/* 다이캐스팅 */
.vc_prc_die{background-color:#6B856A; background:linear-gradient(130deg, #6B856A -1%, #ADCDAC 94%);}
/* 도금 */
.vc_prc_plating{background-color:#519B8E; background:linear-gradient(134deg, #519B8E 17%, #83BFC8 97%)}
/* 열처리 */
.vc_prc_ht{background-color:#DF5D5D; background:linear-gradient(130deg, #DF5D5D 7%, #DD8383 104%);}
/* 기타 가공기술 */
.vc_prc_etc{background-color:#5A82BE; background:linear-gradient(134deg, #5A82BE 17%, #AEC2E0 97%);}

/* 업종3 - 부품 */
/* 자동차부품 */
.vc_part_auto{background-color:#1D2B3B; background:linear-gradient(134deg, #1D2B3B 17%, #697582 97%);}
/* 유압부품 */
.vc_part_hyd{background-color:#6DD5FA; background:linear-gradient(134deg, #6DD5FA 17%, #E9E4F0 97%);}
/* 기계부품 */
.vc_part_machine{background-color:#77589F; background:linear-gradient(134deg, #77589F 17%, #B69FD3 97%);}
/* 건설부품 */
.vc_part_cost{background-color:#047575; background:linear-gradient(134deg, #047575 17%, #3F7F7F 97%);}
/* 기타부품 */
.vc_part_etc{background-color:#BABABA; background:linear-gradient(134deg, #BABABA 17%, #DEDFE0 97%);}

/* 업종4 - 설비 */
/* 기계류 */
.vc_fa_machine{background-color:#F6C549; background:linear-gradient(134deg, #F6C549 17%, #FFE872 97%);}
/* 운송장비 */
.vc_fa_trans{background-color:#EE9CA7;}
/* 금속구조물 */
.vc_fa_struc{background-color:#B4C4D0; background:linear-gradient(134deg, #B4C4D0 17%, #A6BCBD 97%);}
/* 보일러 */
.vc_fa_boiler{background-color:#CAAD93;}
/* 공조&여과기 */
.vc_fa_air{background-color:#2DA7C6;}
/* 기타설비 */
.vc_fa_etc{background-color:#4AC29A;}


/* 업종 color new 재지정 */
/* 철강금속 */
.sector1_1{background-color:#D62A46;} /* 철강금속 */
.sector1_2{background-color:#2A5298;} /* 압연 및 압출 */
.sector1_3{background-color:#3FADA8;} /* 선재 */
.sector1_4{background-color:#2D4D58;} /* 배관자재 */
.sector1_5{background-color:#7F5EDF;} /* 비철금속 */
.sector1_6{background-color:#C5796D;} /* 동 */
.sector1_7{background-color:#D5D8DB;} /* 알루미늄 */
.sector1_8{background-color:#ADA996;} /* 아연 */
.sector1_9{background-color:#C57AB0;} /* 기타철강 */

/* 금속 가공 */
.sector2_1{background-color:#F6C549;} /* 도금 */
.sector2_2{background-color:#F46B45;  background:linear-gradient(115deg, #F46B45 3%, #EEA849 97%);} /* 주조 및 다이캐스팅 */
.sector2_3{background-color:#859398;  background:linear-gradient(115deg, #859398 3%, #DBDBDB 97%);} /* 금속가공 */
.sector2_4{background-color:#7F7FD5;  background:linear-gradient(115deg, #7F7FD5 3%, #91BAEA 97%);} /* 분말야금 */
.sector2_5{background-color:#EF629F;  background:linear-gradient(115deg, #EF629F 3%, #EBCAA0 97%);} /* 단조 */
.sector2_6{background-color:#DF5D5D;  background:linear-gradient(115deg, #DF5D5D 3%, #DD8383 97%);} /* 열처리 */
.sector2_7{background-color:#CAAF81;} /* 금형 */

/* 기계 및 설비 */
.sector3_1{background-color:#61524F;} /* 보일러 */
.sector3_2{background-color:#448897;} /* 변압기 */
.sector3_3{background-color:#E44D26;} /* 노 및 버너 */
.sector3_4{background-color:#F2994A;} /* 기계 */
.sector3_5{background-color:#2DA7C6;} /* 공조설비 */
.sector3_6{background-color:#4AC29A;} /* 여과기 */
.sector3_7{background-color:#BE7D1D;} /* 농기계 */
.sector3_8{background-color:#31A2F4;} /* 공작기계 */
.sector3_9{background-color:#F9D423;  background:linear-gradient(115deg, #F9D423 3%, #FEE140 97%);} /* 건설장비 */
.sector3_10{background-color:#859398;  background:linear-gradient(115deg, #859398 3%, #DBDBDB 97%);} /* 금속가공기계 */

/* 소재 */
.sector4_1{background-color:#274047;  background:linear-gradient(115deg, #274047 3%, #8B9D9E 97%);} /* 광업 */
.sector4_2{background-color:#232526;} /* 합성고무 */
.sector4_3{background-color:#B4C4D0;  background:linear-gradient(115deg, #B4C4D0 3%, #A6BCBD 97%);} /* 유리 */
.sector4_4{background-color:#F0C27B;} /* 세라믹 */
.sector4_5{background-color:#AAAAAA;} /* 시멘트 */
.sector4_6{background-color:#77589F;  background:linear-gradient(115deg, #77589F 3%, #B69FD3 97%);} /* 비금속광물 */
.sector4_7{background-color:#1C232C;  background:linear-gradient(115deg, #1C232C 3%, #928dab 97%);} /* 탄소 섬유 */

/* 화학 */
.sector5_1{background-color:#713123;} /* 석유화학 */
.sector5_2{background-color:#3D72B4;} /* 플라스틱 */
.sector5_3{background-color:#547794;} /* 플라스틱 사출 */
.sector5_4{background-color:#ED4264;} /* 화학섬유 */
.sector5_5{background-color:#EE9CA7;} /* 화학비료 */
.sector5_6{background-color:#79BB55;} /* 페인트 */
.sector5_7{background-color:#414346;  background:linear-gradient(115deg, #414346 3%, #545459 97%);} /* 타이어 */
.sector5_8{background-color:#4F6672;} /* 고무 */
.sector5_9{background-color:#B06555;} /* 기타 화학 제품 */
.sector5_10{background-color:#ddd6f3;  background:linear-gradient(115deg, #ddd6f3 3%, #faaca8 97%);} /* 화장품 */

/* 전기 전자 */
.sector6_1{background-color:#157796;} /* 반도체 */
.sector6_2{background-color:#858C94;} /* 전자기기 및 부품 */
.sector6_3{background-color:#1596DC;  background:linear-gradient(115deg, #1596DC 3%, #B6F2FE 97%);} /* 정밀제어장치 */
.sector6_4{background-color:#FFC700;  background:linear-gradient(115deg, #FFC700 3%, #B6F2FE 97%);} /* 전기제어장치 */
.sector6_5{background-color:#3BC160;} /* 에너지제어장치 */
.sector6_6{background-color:#474D6A;} /* 축전지 */
.sector6_7{background-color:#858C94;  background:linear-gradient(115deg, #858C94 3%, #B07655 97%);} /* 케이블 */

/* 운송 */
.sector7_1{background-color:#283C86;} /* 조선 */
.sector7_2{background-color:#3A6073;  background:linear-gradient(115deg, #3A6073 3%, #3A7BD5 97%);} /* 조선 기자재 */
.sector7_3{background-color:#D0BFFF;} /* 철도장비 및 부품 */
.sector7_4{background-color:#1596DC;  background:linear-gradient(115deg, #1596DC 3%, #1C92D2 97%);} /* 항공우주부품 */
.sector7_5{background-color:#4979F6;} /* 기타 운송장비 */

/* 부품 */
.sector8_1{background-color:#1D2B3B;} /* 자동차부품 */
.sector8_2{background-color:#5D7085;  background:linear-gradient(115deg, #5D7085 3%, #8EBCC6 97%);} /* 엔진 및 터빈 */
.sector8_3{background-color:#6DD5FA;  background:linear-gradient(115deg, #6DD5FA 3%, #E9E4F0 97%);} /* 유압기기 */
.sector8_4{background-color:#FFD8A8;  background:linear-gradient(115deg, #FFD8A8 3%, #F59F00 97%);} /* 기계 부품 */
.sector8_5{background-color:#CFD9DF;  background:linear-gradient(115deg, #CFD9DF 3%, #E2EBF0 97%);} /* 베어링 */
.sector8_6{background-color:#868f96;  background:linear-gradient(115deg, #868f96 3%, #596164 97%);} /* 기어 */

/* 섬유 */
.sector9_1{background-color:#92FE9D;  background:linear-gradient(115deg, #00C9FF 3%, #92FE9D 97%);} /* 방적 및 직물 */
.sector9_2{background-color:#bac8ff;} /* 원단 */
.sector9_3{background-color:#A9E34B;  background:linear-gradient(115deg, #A9E34B 3%, #0C8599 97%);} /* 섬유가공 */
.sector9_4{background-color:#FDA085;  background:linear-gradient(115deg, #FDA085 3%, #764BA2 97%);} /* 섬유기계 */
.sector9_5{background-color:#A1C4FD;  background:linear-gradient(115deg, #A1C4FD 3%, #FDCBF1 97%);} /* 기타섬유제품 */

/* 기타 */
.sector10_1{background-color:#099268;} /* 플랜트 */
.sector10_2{background-color:#63635E;  background:linear-gradient(115deg, #63635E 3%, #88D03F 97%);} /* 방산제품 */
.sector10_3{background-color:#FFAD31;} /* 산업로봇 */
.sector10_4{background-color:#D8D2CB;} /* 의료용 기기 */

.sector10_4 h6{color:#ffffff}

/* 취급 외 */
.sector99{border:2px dotted #190B07;background-color: rgb(255,255,255,0.5); color: #190B07;} /* 취급 외 */


/* *********************************************************************************************************************************************** */
/* form */
.form-row{display:-ms-flex; display:flex; flex-wrap:wrap; margin-left:-5px; margin-right:-5px;}
.form-row > .col, .form-row > [class*=col-]{padding-left:5px; padding-right:5px;}
.form-group{position:relative;  margin-bottom:1rem; line-height:1.45;}
.form-group strong{font-weight:700; color:#0C77FB;}

/* input */
::placeholder{color:#B6BDC2;}
input, textarea, select{font-family: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont,'Malgun Gothic', sans-serif; font-size:1rem;}
input, select, textarea{outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
textarea{resize:vertical;}
input[readonly]::placeholder{color:#67717C !important;}
input[readonly]{background-color:#F8F8F9;}
label{display:block; font-size:.875rem;}

/* form-control */
.vc-form-control{display:block; width:100%; height:calc(1.5em + 1.2rem + 2px); padding:.6rem .75rem; line-height:1.5; font-size:1rem; border:1px solid #D5D8DB;
    border-radius:.5rem; background-color:#fff;  transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out}
.vc-textarea{height:calc(7.5em + 1.2rem + 2px);}
.vc-form-control:focus,
.vc-search-btn:focus{border-color:#0C77FB; box-shadow:0 0 0 0.2rem rgb(12 119 251 / 25%);}
.vc-label-v,
.vc-label-h{margin-bottom:.25rem; text-transform:capitalize;}
.vc-form-error{display:none; margin-top:.5rem; font-size:14px; color:#FF4B2B;}
.vc-form-notice{margin-top:.5rem; font-size:14px;}
.vc-form-addr input + input{margin-top:.5rem;}

/* 파일 */
#dropZone{border-radius:.5rem; border:2px dashed #D5D8DB; line-height: 1.5;
  font-size:1rem; color:#B6BDC2;}

.vc-attach{position:relative; padding:.6rem .75rem;}
.vc-attach .tbp{min-height:6rem;}
/* #fileTbody2{position:absolute; top:40%; right:1rem; -webkit-transform:translate(-50%); transform:translateY(-50%); max-width:60px;} */
#fileTbody2{padding:0.6rem}
[id^="fileDiv"]{width:calc(100% - 1.5rem)}
/* [id^="fileDivB"]{padding:.25rem;} */

/* select */
select.vc-form-control{padding-right:2.5rem !important; z-index:1;}
.vc-selectbox{position:relative;}
.vc-selectbox i{position:absolute; top:50%; right:1rem; -webkit-transform:translateY(-50%); font-size:1rem; color:#B6BDC2; pointer-events:none;}


/* 라디오, 체크박스 버튼스타일 */
.vc-checkradio-btn input[type="radio"],
.vc-checkradio-btn input[type="checkbox"]{display:none;}
.vc-checkradio-btn label{position:relative; height:calc(1.5em + 1.2rem); margin-right:.5rem; margin-bottom:.5rem; padding:.6rem .8rem; line-height:1.4; cursor:pointer;
    background-color:#EBECED; border-radius:2rem; color:#67717C; z-index:2; overflow:hidden; -webkit-transition:color .2s ease-in-out; transition:color .2s ease-in;}
.vc-checkradio-btn label:before{content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:50%; background-color:#3B4754;
    -webkit-transform:translate(-50%, -50%) scale3d(.1, .1, 1); transform:translate(-50%, -50%) scale3d(.1, .1, 1); opacity:0; z-index:-1;
    -webkit-transition:all .5s cubic-bezier(0.4, 0, 0.2, 1); transition:all .5s cubic-bezier(0.4, 0, 0.2, 1);}
.vc-checkradio-btn input:checked ~ label{box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); color:#fff; }
.vc-checkradio-btn input:checked ~ label:before{-webkit-transform:translate(-50%, -50%) scale3d(20, 20, 1); transform:translate(-50%, -50%) scale3d(20, 20, 1); opacity:1;}

/* 라디오 디폴트 */
.vc-radio-default input[type="radio"]{display:none;}
.vc-radio-default{position:relative;}
.vc-radio-default label{display:flex; align-items:center; margin-right:1rem; font-weight:400; color:#67717C;}
.vc-radio-default label i{position:relative; width:1.125rem; height:1.125rem; margin-right:.5rem; background:#fff; border:1px solid #B6BDC2; border-radius:50%; cursor:pointer; transition:all .3s ease;}
.vc-radio-default label i:after{content:""; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%) scale3d(.1, .1, 1); transform:translate(-50%,-50%) scale3d(.1, .1, 1); width:.5rem; height:.5rem;
    background-color:#fff; border-radius:50%; -webkit-transition:all .3s ease; transition:all .3s ease;}
.vc-radio-default input[type="radio"]:checked + label i{box-shadow:0 0 0 0.2rem rgb(12 119 251 / 25%); background:#0C77FB; border-color:#0C77FB;}
.vc-radio-default input[type="radio"]:checked + label i:after{-webkit-transform:translate(-50%, -50%) scale3d(1,1,1); -webkit-transform:translate(-50%, -50%) scale3d(1,1,1);}
.vc-radio-default input[type="radio"]:checked + label span{color:#0C77FB; font-weight:700; -webkit-transition:all .3s ease; transition:all .3s ease;}

/* 체크박스 디폴트 */
.vc-check-default{position:relative; margin-bottom:.5rem;}
.vc-check-default input{display:none;}
.vc-check-default label{display:flex; align-items:center; margin-right:1rem; font-weight:400; color:#67717C;}
.vc-check-default label i{position:relative; min-width:1.125rem; height:1.125rem; margin-right:.5rem; background:#fff; border:1px solid #B6BDC2; border-radius:.25rem; cursor:pointer; transition:all .3s ease;}
.vc-check-default label i:after{content:""; position:absolute; top:4px; -webkit-trasform:rotate(-45deg) scale3d(.1, .1, 1); transform:rotate(-45deg) scale3d(.1, .1, 1); width:9px; height:5px; left:3px; border:2px solid #fff; border-top:none; border-right:none;
    -webkit-transition:all .3s ease; transition:all .3s ease;}
.vc-check-default input[type="checkbox"]:checked + label i{box-shadow:0 0 0 0.2rem rgb(12 119 251 / 25%); background:#0C77FB; border-color:#0C77FB;}
.vc-check-default input[type="checkbox"]:checked + label i:after{-webkit-transform:rotate(-45deg) scale3d(1,1,1); -webkit-transform:rotate(-45deg) scale3d(1,1,1);}
.vc-check-default input[type="checkbox"]:checked + label span{color:#0C77FB; font-weight:700; -webkit-transition:all .3s ease; transition:all .3s ease;}
.vc-check-default .vc-btn-none{padding:0;}
label.vc-label-multi-line{align-items:inherit; line-height:1.33;}


@media (min-width:768px){
    .vc-label-h{margin-top:.6rem; margin-bottom:0;}
}

@media (min-width:992px){
    .vc-card-body .form-group{margin-bottom:1.25rem;}
    label{font-weight:700;}
    .vc-label-h{margin-top:.7rem; margin-bottom:0; font-size:1rem; }
    .vc-form-control{height:calc(1.5em + 1.4rem + 2px); padding:.7rem 1rem; font-size:1rem;}
    .vc-textarea{height:calc(10em + 1.4rem + 2px);}
    .vc-check-default{align-items:start; margin-bottom:0;}
    .vc-radio-default label{margin-right:2rem; font-size:.9375rem;}

    .vc-checkradio-btn label{position:relative; height:calc(1.5em + 1.5rem); margin-right:.5rem; margin-bottom:.75rem; padding:.75rem 1rem;}
    .vc-btn-md{padding-left:1.5rem; padding-right:1.5rem;}
}



/* *********************************************************************************************************************************************** */
/* modal */
.vc-modal{display:none;}
.vc-modal-mask{position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,.5); z-index:50; opacity:0; visibility:hidden;
    -webkit-transition:all .7s ease;  transition:all .7s ease;}
.vc-modal-content{position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%, calc(-50% + 3rem)); transform:translate(-50%, calc(-50% + 3rem)); width:calc(100% - 2rem);
    background-color:#fff; border-radius:.5rem; overflow:hidden; box-shadow: 0 12px 28px -12px rgba(0,0,0,0.15); outline:0;
     -webkit-transition:all .3s; transition:all .3s; pointer-events:none;
    opacity:0; visibility:hidden;  z-index:1000;}
.vc-modal-header, .vc-modal-body, .vc-modal-footer{padding:1rem;}
.vc-modal-header{border-bottom:1px solid #EBECED; }
.vc-modal-header h5{margin-bottom:0;}
.vc-modal-header button{padding:0; }
.vc-modal-body{max-height:22rem; height:100%; overflow-y:scroll;}
.vc-modal-body .vc-terms-content{font-size:.875rem;}
.vc-modal-body .vc-terms-content ul li{margin-top:.75rem;}
.vc-modal-body .vc-terms-content h4, .vc-modal-body .vc-terms-content h5{font-size:1rem;}
.vc-modal-body .vc-terms-content *{line-height:1.66;}
.vc-modal-body .vc-terms-content .paragraph:first-child{margin-top:0;}
.vc-modal-body .vc-terms-content .bullet-num{width:1rem; height:1rem;}
.vc-modal-body .vc-terms-content .bullet-text {padding-left:.5rem;}
.vc-modal-body .vc-terms-content .indent{padding-left:1.5rem;}

.vc-modal-footer{border-top:1px solid #EBECED;}
.vc-modal-active{opacity:1; visibility:visible; pointer-events:auto}
.vc-modal-active + .vc-modal-content{opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:translate(-50%, calc(-50%)); transform:translate(-50%, calc(-50%));}
.closeModalBtn i{font-size:1.25rem;}

@media (min-width: 992px) {

    .vc-modal-content{max-width:40rem; width:100%; }
    .vc-modal-body{max-height:30rem;}
    .closeModalBtn i{font-size:1.5rem;}
}



/* *********************************************************************************************************************************************** */
/* waves 효과 */
*::-ms-backdrop, .vc-waves,
*::-ms-backdrop, .vc-waves-bottom{display:none; } /* IE11 */
.vc-waves{position:relative; width:100%; max-height:5rem; min-height:3rem; height:3rem; margin-bottom:-7px; /*Fix for safari gap*/}
.vc-waves-bottom{position:relative; height:7rem; margin-bottom:-1px; background-color: #0c77fb;}
.vc-waves-parallax > use{animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.vc-waves-parallax > use:nth-child(1){animation-delay:-2s; animation-duration:7s;}
.vc-waves-parallax > use:nth-child(2){animation-delay:-3s; animation-duration:10s;}
.vc-waves-parallax > use:nth-child(3){animation-delay:-4s; animation-duration:13s;}
/* .vc-waves-parallax > use:nth-child(4){animation-delay:-5s; animation-duration:20s;} */

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% {
    transform: translate3d(85px,0,0);
  }

}

@media (min-width: 992px) {
  .vc-waves{height:3rem; min-height:100px;}
  .vc-waves-bottom {height:16.5rem;}

}

/* *********************************************************************************************************************************************** */
/* header */
#skip_nav{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px);}
/* logo */
#logo{}
#logo img{height:1.5rem; -webkit-transtion:height .3s ease; transition:height .3s ease; }

/* pc gnb */
#header .vc-gnb,
#header .vc-header-btn {display:none;font-weight: bold;}

/* scroll header */
.hfix #header{position:fixed; top:0; left:0; width:100%; box-shadow:0px 2px 4px rgb(0 0 0 / 5%); z-index:1000;}
.hfix #header::before{content:''; position:fixed; top:0; left:0; width:100%; height:54px; background-color: rgba(255, 255, 255, .75);
 backdrop-filter: blur(2px); z-index:-1; }

/*header pdf down*/
.pdfon{padding-top: 0;}
.pdf_down{display: none;position:fixed;top: -100%;width: 100%;height:3.5rem;background:rgb(119,172,241,90%);z-index: 10;opacity:0; overflow-x:auto; visibility:hidden; -webkit-transition:all 2s ease; transition:all 2s ease;}
.pdfon .pdf_down{top:0; opacity:1; visibility:visible;color: #fff;}
.pdf_down span{line-height: 3.5rem;font-weight: 300;}
.pdf_down a{padding: .2rem .9rem;background: rgb(255,255,255,20%);margin-left: 2rem;border-radius: 3rem;}
.pdf_down a,.pdf_down i{color: #fff;}
/*.pdf_down i{font-size: 1rem;}*/
#pdf_close{/*position: absolute;right: 10rem;line-height: 2.5rem;*/font-size:1.3rem;line-height: 2.5rem;float:right;margin-right:18px;margin-top:5px;}


@media (min-width:992px){
    .pdf_down{display: block;}
    .pdfon{padding-top: 3.5rem;}
    .pdfon.hfix #header .vc-wide-area{margin-top: 3.5rem;}
    .pdfon.hfix #header:before{margin-top: 3.5rem;}
}


/* mobile header */
#header .vc-menu-open{margin:.5rem 0; font-size:1.75rem;}
.vc-mo-gnb{position:fixed; top:0; right:-100%; width:20rem; height:100%; padding:0 1.25rem; background-color:#fff; z-index: 999;
  opacity:0; overflow-y:auto; visibility:hidden; -webkit-transition:all .3s ease; transition:all .3s ease;}
.on .vc-mo-gnb{right:0; opacity:1; visibility:visible;}
.on .vc-mobile{position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.5); z-index: 888;}
.vc-mo-gnb-header{padding:.5rem 0; }
.mo-logo img{height:1.5rem;}
.vc-menu-close{font-size:1.75rem;}
/* mobile gnb */
.vc-mo-gnb-content{padding:1rem 0;}
.vc-mo-gnb-content h2{margin-bottom:1rem; text-transform:capitalize; font-size:1.2rem; /*font-weight:700; */font-weight:600;line-height:1.33;}
.vc-mo-gnb-content h2 a{display:block;}
/* mobile sign button */
.vc-mo-sign-btn{margin-bottom:2rem;}
.vc-mo-sign-btn li + li{margin-top:.75rem;}
.vc-mo-sign-btn a{display:block; text-transform:uppercase;}
/* mobile footer */
.vc-mo-gnb-footer{color:#0C77FB;}
.vc-mo-gnb-footer h4{font-size:1.125rem;}
.vc-mo-gnb-footer .vc-talk-contact{margin-top:.5rem;}
.vc-mo-gnb-footer .vc-talk-contact .icon{width:1.5rem; height:1.5rem; }
.vc-mo-gnb-footer .vc-talk-contact .text{font-size:1rem}

/* page common */
.vc-page{padding-top:2rem; padding-bottom:1.5rem;}
.vc-sub-banner-page{padding-top:0;}

/* promo common */
#promo2{padding:3rem 0; background-color:#1D2B3B; color:#fff;}
#promo2 h3{margin-bottom:1.25rem; font-size:1.25rem;/* font-weight:700;*/font-weight:500;}
#promo2 .vc-promo-btn a{width:calc(100% - 1rem); margin:0 .5rem}
#promo2 .vc-promo-btn a + a{margin-top:.625rem;}
#supplier .vc-modal-content{max-width:400px;}
#supplier .vc-modal-body{position:relative; overflow-y:inherit; text-align:center;}
#supplier .closeModalBtn{position:absolute; top:1rem; right:.25rem;}
#supplier h5{font-size:2rem;}
#supplier p{font-size:1rem;}
#supplier a{margin-top:1.5rem;}

/* footer */
#footer{padding:2.25rem 0rem; background-color:#EBECED;}
#footer .vc-footer-logo{margin-bottom:2rem; height:1.5rem;}
#footer .vc-footer-logo img{height:100%;}
#footer .vc-footer-nav{position:relative;}
#footer ul{width:100%; margin-bottom:1.5rem;}
#footer ul li{margin-bottom:.75rem;}
#footer .vc-footer-links a, #footer .footer-help a{/*font-weight:800;*/font-weight:500;}
#footer .vc-footer-cs strong{margin-right:.25rem;}
#footer .vc-footer-sns li + li{margin-left:.5rem}
#footer .vc-footer-sns a{width:2.25rem; height:2.25rem; border-radius:50%; background-color:#D5D8DB; color:#fff;}
#footer .vc-footer-sns a i{font-size:1.25rem;}
#footer .vc-footer-top{width:100%;}
#footer .vc-footer-top button{margin-top:1rem; padding:0;  }
#footer .vc-footer-top button i{margin-left:-.25rem; font-size:1.75rem;}
#footer .footer_sns_click,.aside_sns_click{display: flex;}
#footer .footer_sns_click li,.aside_sns_click li{font-size: 1.7rem;margin-right: .5rem;}
#footer .footer_sns_click li i,.aside_sns_click li i{width: 2.25rem;height: 2.25rem;border-radius: 50%;background-color: #d5d8db;color: #fff;text-align: center;line-height: 2.25rem;font-size: 1.2rem;}
#footer .footer_sns_click li i.snsYu{background-color: red;}
#footer .footer_sns_click li i.snsFa{background-color: #3b5998;}
#footer .footer_sns_click li i.snsLi{background-color: #0077b5;}
#footer .footer_sns_click i:hover,.aside_sns_click li i:hover{background-color:#0c77fb; color:#fff;border-radius: 50%;}
#footer strong{font-weight: 500;}


@media (min-width: 280px){
    .vc-mo-gnb{
        width: 17rem;}
}

@media (min-width:375px){
    #footer .vc-footer-content{position:relative;}
    #footer .vc-footer-nav ul:nth-child(-n+2){width:50%;}
    #footer .vc-footer-nav ul:nth-child(3){width:100%;}
    #footer .vc-footer-help{display:flex; margin-top:5rem; margin-bottom:0;}
    #footer .vc-footer-help li + li{margin-left:1rem;}
    #footer .vc-footer-help a{color:#858D94; font-weight:400;}
    #footer .vc-footer-help h5{display:none;}
    #footer .vc-footer-sns{position:absolute; bottom:5rem; left:0; margin-bottom:.75rem;}

}

@media (min-width:576px){
    #promo2 h3{font-size:1.5rem;}
    #promo2 .vc-promo-btn{display:flex; align-items:center; justify-content:space-between; margin:0 -.5rem;}
    #promo2 .vc-promo-btn a + a{margin-top:0;}

}

@media (min-width:768px){
    #promo2 .vc-area{width:80%; margin:auto;}
    #supplier .vc-modal-body{padding:1.5rem;}
    #supplier .closeModalBtn{right:.75rem;}
    #supplier .closeModalBtn i{font-size:1.5rem;}

    #footer{padding:3rem 2rem;}


}

@media (min-width:992px){
    #logo img{height:1.75rem;}

    .vc-menu-open, .vc-mobile{display:none;}
    #header .vc-gnb{display:block;}
    #header .vc-header-btn{display:inline-flex;}
    #header .vc-wide-area{position:relative; max-width:1648px; margin:auto; height:5.00rem;}
    #header .vc-gnb{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
    #header .vc-gnb li{display:inline-flex;}
    #header .vc-gnb li a{position:relative; display:block; padding:2rem 1.125rem; font-weight:800; -webkit-transition:color .3s ease; font-size: 1.2rem;}
    #header .vc-gnb li a:before{content:''; position:absolute; top:2rem; left:50%; margin-left:-.25rem; width:.5rem; height:.5rem; border-radius:50%;
        background-color:#0C77FB; opacity:0; visibility:hidden; transition:all .3s ease}
    #header .vc-gnb li a:hover{color:#0C77FB;}
    #header .vc-gnb li a:hover:before{top:1rem; opacity:1; visibility:visible;}
    #header .vc-header-btn li + li{margin-left:.5rem;}
    #header .vc-header-btn a,
    #header .vc-header-btn button{padding-left:1.25rem; padding-right:1.25rem;font-weight: bold!important;}
    .hfix #header .vc-wide-area{height:5.00rem; -webkit-transition:all .3s ease; transition:all .3s ease;}
    .hfix #header{box-shadow:0px 4px 10px rgb(0 0 0 / 5%);}
    .hfix #header.gpp_header{box-shadow:none;top: -4.5rem;}
    .hfix #header:before{height:4.5rem; backdrop-filter:blur(4px);}
    .hfix #header.gpp_header:before{height:4.5rem; backdrop-filter:blur(4px);top: -4.5rem;}

    .vc-page{padding-top:5rem; padding-bottom:1.5rem;}

    #promo2{padding:6.25rem 0 7.75rem; text-align:left;}
    #promo2 h3{min-width:28rem; margin-right:2rem; margin-bottom:0; text-align:left; font-size:2.25rem;}
    #promo2 .vc-area{display:flex; width:85%; justify-content:space-around; align-items:center;}
    #promo2 .vc-area .text{width:auto;}
    #promo2 .vc-promo-btn{display:block; width:40%; align-items:inherit; justify-content:inherit;}
    #promo2 .vc-promo-btn a{padding:1rem 2rem; font-size:1rem;}
    #promo2 .vc-promo-btn .vc-btn-primary{min-width:200px; margin-top:1rem;}
    #supplier a{margin-top:2rem;}

    #footer .vc-footer-logo{height:1.875rem;}
    #footer .vc-footer-content a:hover{color:#0c77fb; transition:all .3s linear;}
    #footer .vc-footer-sns{margin-bottom:0;}
    #footer .vc-footer-sns a:hover{background-color:#0c77fb; color:#fff;}

}

@media (min-width:1200px){
    #logo img{height:1.5rem;}
    #header .vc-gnb li a{padding:2.375rem 1.125rem;}

    /* #footer{padding:6.375rem 0; } */
    #footer{padding:3.375rem 0 0 0; }
    #footer ul li{margin-bottom:1rem;}
    #footer .vc-area{position:relative;}
    #footer .vc-footer-content{position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
    #footer .vc-footer-nav{position:inherit; width:calc(100% - 22rem);}
    #footer .vc-footer-nav ul:nth-child(1),
    #footer .vc-footer-nav ul:nth-child(3){width:30%}
    #footer .vc-footer-nav ul:nth-child(2){width:40%;}
    #footer .vc-footer-nav h5{margin-bottom:1.25rem;}
    #footer .vc-footer-copy{width:100%;}
    #footer .vc-footer-help{display:block; margin-top:0;}
    #footer .vc-footer-help li + li{margin-left:0;}
    #footer .vc-footer-help h5{display:block;}
    #footer .vc-footer-help a{color:#1D2B3B; font-weight:800;}
    #footer .vc-footer-sns{position:static; bottom:inherit; left:inherit; margin-top:1rem; padding-top:1rem; border-top:1px solid #D5D8DB;}
    #footer .vc-footer-copy{position:absolute; top:2.5rem; left:-0.1rem;}
    #footer .vc-footer-top{justify-content:flex-end;}
    #footer .vc-footer-top button{margin-top:-5rem;}

    #promo2 .vc-promo-btn{width:25%;}


}


/* *********************************************************************************************************************************************** */
/* page componant common */
.vc-page-title p{line-height: 1.6;}

/* complete page */
#complete .vc-card{border-radius:.5rem; background-color:#0c77fb; color:#fff;}
#complete .vc-card-body{padding:2rem 1.5rem 1.5rem;}
#complete .vc-card-body h3{margin-bottom:1.5rem;}
#complete .vc-card-body p{line-height:1.5; font-size:1rem;}
#complete .vc-complete-icon{margin-bottom:2rem; font-size:3rem;}
#complete .vc-btn-area{margin-top:2rem;}
#complete .vc-btn-md{width:100%;}

@media (min-width:768px){
    #complete .vc-card-body{padding:3rem;}
    #complete .vc-btn-md{width:auto; padding-left:2rem; padding-right:2rem;}
}


/* *********************************************************************************************************************************************** */
/* landing page */

#landing .vc-landing-intro h2 {font-size: 3.25rem;}
#landing section{padding:2rem 0 3.75rem;}
#landing p{letter-spacing:-.01em; font-size:1rem;font-weight: 300;}
#landing strong{font-weight: 300;}
.vc-page-landing .title{margin-bottom:1.5rem;}
#landing .slick-dots li{height:inherit; font-size:0; overflow:hidden;}
#landing .slick-dots li button{overflow:hidden;}
#landing .slick-dots li:before,
#landing .slick-dots li:after,
#landing .slick-dots li button:before,
#landing .slick-dots li button:after{display:none;}
#landing .vc-one-btn{margin: auto;max-width: 17rem;margin-bottom: 4rem;}
#landing .vc-landing-intro p{margin-bottom: 2rem;}

/* vc intro */
.vc-intro{padding-bottom: 0!important;/*8.16 수정 나중에 지울것*/}
.vc-landing-intro h2{margin-top:1.5rem;margin-bottom: 2rem;}
.vc-intro h3{margin-bottom:1.25rem; letter-spacing:-.02em;}
.vc-intro h3 span{display:block; margin-top:.625rem;}
.vc-intro figure{width:240px; margin-bottom:1.125rem; margin-right:-1rem;}
.vc-intro p{line-height:1.45;}
.vc-intro p + p{margin-top:1.25rem;}
.vc-intro .vc-effect-btn{margin-bottom: 5rem;margin-top: 1rem;}

/*vc video*/
.vc-YTvideo{display: flex;justify-content: center;}
.landing-Video1{width: 33.3333%;padding: .5rem;padding-left: 0;}
.landing-Video2{width: 33.3333%;padding: .5rem;}
.landing-Video3{width: 33.3333%;padding: .5rem;padding-right: 0;}

.ytp-show-cards-title{display: none !important;}


/* vc anwser */
/*#landing section.vc-answer{padding-bottom:0;}*/
#landing .vc-answer h2{margin-bottom:1.25rem;}
#landing .vc-answer p{margin-bottom:1.5rem; }
#landing .vc-answer-btn{margin-bottom:3rem;}
#landing .vc-answer-btn .vc-btn-primary-line{display:none;}

/* vc whyvc */
#landing .vc-whyvc{background-color:#0C77FB; color:#fff;}
#landing .vc-whyvc .title{margin-bottom:2.5rem;}
#landing .vc-whyvc h2{margin-bottom:1.25rem;}
#landing .vc-whyvc .title h4{font-weight:400;}
#landing .vc-whyvc-reason li{margin-bottom:1rem;}
#landing .vc-whyvc-reason a{position:relative; display:block; padding:1rem; border-radius:.5rem; border:1px solid #fff; color:#fff; overflow:hidden;}
#landing .vc-whyvc-reason .text{position:relative; margin-bottom:5rem; z-index:5;}
#landing .vc-whyvc-reason h5{margin-bottom:1rem;}
#landing .vc-whyvc-reason p{font-size:14px;}
#landing .vc-whyvc-reason figure{position:absolute; bottom:1rem; right:1rem; width:auto; height:100px; z-index:1; }
#landing .vc-whyvc-reason figure img{width:auto; height:100%;}
#landing .vc-whyvc-reason li:first-child figure,
#landing .vc-whyvc-reason li:last-child figure{bottom:-1rem; right:0; }

.vc-category-content + .vc-category-content{margin-top:2rem;}
.vc-cate-com-btn{margin-top:2rem;}

#landing .vc-company-li{margin-bottom:.5rem; padding:.25rem .5rem;}
#landing .vc-company-li .title{margin:1rem 0; font-size:1.125rem;}
#landing .vc-company-content{ box-shadow:0px 2px 10px rgba(0, 0, 0, 0.2); border-radius:.5rem;}
#landing .vc-company-li .company-cen{padding:1.25rem 1rem;max-height: 13rem;}
#landing .intro{display:-webkit-box; margin-bottom:1rem; height:4.8em; line-height:1.6; -webkit-line-clamp:3; font-size:.875rem;}
#landing .info{margin-bottom:1rem;}
#landing .addr,
#landing .tel{font-size:.8125rem; }
#landing .addr{margin-bottom:.25rem; height:2.125rem; line-height:1.33;}
#landing .link{margin-right:.5rem;}
#landing .vc-company-li i,#company .vc-company-li i{/*margin-right:.25rem; */font-size:1.75em;padding: .25rem;}
#landing .vc-company-li a,#company .vc-company-li a{margin-right: 0;}
#landing .vc-company-cate span{display:inline-flex; width:1.25rem; height:1.25rem; border-radius:50%;}
#landing .vc-company-cate span:nth-child(2){margin-right:1rem;}
.company_name1{display: flex;}
/*.company_name1 .title{width: 79%;}*/
.vc-company-li .footer{background: #f1f2f3;padding: .5rem 1.25rem;}

/* slick 재지정 */
#landing .slick-slide {height:inherit; outline:none;}
#landing .slick-dots{position:relative; bottom:inherit; margin-top:2rem;}
#landing .slick-dots li{margin:0 .125rem}
#landing .slick-dots li.slick-active button{background-color:#0C77FB;}
#landing .slick-dots li button{width:.5rem; height:.5rem; margin:auto; border-radius:50%; background-color:#B6BDC2;}
#landing .slick-dots li button::before{content:inherit;}
#landing .slick-dotted.slick-slider{padding:0 .5rem;}

.vc-talk strong{font-weight: 500 !important;}
.vc-talk h2{margin-bottom:1rem;}
.vc-talk-contact{margin-top:2rem;}
.vc-talk-contact li a{color:#0C77FB !important;}
.vc-talk-contact li:hover a{text-decoration: underline;}
.vc-talk-contact li:first-child a{color:#0C77FB !important;}
.vc-talk-contact li{margin-bottom:.5rem;margin-right: 1rem;width: 100%;}
.vc-talk-contact .icon{width:2rem; height:2rem; margin-right:.625rem; border-radius:50%; background-color:#0C77FB; color:#fff;}
.vc-talk-contact .text{font-size:1.125rem;}
.vc-talk-contact i{font-size:1rem;}


/*깃플챗*/
#gitple-container{z-index: 2147483101;display: none;position: fixed !important;width: 400px;bottom: 86px;max-width: 100%;max-height: 80%;box-shadow: 0 5px 40px rgba(0,0,0,.16)!important;overflow: hidden !important; border-radius: 1rem!important;}
#gitple-launcher-custom-icon.gitple-open{filter: drop-shadow(5px 5px 5px rgb(0,0,0,0.3));}
#gitple-launcher-tooltip{bottom: 115px !important;font-size: 13px!important;}

@media (min-width:220px){
    .vc-YTvideo{flex-direction:column;}
    .vc-YTvideo div{width:100%;}
}

@media (min-width:576px){
    #gitple-container{height: 735px!important;}
    #landing .vc-intro-img{justify-content:center;}
    #landing .vc-intro figure{width:50vw;}
    #landing .vc-answer-btn .vc-btn-primary{min-width:16rem; width:auto; padding-left:1.25rem; padding-right:1.25rem;}

    #landing .vc-whyvc-reason{display:flex; flex-wrap:wrap; margin:0 -.5rem;}
    #landing .vc-whyvc-reason li{width:calc(50% - 1rem); margin:0 .5rem 1rem;}

    .vc-talk-contact li{/*width:50%;*/ margin-bottom:1rem;/*padding-left: 5rem;*/}
    /* .landing-Video1{width: 90%;} */
    /* .landing-Video2,.landing-Video3{display: none;} */
    .vc-talk-contact li{margin-right: 0;}

    #landing .vc-company-li .title{height: 1.8rem;}
}

@media (min-width:680px){
    .vc-YTvideo div{width:90%;}
    .vc-YTvideo{align-items: center;}
}


@media (min-width:768px){
    #landing .vc-intro h3{margin-bottom:3.125rem;}
    #landing .vc-intro h3 span{display:inline; margin-top:0;}
    #landing .vc-intro-img{position:relative; justify-content:flex-end;}
    #landing .vc-intro figure{position:absolute; top:-6rem; right:0; width:calc(50% - 1.5rem); margin-right:0; z-index:-1;}
    #landing .vc-intro p{line-height:1.45; font-size:1.125rem;}

    #landing .vc-font-20{font-size:1.25rem;}
    #landing .vc-answer-btn{margin-bottom:5rem;}
    #landing .vc-answer-btn .vc-btn-primary-line{display:block; margin-right:1.5rem;}

    #landing .vc-whyvc .title{margin-bottom:4rem;}

    #landing .vc-company-li .company-cen{padding:1.5rem 1.25rem 1.25rem;max-height: 14rem;}
    /* .landing-Video1,.landing-Video2{width: 45%;} */
    /* .landing-Video3{display: none;} */
    /* .landing-Video2{display: block;} */
    .vc-YTvideo{flex-direction:row;}


}

@media (min-width:992px){
    #landing .vc-landing-intro h2 {font-size: 5rem;}
    #landing h2{font-size: 4.5rem;}
    vc-landing-intro
    #landing p{line-height:1.6;}
    #landing section{padding:4rem 0 6rem; }
    /*#landing section.vc-answer{padding-bottom:0;}*/
    #landing .vc-answer-btn{margin-bottom:6rem;}

    #landing .vc-company-li{margin-bottom:1.25rem; padding:.25rem .75rem;}
    #landing .slick-dotted.slick-slider{padding:0 .75rem;}
    #landing .vc-whyvc-reason h5{font-size:1.25rem;}
    #landing .vc-whyvc-reason figure{height:9rem;}
    #landing .vc-whyvc-reason li:hover a{color:#0C77FB; -webkit-transition:color .2s; transition:color .2s;}
    #landing .vc-whyvc-reason li:hover img{-webkit-transform:translateY(-1rem); transform:translateY(-1rem); -webkit-transition:all .4s; transition:all .4s;}
    #landing .vc-whyvc-reason .vc-effect-btn:focus{border-color:#fff; box-shadow:0px 4px 20px rgb(0 0 0 / 20%); background-color:#fff; color:#0C77FB;}
    .vc-landing-intro h2{margin-top: 0;margin-bottom: 3.12rem;}
    .landing-Video1,.landing-Video2,.landing-Video3{width: 33%;}
    /* .landing-Video3{display: none;} */

    .vc-talk h2{margin-bottom:1rem;}
    .vc-talk-contact .icon{width:3rem; height:3rem;}
    .vc-talk-contact i{font-size:1.5rem;}


}

@media (min-width:1200px){
    #vc-landing-intro.logged-in{padding-bottom: 5rem;}

    #landing section{padding:6.25rem 0 9.375rem;}
    #companySlide{max-width:1248px; margin:auto;}
    #landing .intro{font-size:1rem;}
    #landing .vc-one-btn{margin-bottom: 6rem;}
    #landing .vc-whyvc-reason{justify-content:center; margin:0 -1rem;}
    #landing .vc-whyvc-reason li{width:calc(33.3333% - 2rem); margin:0 1rem 2rem;}
    #landing .vc-whyvc-reason li a{padding:2rem;}
    #landing .vc-whyvc-reason p {margin-bottom:6rem;}
    #landing .vc-whyvc-reason li:first-child figure{bottom:0; right:0;}
    #landing .vc-whyvc-reason li:last-child figure{bottom:-1.5rem; right:-1rem;}
    .landing-Video1,.landing-Video2,.landing-Video3{width: 33.3333%;}
    .landing-Video3{display: block;}

    .vc-talk-contact{margin-top:3rem;}
    .vc-talk-contact li{width:33.3333%; margin-bottom:1rem;padding-left: 4rem;}
    .vc-talk-contact .text{font-size:1.25rem;}

}

/*
***************************************************************************************************************************************
*/

/*new landing*/
#landing .landingP{color: #fff;}
#landing .vc-one-btn.free2{}
#landing .vc_difficult{background: #F5F8FA;padding: 7rem 0 8rem;}
#landing .vc_difficult img{width: 45%;}

#landing .vc-various{padding: 10rem 0;}
#landing .vc-various .vc-various-service{display: flex;flex-wrap: wrap;margin: 5rem 0;}
#landing .vc-various .vc-various-service li{width: 33.3333%;margin-bottom: 1rem;}
#landing .vc-various .vc-various-service a{color:#222;position: relative;}
#landing .vc-various .vc-various-service .text{display: flex;align-items: center;justify-content: flex-start;padding-left: 5rem;}
#landing .vc-various .vc-various-service .text .iconBg{background: #0c77fb;border-radius: 50%;width: 3rem;height: 3rem;}
#landing .vc-various .vc-various-service .text i{font-size: 2rem;color: #fff;line-height: 3rem;text-align: center;width: 3rem;}
#landing .vc-various h3{display: block;}
#landing .vc-various .variousTt{padding: 1rem;}
#landing .vc-various .variousTt h5{margin: 0;}
#landing .vc-various .variousTt p{color: #4C4E52;}
#landing .vc-various h6,#landing .vc-various h6 i{text-decoration: underline;}

#landing .vc-puzzle{display: flex;flex-wrap: wrap;padding: 5rem 0;}
#landing .vc-puzzle p{color: #4C4E52;}
#landing .vc-puzzle li{width: 50%;display: flex;justify-content: space-between;}
#landing .vc-puzzle figure{width: 50%;}
#landing .vc-puzzle .puzzle1{position:relative;top: 43%; left: 5%;}
#landing .vc-puzzle .puzzle2{position:relative;top: 19%; right:23.4%;}
#landing .vc-puzzle .puzzle3{position:relative;top: 15%; right: -29%;}
#landing .vc-puzzle .puzzle4{position:relative;top:-9%;right:-1%;}
#landing .vc-puzzle .point1{position: relative;top: 70%; left: 15%;}
#landing .vc-puzzle .point2{position: relative; top:20%;right:25%;}
#landing .vc-puzzle .point3{position: relative;bottom: -50%;left: 25%;}
#landing .vc-puzzle .point4{position: relative;bottom: 1%;right: 5%;}

#landing .vc-puzzle .point1 p:before,#landing .vc-puzzle .point3 p:before{content:"";height: 2rem;display: block;border-left: 2px dashed #666;position: absolute;top: 24%;left: -7%;transform: rotate(-45deg);}
#landing .vc-puzzle .point2 p:before,#landing .vc-puzzle .point4 p:before{content:"";height: 2rem;display: block;border-left: 2px dashed #666;position: absolute;top: 24%;right: -7%;transform: rotate(45deg);}

#landing .vc-puzzle .text p:after{content: "";
width: 13rem; display: block;border-bottom: 2px dashed #666666;padding-top: 1rem;}

#landing .vc-category{padding: 7rem 0;}

#landing .vc-download a{background: #455065;border-color: #455065;}
#landingpromo .vc-area {background: #455065;color: #fff;padding: 5rem 0rem 4rem;;border-radius: 1rem;}
#landingpromo .vc-area .text{padding-bottom: 2rem;font-size: 1.5rem;}
#landingpromo .vc-area p{padding: 1rem;}
/*#header .gnbwh a,#header .vc-header-btn a{color: #fff;}*/
#header .vc-header-btn .border{border: 1.5px solid;}

.hfix #logo img.logoblue{filter: invert(42%) sepia(97%) saturate(5131%) hue-rotate(206deg) brightness(102%) contrast(97%);}
.hfix .vc-gnb span{color: #222;}
/*.hfix .vc-header-btn a{color: #0c77fb!important;}*/

@media (min-width:1200px){
    #landing .vc-one-btn.free2{margin-bottom: 1rem;}
    #landing .vc-landing-intro.newintro{margin-bottom: 0;padding: 7rem 0;}
}
@media (min-width:768px){
    .vc-intro .vc-effect-btn.free2{margin-bottom: 0rem;}
    .vc-landing-intro h2.landingeasy{color: #fff;margin: 0;font-size: 3rem;font-weight: 600;padding-bottom: 1rem;}
}




/* *********************************************************************************************************************************************** */
/* 개발자 추가 */
#landing a, #category a{cursor:pointer}
#profile_img{display:none}
.photo{display:flex;justify-content:space-between;}
.photo_box{width:100%;position:relative;height:100%;}

.photo_box .file_custom1 {position:relative;width:100%;height:100%;border-radius:2.75rem;display:flex; justify-content:center;align-items:center;background-position: center !important;}
.photo_box .file_custom1 i{font-size:2.7rem;cursor:pointer;color:#858585;}
.photo_box label {font-size:0.7rem;color:#fff;border-radius:50px;text-align:center;cursor:pointer;height: 100%;}
.photo_box label:before{content:"";}
.photo_box input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}


/* 페이징 */
.paging{display:flex; justify-content:center; margin-top:2rem; justify-content:center;}
.paging *{display:flex; align-items:center; justify-content:center; width:1.5rem; height:1.5rem; margin:0 .5rem;  color:#858D94;}
.paging b{font-weight:700; color:#0C77FB;}


/* inquiry */


@media (min-width:992px){
    .paging *{display:flex; align-items:center; justify-content:center; width:2rem; height:2rem; margin:0 .75rem; color:#858D94;}
    .paging * img{width:1.5rem; height:1.5rem;}
}





/* *********************************************************************************************************************************************** */
#gitple-container {
    /*width: 100% !important;
    height: 100% !important;*/
}
#gitple-launcher-icon.gitple-open{box-shadow:0px 16px 32px -8px rgb(0 0 0 / 35%) !important; background-color: rgb(255,113,76) !important;}
#gitple-launcher-icon.gitple-close{background-color:#0C77FB !important;}
#gitple-launcher-unread-message{}
#gitple-launcher-tooltip{width:auto !important; padding:.75rem !important; padding-right:2rem !important; box-shadow:0 10px 20px 0 rgb(31 31 31 / 24%) !important; background-color:#fff !important; color:#1D2B3B !important;}
.gitple-launcher-tooltip-close:before, .gitple-launcher-tooltip-close:after{top:.25rem; left:inherit !important; right:.5rem !important; height:1rem !important; background-color:#1D2B3B !important;}

@media (min-width:576px){
    #gitple-container {
        /*width:  360px !important;
        height: 600px !important;*/
    }
}

@media (min-width:768px){
    #gitple-container {
        /*height: 680px !important;*/
    }
    #gitple-launcher-tooltip{padding:1rem !important; padding-right:2rem !important; font-size:1rem !important;}
}

@media (min-width:992px){
    #gitple-launcher-icon.gitple-open:hover,
    #gitple-launcher-icon.gitple-close:hover{background-color:#1D2B3B !important; -webkit-transtion:all .3s; transition:all .3s;}
}



/* *********************************************************************************************************************************************** */
.vc-scroll-down{display:none;}
@media (min-width:1200px){

    .vc-scroll-down,
    .vc-scroll-down span,
    .vc-scroll-down strong{display:block;}

    .vc-scroll-down{margin-bottom:2rem;}
    .vc-scroll-down span{width:1.25rem; height:1.25rem; border-bottom:2px solid #0C77FB; border-right:2px solid #0C77FB;
        -webkit-transform:rotate(45deg); transform:rotate(45deg); margin:-10px auto; animation:scroll-down 2s infinite;}
    .vc-scroll-down span:nth-child(2){animation-delay:-.2s;}
    .vc-scroll-down span:nth-child(3){animation-delay:-.4s;}
    .vc-scroll-down strong{margin-top:1.5rem;}


    @keyframes scroll-down {
        0%{
            opacity:0;
            -webkit-transform:rotate(45deg) translate(-20px, -20px);
            transform:rotate(45deg) translate(-20px, -20px);
        }
        50%{
            opacity:1;
        }
        100%{
            opacity:0;
            tranform:rotate(45deg) translate(20px, 20px);
        }
    }
}








/* *********************************************************************************************************************************************** */