@charset "utf-8";

/* #content */
.interview::after {width: 50%; padding-top: calc(1004/1020 * 50%); background-image: url(../images/01/img_model_bg.png);}

.solution {background-image: url(../images/01/img_background.png); background-size: cover;}
.solution .inner > dl.solution01 {right: 6%; top: 252px;}
.solution .inner > dl.solution02 {left: 9%; top: 50%; transform: translateY(-50%);}
.solution .inner > dl.solution03 {right: 16%; bottom: 92px;}


/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {

}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {

}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {

}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    .solution .inner > dl.solution01 {right: 6%; top: 152px;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    /* content */
    .interview .inner .sub_text::after {padding-top: calc(232/331 * 90%); background-image: url(../images/01/img_model_bg_mo.png);}

    .solution {background-image: url(../images/01/img_background_mo.png);}
    .solution .inner > dl.solution01 {right: unset; left: 13%; top: 125px;}
    .solution .inner > dl.solution02 {left: 13%; top: 284px; transform: translateY(0);}
    .solution .inner > dl.solution03 {right: unset; left: 13%; bottom: 25px;}
}