@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;max-width: 100%;
overflow-x: hidden;/*height: 100%;*/}
body{font-family: 'Inter', 'Noto Sans KR', -apple-system, BlinkMacSystemFont,'Malgun Gothic', sans-serif; font-weight:400; font-size:.875rem; color:#1D2B3B; letter-spacing:-.04em;  word-break:keep-all;max-width: 100%;
overflow-x: hidden;/*height: 100%;*/height:auto}
body.on{position:fixed; top:0; left:0; bottom:0; right:0; overflow:hidden;}
img{max-width:100%;image-rendering: -webkit-optimize-contrast;}

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}
h3{margin-bottom:.75rem; font-size:1.5rem; line-height:1.25; font-weight:700;}
h4{margin-bottom:.75rem; font-size:1.25rem; line-height:1.25; font-weight:700;}
h5{margin-bottom:.75rem; font-size:1rem; line-height:1.25; font-weight:700;}
h6{font-size:.875rem; line-height:1.23}
h7{margin:.7rem 0 .5rem;}
p{line-height:1.33;}
a{cursor:pointer;}
h4 .letter{display:inline-block}
sub{display:block; margin-top:.5rem; font-weight:700; font-size:.875rem;}

.letter-space-0{letter-spacing:0}
.letter-space-2{letter-spacing:.02em;}
.letter-space-4{letter-spacing:.04em;}
.font-16{font-size:16px;}
.font-14{font-size:14px;}
.font-12{font-size:12px;}

.clearfix{zoom:1;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{display: block;content: "";line-height: 0;}

/* layout */
.vc-area,
.vc-wide-area,
.vc-narrow-area{width:100%; padding:0 .75rem;}
.vc-card-body-area{max-width:1000px; margin:auto; }
.w-100{width:100%;}
.block-to-inline{display:block}
.vc-hide{display: none;}

@media (min-width:375px){
    .vc-area,
    .vc-wide-area,
    .vc-narrow-area{padding:0 1rem;}
}

@media (min-width:768px){
    .vc-area,
    .vc-wide-area,
    .vc-narrow-area{padding:0 1.25rem;}


    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;}
    .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, svg{vertical-align:middle;}

.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"]{} .ggg{}


}


