/* Webkit (Chrome, Safari 등) 스크롤바 스타일링 */
::-webkit-scrollbar {
    width: 3px;
    /* 스크롤바의 너비 조절 */
}

::-webkit-scrollbar-thumb {
    background-color: #333;
    /* 스크롤바 색상 */
}

/* Firefox 스크롤바 스타일링 */
html {
    scrollbar-color: #333 white;
    /* Firefox 64 이상에서 지원됨 */
    scrollbar-width: thin;
}



/***********************************
게시판 공통 페이지 css내용
게시판타입 _ basic
************************************/
.xans-board-title .titleArea {
    display: block;
    margin-bottom: 10px;
}

.xans-board-title .titleArea h2 {
    display: block;
    margin-bottom: 10px;
}

.xans-board-title .titleArea h2 font {
    color: #000;
    font-size: 15px;
    line-height: 30px;
    font-weight: 900;
}

/***********************************
게시판 리스트 카테고리 메뉴 css내용
게시판타입 _ basic
************************************/
#board_category_menu {
    display: block;
    text-align: center;
    margin: 30px auto;
}

#board_category_menu ul {
    font-size: 0;
    padding: 0;
    margin: 0;
}

#board_category_menu ul li {
    display: inline-block;
    margin: 0 1px;
}

#board_category_menu ul li a {
    display: block;
    font-size: 13px;
    line-height: 50px;
    font-weight: bold;
    padding: 0 40px;
    background-color: #fff;
    color: #666;
    border: 1px solid rgba(0, 0, 0, .2);
}

#board_category_menu ul li a:hover {
    color: #fff;
    background-color: #000;
}

#board_category_menu ul li a.on {
    color: #fff;
    background-color: #000;
}

#board_category_menu .hide {
    display: none;
}


/***********************************
게시판 리스트 페이지 css내용
게시판타입 _ basic
************************************/

.xans-board-listpackage .boardSort {
    display: none;
    float: left;
    margin: 0 0 10px;
}

/* 게시판 글 카테고리 탭메뉴 */
.xans-board-listpackage .board_top_sort {
    border: 1px solid red;
}

.xans-board-listpackage .ec-base-table .subject img {
    margin: 0 1px;
}

/* 공지글 */
.xans-board-listpackage-1002 .xans-board-notice-1002 {
    margin: 0 0 10px;
}

.xans-board-listpackage-1002 .xans-board-notice-1002 {
    clear: both;
}

.xans-board-listpackage-1002 .xans-board-notice-1002 td {
    border-bottom: 1px solid #eee !important;
}

.xans-board-listpackage-1002 .xans-board-notice-1002 td i {
    font-size: 24px;
    color: #666;
}

