function HeadPageList({ children, title, detail }) {
    return (
        <div className="bg-head-menu !bg-no-repeat !bg-cover !bg-center">
            <div className="
                padding-responsive flex flex-col items-center gap-[25px]
                pt-[calc(12px_+_75px_+_32px)] sm:pt-[calc(21px_+_75px_+_45px)] md:pt-[calc(30px_+_75px_+_58px)] lg:pt-[calc(40px_+_75px_+_78px)]
                pb-[62px] sm:pb-[69px] md:pb-[76px] lg:pb-[85px]
            ">
                <p className="text-[#3B3B3B] text-[16px] sm:text-[19px] md:text-[22px] lg:text-[24px] text-center font-bold">{title}</p>
                <p className="text-[#3B3B3B] text-[14px] md:text-[16px] text-center font-normal">{detail}</p>
                {children}
            </div>
        </div>
    )
}

export default HeadPageList