@charset "utf-8";.srbo.brochure_step1 .recommendedWrap{position:relative;margin:0 auto 80px;padding:0 65px 120px;max-width:1440px;border-bottom:1px solid #e4dcd3}
.srbo.brochure_step1 .recommendedWrap .subTitL{margin-bottom:80px}
.srbo.brochure_step1 .swiper{overflow:hidden}
.srbo.brochure_step1 .swiper .swiper-wrapper{display:flex;box-sizing:border-box}
.srbo.brochure_step1 .swiper .swiper-slide{flex:none}
.srbo.brochure_step1 .swiper .swiper-slide .listInner{display:block}
.srbo.brochure_step1 .swiper .swiper-slide .listInner .img{position:relative;aspect-ratio:5/2.68}
.srbo.brochure_step1 .swiper .swiper-slide .listInner .img img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all .5s}
.srbo.brochure_step1 .swiper .swiper-slide .listInner:hover .img img,.srbo.brochure_step1 .swiper .swiper-slide .listInner.check .img img{transform:scale(1.2)}
.srbo.brochure_step1 .swiper .swiper-slide .checkboxWrap{margin-bottom:6px}
.srbo.brochure_step1 .swiper .swiper-slide .itemCon{padding-left:28px}
.srbo.brochure_step1 .swiper .swiper-slide .itemCon em{font-style:normal}
.srbo.brochure_step1 .swiper .swiper-slide .itemCon em span{margin-left:20px}
.srbo.brochure_step1 .swiper .swiper-arrow{position:absolute;top:calc(50% - 20px);width:24px;height:40px;background-position:center center;background-repeat:no-repeat}
.srbo.brochure_step1 .swiper .swiper-arrow.btn-prev{left:0;background-image:url('../../../images/common/bg_prevArrow.png')}
.srbo.brochure_step1 .swiper .swiper-arrow.btn-next{right:0;background-image:url('../../../images/common/bg_nextArrow.png')}
.srbo.brochure_step1 .swiper .swiper-button-disabled{display:none}
.srbo.brochure_step1 .sectionInner{display:flex;max-width:1440px}
.srbo.brochure_step1 .filterWrap{position:relative;margin-right:160px;width:286px;flex:none}
.srbo.brochure_step1 .filterWrap .titWrap{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e4dcd3}
.srbo.brochure_step1 .filterWrap .titWrap .stit{font-family:'HyundaiMedium'}
.srbo.brochure_step1 .filterWrap .filterArea dl{padding:30px 0}
.srbo.brochure_step1 .filterWrap .filterArea dl+dl{border-top:1px solid #e4dcd3}
.srbo.brochure_step1 .filterWrap .filterArea dl dt{margin-bottom:30px;font-size:20px;font-family:'HyundaiMedium'}
.srbo.brochure_step1 .filterWrap .filterArea .filterList li+li{margin-top:20px}
.srbo.brochure_step1 .filterWrap .filterArea .filterList li input[type=checkbox]+label{display:block;line-height:20px;font-size:16px;letter-spacing:.24px}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button{font-size:16px;line-height:20px;font-family:'HyundaiMedium'}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button.search{display:none}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button.clear{position:absolute;top:4px;right:0}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button.clear span{padding-right:30px;background-repeat:no-repeat;background-position:right center;background-size:20px;background-image:url('../../../../../../../../content/dam/hyundai/template_en/en/images/common/ico-clear.png')}
.srbo.brochure_step1 .requestWrap{width:100%}
.srbo.brochure_step1 .requestList{padding-bottom:80px}
.srbo.brochure_step1 .itemWrap{overflow:inherit}
.srbo.brochure_step1 .itemWrap .itemList .listInner:hover [class*=subTit],.srbo.brochure_step1 .itemWrap .itemList .listInner:hover [class*=conTit],.srbo.brochure_step1 .itemWrap .itemList .listInner:hover [class*=conArea]{text-decoration:none}
.srbo.brochure_step1 .itemWrap .itemListWrap{overflow:inherit !important;margin:0;display:flex;flex-wrap:wrap;gap:80px 60px}
.srbo.brochure_step1 .itemWrap .itemListWrap:after{content:none}
.srbo.brochure_step1 .itemWrap .itemList{overflow:inherit;margin:0;width:calc(33.33% - 40px)}
.srbo.brochure_step1 .itemWrap .itemList .listInner{margin:0}
.srbo.brochure_step1 .itemWrap .itemList .checkboxWrap{padding-bottom:5px}
.srbo.brochure_step1 .itemWrap .img{overflow:inherit;position:relative;padding-bottom:0 !important;aspect-ratio:5/2.68}
.srbo.brochure_step1.secSpaListWrap .itemWrap .img img{width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transition:all .5s}
.srbo.brochure_step1 .itemWrap .img:hover img,.srbo.brochure_step1 .itemWrap .listInner.check .img img{transform:translate(-50%,-50%) scale(1.2)}
.srbo.brochure_step1 .itemWrap .itemList .itemCon .conAreaS em span{margin-left:15px}
.srbo.brochure_step1 .itemWrap .itemList .itemCon .conBlock{display:inline-block}
.srbo.brochure_step1 .requestList .btnMore{margin-top:40px;display:block;width:100%;background-color:#f2f2f2}
.srbo.brochure_step1 .requestList .btnMore .icoArr{position:relative;padding-right:13px;font-size:16px;line-height:56px}
.srbo.brochure_step1 .requestList .btnMore .icoArr:after{content:'';position:absolute;top:calc(50% - 3px);right:0;width:0;height:0;display:block;border-top:6px solid #000;border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}
.srbo.brochure_step1 .requestList .btnMore.on .icoArr:after{border-top:0;border-bottom:6px solid #000}
@media(max-width:1440px){.srbo.brochure_step1 .filterWrap{margin-right:80px;width:200px}
}
@media(max-width:1024px){.srbo.brochure_step1 .toolTipWrap .ic_Bquestion{margin-top:0;width:16px;height:16px}
.srbo.brochure_step1 .recommendedWrap{margin:0 auto 50px;padding:0 20px 40px}
.srbo.brochure_step1 .recommendedWrap .subTitL{margin-bottom:25px}
.srbo.brochure_step1 .swiper .swiper-slide .itemCon em span{margin-left:10px}
.srbo.brochure_step1 .swiper .swiper-arrow{top:calc(50% - 12px);width:15px;height:25px;background-size:contain}
.srbo.brochure_step1 .filterWrap{width:160px}
.srbo.brochure_step1 .filterWrap .titWrap{margin-bottom:15px;padding-bottom:15px}
.srbo.brochure_step1 .filterWrap .filterArea dl{padding:15px 0}
.srbo.brochure_step1 .filterWrap .filterArea dl dt{margin-bottom:15px;font-size:14px}
.srbo.brochure_step1 .filterWrap .filterArea .filterList li+li{margin-top:10px}
.srbo.brochure_step1 .filterWrap .filterArea .filterList li input[type=checkbox]+label{line-height:16px;font-size:12px}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button{line-height:15px}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button.clear{top:2px}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button.clear span{padding-right:25px;background-size:15px}
.srbo.brochure_step1 .itemWrap .itemListWrap{gap:40px 30px}
.srbo.brochure_step1 .itemWrap .itemList{width:calc(50% - 15px)}
.srbo.brochure_step1 .itemWrap .itemList .itemCon .conAreaS{font-size:12px}
.srbo.brochure_step1 .itemWrap .itemList .itemCon .conAreaS em span{margin-left:10px}
.srbo.brochure_step1 .requestList .btnMore{margin-top:20px}
.srbo.brochure_step1 .requestList .btnMore .icoArr{font-size:15px;line-height:40px}
.srbo.brochure_step1 .requestList .btnMore .icoArr:after{top:calc(50% - 3px);border-top:5px solid #000}
.srbo.brochure_step1 .requestList .btnMore.on .icoArr:after{border-bottom:5px solid #000}
}
@media(max-width:767px){.srbo.brochure_step1 .itemWrap .img p{left:0}
.srbo.brochure_step1 .recommendedWrap{margin:45px auto 30px}
.srbo.brochure_step1 .swiper .swiper-slide .listInner:hover .img img,.srbo.brochure_step1 .swiper .swiper-slide .listInner.check .img img{transform:scale(1)}
.srbo.brochure_step1 .filterWrap{z-index:12;position:absolute;left:0;top:0;margin-right:0;width:100%;background-color:#f5f3f2}
.srbo.brochure_step1 .filterWrap .titWrap{margin-bottom:0;padding-bottom:0;border-bottom:0}
.srbo.brochure_step1 .filterWrap .titWrap .stit{width:100%;line-height:45px;text-align:center;background-color:#e4dcd3;cursor:pointer}
.srbo.brochure_step1 .filterWrap .titWrap .stit span{position:relative;padding-right:13px}
.srbo.brochure_step1 .filterWrap .titWrap .stit span:after{content:'';position:absolute;top:calc(50% - 3px);right:0;width:0;height:0;display:block;border-top:5px solid #000;border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}
.srbo.brochure_step1 .filterWrap.active .titWrap .stit span:after{border-top:0;border-bottom:5px solid #000}
.srbo.brochure_step1 .filterWrap .filterArea{overflow:hidden;height:auto;max-height:0;transition:max-height .3s ease-out}
.srbo.brochure_step1 .filterWrap.active .filterArea{max-height:423px}
.srbo.brochure_step1 .filterWrap .filterArea dl{padding:20px 15px}
.srbo.brochure_step1 .filterWrap .filterArea dl:first-child{padding-top:40px}
.srbo.brochure_step1 .filterWrap .filterArea dl dt{margin-bottom:10px}
.srbo.brochure_step1 .filterWrap .filterArea .filterList{display:flex;flex-wrap:wrap}
.srbo.brochure_step1 .filterWrap .filterArea .filterList li{margin:5px 0;width:33.33%}
.srbo.brochure_step1 .filterWrap .filterArea .filterList li+li{margin-top:5px}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea{padding:20px 15px 40px}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button{width:100%;height:50px;font-size:17px}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button.search{display:block;color:#fff;background-color:#002c5f}
.srbo.brochure_step1 .filterWrap .filterArea .btnArea button.clear{position:relative;top:0;margin-top:10px;color:#002c5f;background-color:#fff}
.srbo.brochure_step1 .txtLineBox{padding:0 15px}
.srbo.brochure_step1 .itemWrap{padding:0 15px}
.srbo.brochure_step1 .txtLineBox ~ .itemWrap{padding-top:10px}
.srbo.brochure_step1 .itemWrap .itemListWrap{gap:25px}
.srbo.brochure_step1 .itemWrap .itemList{width:calc(50% - 12.5px)}
.srbo.brochure_step1.secSpaListWrap .itemWrap .img img{position:absolute}
.srbo.brochure_step1 .itemWrap .img:hover img,.srbo.brochure_step1 .itemWrap .listInner.check .img img{transform:translate(-50%,-50%) scale(1)}
.srbo.brochure_step1.secBrochureS1 .itemWrap .itemList .itemCon .conAreaS{display:block}
.srbo.brochure_step1 .requestList .btnMore .icoArr{font-size:15px;line-height:40px}
}