.xans-board-listpackage-1002 .xans-board-notice-1002 .thumb .imgLink {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.xans-board-listpackage-1002 .xans-board-notice-1002 .thumb .imgLink .att_img {
    position: relative;
    z-index: 3;
    display: block;
    width: 80px;
    height: 80px;
}

.xans-board-listpackage-1002 .xans-board-notice-1002 .thumb .prd_img {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 2;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.xans-board-listpackage-1002 .xans-board-notice-1002 .thumb .prd_img img {
    width: 80px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.xans-board-listpackage-1002 .xans-board-notice-1002 .thumb .non_img {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 1;
    width: 80px;
    height: 80px;
    background: url('/images/non_img.png') no-repeat;
    background-size: auto 100%;
    background-position: center;
    background-color: #e2e2e2;
}

/* 고정글 */
.xans-board-listpackage-1002 .xans-board-fixed-1002 {
    margin: 0 0 10px;
}

.xans-board-listpackage-1002 .xans-board-fixed-1002 {
    clear: both;
}

.xans-board-listpackage-1002 .xans-board-fixed-1002 td {
    border-bottom: 1px solid #eee !important;
    border-top: 1px solid #eee !important;
}

.xans-board-listpackage-1002 .xans-board-fixed-1002 td i {
    font-size: 24px;
    color: #666;
}

.xans-board-listpackage-1002 .xans-board-fixed-1002 .thumb .imgLink {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.xans-board-listpackage-1002 .xans-board-fixed-1002 .thumb .imgLink .att_img {
    position: relative;
    z-index: 3;
    display: block;
    width: 80px;
    height: 80px;
}

.xans-board-listpackage-1002 .xans-board-fixed-1002 .thumb .prd_img {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 2;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.xans-board-listpackage-1002 .xans-board-fixed-1002 .thumb .prd_img img {
    width: 80px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.xans-board-listpackage-1002 .xans-board-fixed-1002 .thumb .non_img {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 1;
    width: 80px;
    height: 80px;
    background: url('/images/non_img.png') no-repeat;
    background-size: auto 100%;
    background-position: center;
    background-color: #e2e2e2;
}

/* 일반글 */
.xans-board-listpackage-1002 .xans-board-list-1002 {
    margin: 0 0 10px;
}

.xans-board-listpackage-1002 .xans-board-list-1002 {
    clear: both;
}

.xans-board-listpackage-1002 .xans-board-list-1002 td {
    border-bottom: 1px solid #eee !important;
}

.xans-board-listpackage-1002 .xans-board-list-1002 .thumb .imgLink {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.xans-board-listpackage-1002 .xans-board-list-1002 .thumb .imgLink .att_img {
    position: relative;
    z-index: 3;
    display: block;
    width: 80px;
    height: 80px;
}

.xans-board-listpackage-1002 .xans-board-list-1002 .thumb .prd_img {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 2;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.xans-board-listpackage-1002 .xans-board-list-1002 .thumb .prd_img img {
    width: 80px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.xans-board-listpackage-1002 .xans-board-list-1002 .thumb .non_img {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 1;
    width: 80px;
    height: 80px;
    background: url('/images/non_img.png') no-repeat;
    background-size: auto 100%;
    background-position: center;
    background-color: #e2e2e2;
}


.xans-board-buttonlist.ec-base-button.typeBG {
    border-top: 1px solid #333;
}

/* 상품후기 아코디언형 */
.xans-board-listpackage #content_view td {
    padding: 9px 10px 20px;
    background: #f6f7f9;
    text-align: left;
    word-break: break-all;
    white-space: pre-wrap;
}

.xans-board-listpackage .ec-base-table input[type="checkbox"] {
    margin-right: 3px;
}

.xans-board-listpackage .ec-base-table thead th:first-child {
    text-align: left;
    padding-left: 10px;
}

.xans-board-listpackage .ec-base-table tbody td:first-child {
    text-align: left;
    padding-left: 10px !important;
    color: #666;
}

/***********************************
게시판 글읽기 페이지 css내용
게시판타입 _ basic
************************************/

/* read */
.xans-board-read .ec-base-table table {
    table-layout: fixed;
}

.xans-board-read .ec-base-table.typeWrite td {
    padding: 0 10px;
}

.xans-board-read .ec-base-table .etcArea li {
    display: inline-block;
    vertical-align: top;
    line-height: 45px;
    color: #666;
    margin-right: 20px;
}

.xans-board-read .ec-base-table .etcArea li a {
    text-decoration: none;
    vertical-align: top;
    margin-top: 7px;
    height: 30px;
    line-height: 30px;
}

.xans-board-read .ec-base-table .detail {
    padding: 30px 0px;
    border-top: 1px solid #eaeaea;
    margin: 0 0 0;
    word-break: break-all;
    line-height: normal;
    text-align: left;
}

.xans-board-read .ec-base-table .detail span {
    display: block;
    margin: 0 auto 20px;
    padding-bottom: 30px;
    max-width: 1360px;
    text-align: left;
}

.xans-board-read .ec-base-table .detail span img {
    border-radius: 10px;
    max-width: 100%;
    margin-bottom: 10px;
}

.xans-board-read .ec-base-table .detail p {
    line-height: 24px;
}

.xans-board-read .ec-base-table .detail p>span {
    margin: 0;
    padding: 0;
}

.xans-board-read .ec-base-table .detail p>span>b>span {
    margin: 0;
    padding: 0;
}

.xans-board-read .ec-base-table .detail p>b>span {
    margin: 0;
    padding: 0;
}

.xans-board-read .ec-base-table .detail p>b>span>span {
    margin: 0;
    padding: 0;
}

.xans-board-read .ec-base-table .detail img {
    border-radius: 10px;
    max-width: 100%;
    height: auto !important;
    margin: 10px 0 0 0;
}

.xans-board-read .ec-base-table .detail ol,
.xans-board-read .ec-base-table .detail ul {
    margin: 15px 0;
    padding: 0 0 0 40px;
}

.xans-board-read .ec-base-table .detail ol li {
    list-style: decimal;
}

.xans-board-read .ec-base-table .detail ul li {
    list-style: disc;
}

.xans-board-read .ec-base-table tr.attach a {
    padding: 0 0 0 12px;
    background: url("//img.echosting.cafe24.com/skin/base/common/ico_file.gif") no-repeat 0 0;
    color: #8f8f8f;
}

.xans-board-read .ec-base-table tr.attach a:hover {
    text-decoration: underline;
}

.xans-board-read .ec-base-button {
    margin: 10px 0 40px;
}


/***********************************
게시판 코멘트 삭제 페이지 css내용
게시판타입 _ basic
************************************/

/* 댓글삭제 */
.xans-board-commentdel.ec-base-box {
    padding: 49px 0 39px;
    text-align: center;
}

.xans-board-commentdel .commentDel {
    width: 370px;
    margin: 0 auto;
}

.xans-board-commentdel .commentDel .info {
    margin: 5px 0 40px;
    line-height: 150%;
    color: #757575;
}

.xans-board-commentdel .commentDel .password label {
    display: inline-block;
    margin: 10px 0 5px;
    width: 118px;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

.xans-board-commentdel .commentDel .password input {
    width: 236px;
    height: 28px;
    line-height: 28px;
}

.xans-board-commentdel .commentDel .ec-base-button {
    padding: 40px 0 10px 0;
}


/***********************************
게시판 글수정 페이지 css내용
게시판타입 _ basic
************************************/

/* modify */
.xans-board-modify .ec-base-table tr.agree td textarea {
    width: 560px;
    height: 140px;
    margin: 0 0 10px;
}

.xans-board-modify .ec-base-table #subject {
    width: 390px;
}

.xans-board-modify .ec-base-table #captcha {
    width: 160px;
}

.xans-board-modify .ec-base-table #ucc_width,
.xans-board-modify .ec-base-table #ucc_height {
    width: 40px;
    margin-left: 4px;
}

.xans-board-modify .ec-base-table #email1 {
    margin: 0 4px 0 0;
}

.xans-board-modify .ec-base-table #email2 {
    margin: 0 4px;
}

.xans-board-modify .ec-base-button {
    margin: 10px 0 40px;
}


/***********************************
게시판 리플 페이지 css내용
게시판타입 _ basic
************************************/

/* reply */
.xans-board-reply .ec-base-table tr.agree td textarea {
    width: 560px;
    height: 140px;
    margin: 0 0 10px;
}

.xans-board-reply .ec-base-table #subject {
    width: 390px;
}

.xans-board-reply .ec-base-table #captcha {
    width: 160px;
}

.xans-board-reply .ec-base-table #ucc_width,
.xans-board-reply .ec-base-table #ucc_height {
    width: 40px;
    margin-left: 4px;
}

.xans-board-reply .ec-base-table #email1 {
    margin: 0 4px 0 0;
}

