/* BASIC css start */
.ul, li { list-style: none; }
main, section, div { position: relative; }

.container img { vertical-align: top; }
.container a { display: block; }
.container { max-width: 800px; box-sizing: border-box; margin: 0; padding: 0; color: #000; font-size: 14px; background-color: #f7f7f7;  }

.contents { background-color: #fff; }

h3.top_title { text-align: center; padding: 15px 10px; font-weight: bold; font-size: 1.142857142857143em; background-color: #fff;  }
h3.top_title a { float: left; width: 10px; }

/* 카테고리 스와이퍼 */
.tab__wrap .swiper-slide { width: 30%; }
.tab__wrap .swiper-slide a { padding: 15px 10px; text-align: center; font-weight: bold; }
.sel { border-bottom: 2px solid #000; }

/* 글쓰기 table */
#review-board-write table th { font-weight: bold !important; }
#review-board-write table td input { background-color: #f7f7f7 !important; border: 0; }
.td_password { position: relative; }
.td_password span.lock { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }

/* 파일첨부 */
.fixButtonR { display: flex; flex-direction: row; width: 100%; }
.fixButtonR input#bw_input_file { background-color: #fff !important; border: 1px solid #e5e5e5 !important; }
.btn_file { width: 35px; }
.btn_file img { height: 100%; }

/* 버튼 */
.pd10 { display: flex; flex-direction: row; gap: 1%; }
.btn_White { border-color: #aaa; color: #aaa; }

/* 가로스크롤 생겨서 overflow 줌 */
.form-wrap { overflow-x: hidden; }

/* 기존 css */
#review-board-write { margin-top: 20px; }
#review-board-write .reviewInfo {width:100%; border-bottom:1px solid #bebebe; display: table; padding:10px 0;}
#review-board-write .reviewInfo figure a {width:145px; display:table-cell; padding:0 10px;}
#review-board-write .reviewInfo figure a img {width:100%;}
#review-board-write .reviewInfo figcaption {display:table-cell; vertical-align: middle; font-weight:bold; word-break: break-all;}
#review-board-write .form-wrap { background-color:#eaeaea; padding:10px; border-top: 0 !important; }
#review-board-write table {width:100%;}
#review-board-write table th {text-align:left;}
#review-board-write table th, #review-board-write table td {padding:8px 0;}
#review-board-write table .fixButtonR .btn_Grey {width: 115px; display: inline-block; position: absolute; top:0; right:0;}
#review-board-write table .textArea textarea {height:110px;}
#review-board-write table .agree a {position: absolute; right: 0; border: 1px solid #c4c4c4; padding: 2px 5px; margin-right: 10px; background-color: #fff;}
#review-board-write .pd10 { margin:20px 0; }

/* 주문내역 조회 레이어 */
#myorderlayer {
    display: none;
    margin-top: 160px 0;
}
#myorderlayer .layer {
    text-align:center;
    height:100%;
    z-index: 999;
}
#myorderlayer .layer:before {
    content: '';
    width:1px;
    height:100%;
    display:inline-block;
    vertical-align:middle;
}
#myorderlayer .layer .layer-pop {
    display:inline-block;
    max-height:60%;
    vertical-align:middle;
    overflow:auto;
}
#myorderlayer .layer .layer-pop .tit-fix {
    position:fixed;
    width:90%;
    z-index:99;
    background-color: #fff;
    height: 40px;
}
#myorderlayer .layer .layer-pop .tit-fix h3 {
    padding: 15px 12px 5px;
    text-align:left;
}
#myorderlayer .layer .layer-pop .txt {
    margin-top:36px;
    padding:0;
    max-height:none;
    text-align: left;
    font-family: "Malgun Gothic";
}
#myorderlayer .layer .layer-pop .txt .tab {
    padding: 15px 10px;
}
#myorderlayer .layer .layer-pop .txt .tab ul {
    display: table;
    width: 100%;
    height: 30px;
}
#myorderlayer .layer .layer-pop .txt .tab ul li {
    display: table-cell;
    width: 25%;
    height: 28px;
    border: 1px solid #c9c9c9;
    background:#fff;
}
#myorderlayer .layer .layer-pop .txt .tab ul li a {
    display:block;
    line-height: 28px;
    color: #3b3b3b;
    font-size: 12px;
    text-align:center;
    text-decoration:none;
    background:none;
}
#myorderlayer .layer .layer-pop .txt .tab ul li.now {
    font-weight:bold;
    background: #d1d1d1;
}
#myorderlayer .layer .layer-pop .txt .tabWrap {
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    font-size: 13px;
}
#myorderlayer .layer .layer-pop .txt .tabWrap li {
    margin: 0 10px;
    padding: 10px 0;
    border-top: 1px solid #cfcfcf;
}
#myorderlayer .layer .layer-pop .txt .tabWrap li:first-child {
    border: none;
}
#myorderlayer .layer .layer-pop .txt .tabWrap li a {
    display: block;
}
#myorderlayer .layer .layer-pop .txt .tabWrap li a dl {
    word-break: break-all;
}
#myorderlayer .layer .layer-pop .txt .tabWrap li a dl dt {
    font-weight: bold;
}
#myorderlayer .layer .layer-pop .txt .tabWrap li a dl dd .bar {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 5px;
    background: #ddd;
}
#myorderlayer .layer .layer-pop .txt .tabWrap li.myorder-none {
    text-align: center;
}
#myorderlayer .layer .layer-pop .txt .order_list_more {
    margin-top:15px;
}
#myorderlayer .layer .layer-pop .txt .pd10 {
    padding: 0 10px 15px;
    margin: 0;
}
#myorderlayer .layer .layer-pop .txt .pd10 a {
    border: 1px solid #393939;
}

.myorder { display: flex; }
.myorder .btn_Grey { width: 30%; }
.myorder .input-group { width: 75%; }
.myorder #ordernuminput { height: 42px; width: 100%; }
.myorder #ordernumclear { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); }
/* BASIC css end */