/* *********************************************************************************************************************************************** */
/* 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;
  letter-spacing:0.02em; font-family: 'Inter', 'Noto Sans KR', -apple-system, BlinkMacSystemFont,'Malgun Gothic', sans-serif; color:#1D2B3B; font-weight:400; 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;}
.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;}
.vc-btn-sm {padding:.4rem .65rem;}

/* 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; border-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;}
.vc-btn-info{background-color:#198754; border-color: #198754; color:#fff;}
.vc-btn-info-line{background-color:#fff; border-color:#198754; color:#198754;}
.vc-btn-delete{background-color:#EA3434; border-color:#EA3434; color:#fff;}
.vc-btn-delete-line{border-color:#EA3434;}
.vc-btn-page{padding:.65rem 0; border:1px solid #B6BDC2; background-color:#fff; }
.vc-btn-orange{padding:.65rem 0; border:1px solid #FF714C; background-color:#FF714C; color:#fff;}
.vc-btn-orange-line{border-color:#FF714C;color:#FF714C;}

/* 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;}
.vc-bg-gray-9{background-color:#1D2B3B;}
.vc-bg-gray-1{background-color:#F1F2F3;}

/* primary */
.vc-primary{color:#0C77FB;}
.vc-warning{color:#FF714C;}
.vc-process{color:#0E1935;}

/* hover */
.vc-hover:hover{color: #ff714c;}


/* category code */
.vc-category-round{display:block; width:1rem; height:1rem; margin-left:.25rem; 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:hover{border-color:#FF714C; 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: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.25rem; height:1.25rem; margin-right:1rem;}

    .vc-top-btn{display:flex;}
    .vc-hover-btn:hover{color:#FF714C; transition:all .3s ease-in-out;}
    .vc-hover-dash-btn:hover{background: rgba(35, 116, 238, 0.1);color:#fff;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%;}
.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 #eee; 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}
.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.2rem;}
    .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 재지정 210719 업뎃 */
/* 철강금속 */
.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)} /* 취급 외 */

/* *********************************************************************************************************************************************** */
/* 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', 'Noto Sans KR', -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-addr input + input{margin-top:.5rem;}

.vc-input-group{position:relative; display:flex; flex-wrap:wrap; align-items:stretch; width:100%;}
.vc-input-group-text{display:flex; align-items:center; padding:.6rem .75rem; background-color:#F1F2F3; border:1px solid #D5D8DB; border-radius:.5rem; line-height:1.5;
    text-align:center; white-space:nowrap; font-weight:700;}
.vc-input-group > .vc-form-control{position:relative; flex:1 1 auto; width:1%; min-width:0;}
.vc-input-group > :not(:first-child){margin-left:-1px; border-top-left-radius:0; border-bottom-left-radius:0;}
.vc-input-group > :not(:last-child){border-top-right-radius:0; border-bottom-right-radius:0;}

/* 파일 */
#dropZone1,#dropZone2{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:50%; 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;} */
[id^="fileDivB"]{height:24px}


/* 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;z-index: 10;}


/* 라디오, 체크박스 버튼스타일 */
.vc-checkradio-btn input[type="radio"],
.vc-checkradio-btn input[type="checkbox"]{display:none;}
.vc-checkradio-btn label{position:relative; height:calc(1.5em + .8rem); margin-right:.5rem; margin-bottom:.5rem; padding:.4rem .8rem; line-height:1.5; 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%;
    -webkit-transform:translate(-50%, -50%) scale3d(.1, .1, 1); transform:translate(-50%, -50%) scale3d(.1, .1, 1); opacity:0; z-index:0; will-change: transform;
    -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.2rem); margin-right:.5rem; margin-bottom:.75rem; padding:.6rem 1rem;}
    .vc-btn-md{padding-left:1.5rem; padding-right:1.5rem;}
}



/* *********************************************************************************************************************************************** */
/* modal */
/*
  회원가입 계약서 관련 모달
*/
.agreeDoc{display:flex;justify-content:center;align-items:center;}
.contractDoc-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{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 h5{font-size:1rem;}
.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.5rem;}

@media (min-width: 992px) {

    .vc-modal-content{max-width:40rem; width:100%; }
    #landing .vc-modal-content{max-width: 80%;height: auto;}
    .vc-modal-body{max-height:30rem;}
    #landing .vc-modal-body{max-height: 40rem;overflow-x: hidden;}
}







/* *********************************************************************************************************************************************** */
/* 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:6rem;}

}

/* *********************************************************************************************************************************************** */
/* 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;}
#header li.gnb-sub ul.sub-menu{display: none;}
#header li.gnb-sub ul.sub-menu li{display: block;}

/* scroll header */
.hfix #header{position:fixed; top:0; left:0; width:100%; box-shadow:0px 2px 4px rgb(0, 0, 0, .05); 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; }
.hfix.dfix #header::before{background-color: transparent;backdrop-filter: blur(0px);}


/* 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; line-height:1.33;}
/* 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:7.5rem;}

/* promo common */
#promo{padding:3rem 0; background-color:#1D2B3B; color:#fff;}
#promo h3{margin-bottom:1.25rem; font-size:1.25rem; font-weight:700;}
#promo .vc-promo-btn a{width:calc(100% - 1rem); margin:0 .5rem}
#promo .vc-promo-btn a + a{margin-top:.625rem;}

/* footer */
#footer{padding:2rem 0 3rem; background-color:#EBECED;}
#footer ul{margin-bottom:1.5rem;}
#footer .vc-footer-terms li + li{ margin-left:.5rem;}
#footer .vc-footer-terms a{border-color:#858D94; background-color:#fff;}

#footer .vc-footer-info li + li,
#footer .vc-footer-info dl + dl{margin-top:.5rem;}
#footer .vc-footer-info dl a{color:#67717C;}
#footer .vc-footer-info strong{margin-right:.5rem;}
#footer .vc-footer-sns li + li{margin-left:.5rem}
#footer .vc-footer-sns{margin-top:2rem;}
#footer .vc-footer-sns a{width:2.25rem; height:2.25rem; border-radius:50%; background-color:#D5D8DB; color:#fff;}
#footer .vc-footer-sns a.snsYu{background-color:#ff0000;}
#footer .vc-footer-sns a.snsFa{background-color:#3b5998;}
#footer .vc-footer-sns a.snsLi{background-color:#0077b5;}
#footer .vc-footer-sns a.snsBl{background-color:#2db400;}



#footer .vc-footer-sns a i{font-size:1.25rem;}
#footer .vc-footer-copy{padding-top:1rem; border-top:1px solid #D5D8DB;}

#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;}


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


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

@media (min-width:768px){
    #promo{text-align:left;}
    #promo h3{margin-right:2rem; margin-bottom:0; text-align:left;}
    #promo .vc-area{display:flex; justify-content:center; align-items:center;}
    #promo .vc-area .text{width:40%;}
    #promo .vc-promo-btn .vc-btn-primary{min-width:200px; margin-left:.5rem;}

    #footer{padding:3rem 0 4rem;}
    #footer .vc-area{position:relative;}
    #footer .vc-footer-sns{position:absolute; right:1.25rem; bottom:3.25rem; margin:0;}

}

@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:6.25rem;/*background: #fff;*/}
    #header .vc-gnb{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
    #header .vc-gnb li{display:inline-grid;}
    #header .vc-gnb li a{position:relative; display:block; padding:1rem .3rem; font-weight:800; -webkit-transition:color .3s ease;}
    #header li.gnb-sub{position: relative;}
    #header li.gnb-sub ul.sub-menu{position: absolute;background: #fff;text-align: center;width: 100%;font-size: .9rem;top:4.5rem;}
    #header li.gnb-sub ul.sub-menu li a:before{display: none;}
   /* #header li.gnb-sub{position: relative;}
    #header li.gnb-sub:hover ul.sub-menu{display: block;transition:all .3s ease;position: absolute;top: 5.5rem;background: #fff;text-align: center;font-size: .9rem;width: 100%;}
    #header li.gnb-sub:hover ul.sub-menu li{display: block;}*/
    #header li.gnb-sub ul.sub-menu li a{padding: 1.75rem .5rem;}
    #header li.gnb-sub ul.sub-menu:first-child li a{padding: 2rem .5rem 1rem;}
    #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{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;}
    .hfix #header .vc-wide-area{height:4.25rem; -webkit-transition:all .3s ease; transition:all .3s ease;}
    .hfix #header{box-shadow:0px 4px 10px rgb(0,0,0,.05);}
    .hfix #header:before{height:4.25rem; backdrop-filter:blur(4px);}



    .vc-page{/* min-height:;*/ padding-top:5rem; padding-bottom:12.5rem;}

    #promo{padding:6.25rem 0 7.75rem;}
    #promo .vc-area .text{width:auto;margin-right: 2.5rem;}
    #promo h3{min-width:28rem; font-size:2.25rem;}
    #promo .vc-promo-btn a{padding:1rem 2rem; font-size:1rem;}
    #promo .vc-promo-btn .vc-btn-primary{min-width:11rem; margin-left:1rem;}

    #footer{padding:5rem 0 6.125rem;}
    #footer .vc-footer-info li{display:flex; margin-bottom:.25rem;}
    #footer .vc-footer-info dl{margin:0; margin-right:1rem;}
    #footer .vc-footer-info dl + dl{margin-top:0;}
    #footer .vc-footer-sns{margin-bottom:0;}
    #footer .vc-footer-sns a:hover{background-color:#0c77fb; color:#fff;}
    #footer .vc-footer-top{justify-content:flex-end;}
    #footer .vc-footer-top button{margin-top:-1rem;}

}

@media (min-width:1200px){
    #logo img{height:1.5rem;}
    #header .vc-gnb li a{padding:2.375rem 0.84rem;}
    #header li.gnb-sub ul.sub-menu li:first-of-type a{padding: 3rem .5rem 1rem;}
}

@media (min-width:1480px){
    #header .vc-gnb li a{padding:2.375rem 1.125rem;}

}


/* *********************************************************************************************************************************************** */
/* 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; font-size: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%;margin: .5rem;}

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


/* *********************************************************************************************************************************************** */
/* landing page */
.vc-landing-intro h2 {margin-top: 6rem;/*color: #fff*/;}




#landing{padding-bottom:0;}
#landing a{cursor: pointer;}
#landing .vc-landing-intro{margin-bottom:4rem;}
#landing .vc-landing-intro p{max-width:814px; margin:1rem auto;line-height:1.8;}
#landing .vc-one-btn{max-width:17rem; margin:auto;}
#landing .vc-landing-section{padding:5rem 0 5.5rem;}
#landing .vc-landing-area{max-width:1248px; margin:auto; padding:0 1rem;}
#landing .vc-landing-common > *:first-child{margin-bottom:2rem;}
#landing figure{width:100%;}
#landing .content h3{margin-bottom:1rem;}
#landing .content h5{margin-bottom:1.5rem; line-height:1.45;}
#landing .content .text{line-height:1.8;}
#landing_1{background-color:#0c77fb; color:#fff;}
#landing_4{background-color:#F8F8F9;}
#landing_4 .content{margin-bottom:2rem;}
#landing_4 .text, #landing_4 figure{max-width:30rem; margin:auto;}


/*new landing*/

.hfix button.openWh{color: #222;}
button.openWh{color: #fff;}
#landing .landingeasy{color: #fff;}
#landing .landingP{color: #fff;}
#landing .vc-one-btn.free2{}
#landing .vc_difficult{background: #F5F8FA;padding: 3rem 0 2rem;color: #2E3949;}
#landing .vc_difficult .difficultT{padding: 1rem;}
#landing .vc_difficult h3{margin-bottom: 1rem;}
#landing .vc_difficult .line{width:60%;height: 1px;background: #2e3949;margin-bottom: 1rem;}
#landing .vc_difficult span.dot{padding-left: 1.5rem;}
#landing .vc_difficult span.dot:after{content: "";display: block;width: 12px;height: 12px;background: #2e3949;position: relative;top: -.8rem;left: .1rem;transition: all 1s ease}
#landing .vc_difficult img{width: 100%;padding: 1.5rem;}

#landing .vc-various {padding: 3rem 0;}
#landing .vc-various .vc-various-service{display: flex;flex-wrap: wrap;margin: 2rem 0;}
#landing .vc-various .vc-various-service li{width: 100%;}
#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: 3rem;}
#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-pad{background: #F5F8FA;text-align: center;}
#landing .vc-pad .pad-left{width: 100%}
#landing .vc-pad .pad-left h5{font-weight: normal;font-size:1.5rem;padding: 1rem 1rem 0 1rem;display: block;}
#landing .vc-pad .pad-left h5 b{font-weight: bold;}
#landing .vc-pad .pad-right h5{font-weight: normal;font-size:1.5rem;padding: 1rem 1rem 0 1rem;display: none;}
#landing .vc-pad .pad-right h5 b{font-weight: bold;}
#landing .vc-pad .pad-right{width: 100%;padding:1rem 1rem 0rem;}
#landing .vc-pad .pad-right ul{padding: 1rem 0 2rem;justify-content: center;}
#landing .vc-pad .pad-right ul li{text-align: center;width: 8rem;font-weight: bold;}
#landing .vc-pad .pad-right ul li i{font-size: 4rem;padding-bottom: .5rem;}
#landing .vc-pad .pad-right .landingdash-btn{text-align: center;}
#landing .vc-pad .pad-right .vc-btn{background:#455065;color: #fff;padding: 0.75rem 2rem;margin-top: 3rem;width: 100%;max-width: 17rem;}

#landing .vc-force{background: linear-gradient(#F5F8FA,#fff);}
#landing .vc-force .title{padding: 4rem 0 1rem;}
#landing .vc-force .vc-force-content ul.force-top{margin-bottom: 6rem;}
#landing .vc-force .vc-force-content ul.force-top li{background: #fff;border-radius: 15px;justify-content: center;align-items: center;margin: 1rem 2rem;box-shadow: 0px 10px 10px rgba(0,0,0,0.1);position: relative;line-height: 1.25rem;width: 90%;}
#landing .vc-force .vc-force-content ul.force-top li:nth-child(odd){margin: 1rem .5rem 1rem 2.5rem!important;}
#landing .vc-force .vc-force-content ul.force-top li:nth-child(even){margin: 1rem 2.5rem 1rem .5rem!important;}
#landing .vc-force .vc-force-content ul.force-top li:after{
 border-top:10px solid #fff;border-left: 10px solid transparent; border-right: 10px solid transparent;content:"";position:absolute;bottom:-10px;left:50%;transform: translateX(-50%);
}
#landing .vc-force .vc-force-content ul.force-top li em{width:3.5rem;height:3.5rem;background: #f5f8fa;border-radius: 50%;text-align: center;line-height: 3.5rem;margin:1.5rem 1rem 1.5rem 0rem;}
#landing .vc-force .vc-force-content ul.force-top li b{color: #595959;font-weight: 600;line-height: 22px;}
#landing .vc-force .vc-force-content ul.force-top li img{image-rendering: optimizequality;width: 70%;}
#landing .vc-force .vc-force-content ul.force-top li:nth-child(4),#landing .vc-force .vc-force-content ul.force-top li:nth-child(5){opacity: 70%;}

.vc-force ul.force-bottom li{padding: .5rem 0;}
.vc-force ul.force-bottom li img{width: 90%;}
.vc-force ul.force-bottom li strong{font-size: 1.2rem;display: block;margin: 2rem 0 1rem;}
.vc-force ul.force-bottom li strong,#landing .vc-force ul.force-bottom li i{padding-left: 1rem;}

.force-bottom-mobile{display: block;}
.force-bottom-pc{display: none;}

@media (min-width:576px){
    .force-bottom-mobile{display: none;}
    .force-bottom-pc{display: flex;}
    #landing .vc-force .vc-force-content ul.force-top li{width: 100%;padding: .5rem 0;}
    #landing .vc-force .vc-force-content ul.force-top li:nth-child(odd){margin: 1rem 0.5rem!important;}
    #landing .vc-force .vc-force-content ul.force-top li:nth-child(even){margin: 1rem 0.5rem!important;}
    #landing .vc-force .vc-force-content ul.force-top li em{width:3rem;height:3rem;line-height: 3rem;margin:1rem .5rem 1rem 0rem;}
}

@media (min-width:768px){
    .vc-force ul.force-bottom{margin: 4rem 0 2rem;}

}

@media (min-width:992px){
    #landing .vc-force .vc-force-content ul.force-top li:nth-child(odd){margin: 1rem 2rem!important;}
    #landing .vc-force .vc-force-content ul.force-top li:nth-child(even){margin: 1rem 2rem!important;}
}

@media (min-width:1200px){
    #landing .vc-force .vc-force-content ul.force-top li em{width:4rem;height:4rem;line-height: 4rem;margin:1.5rem 1rem 1.5rem 0rem;}
}


/*랜딩 모달*/
#landing .vc-puzzle{display: flex;flex-wrap: wrap;max-width: 1280px; margin: 0 auto;}
#landing .vc-puzzle h5{font-size: 1rem;}
#landing .vc-puzzle p{color: #495057;font-size: 1rem;}
#landing .vc-puzzle strong{color: #0F4392;font-size: 1.1rem;}
#landing .vc-puzzle li{width: 100%;display: flex;justify-content: space-between;padding: 1.5rem 1rem;}
#landing .vc-puzzle figure{width: 50%;}

#landing .vc-puzzle .point1 p:before,#landing .vc-puzzle .point3 p:before{display: none;}
#landing .vc-puzzle .point2 p:before,#landing .vc-puzzle .point4 p:before{display: none;}

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

#tradeservice4 .vc-terms-content>div{padding: 3rem 0;}
#tradeservice4 .vc-terms-content>div:first-child{padding:0;}
.brokerage-service{align-items: center;}
.brokerage-service h3{color: #ababab;font-size: 1rem;margin-bottom: 0;}
.brokerage-service span{font-weight: bold;font-size: 2rem;border-bottom: 1px solid #ddd;padding-bottom: 1rem;}
.brokerage-service p{padding-top: 1rem;}
.brokerage-service img{box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);}
.brokerage-service .service-des{padding: 3rem 0 2rem;}
.brokerage-service .service-des.service-des-pc{display: none;}
.brokerage-service .service-des-mo{display: block;}


  @media (min-width:614px){
    #landing .vc-puzzle figure {width: 20%;}
    #landing .vc-puzzle li{justify-content: center;}
}

  @media (min-width:992px) {

    #landing .vc-puzzle figure {width: 50%;}
    #landing .vc-puzzle{padding-bottom:3rem;}
    #landing .vc-puzzle li{width: 50%;padding: 0;}
    #landing .vc-puzzle .puzzle1 {position: relative;top: 43%;left: -2%;}
    #landing .vc-puzzle .puzzle2 {position: relative;top: 19%;
    right: 30.4%;}
    #landing .vc-puzzle .puzzle3 {position: relative;
    top: 15%;right: -22%;}
    #landing .vc-puzzle .puzzle4 {position: relative;top: -9%;
    right: 6%;}
    #landing .vc-puzzle .point1 {position: relative; top:70%;left: 4%;}
    #landing .vc-puzzle .point2 {position: relative;top: 20%;
    right: 10%;}
    #landing .vc-puzzle .point3 {position: relative;bottom: -50%;left: 13%;}
    #landing .vc-puzzle .point4 {position: relative;bottom: 10%;right: 2%;}
    #landing .vc-puzzle .point1 p:before,#landing .vc-puzzle .point3 p:before{content:"";height: 2rem;display: block;border-left: 2px dashed #a9a9a9;position: absolute;top: 31%;left: -5%;transform: rotate(-45deg);}
    #landing .vc-puzzle .point2 p:before, #landing .vc-puzzle .point4 p:before {content: "";height: 2rem;display: block;border-left: 2px dashed #a9a9a9;position: absolute;top: 31%;right: -5%;transform: rotate(45deg);}



}

 @media (min-width:1200px) {
    #landing .vc-puzzle p{font-size: 1.4rem;}
    #landing .vc-puzzle strong{font-size: 1.5rem;}
    #landing .vc-puzzle .text p:after{width: 15rem;}
    #landing .vc-puzzle .puzzle1 {position: relative;top: 20%;left: 3%;}
    #landing .vc-puzzle .puzzle2 {position: relative;top: -5%;
    right: 31.4%;}
    #landing .vc-puzzle .puzzle3 {position: relative;
    top: -9%;right: -27%;}
    #landing .vc-puzzle .puzzle4 {position: relative;top: -34%;
    right: 6%;}
    #landing .vc-puzzle .point1 {position: relative; top:63%;left: 6%;}
    #landing .vc-puzzle .point2 {position: relative;top: 20%;
    right: 12%;}
    #landing .vc-puzzle .point3 {position: relative;bottom: -23%;left: 18%;}
    #landing .vc-puzzle .point4 {position: relative;bottom: 20%;right: 2%;}
    #landing .vc-puzzle .point1 p:before,#landing .vc-puzzle .point3 p:before{content:"";height: 2rem;display: block;border-left: 2px dashed #a9a9a9;position: absolute;top: 24%;left: -6%;transform: rotate(-45deg);}
    #landing .vc-puzzle .point2 p:before, #landing .vc-puzzle .point4 p:before {content: "";height: 2rem;display: block;border-left: 2px dashed #a9a9a9;position: absolute;top: 25%;right: -6%;transform: rotate(45deg);}

    .brokerage-service {display: flex;align-items: center;}
    .brokerage-service .service-des {margin: -5rem 2rem 0;padding: 0;}
    .brokerage-service .service-des.service-des-pc{display: block;}
    .brokerage-service .service-des-mo{display: none;}
    .brokerage-service p{padding-top: 4rem;}

}

