#body
{
    main
    {

        article
        {
            padding-bottom:50px;
            h2
            {
                font-size:32px;
                margin-bottom: 20px;
                span
                {
                    display: inline-block;
                    padding:0 0 10px 0;
                    border-bottom: 2px solid $main-color;
                }
            }
            p
            {
                margin-bottom: 50px;
            }
            #detail
            {
                margin-bottom: 50px;
                letter-spacing: 2px;
                h2
                {

                    font-size:15px;
                    padding:10px 0;
                    margin-bottom:0px;
                    font-weight: 600;
                }
                ul
                {
                    font-size:15px;
                    list-style-type: disc;
                    list-style-position:inside;
                    margin-bottom: 20px;
                    li
                    {
                        line-height: 150%;
                    }
                }
            }
            #sale
            {

                #sale-price
                {
                    display: block;
                    font-size:32px;
                    margin-bottom: 20px;
                }
                #sale-option
                {

                }
                .form-group
                {
                    margin-bottom: 20px;
                    label
                    {
                        display: block;
                        margin-bottom: 10px;
                        color:#ccc;
                        font-size: 14px;
                    }
                    select
                    {
                        border:1px solid #ccc;
                        height:40px;
                        padding:0 10px;
                        border-radius:10px;
                        display: block;
                        width: 100%;
                    }
                    #sale-num
                    {
                        display: flex;
                        border:1px solid #ccc;
                        border-radius: 10px;
                        button
                        {
                            border:0px;
                            background: rgba(255,255,255,0);
                            width: 40px;
                            height: 40px;
                            cursor: pointer;
                        }
                        div
                        {
                            width: calc(100% - 80px);
                            position: relative;
                            &::before
                            {
                                content:' ';
                                width: 100%;
                                height: 100%;
                                position: absolute;
                                top:0px;
                                left: 0px;
                                z-index:200;
                            }
                            input
                            {

                                position: relative;
                                z-index:1;
                                width: 100%;
                                border:0px;
                                line-height: 40px;
                                text-align:center;
                            }
                        }
                    }
                }

                #sale-button
                {
                    display: flex;
                    button
                    {
                        border:1px solid #ccc;
                        height:40px;
                        cursor: pointer;
                        border-radius: 10px;
                        width: calc(50% - 10px);
                        &[type=submit]
                        {
                            margin-right: 10px;
                            background: #fff;
                        }
                        &[type=button]
                        {
                            margin-left:10px;
                            background: $main-color;
                            border-color:$main-color;
                            color:#fff;
                        }
                    }
                }

            }
        }
        aside
        {
            picture
            {
                display: block;
                width: 100%;
                img
                {
                    display: block;
                    width: 100%;
                }
            }
        }
        @media(min-width:768px)
        {
            display: flex;
            aside
            {
                width:45%;
                margin-right:5%;
                picture
                {
                    width: 100%;
                    display: block;
                    img
                    {
                        display: block;
                        width: 100%;
                    }
                }
            }
            article
            {
                width: 45%;
                margin-left:5%;
            }
        }
        @media(max-width:767px)
        {

        }
    }
}