@charset"UTF-8";
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#floating_banner{background: url(../../../images/floating_bg.jpg) no-repeat 50% 33%; height: 100px; display: flex;justify-content: center;align-items: center; position: fixed; bottom: 0;width: 100%; z-index: 90;}
.floating_banner ul{display: flex; align-content: center; justify-content: center;}
.floating_banner ul li .floating_img{margin-right: 8px; animation: click 1s infinite;}
.floating_banner ul li .floating_img2{margin-right: 5px;}
.floating_banner ul li .floating_img img{width: 100%;}
.floating_banner ul li a{display: flex; align-items: center; justify-content: center;background: #1e3b71;height: 60px; padding: 0 30px; margin-left: 100px; border-radius: 50px;width: 390px;box-shadow: 3px 3px 5px rgba(0,0,0,0.6)}
.floating_banner ul li:first-child a{margin-left: 0;}
.floating_banner ul li p{color: #fff;font-family: 'GmarketSansMedium';font-size: 30px; animation: click 1s infinite;margin-bottom: 0;padding-top: 5px;}
.floating_banner ul li p span{font-family: 'GmarketSansMedium';}

@keyframes click{
    0%{opacity: 1;}
    50%{opacity: 0.5;}
    100%{opacity: 1;}
}



@media(max-width:990px){
    #floating_banner{height: 100px;}
    .floating_banner ul li a{width: 310px; margin-left: 50px;height: 58px;}
    .floating_banner ul li .floating_img img{width: 80%;}
    .floating_banner ul li .floating_img{margin-right: 0px;}
    .floating_banner ul li .floating_img2{margin-right: 0px;}
    .floating_banner ul li p{font-size: 22px;}
}/*990*/

@media(max-width:790px){
    .floating_banner ul li a{margin-left: 20px;}
}/*790*/

@media(max-width:700px){
    .floating_banner ul li p{font-size: 18px;letter-spacing: 0;}
    #floating_banner{height: 70px;}
    .floating_banner ul li .floating_img img{width: 50%;}
    .floating_banner ul li .floating_img{margin-right: -22px;}
    .floating_banner ul li .floating_img2{margin-right: -17px;}
    .floating_banner ul li p span{display: none;}
    .floating_banner ul li a{
        height: 45px;
        padding: 0 0px;
        margin-left: 40px;
        width: 150px;
    }
}/*700*/

@media(max-width:480px){
    .floating_banner ul li p{font-size: 16px;}
    #floating_banner{height: 60px;}
    .floating_banner ul li .floating_img img{width: 40%;}
    .floating_banner ul li .floating_img{margin-right: -26px;}
    .floating_banner ul li .floating_img2{margin-right: -21px;}
    .floating_banner ul li a{
        height: 43px;
        margin-left: 20px;
        width: 134px;
    }
}/*480*/