@charset "utf-8";

.cmpnt-exInterio__wrap{display:flex; flex-wrap:wrap; gap:20px; max-width:1120px; margin:0 auto;}
.cmpnt-exInterio__image{position:relative;}
.cmpnt-exInterio__desc{position:absolute; left:15px; bottom:20px; font-family:'HyundaiTextRegular'; font-size:14px; line-height:1.2;}

@media print, screen and (min-width: 741px) and (max-width: 20000px) {
    .cmpnt-exInterio__wrap{height:530px;}
    .cmpnt-exInterio__wrap:nth-child(1) .cmpnt-exInterio__image:nth-child(1) .cmpnt-exInterio__desc{bottom:190px;}
    .cmpnt-exInterio__wrap:nth-child(2){margin-top:-150px;}
    .cmpnt-exInterio__wrap:nth-child(2) .cmpnt-exInterio__image:nth-child(2){margin-top:170px;}
}

@media screen and (min-width:0) and (max-width:740px){
    .cmpnt-exInterio{padding:0 15px;}
    .cmpnt-exInterio__wrap{aspect-ratio:55/26; gap:6px;}
    .cmpnt-exInterio__wrap:nth-child(1){align-items:start;}
    .cmpnt-exInterio__wrap:nth-child(2){align-items:end; margin-top:-13.7%;}
    .cmpnt-exInterio__image{width:calc(50% - 3px);}
    .cmpnt-exInterio__image img{width:100%; height:auto;}
    .cmpnt-exInterio__desc{left:6px; bottom:6px; font-size:11px;}

    /* in section */
    .cmpnt-section__inner.layout-contents .cmpnt-exInterio{padding:0;}
}