@charset "utf-8";


/*헤더*/
.vie #header .gnb .sub-mnu > a:hover {font-weight: 500;}
.vie #header .prd .tab-cont .mnu {height:300px;}
.vie .sitemap-container.on  {height:650px;}
.vie #header .prd .tab-cont {max-height:600px;}
.vie .sitemap-container .sitemap .main-mnu.prd .sub.wide {width:370px;}
.vie .sitemap-container .sitemap .main-mnu.prd .sub:nth-of-type(4) {clear:both;float:left;}
.vie .sitemap-container .sitemap .sub-mnu a {font-size:1.2rem;}
.vie .sitemap-container .sitemap .main-mnu > a {padding: 18px 0 18px 63px;}
.vie .sitemap-container .sitemap .sub {padding: 15px 0;}
.vie .sitemap-container .sitemap .sub-mnu a:before {top: 11px;}

@media screen and (max-width: 1430px) {
    .vie .sitemap-container .sitemap .main-mnu.prd > a {padding-left: 0;margin-bottom: 10px;}
    .vie .sitemap-container .sitemap .main-mnu.prd .sub.wide {width:310px;}
    .vie .sitemap-container .sitemap .main-mnu > a {padding-left: 0;}
    .vie .sitemap-container .sitemap .main-mnu > a:before {display:none;}
}
@media screen and (max-width: 1099px) {
    .vie .sitemap-container .sitemap .sub {padding: 0;}
}


/*푸터*/
.vie footer .ico-banner li {width: 50%;margin-bottom: 0px;}
.vie footer .f-mnu .left-mnu a:hover {font-weight: 300;}

@media screen and (max-width: 1199px) {
    .vie footer .f-mnu .left-mnu {border-bottom: none; margin-bottom: 0;}
}
@media screen and (max-width: 1099px) {
    .vie .sitemap-container .sitemap .main-mnu.prd .sub.wide {width:100%;}
}
@media screen and (max-width: 767px) {
    .vie footer .ico-banner li {width: 100%;padding-left: 50px;padding-right: 0px;margin-bottom: 25px;}
    .vie footer .ico-banner li:last-child {margin-bottom: 0;}
    .vie footer .f-mnu .left-mnu a:after {display:none;}
    .vie footer .f-mnu .left-mnu a:first-child {padding-left: 15px;}
}





/*메인페이지*/
.vie .main-visual .swiper-slide .txt-box {padding-right: 150px;}
.vie .idx-midbn .swiper-slide .tit {font-size: 3.2rem;text-transform: uppercase;}
.vie .idx-midbn .swiper-slide .descript {font-size: 1.6rem;}
.vie .main-visual .swiper-slide.slide02 {background-image: url(../images/main/main-slide02-vie.jpg?ver=210917);}
.vie .idx-video .title-box .idx-cont-tit, 
.vie .idx-prod .idx-cont-tit {text-transform: uppercase;}
.vie .idx-prod .list ul li {width:20%;height:330px;}
.vie .idx-prod .card-prd .top {padding-top: 30px;}
.vie .idx-prod .list ul .card-tag {width: 100%;height:auto;}
.vie .idx-prod .list ul .card-tag .tit {display:inline-block;margin-right: 30px;}
.vie .idx-prod .card-prd .prd-img {max-width:302px;left:50%;margin-left:-151px;}
.vie .idx-prod .card-prd .top .prd-name {line-height: 130%;letter-spacing: -1px;font-size:1.8rem;}
.vie .idx-video .title-box .idx-cont-tit .descript {text-transform: none;}
@media screen and (max-width: 1599px) and (min-width:1100px) {
    .vie .idx-prod .card-prd .prd-img {transform:translateX(0px);left:0px;margin-left: 0px;}
    @media screen and (max-width: 1199px) {
        .vie .idx-prod .card-prd .prd-img {width:270px; margin-left: -135px;left:50%;}
        .vie .idx-prod .card-prd a:hover .prd-img {margin-left: -135px;left:50%;transform: translate(0px, -60px);}
    }
}
@media screen and (max-width: 1199px) {
    .vie .main-visual .swiper-slide .txt-box {padding-bottom: 50px;}
    .vie .idx-prod .list ul .card-prd {width: 50%;height:435px;}
    .vie .idx-prod .card-prd .prd-img {max-width:350px;transform:translate(-50%, 0px);left:50%;margin-left:0px;}
    .vie .idx-prod .card-prd a:hover .prd-img {transform:translate(-50%, -60px);}
    .vie .idx-prod .card-prd .prd-bg {width: 100%;}
}
@media screen and (max-width: 767px) {
    .vie .main-visual .swiper-slide .txt-box {padding-right: 20px;}
    .vie .idx-prod .list ul .card-prd {height:47vw;max-height:280px;}
    .vie .idx-prod .card-prd .prd-img {max-width:280px;}
    .vie .idx-midbn .swiper-slide .tit {font-size: 22px;}
    .vie .idx-midbn .swiper-slide .descript {font-size: 13px;}
    .vie .main-visual .swiper-slide.slide02 {background-image: url(../images/main/main-slide02-vie-m.jpg);}
    @media screen and (max-width: 500px) {
        .vie .idx-prod .list ul .card-prd {width: 50%;max-height: 230px;min-height:190px;}
    }
}