@media (min-width:1650px) {
    #landing .vc-puzzle p{font-size: 1.4rem;}
    #landing .vc-puzzle strong{font-size: 1.5rem;}
    #landing .vc-puzzle .text p:after{width: 15rem;}
    #landing .vc-puzzle .puzzle1 {position: relative;top: 20%;left: 18%;}
    #landing .vc-puzzle .puzzle2 {position: relative;top: -5%;
    right: 35.4%;}
    #landing .vc-puzzle .puzzle3 {position: relative;
    top: -9%;right: -42%;}
    #landing .vc-puzzle .puzzle4 {position: relative;top: -34%;
    right: 11%;}
    #landing .vc-puzzle .point1 {position: relative; top:63%;left: 13%;}
    #landing .vc-puzzle .point2 {position: relative;top: 20%;
    right: 16%;}
    #landing .vc-puzzle .point3 {position: relative;bottom: -23%;left: 23%;}
    #landing .vc-puzzle .point4 {position: relative;bottom: 20%;right: 5%;}
    #landing .vc-puzzle .point1 p:before,#landing .vc-puzzle .point3 p:before{content:"";height: 2rem;display: block;border-left: 2px dashed #a9a9a9;position: absolute;top: 20%;left: -6%;transform: rotate(-45deg);}
    #landing .vc-puzzle .point2 p:before, #landing .vc-puzzle .point4 p:before {content: "";height: 2rem;display: block;border-left: 2px dashed #a9a9a9;position: absolute;top: 20%;right: -6%;transform: rotate(45deg);}
}


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

