body{
    background-color: rgb(230,230,230);
    overflow-x: scroll;
}


/* shortcut */
.shortcut1{
    position: absolute;
    bottom:5%;
    right:5%;
}


.wrap{
    display: flex;
    justify-content: center;
}



/* 전체 감쌈 */

.flexWrap {
    width:100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    /* width:100%; */
    height:auto;
}

/* header에서 130띄움 */
.flexBox{
    padding-top:130px;
}




/* hoverBox */

.imgBox{
    display: flex;
    flex-direction: column;
    position: absolute;
    max-width:100%;
    height:210px;

}

.img{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 320px;
    height:100%;
    position: relative;
    overflow: hidden;
}
.imgW440{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 440px;
    height:100%;
    position: relative;
    overflow: hidden;
}

.imgW680{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 680px;
    height:100%;
    position: relative;
    overflow: hidden;
}

.hover{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 0%;
    height: 0%;
    background-color: rgba(128, 76, 46, 0.494);
    z-index: 130;
    transition: all .5s ease;
}  

.imgBox:hover .img .hover{
    width:100%;
    height:100%;
}

.imgBox:hover .imgW440 .hover{
    width:100%;
    height:100%;
}


.imgBox:hover .imgW680 .hover{
    width:100%;
    height:100%;
}





/* section1 */

/* 섹션 묶음 */

.flexWrapSection{
    display: flex;
    justify-content:center;
    padding:50px 20px 0 0px;
    width:1400px
}

/* 용산 뉴스 띠 */
.mainbanner{
        width:100%;
        height:20px;
        background-color: rgb(169,102,68);
    }

    .mainbanner>p{
        text-align: center;
        color:rgb(255,255,255)
    }



/* 메인슬라이드 */
.owl-carousel2.owl-loaded {
    display: none; }



.pcImg{
    display: flex;
    justify-content: center;
    width:100%;
    max-width:680px;
}
.owl-carousel.owl-loaded{
    display: flex;
    position: relative;
}

.moImg{
    display: none;
    justify-content: center;
}

.mainImg img{
    max-width: 100%;
}


/* srction1 오른쪽 구간 나누기 */

.section1BoxFlex{
    display: flex;
    justify-content: center;
}

.section1Box{
    width:320px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.sectionImg{
    width:100%;
}

.sectionImg img{
    display: block;
    width: 100%;
}

.sectionImg>.pd20{
    padding:0px;
}

.section1Text{
    width:320px;
    height:280px;
    background-color: rgb(255,255,255);
    box-sizing: border-box;
    position: relative;
}

.section1TextMain{
    height:140px;
   margin-top:20px
}


.section1TextMain p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

/* .section1TextMain2{
    height:140px;
} */

/* 광고 */

.adImg{
    display: block;
    width:100%;
}

.adImg img{
    width: 100%;
}

.moadImg{
    display: none;
}

/* 모바일 섹션1 */

.mosection1Wrap{
    display: none;
}


/* section2 */

/* .section2{
    display: flex;
} */


.section2wrap{
    width: 1400px;
}





.section2FlexBox{
    display: flex;
    justify-content: center;
}

.section2Box{
    margin-right:40px;
    float:left;
    padding-top:50px;
    width:100%;
}

.section2Box:nth-child(3n+3){
    margin-right:0;
    
}



.section2FlexBox:last-child>.section2Box:last-child{
    margin-right: 0px;
}

.section2Img{
    width:320px;
}

.section2Img img{
    display: block;
    width: 100%;
}

.section2Text{
    width:320px;
    height:130px;
    background-color: rgb(255,255,255);
    box-sizing: border-box;
    position: relative;
}



.section2TextTitle{
    padding:20px;
    
}


.section2Img3{
    width:440px;
}

.section2Img2{
    width:680px;
}
.section2Text2{
    width:680px;
    height:100px;
}
.section2Text3{
    width:440px;
}

.section2Img3>.Img3-1{
    display: none;
}


.section2Img2>.img2-1{
    display: none;
}

.section2Img2{
    width:680px;
}

.section2Img3-1>.Img3-1{
    display: none;
}

.section2Img3-1>.Img3-1-1{
    display: none;
}


/* 3*2 형태 배치*/

/* .test{
    width:calc((94%-40px)/3)
} */



.flexTestBox{
    display: flex;
    justify-content:center;
}



/* section3 */

.section3Wrap{
    display: flex;
    justify-content:center;
    width:1400px;
}

.section3{
    width:1400px;
    background-color: rgb(255,255,255);
}

.section3Title{
    width:100%;
    height:55px;
    background-color: rgb(128,76,46);
    color:rgb(255,255,255)
}

.section3Title>p{
    text-align: center;
    line-height: 55px;

}

.section3Scroll{
    /* width:100%; */
    margin:auto 0;
    padding:40px;
    overflow: hidden;
    
}

.section3>.section3Scroll>ul{
    display:flex;
    justify-content: start;
    margin-top: 20px;
    overflow-x: scroll;
    
}

.section3>.section3Scroll>ul>li{
    margin-left: 30px;
    margin-bottom: 20px;
}

.liW170{
    max-width:170px
}

.liW170>a>img{
    width:170px;
    height:227px;
    display: block;
    border:0.5px solid #555;
    box-sizing: border-box;

}



.bookTitle{
    height:30px;
    line-height: 30px;
    text-align: center;
    width:170px;
    background-color: #f0bf1d;
    color:rgb(255,255,255);
    margin-top:20px
}