@media (max-width: 1300px){
    #quick_menual {display : none !important;}
} 
#quick_menual {
    position: fixed;
    right: 0;
    bottom: 30px; 
    text-align: center;
    padding-right: 30px;
    z-index: 95;
}
#quick_menual .ad {
    position: relative;
}
#quick_menual .ad .ad_img {
    width: 30px;
    height: 10.87px;
}
#quick_menual .quick_notice {
    position: absolute;
    top: 22px;
    z-index: 12;
    right: 0;
    background: #fff;
    color: #121212;
    font-family: "AppleSDGothicNeoR";
    font-size: 15px;
    letter-spacing: -.5px;
    padding: 10px 25px;
    border: 1px solid #ebebeb;
    border-radius: 30px;
    white-space: nowrap;
    text-align: center;
    line-height: 1.3;
    display: none;
}
#quick_menual .ad:hover .quick_notice {
    display: block;
}
#quick_menual li {
    cursor: pointer;
}
#quick_menual > li {
    width: 60px; 
    height: 60px;
    border-radius: 35px;
    margin: 10px auto;
    margin-bottom: 0px;
    overflow: hidden; 
} 
#quick_menual > li span { 
    color: #b6b5b5;
    font-size: 14px;
    /* font-family: "AppleSDGothicNeoL"; */
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
#quick_menual > li:nth-of-type(1) {
    width: auto;
    height: auto;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #ebebeb;
    background: #f6f6f6;
} 
#quick_menual .history_prd {
    position: relative;
}
#quick_menual .history_prd > ul {
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    top: 0;
    right: 0;
    height: 80px;
}
#quick_menual .history_prd > ul > li {
    width: 60px; 
    height: 60px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    margin-bottom: 0px;
    overflow: hidden;
}
#quick_menual .history_prd > ul > li {
    position: absolute;
    top: 0;
    right: 4px;
    transition: all .3s;
}
#quick_menual .history_prd > ul:hover {
    min-width: 300px;
}
#quick_menual .history_prd > ul > li:nth-of-type(1) {
    z-index: 10;
}
#quick_menual .history_prd > ul:hover > li:nth-of-type(2) {
    right: 72px;
}
#quick_menual .history_prd > ul:hover > li:nth-of-type(3) {
    right: 141px;
}
#quick_menual .history_prd > ul:hover > li:nth-of-type(4) {
    right: 209px;
}
#quick_menual .cir {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 30px;
}

#quick_menual .history_prd .thumb {position:relative;padding-top:100%;overflow:hidden;}
#quick_menual .history_prd .thumb .centered{position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(50%,50%);}
#quick_menual .history_prd .thumb img {position:absolute;top:0;left:0;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}


#quick_menual .typing-text {
	margin: 0;
	font-size: 15px;
	font-family: var(--main-fonts);
	font-weight: 400;
	position: relative;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    padding: 10px 14px;
}
#quick_menual .typing {
	position: absolute;
    top: 16%;
    right: 44px;
    transform:translateY(-50%); 
    background:#ffe812;
    display:table;
    border-radius: 18px;
    height:36px;
    min-width:36px;
    width: auto;
    box-sizing:border-box;
    white-space: nowrap;
}
#quick_menual .typing.circle {
    transition: all .3s;
    width: 0px;
    height: 0px;
} 
#quick_menual .typing.circle .typing-text {
    padding: 0;
}