#landing .vc-download a{background: #455065;border-color: #455065;}

#landingpromo{padding: 4rem 1rem 3.75rem!important;}
#landingpromo .vc-area {background: #2E394A;color: #fff;padding: 2rem 1rem 1rem;;border-radius: 1rem;}
#landingpromo .vc-area .text{padding-bottom: 1rem;font-size: 1.5rem;}
#landingpromo .vc-area p{padding: 1rem;font-size: .82rem;}
#landingpromo .vc-area h3{margin-bottom:1.2rem;font-size: 1.25rem;}
#header .gnbwh a,#header .vc-header-btn a.login{color: #fff;}
#header .vc-header-btn .border{border: 1.5px solid;}

#logo img.logoblue{background:url(../img/logoWh.svg) no-repeat;background-size: cover;}
.hfix #logo .logoblue{background:url(../img/logo.svg) no-repeat;background-size: cover;}
.hfix .vc-gnb span{color: #222;}
.hfix .vc-header-btn a.login{color: #0c77fb!important;}




#landing section{padding: 2rem 0 3.75rem;}
#landing .vc-intro.Bg{background: url(../img/landingBG-3.png)no-repeat;margin-top: -4rem;background-size: cover;padding-bottom: 0;height: 30rem;}
/*#landing .landing-Video{width: 90%;margin: auto;}*/
#landing .vc-answer p{margin-bottom: 1.5rem;color: #2e3949;}
#landing .vc-whyvc{background-color: #0c77fb;}
#landing .vc-whyvc h2{margin-bottom: 1.25rem;font-size: 2rem;margin-top: 2rem;}

#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 figure img{width: auto;height: 100%;}
#landing .vc-whyvc-reason figure{position: absolute;bottom: 1rem;right: 1rem;width: auto;height: 100px;z-index: 1;}
#landing .vc-whyvc-reason p{font-size: 14px;}
#landing p{letter-spacing: -.01em;font-size: 1rem;}
#landing .vc-whyvc-reason h5{margin-bottom: 1rem;}
#landing .vc-whyvc-reason li:first-child figure, #landing .vc-whyvc-reason li:last-child figure{bottom: -1rem;right: 0;}
#landing .vc-whyvc-reason .text{position: relative;margin-bottom: 5rem;z-index: 5;}
#landing .landing_none{display: none;}
#landing .vc-company{overflow: hidden;}
#landing .slick-dotted.slick-slider{padding: 0 .5rem;}
#landing .vc-company-content{/*padding: 1.25rem 1rem;*/box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);border-radius: .5rem;}

#landing .vc-whyvc .title{margin-bottom: 2.5rem;}
#landing .vc-whyvc-reason li{margin-bottom: 1rem;}
#landing .intro {display: -webkit-box;margin-bottom: 1rem;height: 4.8em;line-height: 1.6;-webkit-line-clamp: 3;font-size: .875rem;}
#landing .vc-company-li {margin-bottom: 1.5rem;padding: .25rem .5rem;}
#landing .vc-company-li i {margin-right: .25rem;font-size: 1.75em;}

#landing .slick-slide {height: inherit;outline: none;}
#landing .vc-answer-btn .vc-btn-primary-line{display: none;}
#landing .vc-answer-btn .vc-btn-primary{display: block;}
#landing .vc-answer-btn{margin-bottom: 3rem;}
#landing .info {margin-bottom: 1rem;height: 5rem;}
#landing .vc-company-content .title{height: 1rem;}
#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;}
#landing .slick-dots li button{width: .5rem;height: .5rem;margin: auto;border-radius: 50%;background-color: #b6bdc2; overflow: hidden;}
#landing .slick-dots li.slick-active button {background-color: #0C77FB;}
#landing .slick-dots li {height: inherit;font-size: 0;overflow: hidden;}
#landing .company_name1{padding: .5rem 0 1rem;}
#landingpromo span{font-size: 1rem}
#landingpromo .vc-btn-primary{background: transparent;border-color: #fff;}



@media (min-width:576px) {
    #landing .vc_difficult .difficultT{padding: 1rem 5rem;}
    #landing .vc_difficult img{padding: 1.5rem 7.5rem;}


    #landing .vc-various .vc-various-service {display: flex;
    flex-wrap: wrap;margin: 5rem 0;}
    #landing .vc-various .vc-various-service li{width:50%;margin-bottom: 1rem;}
    #landing .vc-various .vc-various-service .text{padding-left: 2rem;}

    #landingpromo .vc-area p{font-size:1rem;}
    #landingpromo .vc-area .text{padding-bottom: 3rem;}

    #landing .vc-pad .pad-left img{padding: 1rem 5rem;}


}

@media (min-width:614px){
   /* #landing .vc-puzzle figure {width: 20%;}
    #landing .vc-puzzle li{justify-content: center;}*/
}

@media (min-width:768px) {
    #landing .vc-landing-intro{margin: 4rem 0;}
    #landing .vc_difficult img{padding: 1.5rem 14.5rem;}
    #landingpromo span{font-size: 1.2rem;line-height: 30px;}
    #landingpromo .vc-btn-md{padding: 1.2rem 5.5em;font-size: 1.1rem;}
    #landing .vc-pad .pad-left h5{font-size: 2rem;}
    #landingpromo .vc-area h3{margin-bottom:1.2rem;}


}


@media (min-width:992px) {
    #landing .vc-intro.Bg{margin-top: -7rem;}
    #landing .vc_difficult img{padding: 1.5rem 21.5rem;}
    #landing .vc-various .vc-various-service .text{padding-left: 5rem;}

    /*#landing .vc-puzzle figure {width: 50%;}
    #landing .vc-puzzle{padding: 5rem 0;}
    #landing .vc-puzzle li{width: 50%;padding: 0;}
    #landing .vc-puzzle .puzzle1 {position: relative;top: 43%;left: -2%;}
    #landing .vc-puzzle .puzzle2 {position: relative;top: 19%;
    right: 30.4%;}
    #landing .vc-puzzle .puzzle3 {position: relative;
    top: 15%;right: -22%;}
    #landing .vc-puzzle .puzzle4 {position: relative;top: -9%;
    right: 6%;}
    #landing .vc-puzzle .point1 {position: relative; top:70%;left: 4%;}
    #landing .vc-puzzle .point2 {position: relative;top: 20%;
    right: 10%;}
    #landing .vc-puzzle .point3 {position: relative;bottom: -50%;left: 13%;}
    #landing .vc-puzzle .point4 {position: relative;bottom: 10%;right: 2%;}
    #landing .vc-puzzle .point1 p:before,#landing .vc-puzzle .point3 p:before{content:"";height: 2rem;display: block;border-left: 2px dashed #a9a9a9;position: absolute;top: 31%;left: -5%;transform: rotate(-45deg);}
    #landing .vc-puzzle .point2 p:before, #landing .vc-puzzle .point4 p:before {content: "";height: 2rem;display: block;
    border-left: 2px dashed #a9a9a9;position: absolute;top: 31%;right: -5%;transform: rotate(45deg);}*/

    #landing .vc-pad{text-align: start;}
    #landing .vc-pad .vc-pad-area{display: flex;}
    #landing .vc-pad .pad-left{width: 60%}
    #landing .vc-pad .pad-left img{padding: 0;}
    #landing .vc-pad .pad-left h5{display: none;}
    #landing .vc-pad .pad-right{width: 40%;padding:1.5rem 0 0 1rem;}
    #landing .vc-pad .pad-right h5{font-size:2.3rem;display: block;padding: 0;}
    #landing .vc-pad .pad-right ul{padding: 1rem 0 2rem;justify-content: flex-start;}
    #landing .vc-pad .pad-right .landingdash-btn{text-align: start;}

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

    #landingpromo .vc-area {padding: 5rem 0rem 4rem;}

}


@media (min-width:1200px) {
    #landing .vc-landing-intro p{margin: 2rem auto;}
    #landing .vc-intro.Bg {background: url(../img/landingBG2.png)no-repeat;margin-top: -6.3rem;background-size: cover;padding:3rem;height: auto;}
    #landing .vc_difficult{padding: 7rem 0 8rem;}
    #landing .vc_difficult .difficultT{width: 50%;padding-left: 7rem;}
    #landing .vc_difficult span.dot:after{top: -1rem;}
    #landing .vc_difficult .vc-area{display: flex;justify-content: center;align-items: center;}
    #landing .vc_difficult p{margin-bottom: 6rem!important;}
    #landing .vc_difficult .line{width:85%;margin-bottom: 2rem;}
    #landing .vc_difficult figure{width: 50%;}

    #landing .vc_difficult img {width: 85%;padding: 1.5rem;}
    .vc-landing-intro h2 {margin-top: 1rem;margin-bottom: 2rem;}

    #landing .vc-various{padding: 10rem 0;}
    #landing .vc-various .vc-various-service{margin: 5rem 0; }
    #landing .vc-various .vc-various-service li{width: 33.3333%;margin-bottom: 1rem;}

   /* #landing .vc-puzzle p{font-size: 1.4rem;}
    #landing .vc-puzzle strong{font-size: 1.5rem;}
    #landing .vc-puzzle .text p:after{width: 18.5rem;}
     #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: 1%;}
    #landing .vc-puzzle .point2 {position: relative;top: 20%;
    right: 5%;}
    #landing .vc-puzzle .point3 {position: relative;bottom: -50%;left: 10%;}
    #landing .vc-puzzle .point4 {position: relative;bottom: 1%;right: -6%;}
    #landing .vc-puzzle .point1 p:before,#landing .vc-puzzle .point3 p:before{content:"";height: 2rem;display: block;border-left: 2px dashed #a9a9a9;position: absolute;top: 27%;left: -5%;transform: rotate(-45deg);}
    #landing .vc-puzzle .point2 p:before, #landing .vc-puzzle .point4 p:before {content: "";height: 2rem;display: block;
    border-left: 2px dashed #a9a9a9;position: absolute;top: 27%;right: -5%;transform: rotate(45deg);}*/
    #landing .vc-pad .pad-right{padding: 4.5rem 0 0 6rem;}


}




.vc-talk h2{margin-bottom:1rem;}
.vc-talk-contact{margin-top:2rem;}
.vc-talk-contact li:first-child a{color:#0C77FB !important;}
.vc-talk-contact li{width:100%; margin-bottom:.5rem;}
.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;}
.vc-talk-contact li a {color: #0C77FB !important;}



/*깃플챗 gitple*/
#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{width: 150px !important;bottom: 115px !important;}
/*page-home .home-page-content.show-intro-title:not(.hide-header) .fixed-content{margin-top: 170px!important;}*/



@media (min-width:576px){
    #gitple-container{height: 735px!important;}
    .vc-talk-contact li{/*width:50%;*/ margin-bottom:1rem;}
    #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 h2{font-size: 2.25rem;}
    #landing .vc-whyvc-reason h5{font-size: 1rem;}
    #landing .vc-whyvc-reason li{width: calc(50% - 1rem);
    margin: 0 .5rem 1rem;}
}

@media (min-width:768px){
    #landing section{padding:3rem 0 4rem;}
    #landing .vc-landing-section{padding:8rem 0 8.5rem;}
    #landing .vc-landing-common{display:flex; align-items:center;}
    #landing .vc-landing-common figure{width:45%; padding:0;}
    #landing .vc-landing-common .content{width:55%;}
    #landing .vc-landing-odd .content{padding-left:1.5rem;}
    #landing .vc-landing-even .content{padding-right:1.5rem;}
    #landing .content h3{margin-bottom:2rem; font-size:2rem;}
    #landing .landing-Video{width: 70%;}
    #landing .vc-answer-btn .vc-btn-primary-line {
    display: block;margin-right: 1.5rem;}

    #landing .vc-whyvc .title{margin-bottom: 4rem;}
    #landing .vc-company-content{/*padding: 1.5rem 1.25rem 1.25rem;*/}
    #landing .vc-intro p{line-height: 1.45;font-size: 1.125rem;}
    .vc-landing-intro h2{margin-bottom: 4rem;margin-top: 3rem;}
    .vc-intro .vc-effect-btn{margin-bottom: 4rem;margin-top: 1rem;}

    /*new landing*/
    .vc-intro .vc-effect-btn.free2{margin-bottom: 0rem;}
    .vc-landing-intro .landingeasy{margin: 0;font-size: 3rem;font-weight: 600;padding-bottom: 1rem;}

    #landing .vc-answer-btn{margin-bottom: 5rem;}

}

