@charset "utf-8";

/*헤더*/
.jp #header .prd .btn .txt {font-size: 14px;}
.jp #header .prd .tab-cont {max-height:600px;}
.jp #header .prd .tab-cont .mnu {height: 300px;}
.jp .sitemap-container .sitemap .main-mnu.prd .sub.wide {width:370px;}
.jp .sitemap-container .sitemap .sub-mnu a {font-size:1.2rem;}
.jp .sitemap-container .sitemap .main-mnu > a {padding: 18px 0 18px 63px;}
.jp .sitemap-container .sitemap .sub {padding: 15px 0;}
.jp .sitemap-container .sitemap .sub-mnu a:before {top: 11px;}

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

/*푸터*/
.jp footer .ico-banner li {width: 50%;margin-bottom: 0px;}
.jp footer .f-mnu .left-mnu a {text-transform: uppercase;}
.jp footer .f-mnu .right-mnu a:hover, .jp footer .f-mnu .left-mnu a:hover {font-weight: 300; color: #00a0e9;}

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




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

}




/*서브페이지*/
.jp .sub .main-title {text-transform: uppercase;}


/*회사소개*/
@media screen and (max-width: 1199px) and (min-width: 767px) {
    .jp .greeting .maintext .box {
        margin-bottom: 450px;
    }
}

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

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


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

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





















































/**/