@charset "utf-8";

@font-face {
    font-family: 'ELAND_Choice_B';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Choice_B.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.swipe-carousel { position: relative;}
#banner {  position: absolute; left: 50%; top: 40%; width: 100%; max-width: 1200px; transform: translate(-50%, -50%);}
#banner .txt { line-height: 1;}
#banner .txt .p1 { padding: 0 0 20px; font-family:'ELAND_Choice_B'; font-size: 45px; color:#111}
#banner .txt .p2 { color: #333; font-size: 25px; line-height: 1.5;}
#banner .txt .p2 span { display: block;}
.quick { background: #2d3b44; }
.quick ul { display: flex; width: 100%;}
.quick ul li { flex:1;  }
.quick ul li a { display: block; height: 70px; font-size: 18px; font-weight: 400;  line-height: 70px; color: #ffff; text-align: center;}
.quick ul li a:hover { background: #a41d20; }

@media (max-width:991px){
    #banner { top: 50%; }
    #banner .txt { padding: 0 10px;}
    .quick { display: none;}
}
@media (max-width:768px){    
    #banner .txt { padding: 50px 10px; text-align: center; background: rgba(255,255,255,.5);}
    #banner .txt .p2 { color: #111;}    
}
@media (max-width:480px){    
    #banner .txt { padding: 40px 10px; text-align: center; background: rgba(255,255,255,.5);}
    #banner .txt .p1 { font-size: 32px;}
    #banner .txt .p2 { font-size: 20px;}    
}
@media (max-width:400px){    
    #banner .txt { padding: 30px 10px; }
    
}