@media (min-width:992px){
    #landing .vc-landing-section{padding:8rem 0 10rem;}
    #landing #landing_1{padding-top:4rem;}
    #landing .vc-landing-intro{margin-bottom:6.5rem;}
    #landing .vc-landing-area{padding:0 1.5rem;}
    #landing .vc-landing-common figure{width:50%; padding:0 1rem;}
    #landing .vc-landing-common .content{width:50%;}
    #landing .vc-landing-odd .content{padding-left:2rem;}
    #landing .vc-landing-even .content{padding-right:2rem;}
    #landing .content h3{margin-bottom:1.5rem; font-size:2.5rem;}
    #landing .content .text{line-height:2.4; font-size:1.25rem;}
    #landing_4 .content{margin-bottom:4rem;}
    #landing_4 .text, #landing_4 figure{max-width:35rem;}
    #landing .landing-Video{width: 60%;}

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

    #landing .vc-whyvc-reason figure{height: 9rem;}
    #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 li:hover a {color: #0C77FB;-webkit-transition: color .2s;transition: color .2s;}
    #landing .vc-effect-btn span.bg-white{background-color: #fff;}
    #landing .slick-dotted.slick-slider{padding: 0 .75rem;}
    #landing .vc-company-li{margin-bottom: 1.25rem;padding: .25rem .75rem;}
    #landing .vc-whyvc-reason h5{font-size: 1.25rem;}





}

