header {padding:1.2rem 0;height:6.3rem;box-sizing:border-box;}
header .logo {width:9rem;height:2.4rem;}
section {padding:0 1.2rem 2.1rem;}
.item_wrap {display:grid;grid-template-columns:repeat(2, 1fr);gap:1.2rem 0.8rem;min-height:calc(100vh - 8.4rem);}
.item {overflow:hidden;position:relative;}
.item a {position:relative;display:block;width:100%;height:100%;box-sizing:border-box;}
.item a .bg {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:#fff;transition:all ease 0.3s;transform:scale(1);}
.item a.touchstart:before {position:absolute;top:0;left:0;z-index:1;content:"";display:block;width:100%;height:100%;box-sizing:border-box;}
.item a.touchstart .bg {transform:scale(1.2);}
.item .txt {position:absolute;left:2.1rem;bottom:2rem;line-height:2.2rem;font-size:1.9rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:-0.02rem;}
.item01, .item02 {grid-column:1/3;}
.item01 .bg {background-image:url(../images/main/main_img_01.png);}
.item02 .bg {background-image:url(../images/main/main_img_02.png);}
.item03 .bg {background-image:url(../images/main/main_img_03.png);}
.item04 .bg {background-image:url(../images/main/main_img_04.png);}
.item05 .bg {background-image:url(../images/main/main_img_05.png);}
.item06 .bg {background-image:url(../images/main/main_img_06.png);}
.mySwiper {min-height:100%;}
.mySwiper .swiper-wrapper {min-height:100%;}
.mySwiper .swiper-slide.order02 {min-height:100%;background-color:#000;}
.mySwiper .swiper-pagination {position:absolute;top:3.2rem;right:1.2rem;left:auto;bottom:auto;width:auto;display:flex;justify-content:right;align-items:center;gap:0;}
.mySwiper .swiper-pagination span {width:6em;height:2.1rem;border-radius:0;margin:0!important;font-size:0.95rem;font-weight:600;display:flex;justify-content:center;align-items:center;background-color:#666;color:#fff;opacity:1;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active {background-color:#005587;}
.mySwiper .btn_order1:before {content:"HYUNDAI";}
.mySwiper .btn_order2:before {content:"BALANTY";}

/* ==Balanty== */
.logo_balanty {margin-bottom:0.9rem;width:15rem;height:2.4rem;background:url(../images/svg/logo_balanty.svg) no-repeat 0 0 / 100% auto;}
.txt_sub {margin-bottom:3.2rem;font-size:1.3rem;font-weight:800;color:#fff;}
.bi_wrap {position:relative;margin:2rem auto 0.5rem;max-width:32.1rem;min-height:14.2rem;}
.dl_bi {max-width:32rem;width:100%;min-height:100%;}
.dl_bi dt {line-height:2.2rem;font-size:1.6rem;font-weight:700;text-transform:uppercase;text-align:center;}
.dl_bi dd {display:flex;justify-content:center;align-items:center;margin:0.5rem auto 0;max-width:32rem;width:100%;height:3.8rem;line-height:1.6rem;font-size:1.4rem;font-weight:700;text-align:center;border-radius:0.5rem;background:linear-gradient(to top, #999, rgba(153, 153, 153, 0.15) 0, rgba(200, 200, 200, 0.2) 100%);}
.balanty .box_line h3 {color:#fff;}
.balanty .box_line.box03 {position:relative;padding:3.8rem 0 1rem;border-bottom:0;}
.balanty .box03 h3 {margin-bottom:1rem;}
.balanty .box03 .btn_detail {position:absolute;top:3.2rem;right:0;}
.dl_pf {display:flex;justify-content:space-between;flex-wrap:wrap;}
.dl_pf dt {margin-bottom:1rem;width:100%;line-height:2.2rem;font-size:1.3rem;font-weight:700;letter-spacing:-0.05rem;}
.dl_pf dd {line-height:2rem;font-size:1.3rem;font-weight:700;text-align:center;letter-spacing:-0.05rem;text-transform:capitalize;}
.dl_pf dd > div {min-height:87px;}
.dl_pf dd img {display:block;margin:0 auto;}
.dl_pf dd span {display:block;margin-top:1.7rem;}
.dl_pf:last-child dd {width:100%;}
.arrow {display:block;margin:2.2rem auto 1.5rem;width:8rem;height:4.4rem;background:url(../images/page/arrow.png) no-repeat 0 0 / 100% auto;}


/* 타블렛 (가로): */
@media only screen and (min-width : 1024px) and (max-width : 1366px) {
    header {margin-bottom:0;padding:2rem 0 0.7rem;}
    section {padding:1rem;}
    .item_wrap {grid-template-columns:repeat(4, 1fr);gap:1.2rem 0.8rem;min-height:calc(100vh - 8.2rem);}
    .item .txt {bottom:3.5rem;}
    .item01 {grid-column:1/3;}
    .item02 {grid-column:3/5;}
    .mySwiper .swiper-pagination {right:1rem;}

    /* ==Balanty== */
    .pf_wrap {display:grid;grid-template-columns:2fr 8rem 1fr;align-items:flex-start;gap:1rem;margin:0 auto;max-width:71.4em;}
    .dl_pf:first-child {justify-content:left;gap:0 2rem;}
    .dl_pf:last-child {justify-content:right;gap:0 2rem;}
    .arrow_box {display:flex;justify-content:center;align-items:center;height:100%;}
    .arrow_box .arrow {margin:0;transform:rotate(-90deg);}
    .dl_pf {gap:0;}
    .dl_pf dd {width:calc(50% - 2rem);}
}


/* 타블렛 (세로): */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
    header {margin-bottom:0;padding:2rem 0 0.7rem;}
    section {padding:1rem;}
    .item_wrap {gap:1.2rem 0.8rem;min-height:calc(100vh - 8.2rem);}
    .item .txt {bottom:3.5rem;}
    .mySwiper .swiper-pagination {right:1rem;}

    /* ==Balanty== */
    .pf_wrap {display:grid;grid-template-columns:2fr 8rem 1fr;align-items:flex-start;gap:1rem;margin:0 auto;max-width:71.4em;}
    .dl_pf:first-child {justify-content:left;gap:0 2rem;}
    .dl_pf:last-child {justify-content:right;gap:0 2rem;}
    .arrow_box {display:flex;justify-content:center;align-items:center;height:100%;}
    .arrow_box .arrow {margin:0;transform:rotate(-90deg);}
    .dl_pf {gap:0;}
    .dl_pf dd {width:calc(50% - 2rem);}
}


/* 스마트폰 (가로): */
@media only screen and (min-width : 480px) and (max-width : 767px) {
    .item_wrap {grid-template-columns:repeat(4, 1fr);}
    .item01 {grid-column:1/3;}
    .item02 {grid-column:3/5;}

    /* ==Balanty== */
    .pf_wrap {display:grid;grid-template-columns:2fr 8rem 1fr;align-items:flex-start;gap:1rem;}
    .dl_pf:first-child {justify-content:left;gap:0 2rem;}
    .dl_pf:last-child {justify-content:right;gap:0 2rem;}
    .arrow_box {display:flex;justify-content:center;align-items:center;height:100%;}
    .arrow_box .arrow {margin:0;transform:rotate(-90deg);}
    .dl_pf {gap:0;}
    .dl_pf dd {width:calc(50% - 2rem);}
    
}

/* 스마트폰 (세로): */
@media only screen and (max-width : 479px) {
    /* Styles */
    
}

@media only screen and (max-width : 330px) {
    /* Styles */
    .mySwiper .swiper-pagination span {width:5rem;}
    .balanty .box03 .btn_detail {padding:0 1.2rem;min-width:11rem;}
}