.xans-board-reply .ec-base-table #email2 {
    margin: 0 4px;
}

.xans-board-reply .ec-base-button {
    margin: 10px 0 40px;
}


/***********************************
게시판 비밀글보기 페이지 css내용
게시판타입 _ basic
************************************/

/* 비밀글 보기 */
.xans-board-secure.ec-base-box {
    padding: 49px 0 39px;
    text-align: center;
}

.xans-board-secure .secret {
    width: 370px;
    margin: 0 auto;
}

.xans-board-secure .secret .info {
    margin: 5px 0 40px;
    line-height: 150%;
    color: #757575;
}

.xans-board-secure .secret .password label {
    display: inline-block;
    margin: 10px 0 5px;
    width: 118px;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

.xans-board-secure .secret .password input {
    width: 236px;
    height: 28px;
    line-height: 28px;
}

.xans-board-secure .secret .ec-base-button {
    padding: 40px 0 10px 0;
}


/***********************************
게시판 글쓰기 페이지 css내용
게시판타입 _ basic
************************************/

/* write */
.xans-board-write .ec-base-table tr.agree td textarea {
    width: 560px;
    height: 140px;
    margin: 0 0 10px;
}

.xans-board-write .ec-base-table #subject {
    width: 390px;
}

.xans-board-write .ec-base-table #captcha {
    width: 160px;
}

.xans-board-write .ec-base-table #ucc_width,
.xans-board-write table #ucc_height {
    width: 40px;
    margin-left: 4px;
}

.xans-board-write .ec-base-table #email1 {
    margin: 0 4px 0 0;
}

.xans-board-write .ec-base-table #email2 {
    margin: 0 4px;
}

.xans-board-write .ec-base-button {
    margin: 10px 0 40px;
}