@charset "UTF-8";
@import url("../../../main/css/main_respond.css");
/*-------------------------------------------------
title       : 메인 반응형
Author      : ㅈㅁㅈ
Create date : 2020-08-20
-------------------------------------------------*/

@media (max-width: 1024px) 
{ 
    .section1 .pr { width: 100%; }

    .research { width: calc(100% - 48rem); }
}

@media (max-width: 768px) 
{ 
    .section1 { padding-bottom: 20rem; }
    .section2 { padding-top: 35rem; }

    .research { float: none; width: 100%; margin-bottom: 2rem; }
    .research h2 { margin-bottom: 0; }

    .banner { float: none; width: 100%; }
    .banner ul { float: left; width: 42rem; }
    .banner .pr { float: right; width: calc(100% - 45rem); }
}

@media (max-width: 600px) 
{ 
    .section1 { padding-bottom: 10rem; }
    .section1::before { background: linear-gradient(to bottom, #e3e6e8 50%, #fff, rgba(255, 255, 255, 0)); }
    .section1::after { height: calc(100% - 5rem); }
    .section1 .banner .pr { float: none; width: 100%; height: 0; padding-top: 50%; }
    .section1 .banner .pr .title { height: auto; line-height: 1; }

    .section2 { padding-top: 32rem; }
    .section2 .list .list1 .desc strong { font-size: 2.5rem; } 

    .banner ul { float: none; width: 100%; margin-bottom: 1rem; }
    .banner li { width: calc(50% - 0.5rem); }
    .banner li a { height: 15rem; }
}