/*가로형 테이블*/

.table_row_frame {background:#FFF; border-top:1px solid #828282; border-right:1px solid #d7d7d7; }
.table_row_frame .dvs_top, .table_row_frame .dvs_bottom {height:30px; padding:5px; border-left:1px solid #d7d7d7; line-height:30px;}
.dvs_top, .dvs_bottom {height:30px; padding:5px 0; line-height:30px;}
.table_row_frame .dvs_top{border-bottom:1px solid #cccccc;}
.table_row_frame .dvs_bottom{border-bottom:1px solid #cccccc;}
.xem_row_basic {width:100%;  border-collapse:collapse; line-height:1.5; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; color:#000; border-top:1px solid #d7d7d7;  border-left:1px solid #d7d7d7;}
.xem_row_basic > tbody > tr {border-top:1px solid #d7d7d7;}
.xem_row_basic > thead > tr > th {line-height: 1.3; /* border-left:1px solid #d7d7d7; */ text-align:center; padding:12px 5px; font-size:13px; background-color:#f1f1f1; font-weight:400;min-width: 100px; }
.xem_row_basic > tbody > tr > td, .xem_row_basic > thead > tr > td{/* border-left:1px solid #d7d7d7;  */padding:8px 8px; text-align:center; line-height:1.5; background:#FFF; word-break: keep-all;}
.xem_row_basic.wauto{width:auto;}
.table_row_frame .xem_row_basic{border-top:0; border-right:0; border-left:0;}
.grid-wrap-lay-one.table_row_frame {border-right:0;}
.grid-wrap-lay-one.table_row_frame .dvs_top{border-right:1px solid #cccccc;}

/* 간단 데이터 테이블 스타일 */
.xem_row_simple {border-collapse:collapse; }
.xem_row_simple th {  background-color:#f1f1f1 ; height:48px; line-height:48px; color:#333; font-weight:normal;}
.xem_row_simple td { padding:5px 8px; color:#666;    line-height: 32px;}

/* table-inner */
.xem_tbl_inner {border-collapse:collapse;border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
.xem_tbl_inner th {text-align: center; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#fff ; height:32px; line-height:32px; color:#333; font-weight:normal;padding: 5px;}
.xem_tbl_inner td {border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:5px; color:#666; min-height: 16px;}

/* 디자인관리 > 정보 테이블 스타일*/
.design-simple-table-style {border-collapse:collapse;}
.design-simple-table-style th.dsts-th,
.design-simple-table-style td.dsts-td {border-left:1px solid #d3d3d3; background-color:#ffffff;}
.design-simple-table-style th.dsts-th:first-child {border-left:0px;}
.design-simple-table-style th.dsts-th,
.design-simple-table-style td.dsts-td {padding:7px 0; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.design-simple-table-style th.dsts-th.left,
.design-simple-table-style td.dsts-td.left {padding-left:15px;}

/* 디자인관리 > 리스트 테이블 스타일*/
.design-list-table-style {border:1px solid #333; border-collapse:collapse;}
.design-list-table-style th.dlts-th {background-color:#ededed; height:30px;}
.design-list-table-style td.dlts-td {background-color:#ffffff; height:22px; padding:4px 0;}
.design-list-table-style th.left,
.design-list-table-style td.left {text-indent:15px;}
.design-list-table-style th.right,
.design-list-table-style td.right {padding-right:10px;}
.design-list-table-style div.dlts-body {max-height:200px; overflow:auto;}
.design-list-table-style div.dlts-body table.dlts-inner-table {border-collapse:collapse;}
.design-list-table-style div.dlts-body table.dlts-inner-table td {border-top:1px solid #d3d3d3;}


/* 라인 테이블 */
 .xem_line_tbl {}
.xem_line_tbl th{border: 1px solid #d7d7d7;}
.xem_line_tbl td{border: 1px solid #d7d7d7;} 




.dropdown .dropdown-menu button {border: 0 !important;}
.dropdown .dropdown-menu a {border: 0 !important;height: 31px; padding:0 12px; line-height: 2;}


/* option */
.xem-option-box {text-align:left;}
.xem-option-title {display: inline-block; min-width: 120px;}
.xem-option-contents {display: inline-block;}

/* 회원 연동 이메일 */
.xe-mall-member-contact {padding: 0;margin: 0;  list-style: none;margin: 10px 0;}
.xe-mall-member-contact:after {content: '';display: block; clear: both;}
.xe-mall-member-contact-list {float: left; margin-right: 10px;}
.xe-mall-member-contact-link{ display: inline-block;padding: 6px 15px;color: #333a43;background-color: #ededed;border-radius: 15px;text-decoration: none;border:1px solid #ededed; }
.xe-mall-member-contact-link:hover {border: 1px solid #666;}
.tag-close {}
.tag-close:hover { cursor: pointer;}
   


/* 입점사 상세 페이지 */
.mini-bg-color{display: inline-block;color:#fff;width: 20px;height: 10px;line-height: 16px;border-radius: 3px;margin: 10px 10px 0 0; }


/* 문의 관리  */
.section-xepage-review {text-align: left;}

/* 카테고리 */
.board-category.panel{ background-color: transparent;}
.board-category>.panel-heading {border: 0; background-color: transparent;}
.board-category .panel-title {font-size: 22px; line-height: 38px;color: #222; font-weight: bold;letter-spacing: -1px;}
.board-category .item-container .item .item-content .handler {border: 0;}
.board-category .item-container .item .item-content .item-info i {color: #5d9bf3;}
.board-category .item-container .item .item-content .edit-btn-area button {background-color: #5d9bf3; border: 1px solid #5d9bf3; }
.board-category{}

/* pop */
.xem_pop_tbl {}

.search_field table.xem_pop_tbl > tbody > tr > th, .search_field table.xem_pop_tbl > thead > tr > th {width: 100px;}
.content_pop_item_bx { padding: 30px 0;background-color: #fff; }



/* pagination */
.pagination-wrap {}

.pagination-wrap .pagination > .active > a, 
.pagination-wrap .pagination > .active > span, 
.pagination-wrap .pagination > .active > a:hover, 
.pagination-wrap .pagination > .active > span:hover, 
.pagination-wrap .pagination > .active > a:focus, 
.pagination-wrap .pagination > .active > span:focus {
    background-color: #5d9bf3;
    border-color: #5d9bf3;
}

.pagination-wrap .pagination > li > a, .pagination > li > span {}

@media (min-width: 768px){
.modal-dialog-max {width: 700px;margin: 30px auto;}
}

@media (min-width: 980px){
    .modal-dialog-max {width: 900px;margin: 30px auto;}
    }





/* 스킨설정 */
 .skin-setting-list {
    margin: 0;
    padding: 0;
    list-style: none;
   
}

.skin-setting-list li {
    position: relative;
    border-top: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
}

.skin-setting-list li.on {
    border-left: 2px solid #5d9bf3;
}


.skin-setting-list li .skin-select-btn {
    padding: 10px;
}

.skin-setting-list li .skin-select-btn:first-of-type {
    padding-left: 15px;
}

.skin-setting-list li .skin-select-btn .btn {
    width: 86px;
}

.skin-setting-list li .skin-select-btn .btn.on {
    background-color: #5d9bf3;
    color: #fff;
    border-color: transparent;
}

.skin-setting-list li .skin-desc{
    padding: 10px;
    position: relative;
    width: 100%;
    padding: 10px;
    margin-right: 20px;
    text-align: left;
}
.skin-setting-list li .skin-desc strong {
    display: block;
    margin-top: 25px;
    font-weight: 700;
    width: auto;
    font-size: 16px;
}
.skin-setting-list li .skin-desc p {
    display:block;
    width: 400px;
}
.skin-setting-list li .skin-desc:after {content:''; display:block; clear:both;}

.skin-setting-list li .skin-desc .btn-right{position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;}
.skin-setting-list li .skin-desc img {
    float: left;
    max-width: 128px;
    max-height: 90px;
    margin-right: 20px;
}