@charset "utf-8";.npic{border-top:1px solid #e4dcd3}
.npic .tit-wrap{padding-bottom:60px}
.npic .trim-form{display:flex;justify-content:space-between;align-items:center}
.npic .trim-form__label{width:20%;font-size:20px;font-family:"HyundaiMedium","KanitMedium";color:#000;line-height:1.5;letter-spacing:.4px}
.npic .trim-form__select{width:80%;height:40px;padding:0 50px 0 20px;border:0;background:#f6f3f2 url(../../../images/common/ico-select-right-arr.png) no-repeat 100% 50%;font-size:14px;font-family:"HyundaiMedium","KanitMedium";color:#666;line-height:1.71;letter-spacing:.28px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.npic .trim-form+.box-normal{margin-top:80px}
.npic .trim-price{display:block;font-size:44px;font-family:"HyundaiHRegular","KanitRegular";color:#000;line-height:1.23;letter-spacing:.88px}
.npic .trim-price+.price-txt{display:inline-block;padding-top:3px;font-size:14px;font-family:"HyundaiHRegular","KanitRegular";color:rgba(0,0,0,.5);line-height:1.71;letter-spacing:.28px;vertical-align:middle}
.npic .accordion{margin-top:40px}
.npic .accordion__item+.accordion__item{margin-top:120px}
.npic .accordion__tit{border-bottom:1px solid #666}
.npic .accordion__tit button{width:100%;padding:15px 0;font-size:22px;font-family:"HyundaiMedium","KanitMedium";color:#000;line-height:1.23;text-align:left}
.npic .accordion__tit button:before,.npic .accordion__tit button:after{content:'';position:absolute;right:5px;top:50%;width:17px;height:1px;background:#666;transition:ease .3s}
.npic .accordion__tit button:after{transform:rotate(90deg)}
.npic .accordion__tit [aria-expanded="true"]{color:#002c5f}
.npic .accordion__tit [aria-expanded="true"]:before{background:#002c5f}
.npic .accordion__tit [aria-expanded="true"]:after{background:#002c5f;transform:rotate(0)}
.npic .tablist-box{display:flex}
.npic .tablist-box__item{min-width:90px;padding:13px;background:#e4dcd3;font-size:14px;font-family:"HyundaiHRegular","KanitRegular";color:#000;letter-spacing:.28px}
.npic .tablist-box__item[aria-selected="true"]{background:#002c5f;color:#fff}
.npic .vehicle-img{position:relative}
.npic .vehicle-img__tab{position:absolute;right:0;top:0;z-index:1}
.npic .vehicle-img__panel{position:relative;text-align:center}
.npic .vehicle-img__panel[hidden]{display:none}
.npic .vehicle-img__panel[aria-labelledby*="all"] img{width:100%;height:auto;object-fit:cover}
.npic .vehicle-img__panel .swiper{overflow:hidden}
.npic .vehicle-img__panel .swiper-slide{display:flex;flex-shrink:0;justify-content:center;align-items:center}
.npic .vehicle-img__tit{margin-left:8.037%;font-size:30px;font-family:"HyundaiMedium","KanitMedium";line-height:1.3}
.npic .vehicle-img .btn-prev,.npic .vehicle-img .btn-next{margin-top:-16px}
.npic .vehicle-img .btn-prev{left:0}
.npic .vehicle-img .btn-next{right:0}
.npic .vehicle-img .indicator{bottom:0}
.npic .vehicle-img+.spec-header{margin-top:35px}
.npic .spec-header .tit{font-size:24px;font-family:"HyundaiMedium","KanitMedium";color:#000;line-height:1.25;letter-spacing:.48px}
.npic .spec-header .subtit{padding-top:10px;font-size:16px;font-family:"HyundaiMedium","KanitMedium";color:#000}
.npic .tbl-spec .caption{width:170px;font-size:20px;font-family:"HyundaiMedium","KanitMedium";color:#000;line-height:1.5;letter-spacing:.4px}
.npic .tbl-spec .item-tit,.npic .tbl-spec .item-data{font-size:14px;font-weight:normal;color:#000;line-height:1.71;letter-spacing:.28px;vertical-align:top}
.npic .tbl-spec .item-tit{width:44.3%;font-family:"HyundaiHRegular","KanitRegular"}
.npic .tbl-spec .item-data{width:55.7%;padding-left:20px;font-family:"HyundaiMedium","KanitMedium"}
@media all and (min-width:768px){.npic .accordion__tit,.npic .vehicle-img .indicator{display:none}
.npic .spec-header+.tbl-spec{margin-top:22px;border-top:1px solid #666}
.npic .tbl-spec{display:flex;padding-top:34px}
.npic .tbl-spec .item-wrap{display:flex;flex-wrap:wrap;flex-direction:column;width:calc(100% - 170px)}
.npic .tbl-spec .item-wrap>li{display:flex;width:50%;height:52px}
}
@media all and (max-width:1024px){.npic .tit-wrap{padding-bottom:30px}
.npic .trim-form__label{padding-right:20px}
.npic .trim-form+.box-normal{margin-top:56px}
.npic .accordion__item+.accordion__item{margin-top:60px}
.npic .vehicle-img__tit{font-size:24px}
.npic .vehicle-img+.spec-header{margin-top:15px}
.npic .tbl-spec .item-wrap{height:auto !important}
.npic .tbl-spec .item-wrap>li{width:auto}
.npic .tbl-spec .item-tit,.npic .tbl-spec .item-data{width:50%}
}
@media all and (max-width:767px){.npic .trim-form{display:block}
.npic .trim-form__label{padding-right:0;font-size:17px;line-height:1.29}
.npic .trim-form__select{display:block;width:100%;height:35px;margin-top:10px;padding:0 40px 0 15px;font-size:12px;color:#000;line-height:1.42}
.npic .trim-form+.box-normal{margin-top:28px}
.npic .trim-price{font-size:27px;line-height:1.19}
.npic .trim-price+.price-txt{font-size:12px;line-height:1.42}
.npic .accordion,.npic .accordion__item+.accordion__item{margin-top:25px}
.npic .accordion__panel{padding:30px 0 35px}
.npic .vehicle-img{padding-bottom:26px}
.npic .vehicle-img__panel{padding-bottom:27px}
.npic .vehicle-img__panel .swiper-slide{flex-direction:column}
.npic .vehicle-img__tit{margin-left:0;font-size:17px}
.npic .spec-header,.npic .vehicle-img__tab,.npic .vehicle-img__panel[aria-labelledby*="all"]{display:none}
.npic .vehicle-img__panel[aria-labelledby*="detail"]{display:block}
.npic .vehicle-img__panel[aria-labelledby*="detail"] img{width:95%;height:auto;object-fit:cover}
.npic .tbl-spec+.tbl-spec{margin-top:35px}
.npic .tbl-spec .caption{width:auto;padding-bottom:6px;border-bottom:1px solid #e4dcd3}
.npic .tbl-spec .item-wrap>li{padding:12px 0;border-bottom:1px solid #e4dcd3}
.npic .tbl-spec .item-tit,.npic .tbl-spec .item-data{display:block;width:auto;font-size:12px;color:#666;line-height:1.42}
.npic .tbl-spec .item-data{padding:6px 0 0 0;color:#000}
}