@charset "utf-8";.npia{overflow:hidden;border-top:1px solid #e4dcd3}
.npia .txt-wrap .tit{font-family:"HyundaiHRegular","KanitRegular";color:#000;line-height:1.5;letter-spacing:.4px}
.npia .txt-wrap{display:flex;flex-direction:column;justify-content:center}
.npia .txt-wrap .tit:not(.subTitS,.subTitM,.subTitL){font-size:30px}
.npia .txt-wrap .desc{margin-top:14px;font-family:"HyundaiRegular","KanitRegular";color:#000;line-height:1.71;letter-spacing:.28px}
.npia .txt-wrap .desc:not(.conAreaS,.conAreaM,.conAreaL){font-size:14px}
.npia .pip-inner{position:relative}
.npia .tit-wrap+.main-image{margin-top:-50px}
.npia .main-image{text-align:right}
.npia .main-image img{max-width:100%}
.npia .exterior-nav{display:flex;justify-content:space-evenly;margin-top:50px;text-align:center}
.npia .exterior-nav img{width:100%;height:auto;object-fit:cover;opacity:.5}
.npia .exterior-nav .ico-txt{display:block;margin-top:10px;font-size:14px;font-family:"HyundaiHRegular","KanitRegular";color:#666;line-height:1.71;letter-spacing:.28px}
.npia .exterior-nav .item{width:160px;cursor:pointer}
.npia .exterior-nav .item[aria-selected="true"] img{opacity:1}
.npia .exterior-nav .item[aria-selected="true"] .ico-txt{font-family:"HyundaiMedium","KanitMedium";color:#000}
.npia .exterior-sub{margin-top:50px}
.npia .exterior-sub[hidden]{display:none}
.npia .exterior-sub img{width:865px;height:100%;object-fit:cover}
.npia .exterior-sub .item{display:flex;flex-shrink:0;width:1158px;height:450px;margin-right:30px}
.npia .exterior-sub .item:last-child{margin-right:0}
.npia .exterior-sub .txt-wrap{width:293px;padding:40px;background-color:#f6f3f2}
.npia .exterior-sub .slide-fraction{max-width:1240px;margin:0 auto;padding:40px 60px 0}
.npia .info-panel .item{display:none;gap:40px}
.npia .info-panel .item.active{display:flex;flex-direction:row-reverse;justify-content:flex-end}
.npia .info-panel .txt-wrap{flex-shrink:0;width:340px}
.npia .info-panel img{width:1140px;object-fit:cover}
.npia .gallery{position:relative;padding-bottom:78px}
.npia .gallery .thumb{position:absolute;left:0;bottom:0;overflow:hidden;width:720px;margin-left:400px}
.npia .gallery .thumb img{width:144px;height:144px;object-fit:cover}
.npia .gallery .thumb button{position:relative}
.npia .gallery .thumb .active:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:3px solid #00aad2;box-sizing:border-box}
.npia .gallery .slide-fraction{position:absolute;left:0;bottom:78px;justify-content:flex-start}
.npia .convenience .item{display:flex;flex-shrink:0;gap:40px;margin-right:13.036%}
.npia .convenience .item:last-child{margin-right:0}
.npia .convenience .item img{width:640px;height:27.6042vw;object-fit:cover}
.npia .convenience .txt-wrap{width:266px}
.npia .convenience .btn-prev,.npia .convenience .btn-next{top:calc(50% + 20px)}
.npia .convenience .btn-prev{left:0}
.npia .convenience .btn-next{right:9.5%}
.npia .convenience .slide-fraction{margin-top:35px}
@media all and (max-width:1366px){.npia .convenience{position:relative}
.npia .convenience .btn-prev{top:calc(50% - 45px);left:-40px}
.npia .convenience .btn-next{top:calc(50% - 45px);right:5%}
}
@media all and (max-width:1240px){.npia .info-panel .item{gap:30px;margin-right:-60px}
.npia .info-panel .txt-wrap{width:29.25%}
.npia .info-panel img{width:100%}
.npia .gallery{padding-bottom:6vw}
.npia .gallery .thumb{width:65.277%;margin-left:36.265%}
.npia .gallery .thumb .item{flex-shrink:0;width:20%}
.npia .gallery .thumb img{width:100%;height:11.614vw}
.npia .gallery .slide-fraction{bottom:6vw}
.npia .convenience .item{width:100%}
.npia .convenience .item img{width:560px;height:37.45vw}
.npia .convenience .txt-wrap{width:auto}
.npia .convenience .btn-next{right:-40px}
}
@media all and (max-width:1024px){.npia .main-image{text-align:center}
.npia .exterior-nav,.npia .exterior-sub{margin-top:30px}
.npia .exterior-sub img{width:660px}
.npia .exterior-sub .item{width:895px;height:360px}
.npia .exterior-sub .txt-wrap{width:236px;padding:30px}
.npia .exterior-sub .slide-fraction{padding:30px 30px 0}
.npia .info-panel .item{gap:20px;margin-right:-30px}
.npia .gallery{padding-bottom:3vw}
.npia .gallery .slide-fraction{position:static}
.npia .convenience .item{gap:20px}
.npia .convenience .item img{width:450px;height:36.426vw}
.npia .convenience .btn-prev{left:-22px;width:13px;height:25px}
.npia .convenience .btn-next{right:-22px;width:13px;height:25px}
.npia .convenience .btn-prev:after,.npia .convenience .btn-next:after{top:4px;width:16px;height:16px}
.npia .convenience .btn-prev:after{left:4px}
.npia .convenience .btn-next:after{right:4px}
.npia .convenience .slide-fraction{margin-top:30px}
}
@media all and (max-width:767px){.npia .tit-wrap .desc br{display:none}
.npia .main-image{margin:0 -15px}
.npia .main-image img{width:100%;height:auto;object-fit:cover}
.npia .exterior-nav .item{width:84px}
.npia .exterior-sub{position:relative;padding-left:15px}
.npia .exterior-sub img{width:100%;height:auto}
.npia .exterior-sub .item{display:block;width:305px;height:auto;margin-right:15px}
.npia .exterior-sub .txt-wrap{display:block;width:auto;min-height:174px;padding:20px 15px 30px}
.npia .exterior-sub .desc{margin-top:8px}
.npia .exterior-sub .slide-fraction{position:absolute;right:15px;bottom:26px;padding:0}
.npia .info-panel .item{gap:0;margin-right:-15px}
.npia .info-panel .item.active{flex-direction:column}
.npia .info-panel .txt-wrap{width:auto;padding:23.8592vw 15px 0 45px}
.npia .gallery .thumb{left:45px;top:41.7vw;bottom:auto;width:100%;margin-left:0}
.npia .gallery .thumb .item{width:auto}
.npia .gallery .thumb img{width:29.466vw;height:29.466vw}
.npia .gallery .slide-fraction{justify-content:flex-end;margin-top:27px}
.npia .convenience .item{display:block;width:calc(100% + 15px);margin-right:15px}
.npia .convenience .item img{width:100%;height:auto}
.npia .convenience .txt-wrap{padding:20px 15px 0 0}
.npia .convenience .btn-prev,.npia .convenience .btn-next{display:none}
}
@media all and (max-width:640px){.npia .info-panel img{height:360px}
.npia .info-panel .txt-wrap{padding:90px 15px 0 23px}
.npia .gallery .thumb{left:23px;top:320px}
.npia .gallery .thumb img{width:113px;height:113px}
}
@media all and (max-width:320px){.npia .gallery .thumb{top:145px}
}