@charset "UTF-8";

/* 상단 */
.top { padding: 0 0; overflow: hidden; }
.top > div { display: flex; flex-direction: column; gap: 30px; }
.top .tit { text-align: center; }
    .top .tit span { font-weight: 100; }

.top .txt { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; }
    .top .txt img { width: 60px; margin-right: 10px; }

.top .sub { display: flex; flex-wrap: wrap; gap: 20px; }
.top .sub li { width: calc(25% - 15px); }
.top .sub div { display: flex; align-items: center; gap: 20px 0; flex-direction: column; text-align: center; color: #030303; border-radius: 20px; background: #fff; }
.top .sub div span { width: 150px; padding: 7px 0; }
.top .sub div i { width: 150px ; border: 1px dashed #CFCFCF; }
@media ( max-width: 991px) {
    .top { padding: 20px 0; }
    .top .sub { display: none; }
    .top .tit strong { display: block; line-height: 1.2em; color: #F8F003; }
    .top .tit span { display: block; padding: 10px 0 0 0; font-size: 0.8em; }
    .top > div { gap: 10px; }
}

.box01 { padding: 50px 0; }
    .box01 ul { display: flex; flex-wrap: wrap; gap: 20px; }
    .box01 ul li { width: calc(25% - 15px); }
    .box01 ul a { display: block; text-align: center; border: 4px solid #fff; transition: all 0.3s ease 0s; }
    .box01 ul div { background-color: #F6F6F6; }
    .box01 ul h3 { padding: 25px 0 0 0; font-weight: 600;}
    .box01 ul p { padding: 20px 0 40px 0; color: #6D6D6D; }
    
    .box01 ul a:hover { border: 4px solid #085EF2; }
    .box01 ul a:hover * { color: #085EF2; }
    @media ( max-width: 991px) {
        .box01 { padding: 30px 0; }
        .box01 ul { gap: 10px; }
        .box01 ul li { width: calc(50% - 5px); }
    }

.box02 { padding: 50px 0; background: #F1F1F1; }
.box02 .in_box { display: flex; flex-wrap: wrap; gap: 100px; }
    .box02 .in_box > li { width: calc(50% - 50px); }

    .box02 .in_box .tt { text-align: center; font-weight: 700; }
    .box02 .in_box .st { padding: 5px 0 40px 0; text-align: center; font-weight: 400; }

    .box02 table { text-align: center; background: #fff; }
    .box02 table th { padding: 15px 0; font-weight: 500; text-align: center; background: #BEBEBE; }
    .box02 table td { padding: 20px 0; border-bottom: 1px dashed #BEBEBE; }

    .box02 .re_slider div { width: 360px; margin: 0 auto; border-radius: 16px; background: #fff; box-shadow: 3px 2px 5px rgba(0,0,0,0.1); }
    .box02 .re_slider a { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 50px; outline: none; }
    .box02 .re_slider .img { display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; border-radius: 160px; margin: 0 0 10px 0; overflow: hidden; }
    .box02 .re_slider .img img { object-fit: cover; aspect-ratio: 1; }
    .box02 .re_slider h5 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 4.8em; overflow: hidden; }
    .box02 .re_slider .name { margin-left: auto; color: #BEBEBE; }
    .box02 .re_slider .icon01 { padding: 0 0 50px 0; }
    .box02 .re_slider .icon02 { padding: 50px 0 0 0; }
    .box02 .re_slider .slick-prev { background: url(../../img/00_main/icon_left.png) center no-repeat; }
    .box02 .re_slider .slick-next { background: url(../../img/00_main/icon_right.png) center no-repeat; }
    .box02 .re_slider .slick-prev:before,
    .box02 .re_slider .slick-next:before { display: none; }
    @media ( max-width: 991px) {
        .box02 .in_box { gap: 20px; }
        .box02 .in_box > li { width: 100%; }

        .box02 .re_slider div { width: 320px; }
        .box02 .re_slider .icon01 { padding: 0 0 30px 0; }
        .box02 .re_slider .icon02 { padding: 30px 0 0 0; }

        .box02 .re_slider .slick-prev,
        .box02 .re_slider .slick-next { display: none; }
    }