/* BASIC css start */
.cw-boardtitle { font-weight: 700; padding-top: var(--cw-size-60); font-size: var(--cw-size-24); line-height: var(--cw-size-32); color: var(--cw-heading-color); }
.cw-boardwrite { margin-top: var(--cw-size-40); }
.cw-boardwrite .write-title { font-size: var(--cw-size-14); font-weight: 700; color: var(--cw-heading-color); margin-bottom: var(--cw-size-10); }
.cw-boardwrite .write-prd { position: relative; display: grid; padding: var(--cw-size-20); margin-bottom: var(--cw-size-20); grid-template-columns: var(--cw-size-100) auto; border: 1px solid var(--cw-color-30); }
.cw-boardwrite .write-prd dt { width: var(--cw-size-80); height: var(--cw-size-80); display: flex; align-items: center; grid-column: 1; grid-row: 1 / 3; }
.cw-boardwrite .write-prd dt img { width: 100%; height: auto; }
.cw-boardwrite .write-prd dd { grid-column: 2; font-size: var(--cw-size-14); }
.cw-boardwrite .write-prd dd.name { display: flex; align-items: flex-end; font-weight: 600; }
.cw-boardwrite .write-prd .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; }
.cw-boardwrite .write-info { display: grid; grid-template-columns: var(--cw-size-120) auto; align-items: center; row-gap: var(--cw-size-20); padding: 14px 0; border-bottom: 1px solid var(--Grey-E8); font-size: var(--cw-size-14); }
.cw-boardwrite .write-info.line { border-top: 1px solid var(--cw-heading-color); padding:40px 0 28px; margin-bottom:14px;}
.cw-boardwrite .write-info:last-child {padding-bottom:40px;}
.cw-boardwrite .write-info :where(.cw-textfield, .cw-select-box) { width: 100%; max-width:640px; }
.cw-boardwrite .write-info dt { font-weight: 500; color:#555555; }
.cw-boardwrite .write-info dd textarea.cw-textfield { width: 100%; max-width: 640px; height: 184px; font-family: 'Pretendard', sans-serif !important;} 
.cw-boardwrite .write-info dd.flex {gap: 12px; align-items:center;}
.cw-boardwrite .write-info dd .auto-lock { color: #FF2D55; font-size: var(--cw-size-13); font-weight: 500; }
.cw-boardwrite .write-info dd .form-check { margin-top: var(--cw-size-10); }
.cw-boardwrite .write-info dd .myorder .input-group { display: flex; gap: 8px; position: relative; width: 759px; }
.cw-boardwrite .write-info dd .myorder .input-group .cw-textfield { width: 100%; }
.cw-boardwrite .write-info dd .myorder .input-group #ordernumclear { position: absolute; top: 9px; right: 135px; }
.cw-boardwrite .write-info dd .myorder .input-group .btn-primary { flex: none; width:111px; padding:0; }
.cw-boardwrite .write-info dd.file { display: flex; align-items: center; column-gap: var(--cw-size-8); }
.cw-boardwrite .write-info dd.file .cw-textfield { width: 640px; }
.cw-boardwrite .write-info dd.file .btn-gray { flex: none; }
.cw-boardwrite .write-info dd.file .btn-primary {width:111px;}
.cw-boardwrite .write-info :where(#addinfo_text, #addinfo_out_box) { grid-column: 1/3; font-size: var(--cw-size-14); word-break:break-all; }
.cw-boardwrite .write-info #addinfo_box { width: 100%; }
.cw-boardwrite .write-info #addinfo_out_box tbody { display: grid; row-gap: var(--cw-size-20); }
.cw-boardwrite .write-info #addinfo_out_box tr,
.cw-boardwrite .write-info #addinfo_out_box .add_info_tr { display: grid; grid-template-columns: 120px auto; align-items: center; }
.cw-boardwrite .write-info #addinfo_out_box .tr .addinfo_title { padding-right: var(--cw-size-16); }
.cw-boardwrite .write-info #addinfo_out_box .add_info_tr .addinfo_value .form-check-label:not(:last-of-type) { margin-right: var(--cw-size-20); }
.cw-boardwrite .write-info #addinfo_out_box .add_info_tr .addinfo_value .addinfo_contents { display: block; margin-top: var(--cw-size-6); font-size: var(--cw-size-13); color: var(--cw-color-80); }
.cw-boardwrite .agree { margin-top: var(--cw-size-20); font-size: var(--cw-size-14); }
.cw-boardwrite .agree li > span { margin-right: var(--cw-size-10); }
.cw-boardwrite .agree li .msg { margin-top: var(--cw-size-6); color: var(--cw-color-80); }
.cw-boardbtns { display: flex; justify-content: center; align-items: center; gap: var(--cw-size-8); padding-top: var(--cw-size-40); }
.cw-boardbtns a { width: var(--cw-size-220); }
.cw-boardbtns a.btn-primary {font-weight:400; font-size: var(--cw-size-15); line-height:46px;}
.cw-boardbtns a.btn-grey {border:1px solid var(--Grey-E8); font-size: var(--cw-size-15); font-weight:400; line-height:46px; color: var(--Black);}

input[type="text"], 
input[type="password"], 
input[type="date"], 
textarea, .cw-textfield {border-color: var(--Grey-DD);}

/* 주문 조회 레이어 */
#myorderlayer {
    .tab {
        display: grid; grid-template-columns: repeat(4, 1fr); margin-top: var(--cw-size-8); border-bottom: 1px solid var(--cw-color-30); 
        li {
            a { display: flex; align-items: center; justify-content: center; height: var(--cw-size-48); font-size: var(--cw-size-14); font-weight: 700; color: var(--cw-heading-color); }
        } & .now { border-bottom: 2px solid var(--cw-heading-color); }
    }
    #order_list { overflow-y: auto; max-height: var(--cw-size-250); }
    .tabwrap {
        li { 
            position: relative; padding: var(--cw-size-12) 0; border-bottom: 1px solid var(--cw-color-30); font-size: var(--cw-size-13); line-height: var(--cw-size-18); color: var(--cw-color-80);
            dt { font-weight: 600; color: var(--cw-heading-color); }
            dd { margin-top: var(--cw-size-2); }
            .date::before { content: ""; display: inline-block; width: 1px; height: var(--cw-size-12); margin: 0 var(--cw-size-8); background-color: var(--cw-color-30); vertical-align: middle; }
            .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; }
        } & .list-none { padding: var(--cw-size-24) 0; font-size: var(--cw-size-14); font-weight: 600; line-height: var(--cw-size-20); color: var(--cw-heading-color); text-align: center; }
    }
    .btn { width: var(--cw-size-300); margin-top: var(--cw-size-20); }
}

@media (max-width: 991.98px) {
    .cw-boardtitle { display: none; }
    .cw-boardwrite {margin-top:0;}
    .cw-boardwrite .write-prd { padding: var(--cw-size-16); margin-bottom: var(--cw-size-16); grid-template-columns: 96px auto; }
    .cw-boardwrite .write-prd dd.name { font-size: var(--cw-size-13); }
    .cw-boardwrite .write-info.line {padding:28px 0;}
    .cw-boardwrite .write-info dd {margin-bottom:28px;}
    .cw-boardwrite .write-info dt { margin-bottom: var(--cw-size-10); line-height:17px;}
    .cw-boardwrite .write-info dd.flex {flex-wrap:wrap; gap:8px;}
    .cw-boardwrite .write-info dd.file .btn-primary {width:80px; padding:0;}
    .cw-boardwrite .write-info dd.file .cw-textfield {flex:1; width:auto;}
    .cw-boardwrite .write-info:last-child {border-bottom:none; padding-bottom:0;}

    /* 주문 조회 레이어 */
    #myorderlayer .modal-wrap { 
        .modal-content { width: 352px; }
        .btn { width: 100%; }
    }
}
@media (max-width: 767.98px) {
    .cw-boardwrite .write-info { display: block; }
    .cw-boardwrite .write-info :where(.cw-textfield, .cw-select-box) { width: 100%; }
    .cw-boardwrite .write-info dd:last-child { margin-bottom: 0; }
    .cw-boardwrite .write-info dd .myorder .input-group { flex-direction: column; gap: 0; width: 100%; }
    .cw-boardwrite .write-info dd .myorder .input-group .btn-primary { width: 100%; margin-top: var(--cw-size-10); }
    .cw-boardwrite .write-info dd .myorder .input-group #ordernumclear { right: var(--cw-size-12); }
    .cw-boardwrite .write-info #addinfo_text { display: block; margin-bottom: var(--cw-size-20); }
    .cw-boardwrite .write-info #addinfo_out_box tr,
    .cw-boardwrite .write-info #addinfo_out_box .add_info_tr { grid-template-columns: auto; }
    .cw-boardwrite .write-info #addinfo_out_box tr .addinfo_title { margin-bottom: var(--cw-size-6); }
    .cw-boardwrite .agree li > span { margin-right: var(--cw-size-6); }
    .cw-boardwrite .agree .form-check-inline { margin-right: var(--cw-size-6); }
    .cw-boardbtns { flex-direction: column; }
    .cw-boardbtns .btn { width: 100%; }

    /* 주문 조회 레이어 */
    #myorderlayer .modal-wrap {
        .modal-content { width: 328px; }
        .tabwrap li.list-none { font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
    }
}
/* BASIC css end */