﻿body {
    margin: 0;
    padding: 0;
}



.landing_wrap {
    background-color: #fdfae7;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

    .landing_wrap.skin_250508 {
        background-color: #def7de;
    }


    .landing_wrap img {
        width: 100%;
    }


    .landing_wrap .intro {
        width: 100%;
    }

    .landing_wrap .ctn {
        position: relative;
    }

    .landing_wrap .ctn .tab {
        display: table;
    }

        .landing_wrap .ctn .tab img {
            display: table-cell;
        }

            .landing_wrap .intro img.mo_view,
            .landing_wrap .bottom_ban img.mo_view{
                display: none;
            }


.landing_wrap .review {
    width: 100%;
    background: #d4d5d9;
}

    .landing_wrap .bottom_ban {
        width: 100%;
        background: #191f11;
        position: relative;
        padding: 120px;
    }


    .landing_wrap.skin_250508 .bottom_ban {
        background: #01492e;
    }

    .landing_wrap .bottom_ban img.pc_view,
    .landing_wrap .review img.pc_view {
        max-width: 1200px;
    }




.landing_wrap .bottom_ban a {
    position: absolute;
    width: 27%;
    height: 44%;
}

    .landing_wrap .bottom_ban a.ban_01 {
        top: 16%;
        left: 22.5%;
    }

    .landing_wrap .bottom_ban a.ban_02 {
        top: 16%;
        left: 50.5%;
    }


/*미디어쿼리 시작*/
@media (min-width: 768px) and (max-width: 1024px) {


    .landing_wrap .bottom_ban {
        margin-bottom: 12vh;
    }
}

@media (max-width: 767px) {



    .landing_wrap {
        margin-top: 0;
        background-color: #fff;
    }


        .landing_wrap .intro img.mo_view,
        .landing_wrap .ctn .tab img.mo_view,
        .landing_wrap .bottom_ban img.mo_view,
        .landing_wrap .review img.mo_view {
            display: block;
        }

        .landing_wrap .intro img.pc_view,
        .landing_wrap .ctn div img.pc_view,
        .landing_wrap .bottom_ban img.pc_view,
        .landing_wrap .review img.pc_view {
            display: none;
        }

      


        .landing_wrap .bottom_ban a.ban_01 {
            top: 9%;
            left: 9.5%;
            width: 81%;
            height: 31%;
        }

        .landing_wrap .bottom_ban a.ban_02 {
            top: 44%;
            left: 9.5%;
            width: 81%;
            height: 31%;
        }
        .landing_wrap .bottom_ban {
            padding: 0;
        }
}
