/* 
 * sonata-dn8-2023 > design.css
 * version : 202306
*/

@charset "utf-8";

/* Key-Visual Area */
.keyVisual {background-image:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/cars/sonata-dn8-2023/design/dn8-sonata-design-kv-pc.jpg');}

/* Sub Key-Visual Area */
.sub-keyVisual__title{top:150px;}
.sub-keyVisual__title h2 > span{margin-bottom:15px;}

/* section */
.section-col + .section-col{margin-top:32px;}
.section-col__txt{padding:0 0 0 60px; text-align:left;}
.section-col__txt .pip-subTitle{margin-bottom:23px;font-family: 'HyundaiSansHeadMedium';}
.section-col__txt .pip-desc > strong{display:block; font-family:'HyundaiSansHeadMedium'; font-size:20px; line-height:24px; margin-bottom:15px; font-weight:normal;}
.section-bg{margin-bottom:100px;}
.section-bg + .section-media{margin-top:0;}
.section-bg + .section-media .section-media__description{margin-bottom:42px;}
.txt-col__elem + .txt-col__elem{width:auto;}
.txt-col--half{margin-top:0; gap:32px;}
.txt-col--half .txt-col__elem{width:auto;}
.txt-col--half .txt-col__elem .pip-subTitle{margin-bottom:14px;}
.txt-col--half .txt-col__elem .pip-desc{margin-bottom:49px;}
.txt-col--half .txt-col__elem:first-child  .pip-desc{margin-bottom: 77px;}
.experience360vr-disclaimerTxt{font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #666;
    padding-left: 60px;}

/* Mobile */
@media screen and (min-width:0) and (max-width:740px){
    /* Key-Visual Area */
    .keyVisual {background-image:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/cars/sonata-dn8-2023/design/dn8-sonata-design-kv-m.jpg');}

    /* Sub Key-Visual Area */
    .sub-keyVisual__title{top:40px;}
    .sub-keyVisual__title h2 > span{margin-bottom:20px;}

    /* section */
    .section-media + .sub-keyVisual{margin-top:0;}
    .section-media--mo{padding:0;}
    .section-media--mo .section-media__description,
    .section-media.section-bg .section-media__description{padding:0;}
    .section-media.section-bg{padding-left:0; padding-right:0; margin-bottom:50px;}
    .section-col.section-media__elem{gap:16px;}
    .section-col__txt .pip-subTitle{margin-bottom:8px; font-size:26px; line-height:31px;}
    .section-col__txt .pip-desc > strong{font-size:14px; line-height:19px; margin-bottom:16px;}
    .section-col + .section-col{margin-top:28px;}
    /* .section-media__elem video{aspect-ratio:1/0.725;} */
    .txt-col .pip-title{margin-bottom:18px;}
    .txt-col.txt-col--half{display:block; margin:0;}
    .txt-col--half .txt-col__elem + .txt-col__elem{margin-top:51px;}
    .txt-col__elem .pip-subTitle{margin:-13px 0 16px;}
    .section-bg + .section-media .section-media__description{margin-bottom:26px;}
    .section-bg + .section-media .section-media__description .pip-title{margin-bottom:0;}
    .txt-col--half .txt-col__elem .pip-subTitle{margin:0 0 5px;}
    .txt-col--half .txt-col__elem .pip-desc{margin-bottom:28px;}
    .txt-col--half .txt-col__elem:first-child .pip-desc{margin-bottom: 28px;}
}