/* BASIC css start */
.board_top {
    position: relative;
    background: #f5f5f5;
    padding: 40px 0;
}

.board_top .inner {
    width: 96%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
}

.board_top .tit h3 {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    margin: 0 0 8px;
}

.board_top .tit p {
    font-size: 15px;
    line-height: 1.5em;
}

.board_top .inquiry {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-end;
    gap: 80px;
}

.board_top .inquiry li {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.board_top .inquiry li i {
    display: block;
    font-size: 28px;
    color: #000;
    margin: 0 0 8px;
}

@media all and (max-width: 767px) {
    .board_top .inner {
        flex-direction:column;
        align-items: flex-start;
        padding: 0 10px;
    }

    .board_top .tit h3 {
        font-size: 24px;
    }
}


.xans-board-listpackage { background:#fff; }
.xans-board-title p.imgArea { text-align:center; margin:0 0 30px; }
.xans-board-title p.imgArea img { width:100%; }

/* 글쓰기 버튼 */
.xans-board-listpackage .ec-base-button { padding:0 14px; }

/* 정렬 */
.xans-board-listpackage .boardSortWrap::after { content:""; display:block; clear:both; }
.xans-board-listpackage .boardSort { display: inline-block; float: right; }
.xans-board-listpackage .boardSort span { font-size:13px; }
.xans-board-listpackage .boardSort span:first-of-type { padding:0 2% 0 0; }
.xans-board-listpackage .boardSort span select { font-size:16px; width:100%; height: 40px; margin:7px 0; border: 2px solid #000; padding: 0 20px; outline: none; font-family: 'Montserrat','Noto Sans KR',Verdana,Dotum,AppleGothic,sans-serif; cursor: pointer; }

/* 공지사항 */
.xans-board-notice { margin:-1px 0 0; font-size:13px; border-top:1px solid #ececec; }
.xans-board-notice li { position:relative; padding:20px 14px; color:#757575; border-bottom:1px solid #ececec; background:#f9f9f9; }
.xans-board-notice a { display:block; color:#555; }

.xans-board-notice .thumb { float:left; image-rendering: -webkit-optimize-contrast; }
.xans-board-notice .thumb img { width:80px; max-height:80px; margin:0 8px; border-radius: 4px; }
.xans-board-notice .thumb_tit { display: block; text-align:center; }

.xans-board-notice .summary::after { content:""; display:block; clear:both; }
.xans-board-notice .summary > a > .right > span { padding:0 6px 0 0; }
.xans-board-notice .subject { width: 60%; float:left; font-size:14px; line-height:1.3em; color:#111; font-weight:normal; }
.xans-board-notice .right { width:38%; float:right; text-align:right; }
.xans-board-notice .comment { color:#000; }
.xans-board-notice .point img { width:auto; height:11px; vertical-align:-1px; }

/* 고정글 */
.xans-board-fixed { margin:-1px 0 0; font-size:13px; border-top:1px solid #ececec; }
.xans-board-fixed li { position:relative; padding:20px 14px; color:#757575; border-bottom:1px solid #ececec; }
.xans-board-fixed a { display:block; color:#555; }

.xans-board-fixed .thumb { float:left; image-rendering: -webkit-optimize-contrast; }
.xans-board-fixed .thumb img { width:80px; max-height:80px; margin:0 8px; border-radius: 4px; }
.xans-board-fixed .thumb_tit { display: block; text-align:center; }

.xans-board-fixed .summary::after { content:""; display:block; clear:both; }
.xans-board-fixed .summary > a > .right > span { padding:0 6px 0 0; }
.xans-board-fixed .subject { width: 60%; float:left; font-size:14px; line-height:1.3em; color:#111; font-weight:normal; }
.xans-board-fixed .right { width:38%; float:right; text-align:right; }
.xans-board-fixed .comment { color:#000; }
.xans-board-fixed .point img { width:auto; height:11px; vertical-align:-1px; }

/* 게시글 */
.xans-board-list { margin:-1px 0 0; font-size:13px; border-top:1px solid #ececec; }
.xans-board-list li { position:relative; padding:20px 14px; color:#757575; border-bottom:1px solid #ececec; }
.xans-board-list a { display:block; color:#555; }

.xans-board-list .thumb { float:left; image-rendering: -webkit-optimize-contrast; }
.xans-board-list .thumb img { width:80px; /*max-height:80px;*/ margin:0 8px; border-radius: 4px; }
.xans-board-list .thumb_tit { display: none; text-align:center; }

.xans-board-list .summary::after { content:""; display:block; clear:both; }
.xans-board-list .summary > a > .right > span { padding:0 0 0 48px; }
.xans-board-list .subject { width: 60%; float:left; font-size:14px; line-height:1.3em; color:#333; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xans-board-list .right { width:38%; float:right; text-align:right; }
.xans-board-list .comment { color:#000; }
.xans-board-list .point img { width:auto; height:11px; vertical-align:-1px; }

/* 게시글 없음 */
.xans-board-empty { padding:28px 0; text-align:center; font-size:12px; /*border-bottom:1px solid #d5d5d5;*/ background:#fff; }

/* 운영일지 */
.xans-board-list-11 { margin:-1px 0 0; font-size:11px; border-top:1px solid #d5d5d5; background:#fff; }
.xans-board-paging-11 { margin:0 0 29px; background:#fff; }

/* 1:1맞춤상담 */
.xans-board-listpackage-9 .boardSort span.consult { position:relative; padding:0 49px 0 0; width:32%; }
.xans-board-listpackage-9 .boardSort span.consult select { width:100%; }
.xans-board-listpackage-9 .boardSort span.consult button { position:absolute; right:0; top:0; }
.xans-board-listpackage-9 .summary .answer strong { color:#000; }

/* 갤러리게시판 이미지타입, 리스트타입 보기 */
.xans-board-listheader-8 { width:100%; margin:7px 0 0; background:#fff; }
.xans-board-listheader-8 ul { height:36px; border:1px solid #c8cdd2; border-bottom:none; font-size:0; }
.xans-board-listheader-8 ul:after { content:""; display:block; clear:both; }
.xans-board-listheader-8 li { float:left; width:50%; height:36px; text-align:center; vertical-align:middle; background:#f1f1f1; }
.xans-board-listheader-8 li.selected { background:#fff; }
.xans-board-listheader-8 li a { display:inline-block; width:100%; border-left:1px solid #c8cdd2; border-bottom:1px solid #c8cdd2; color:#333; font-size:14px; line-height:35px; }
.xans-board-listheader-8 li:first-child a { border-left:none; }
.xans-board-listheader-8 li.selected a { border-bottom:none; color:#333; font-weight:bold; }

.xans-board-paging-1002.ec-base-paginate.typeList { background:#fff; }

.xans-board-4 li { display:flex; align-items: center; }
.xans-board-4 .thumb { width:96px; }
.xans-board-4 .summary { width: calc(100% - 96px); padding:0 0 0 16px; box-sizing: border-box; }

@media all and (max-width:1199px){
	.xans-board-list .summary > a > .right > span { padding: 0 0 0 16px; }
}

@media all and (max-width:1023px){
	.xans-board-list .summary > a > .right > span { padding: 0 0 0 4px; }
}

@media all and (max-width:767px){
    .xans-board-notice .thumb img, .xans-board-fixed .thumb img, .xans-board-list .thumb img { width:60px; max-height:60px; }
    .xans-board-notice .subject, .xans-board-fixed .subject, .xans-board-list .subject { width:100%; padding: 0 0 7px; } 
    .xans-board-notice .right, .xans-board-fixed .right, .xans-board-list .right  { width:100%; float:none; font-size:12px; }
    .xans-board-notice li, .xans-board-fixed li, .xans-board-list li { padding:14px 8px; }
    .xans-board-list .summary > a > .right > span { padding: 0 4px 0 0; }
    
	.xans-board-notice-4 .thumb, .xans-board-fixed-4 .thumb, .xans-board-list-4 .thumb { width:76px; }
    .xans-board-notice-4 .summary, .xans-board-fixed-4 .summary, .xans-board-list-4 .summary { width:calc(100% - 76px); }   
    .xans-board-listsgroup-4 .descriptions .left { display:block; width:100%; margin:0 0 4px; }
}

.xans-board > li{
        width:100%;
	}

@media all and (min-width:768px) {
    .xans-board .summary > a > .right > span {
        min-width: 70px;
        display: inline-block;
        padding: 0;
        text-align: right;
        margin-left: 40px;
    }
    .xans-board .summary > a > .right > span.name{
        min-width: 100px;
    }
    .xans-board .summary > a > .right > span.cate{
        display:none;
    }
    .xans-board .summary > a > .right > span.date{
        min-width:150px;
    }
    .xans-board .right{
        float:none;
        display: flex;
        justify-content: flex-end;
    }
    .xans-board li .summary a{
        display: flex;
        justify-content: space-between;
    }
    .xans-board .summary{
        width:100%;
    }
}


.xans-board-search { padding:20px 0 20px 10px; color:#333; font-size:12px; }
.xans-board-search .boardSearch { display:block; }
.xans-board-search p { margin:0 0 10px; padding:0 0 0 7px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_triangle3.gif") no-repeat 0 45%; }
.xans-board-search p.category:before { content:"상품분류"; }
.xans-board-search p:before { content:"검색어"; }
.xans-board-search .category select { margin:0 4px 0 0; width:150px; }
.xans-board-search .category select#product_category_depth1 { margin:0 5px 0 10px; }
.xans-board-search select { margin:0 2px 0 0; width:72px; }
.xans-board-search select#search_date { margin:0 2px 0 22px; }
.xans-board-search input { width:162px; }
.xans-board-search .boardSearch img { vertical-align:middle; }

@media all and (max-width:599px){
	.xans-board-search input { width:60%; }
}


/* BASIC css end */