@charset "UTF-8";



/** 커뮤니티 - 슬라이드 (텍스트) **/
#community_text { position: relative; margin: 60px 0 30px 0; }
#community_text ul li .items { display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 180px; margin: 0 10px; border: solid 1px #F9401F; border-radius: 30px; background-color: #FFFFFF; padding: 30px; }
#community_text ul li .items .content { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-family: 'Pretendard'; font-weight: 400; font-size: 16px; letter-spacing: 0em; color: #F9401F; }
#community_text ul li .items .content p { margin: 0; }
#community_text ul li .items .info { display: flex; justify-content: space-between; }
#community_text ul li .items .info .left .writer { font-family: 'Pretendard'; font-weight: 400; font-size: 14px; letter-spacing: 0em; color: #C0B9A6; }
#community_text ul li .items .info .right { display: flex; align-items: center; }
#community_text ul li .items .info .right div { display: flex; align-items: center; font-family: 'Pretendard'; font-weight: 400; font-size: 14px; letter-spacing: 0em; color: #C0B9A6; }
#community_text ul li .items .info .right div img { margin-right: 3px; }
#community_text ul li .items .info .right div.hit { margin-left: 20px; }
#community_text .control { position: absolute; top: calc(50% - 0px); left: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 9; visibility: hidden; opacity: 0; transition-duration: 0.2s; }
#community_text .control .arrow { position: absolute; top: 50%; transform: translate(0, -50%); width: 32px; height: 32px; border-radius: 50%; cursor: pointer; }
#community_text .control .arrow.prev { left: 100px; background: url("../images/icon_arrow_left.svg") no-repeat center #F9401F; }
#community_text .control .arrow.next { right: 100px; background: url("../images/icon_arrow_right.svg") no-repeat center #F9401F; }
#community_text:hover .control { visibility: visible; opacity: 1; }
@media screen and (max-width: 1000px) {
    #community_text { margin: 15px 0; }
    #community_text ul li .items { height: 120px; margin: 0 2.5px; padding: 15px; border-radius: 5px; }
    #community_text ul li .items .content { font-size: 12px; }
    #community_text ul li .items .info .left .writer { font-size: 12px; }
    #community_text ul li .items .info .right div { font-size: 12px; }
    #community_text .control .arrow { width: 20px; height: 20px; }
    #community_text .control .arrow.prev { left: 5px; background-size: 60%; }
    #community_text .control .arrow.next { right: 5px; background-size: 100%; }
}