@media (min-width:1200px){
    #landing section{padding: 4.25rem 0 9.375rem;}
    #landing .vc-landing-section{padding:12rem 0 14rem;}
    #landing #landing_1{padding-top:6rem;}
    #landing .vc-landing-odd .content{padding-left:3.5rem;}
    #landing .vc-landing-even .content{padding-right:3.5rem;}
    #landing .content h3{font-size:3rem;}
    #landing_4 .text, #landing_4 figure{max-width:40rem;}
    #landing .vc-one-btn{margin-bottom:8rem;}

    /*new landing*/
    #landing .vc-one-btn.free2{margin-bottom: 1rem;}
    #landing .vc-landing-intro.newintro{margin-bottom: 0;padding: 7rem 0;}

    #landing .vc-landing-intro{margin-bottom:2rem;}
    #landing .landing-Video{width: 50%;margin: 0 auto;}

    #landing .vc-whyvc-reason{justify-content: center;margin: 0 -1rem;}

    .vc-talk-contact{margin-top:3rem;}
    .vc-talk-contact li{width:33.3333%; margin-bottom:1rem;justify-content: center;}
    .vc-talk-contact .text{font-size:1.25rem;}

    #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;}


    #companySlide{max-width: 1248px;margin: auto;}




}

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

/* 페이징 */
.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;}

