@charset "utf-8";

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop.mobile {width:95%;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}

.wz_tbl_1,.wz_tbl_1 th,.wz_tbl_1 td{border:0;}
.wz_tbl_1{text-align:center;margin:10px 0px;}
.wz_tbl_1 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;background-color: #fff;}
.wz_tbl_1 tbody, .wz_tbl_1 tr, .wz_tbl_1 td {vertical-align:middle}
.wz_tbl_1 caption{display:none}
.wz_tbl_1 th {padding:10px 0;border:1px solid #dcdcdc;text-align:center;font-weight:bold;background-color: #fbfbfb;}
.wz_tbl_1 td {padding:7px;border:1px solid #e5e5e5;color:#4c4c4c;text-align:left;}
.wz_tbl_1 th span.last:after {border:none;}
.wz_tbl_1 td.center {text-align:center;}
.wz_tbl_1 th.right, .wz_tbl_1 td.right {text-align:right;padding-right:5px;}
.wz_tbl_1 tr.bg0 {background-color:#fff}
.wz_tbl_1 tr.bg1 {background-color:#fbfbfb}
.wz_tbl_1 td .numberic {text-align:right;padding-right:4px;}


.wz_tbl_2,.wz_tbl_2 th,.wz_tbl_2 td{border:0;}
.wz_tbl_2{text-align:center;margin:10px 0px;}
.wz_tbl_2 > table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;background-color: #fff;}
.wz_tbl_2 > table tbody, .wz_tbl_2 tr, .wz_tbl_2 td {vertical-align:middle}
.wz_tbl_2 > table caption{display:none}
.wz_tbl_2 > table th {padding:10px 0;border:1px solid #dcdcdc;text-align:center;font-weight:bold;background-color: #fbfbfb;}
.wz_tbl_2 > table tbody > tr > td {padding:7px;border:1px solid #e5e5e5;color:#4c4c4c;text-align:left;}
.wz_tbl_2 > table th span.last:after {border:none;}
.wz_tbl_2 > table td.center {text-align:center;}
.wz_tbl_2 > table th.right, .wz_tbl_2 td.right {text-align:right;padding-right:5px;}
.wz_tbl_2 > table tr.bg0 {background-color:#fff}
.wz_tbl_2 > table tr.bg1 {background-color:#fbfbfb}
.wz_tbl_2 > table td .numberic {text-align:right;padding-right:4px;}

.btn{/*height:30px;border:0;padding:0 10px;font-weight:bold;font-size:1.09em;vertical-align:middle*/}
a.btn{/*display:inline-block;height:30px;line-height:30px;border:0;padding:0 10px;font-weight:bold;font-size:1.09em;vertical-align:middle*/}
.btn_submit{background:#ff4081;color:#fff}
a.btn_submit{background:#ff4081;color:#fff}
.btn_submit:hover{background:#ff1464}
.btn_01,a.btn_01{background:#ff4081;color:#fff;}
.btn_01:hover,a.btn_01:hover{background:#ff1464}

.btn_02,a.btn_02{background:#9eacc6;color:#fff;}
.btn_03,a.btn_03{background:#3f51b5;color:#fff;}
a.btn.small, input.btn.small {height:22px;line-height:22px;font-weight:normal;font-size:11px;border-radius:3px}

.dimm{position:absolute;left:0;top:0;z-index:999999;background-color:#000;opacity: 0.8;display:none;width:100%;height:100%;text-align:center}
.dimm .img-loading{position: relative;top: 50%;}
/* loading bar */
@-webkit-keyframes loader {
    0%{width:0}
    20%{width:10%}
    25%{width:24%}
    43%{width:41%}
    56%{width:50%}
    66%{width:52%}
    71%{width:60%}
    75%{width:76%}
    94%{width:86%}
    100%{width:100%}
}

@keyframes loader {
    0%{width:0}
    20%{width:10%}
    25%{width:24%}
    43%{width:41%}
    56%{width:50%}
    66%{width:52%}
    71%{width:60%}
    75%{width:76%}
    94%{width:86%}
    100%{width:100%}
}
.progress-bar{border-radius:60px;overflow:hidden;width:100%}
.progress-bar span{display:block}
/*.bar{background:rgba(0,0,0,0.075)}*/
.progress{-webkit-animation:loader 2s ease infinite;animation:loader 2s ease infinite;background:#8a8a8a;color:#fff;padding:5px;width:0}
.progress-bar{left:50%;max-width:50%;position: fixed;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.log_data p.log_data-content {width:auto}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

ul.tbl-align-list {margin:0;padding:0}
ul.tbl-align-list li {float:left;padding:4px}
ul.tbl-align-list:after {display:block;visibility:hidden;clear:both;content:""}

.tableType_3 table.table-in-table,
.mypage_cont table.table-in-table {margin:0;clear:both;width:100%;border-collapse:collapse;border-spacing:0;}
.tableType_3 table.table-in-table th,
.mypage_cont table.table-in-table th {padding:10px 0;border:1px solid #dcdcdc;text-align:center;font-weight:bold;border:0}
.tableType_3 table.table-in-table td,
.mypage_cont table.table-in-table td {padding:0px;color:#4c4c4c;text-align:left;border:0}

.btn-list-cart-insert, .btn-list-cart-delete {cursor:pointer}

.listType_3>ul>li .txt_area .btn_sample_add.complete {border-color: var(--point-color-1);}
.listType_3>ul>li .txt_area .btn_sample_add.complete span {color: var(--point-color-1);}

[type=text].non-border-input {border:0}
.input-inline {display:inline}

.hd_pops.btm_popup {
	position: fixed;
    left: 0;
    top: auto;
    z-index: 90;
    transform: translateY(0);
    bottom: 0;
}

.center-toast {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;

    max-width: min(90vw, 640px);
    width: max-content;
    padding: 14px 18px;

    background-color: #58585a;
    color: #fff;
    line-height: 1.4;
    text-align: center;
    word-break: keep-all;
    box-shadow: 0 8px 28px rgba(0,0,0,0.25);

    display: none; /* 처음엔 숨김 */
}