#banner{margin-top:100px;position:relative;}
#banner *{color:white;}
#banner .info{position:absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(40 38 38 / 20%);display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding-bottom: 8%;padding-left: 9%;}
#banner .info .linkk {display:flex;align-items: center;gap: 20px;}
#banner .info .linkk a{width:215px;background: var(--primary);display: flex;align-items: center;justify-content: center;border-radius: 10px;padding: 15px 0;gap: 40px;}
#banner .info .linkk a.shop{background:var(--third)}
#banner .info .linkk a b{width:25px;aspect-ratio: 1/1;background: white;border-radius: 50px;display: inline-flex;align-items: center;justify-content: center;}
#banner .info .linkk a b svg{width: 11px;height: 11px;fill: var(--third);}
#banner .info h1{font-size:40px;font-weight: 600;margin-bottom: 60px;}
#banner_box , #banner_box .item , #banner_box .img_box { position: relative; }
#banner_box .img_box img {min-width: 100vw;width: 100vw;height: 87vh;}
#banner_box .img_box iframe , #banner_box .img_box video {position: absolute;width: 100%;height: auto;top: 0;left: 0;}
#banner_box .slick-dotted .slick-track { min-width: 100vw; }
#banner_box .info_box , #banner_box .atag_item { position: absolute; }
#banner_box .info_box { width: 100%; height: 80%; display: flex; align-items: center; top: 0; left: 0; }

@media screen and (max-width: 1160px){
	#banner_box .img_box iframe, #banner_box .img_box video{width:auto;height:100%;}
}
@media screen and (max-width: 980px){
    #banner_box .img_box img{height: 60vh;}
    #banner .info h1{font-size: 30px;}
}
@media screen and (max-width: 680px){
    #banner .info .linkk{width:100%;gap: 10px;}
    #banner .info .linkk a{width:100%;gap: 10px;}
    #banner .info h1{font-size: 20px;color: var(--g_charcoal);}
    #banner_box .img_box img{height: 35vh;}
    #banner{margin-top:80px;}
    #banner .info{position:relative;background: none;padding: 0;width: 85%;margin: 20px auto;}
}