/*서브페이지*/


/*경영방침*/
.vie .management .cont-tit {width: 100%;border-top: none; border-bottom: 2px solid #0068b7;padding-top: 0px;padding-bottom: 10px;}
.vie .management .right-cont, .vie .management .mid-banner .txt-box .motto {padding-left: 0px;padding-top: 30px;}
.vie .management .policy .policy-list {float: none; width: 100%; }
.vie .management .policy .policy-list:after {display: block; content: ""; clear: both;}
.vie .management .policy .policy-list li {float:left; width: 48%; height: 270px; box-sizing:  border-box; }
.vie .management .policy .policy-list li:nth-child(2n-1) {margin-right: 4%; }
.vie .management .policy .policy-list li:last-child {border-bottom: 1px solid #eee; }
.vie .management .policy .policy-list li:first-child {padding-top: 30px;padding-bottom: 30px;}
.vie .management .policy .policy-list .icon,
.vie .management .policy .policy-list li:first-child .icon  {top: 30px; margin-top: 0;}
.vie .management .policy .policy-list .txt-box {vertical-align: top;}
.vie .management .policy .diagram {display: block; float: none;margin: 50px auto 0 auto;}
@media screen and (max-width: 1199px) and (min-width: 767px) {
    .vie .greeting .maintext .box {margin-bottom: 500px;}
    .vie .management .right-cont, .vie .management .mid-banner .txt-box .motto {padding-top: 20px;}
}
@media screen and (max-width: 1199px) {
    .vie .management .policy .policy-list li {float:none; width: 100%; height: auto; min-height: 160px; }
    .vie .management .policy .policy-list li:nth-child(2n-1) {margin-right: 0%; }
}
@media screen and (max-width: 767px) {
    .vie .management .mid-banner .txt-box .motto .tit span {font-size:18px;}
    .vie .management .mid-banner .txt-box .motto .tit i {display: block;}
    .vie .management .mid-banner .txt-box .motto .tit i:after {display: none;}
    .vie .management .right-cont, .vie .management .mid-banner .txt-box .motto {padding-top: 0px;}
}



/*회사연혁*/
.vie .c-history .his-cont .banner .txt-box {width: 560px;}
@media screen and (max-width: 767px) {
    .vie .c-history .his-cont .banner .txt-box {width: 90%}
    .vie .c-history .his-cont .banner .txt-box .year {font-size: 26px;}
    .vie .c-history .his-cont .banner .txt-box .txt {font-size: 14px;}
    .vie .c-history .his-cont .indic .timeBlock .time {font-size: 12px;}
    .vie .c-history .his-cont .indic {margin-bottom: 30px;padding: 0 7%;}
    .vie .c-history .his-cont .indic .timeBlock.on .bar:after {top: -40px;}
}



/*오시는길*/
@media screen and (max-width: 1199px) and (min-width: 768px) {
    .vie .location .cont-tit-box {min-width: 250px;}
}
@media screen and (max-width: 767px) {
    .vie .location .cont-tit-box {min-width: 200px;}
}

/*CS센터*/
/*.csCenter .top-bn {background-image: url(../images/sub/company/top-banner.jpg);}
.csCenter .pcFrame,
.csCenter .moFrame {margin: 0 auto;text-align: center;}
.csCenter .pcFrame {display:block;}
.csCenter .moFrame {display:none;}
@media screen and (max-width: 767px) {
    .csCenter .top-bn {background-image: url(../images/sub/company/top-banner-m.jpg);}
    .csCenter .pcFrame {display:none;}
    .csCenter .moFrame {display:block;}
    .csCenter .moFrame img {margin-bottom: 30px;}
    .csCenter .moFrame table {width:100%;}
    .csCenter .moFrame table tr {border-bottom: 5px solid #fff;}
    .csCenter .moFrame table td,
    .csCenter .moFrame table th {padding: 10px;box-sizing: border-box;vertical-align: middle;}
    .csCenter .moFrame table th {background-color: #5d94d9;vertical-align: top;}
    .csCenter .moFrame table th .numb {display:inline-block;width: 30px;height:30px;border: 2px solid #fff;background-color: rgba(0,0,0,0.2);color:#fff;font-family: "Poppins"; text-align: center;font-size:16px;font-weight:700;line-height:26px;box-sizing: border-box;}
    .csCenter .moFrame table td  {text-align: left; padding-left: 20px; padding-bottom: 20px; background-color: #f9f9f9;}
    .csCenter .moFrame table td .areaName {font-family: "Poppins"; font-size: 20px; font-weight: 700; color: #999;text-transform: uppercase;}
    .csCenter .moFrame table td .branchs {font-size: 14px; font-weight: 300; text-transform: capitalize; padding-left: 2px;}
}*/
/*CS센터*/



/*제품페이지*/
.vie .product #features-cont .featCont .imgBox .txt {font-size:12px;}
/*제품페이지*/

























/**/