@charset "euc-kr";
/*퀵메뉴*/
#quick-menu{
    background: url(../../images/quick-bg.jpg);
    background-size: cover;
}

.quick-menu{
    width: 1300px;
    margin: 0 auto;
    height: inherit;
    text-align: center;
    color: #fff;
    padding: 30px 0;
}

.quick-title{
    font-size: 36px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -2px
}

.quick-section{
    font-size: 22px;
    font-weight: 200;
    padding-bottom: 12px;
}
.quick-menu ul{overflow: hidden;display: flex;justify-content: center;}
.quick-menu ul li{
    float: left;
    width: 175px;
    background: rgba(255,255,255, 0.1);
    border: 2px solid #fff;
    position: relative;
    transition: all 0.3s ease;
    margin-left: 15px;
}
.quick-menu ul li:first-child{margin-left: 0;}

.quick-menu ul li:hover{
    background: rgba(30,59,113, 0.3);
}

.quick-menu ul li a{
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 400;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    height: 100%;
}
.quick-menu .q-img img{
    margin-right: 5px;
}



@media (max-width:1330px){
    .quick-menu{width: 96%;}
    
    
}/*1330*/

@media (max-width:1080px){
    #quick_nav_bg01{display: none !important;}
    
    
    .quick-menu{padding: 10px 0 24px 0;}
    .quick-title{font-size: 32px; margin-bottom: 2px;}
    .quick-section{font-size: 20px; padding-bottom: 5px;}
    .quick-menu ul li a{font-size: 22px;}
}/*1080*/

@media (max-width:800px){
    .quick-section{font-size: 18px;line-height: 24px;}
    .quick-menu ul li{width: 23%;margin-left: 1.5%;}
    .quick-menu ul li a{padding: 1.2vw 0.9vw 1.2vw 0.5vw; font-size: 3vw;}
    .quick-menu .q-img img{margin-right: 0.5vw; width: 80%;}
 
}/*800*/

@media (max-width:480px){
    .quick-title{font-size: 28px;}
    .quick-menu ul{flex-direction: column;align-items: center;}
    .quick-menu ul li{width: 50%;margin-top: 2%;margin-left: 0;}
    .quick-menu ul li:first-child{margin-top: 0;}
    .quick-menu ul li a {font-size: 4.5vw;}
    
}/*480*/

@media (max-width:380px){
    .quick-menu ul li{width: 60%;}
    .quick-menu ul li a{font-size: 5.5vw;}
}/*380*/