/*-------------------------------------------------------------------
	메인 구조
-------------------------------------------------------------------*/
.contents.main{
    padding-top:7.9rem;
    .c-m-wrap{width:100%; height:auto; 

        &.cm-01{
            background:url("../img/main-bg.png") center no-repeat; 
    
            @media screen and (max-width: 1280px){
                padding:6.0rem 2.0rem;
            }
        }

        .cmw-in{ 
                width:100%; max-width:1280px; margin:0 auto; padding:4.0rem 0; height:auto; position:relative; 

                @media screen and (max-width: 870px){
                    padding:0;
                }
            }

        &.cm-02{
            background:#F7F7F7;

            @media screen and (max-width: 870px){
                padding:6.0rem 2.0rem;
            }

        }

    }

}


/*-------------------------------------------------------------------
	메인 카피라이트
-------------------------------------------------------------------*/
.main-copywrite{
    width:100%; text-align:left;
    margin-bottom:3.0rem;

    .mc-title{ font-weight:bold; color:#ffffff;
        &.mt1{font-size:2.4rem;}
        &.mt2{font-size:4.2rem;}
        &.mt3{font-size:5.4rem;}

        @media screen and (max-width: 870px){
            &.mt1{font-size:2.0rem;}
            &.mt2{font-size:3.8rem;}
            &.mt3{font-size:5.0rem;}
        }
    }

}