.hinput{display:none;}

@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;}


}


/* *********************************************************************************************************************************************** */
.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);
        }
    }
}



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

.blinking{
  -webkit-animation:blink 1s ease-in-out infinite alternate;
  -moz-animation:blink 1s ease-in-out infinite alternate;
  animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }


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

/********************
Shin.B.M - 2024.01.11 ~
작업 : Bootstrap 기본형태 추가
*********************/
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-6 {
    margin-bottom: 4rem !important;
}

.mb-7 {
    margin-bottom: 6rem !important;
}

.mb-8 {
    margin-bottom: 8rem !important;
}

.mb-9 {
    margin-bottom: 10rem !important;
}

.mb-10 {
    margin-bottom: 12rem !important;
}

.mb-11 {
    margin-bottom: 14rem !important;
}

.mb-12 {
    margin-bottom: 16rem !important;
}
.mb-auto {
    margin-bottom: auto !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pb-6 {
    padding-bottom: 4rem !important;
}

.pb-7 {
    padding-bottom: 6rem !important;
}

.pb-8 {
    padding-bottom: 8rem !important;
}

.pb-9 {
    padding-bottom: 10rem !important;
}

.pb-10 {
    padding-bottom: 12rem !important;
}

.pb-11 {
    padding-bottom: 14rem !important;
}

.pb-12 {
    padding-bottom: 16rem !important;
}