/*-------------------------------------------------------------------
	주요정보(상단)
-------------------------------------------------------------------*/
.main-info-wrap{
    width:100%; height:auto;

    &.miw-02{
        .mi-box{
            box-shadow: var(--gray300-color) 0 0.4rem 0.8rem 0;
            .content.mi{
                width:100%; height:31.0rem;
            }   
        }
    }

    > ul{
        width:100%; display: flex; align-items: normal; justify-content: space-between; gap:2.5rem;

        > li{
            flex:1;
        }
    }

    @media screen and (max-width: 1280px){
        &.miw-02{
            .mi-box{
                .content.mi{
                    height:auto;
                }   
            }
        }

         > ul{
            flex-direction: column;

            > li{
                .mi-box{
                    padding:3.0rem;
                }
            }
         }
    }
    

    .mi-box{
        width:100%; height:100%; border-radius:2.0rem; padding:3.8rem 5.5rem; background:rgba(255,255,255,0.8);
        

        .title-box{ margin-bottom:2.0rem;
            .mi-tit{
                font-size:2.4rem; font-weight:bold; display: inline-flex; gap:0.5rem; align-items: center;
                &.icon{
                    &::before{width:3.2rem; height:3.2rem;}
                    &.apple::before{background:url("../img/icon-apple.svg") center no-repeat; background-size:contain;}
                    &.guy::before{background:url("../img/icon-guy.svg") center no-repeat; background-size:contain;}
                    &.sound::before{background:url("../img/icon-sound.svg") center no-repeat; background-size:contain;}
                    &.bell::before{background:url("../img/icon-bell.svg") center no-repeat; background-size:contain;}
                }
                
            }
            .btn-main-more{display: inline-block; width:3.6rem; height:3.6rem; font-size:0; img{width:100%;}}
        }

        .content.mi{
            width:100%; height:26.0rem;
            
            /*-- 사과선별접수(S) --*/
            .m-apply-form{
                width:100%; height:100%;
                ul{
                    width:100%; display: flex; flex-direction: column; gap:1.4rem;

                    li{
                        width:100%;  display: flex; align-items: center; justify-content: space-between; gap:1.0rem;
                        
                        input,
                        select{width:100%; height:5.2rem; padding:0 1.0rem; font-size:1.6rem;}

                        .btn-main-01{
                            position: relative; background: var(--red-color); border: 1px solid var(--red-color); color: #ffffff!important; display: inline-flex; align-items: center; justify-content: center; padding: 0 1.0rem; width:20.0rem; height: 5.2rem; border-radius: 0.5rem; font-size: 2.0rem; overflow: hidden; word-break: keep-all;
                            &.long{width:100%;}
                        }
                    }
                }
            }
            /*-- 사과선별접수(E) --*/

            /*-- 사과선별작업진행현황(S) --*/
            .table-basic.main{
                width:100%;
                height:100%;
                border-radius:2.0rem; overflow:hidden; border:0; 
                table{
                    /* width:calc(100% + 2px); margin-left:1px; */
                    /* height:calc(100% + 2px);  */
                    border-collapse: collapse;
                    border:none;
                    height:100%;
                    tr{
                        height:auto; 
                        border-bottom:1px solid #585757;
                        &:last-child{border-bottom:0;}
                    }
                    
                    th,td{
                        border:0;
                    }

                    
                    th{
                        background:var(--red-color); color:#ffffff; font-size:2.4rem; font-weight:bold;
                        &:first-child{border-right:1px solid #ffffff;}
                    }
                    
                    td{
                        background:#ffffff; color:#5E5E5E; font-size:2.4rem; font-weight:bold;
                        &:first-child{border-right:1px solid #585757;}
                    }

                    
                }
            }
            /*-- 사과선별작업진행현황(E) --*/

            /*-- 실시간 경매자료(S) --*/
            .live_info_slide { width: 100%; height: 16.0rem; border-radius: 10px; overflow: hidden; background-color: #fff; /*margin-bottom: 8px;*/  border:1px solid #E0E0E0;}
            .live_info_slide .prd_list { padding: 2.5rem; width:calc(100% - 4.0rem); height:100%; display: flex; flex-direction: column; justify-content: center; gap:1.2rem;} 
            .live_info_slide .prd_sort { display: flex; align-items: center; justify-content: space-between;  } 
            .live_info_slide .prd_sort .prd_tit{font-size:1.6rem;}
            .live_info_slide .prd_sort .prd_cont{font-size:1.6rem;}
            .live_info_slide .prd_sort:nth-child(2) .prd_tit,
            .live_info_slide .prd_sort:nth-child(2) .prd_price { font-size: 2.6rem; font-weight: 700;} 
            .live_info_slide .prd_sort .prd_price { font-weight: 700; } 
            .live_info_slide .prd_sort .prd_cont.fc_red { color: #FF5555; } 
            .live_info_slide .prd_sort .prd_cont.fc_blue { color: #265381; } 
            .live_info_slide .slide_controler { position: absolute; background: #E0E0E0; width: 4.0rem; height: 100%; top: 0; right: 0; } 
            .live_info_slide .slide_controler .swiper-button-prev { background: url("../img/ico_btn_up.svg") no-repeat; background-size: 2.4rem 2.4rem; width: 2.4rem; height: 2.4rem; top: 4.3rem; left: 0.9rem; } 
            .live_info_slide .slide_controler .swiper-button-next { background: url("../img/ico_btn_up.svg") no-repeat; background-size: 2.4rem 2.4rem; width: 2.4rem; height: 2.4rem; transform: rotate(180deg); bottom: 2.2rem; top: auto; left: 0.8rem; } 
            .live_info_slide .slide_controler .swiper-button-next::after { display: none; } 
            .live_info_slide .slide_controler .btn_live--play { position: absolute; top: 50%; transform:translateY(-50%); left: 0.8rem; display: block; width: 2.4rem; height: 2.4rem; background: url("../img/icon_btn_pause.svg") no-repeat center/contain; font-size: 0; z-index: 10; cursor:pointer;} 
            .live_info_slide .slide_controler .btn_live--play.pause { background: url("../img/icon_btn_start.svg") no-repeat center/contain; } 
            
            .day-btn{
                display: flex; align-items:center; gap:1.0rem; justify-content: end; font-size:1.4rem; color:#666666;
                .btn-main-re{display: inline-block; width:1.8rem; height:1.8rem; font-size:0; img{width:100%;}}
            }

            .price-table{width:100%; display: flex; flex-direction: column; gap:1.5rem; margin-top:2.0rem;
                ul.pt-tr{width:100%; display: flex; align-items: center; justify-content: space-between;
                    > li {
                        font-size:1.6rem; color:#484747; padding:0 0.5rem; gap:1.0rem; 

                        &.pt-tit{width:20%; font-weight:bold; border-left:2px solid #484747;}
                        &.pt-qual{width:10%; text-align:center;}
                        &.pt-weight{width:15%; text-align:right;}
                        &.pt-price{
                            width:15%; text-align:right; background:#F7F7F7; border-radius:0.5rem;
                            &.up{color:#FF5555;}
                            &.low{color:#288DD1;}
                        }


                        .pt-tit{}
                        .pt-qual,
                        .pt-weight{}
                        .pt-price{
                            
                        }
                    }
                }
            }
            /*-- 실시간 경매자료(E) --*/

            /*-- 공지사항(S) --*/
            .table-basic.notice{
                height:100%;
                table{height:100%;
                    th,td{font-size:2.0rem; text-align: left;}
                    .t-link{padding-left:1.0rem; position:relative;}
                    .t-link::before{position:absolute; left:0; top:50%; transform:translateY(-50%); content:''; display: inline-block; width:0.8rem; height:0.8rem; border-radius:0.4rem; background:#484747;}
                }
            }
            /*-- 공지사항(E) --*/
        }

    }

}