@charset "utf-8";

@import url('/css/fonts/SpoqaHanSansNeo.css');
@import url('/css/fonts/NotoSansKR.css');

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.9em;font-family:'Spoqa Han Sans Neo','Noto Sans KR','Malgun Gothic', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1.3em;font-family:'Spoqa Han Sans Neo','Noto Sans KR','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
html, body {
    height: 100%;
    background-color: #f9f9f9 !important;
}
/* .ff02 {
    font-family: 'Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif !important;
} */
tr.chkActive {background-color:aliceblue}

input, button {
    margin: 0;
    padding: 0;
    font-family: 'Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
    font-size: 0.9em;
}
textarea, select {
    font-family: 'Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
    font-size: 0.9em;
}

/************** Input **************/
.e-input, .frm_input {padding:7px 10px 7px !important;border:1px solid #ddd;border-radius:5px;background-color:#f6f6f6}
.e-select, select {padding:6px 10px 6px;border:1px solid #ddd;border-radius:5px;background-color:#f6f6f6}
.e-input-block {width:100%}
.e-input-txt {padding:0 0 0 0}
.e-input-sty01 {border-left:none;border-right:none;border-top:none;border-radius:0;font-size:1.3em;background-color:#f6f6f6}
.e-input-sty02 {display:block;margin:0;padding:0;border:none}
.e-input-sty02 > input {float:left;padding:7px 10px;width:calc( 100% - 70px );font-size:1.3em;border:1px solid #28a745;border-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;background-color:#fff}
.e-input-sty02 > button {float:left;padding:7px 10px;width:70px;text-align:center;color:#fff;font-size:1.3em;border:1px solid #28a745;border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#28a745}
textarea.frm_input {height:auto}
/************** Input **************/

/************** Button **************/
.e-btn-checkbox {position:relative;display:inline-block;margin:0;padding:0}
.e-btn-checkbox input[type='checkbox'] {position: absolute; opacity: 0; margin:10px}
.e-btn-checkbox input[type='checkbox'] + label {display:block;margin:0;padding:15px 20px;text-align:center;font-size:1.2rem;color:#fff;font-weight:400;border:1px solid #ddd;border-radius:15px;background-color:#ddd}
.e-btn-checkbox input[type='checkbox']:checked + label {color:#fff;border:1px solid #0081cb;background-color:#0081cb}

.e-btn-checkbox.e-btn-checkbox-sty01 {}
.e-btn-checkbox.e-btn-checkbox-sty01 input[type='checkbox'] + label {padding:0px 5px;border-radius:5px}
.e-btn-checkbox.e-btn-checkbox-sty01 input[type='checkbox']:checked + label {}

.e-btn-checkbox.e-btn-checkbox-sty02 {margin-top:10px;width:100%}
.e-btn-checkbox.e-btn-checkbox-sty02 input[type='checkbox'] + label {display:block;margin:0;padding:7px 20px 7px 40px;width:100%;text-align:left;color:#c30;font-weight:900;border:1px solid #ccc;border-radius:8px;background:#fff url('/img/icon/icon_chk_b.png') no-repeat 10px 50%;background-size:2%}
.e-btn-checkbox.e-btn-checkbox-sty02 input[type='checkbox']:checked + label {color:#fff;border:1px solid #c30;background:#c30 url('/img/icon/icon_chk_w.png') no-repeat 10px 50%;background-size:2%}

.e-btn-checkbox.e-btn-checkbox-sty03 {}
.e-btn-checkbox.e-btn-checkbox-sty03 input[type='checkbox'] + label {padding:5px 7px;border-radius:5px;font-size:1em}
.e-btn-checkbox.e-btn-checkbox-sty03 input[type='checkbox']:checked + label {}

.e-btn-radio {position:relative;display:inline-block;margin:1px;padding:0}
.e-btn-radio input[type='radio'] {position: absolute; opacity: 0; margin:10px}
.e-btn-radio input[type='radio'] + label {display:block;margin:0;padding:7px 15px 7px 15px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:5px;background-color:#f6f6f6}
.e-btn-radio input[type='radio']:checked + label {color:#fff;border:1px solid #0081cb;background-color:#0081cb}

.e-btn-radio.e-btn-radio-sty01 input[type='radio'] + label {display:block;margin:0;padding:4px 10px 4px 30px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:5px;background:#f6f6f6 url('/img/icon/icon_chk_b.png') no-repeat 10px 50%;background-size:15%}
.e-btn-radio.e-btn-radio-sty01 input[type='radio']:checked + label {color:#fff;border:1px solid #0081cb;background:#0081cb url('/img/icon/icon_chk_w.png') no-repeat 10px 50%;background-size:15%}
.e-btn-radio.e-btn-radio-sty02 input[type='radio'] + label {background-color:#fff}
.e-btn-radio.e-btn-radio-sty02 input[type='radio']:checked + label {background-color:#0081cb}
.e-btn-radio.e-btn-radio-sty03 input[type='radio'] + label {padding:4px 7px}
.e-btn-radio.e-btn-radio-sty03 input[type='radio']:checked + label {}
/************** Button **************/

.divwrap05 {display:block;margin:0;padding:0;width:100%;height:5px}
.divwrap10 {display:block;margin:0;padding:0;width:100%;height:10px}
.divwrap20 {display:block;margin:0;padding:0;width:100%;height:20px}
.divwrap30 {display:block;margin:0;padding:0;width:100%;height:30px}

/* 테이블 그리드 */
.grid_1 {width:50px}
.grid_2 {width:100px}
.grid_3 {width:150px}
.grid_4 {width:200px}
.grid_5 {width:250px}
.grid_6 {width:300px}
.grid_7 {width:350px}
.grid_8 {width:400px}
.grid_9 {width:450px}
.grid_10 {width:500px}
.grid_11 {width:550px}
.grid_12 {width:600px}
.grid_13 {width:650px}
.grid_14 {width:700px}
.grid_15 {width:750px}
.grid_16 {width:800px}
.grid_17 {width:850px}
.grid_18 {width:900px}


/* The switch - the box around the slider */
.e-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 15px;
  vertical-align:middle;
}

/* Hide default HTML checkbox */
.e-switch input {display:none;}

/* The slider */
.e-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: -2px;
  bottom: 0;
  background-color: #ddd;
  -webkit-transition: .4s;
  transition: .4s;
}

.e-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: -2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .e-slider {
  background-color: #2196F3;
}

input:focus + .e-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .e-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  box-shadow: 0px 0px 0px 2.5px #007eff;
}

/* Rounded sliders */
.e-slider.round {
  border-radius: 20px;
}

.e-slider.round:before {
  border-radius: 50%;
  box-shadow: 0px 0px 0px 2.5px #ccc;
}


.tooltip {
    position: relative;
    display: inline-block;
    color: deeppink;
    font-weight: bold;
  }
  .tooltip-text {
    display: none;
    position: absolute;
    left:0;
    max-width: 200px;
    border: 1px solid;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.8em;
    color: white;
    background: deeppink;
  }
  .tooltip:hover .tooltip-text {
    display: block;
  }



.page-title .btns-wrap { display: flex; align-items: center; height: 41px; column-gap: 5px; }






/* ================= /adm/css/admin.css ================= { */

/* 폼 안내글 */
.frm_info {display:block;padding:0 0 5px;color:#5b747e}

#sct .sct_name div {position:relative}
#sct .sct_name1 {padding-left:25px}
#sct .sct_name2 {padding-left:50px}
#sct .sct_name3 {padding-left:75px}
#sct .sct_name4 {padding-left:100px}

/* 공통 */
.td_addr {text-align:left !important}
.td_alignc {text-align:center}
.td_addr_line {line-height:2em}
.td_addr_line .frm_input{margin:2px 0}
.td_amount {width:70px;text-align:center}
.td_auth {width:100px;text-align:center}
.td_auth_mbnick {width:200px}
.td_boolean {width:70px;text-align:center}
.td_category {width:120px;text-align:center}
.td_categorysmall {width:60px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_chk2{width:70px;}
.td_cnt {width:100px;font-size:0.95em;text-align:center}
.td_cntsmall {width:50px;font-size:0.95em;text-align:center}
.td_code {width:80px;text-align:center}
.td_confirm {width:90px;text-align:center}
.td_date {width:70px;text-align:center}
.td_branch {width:130px;text-align:center}
.td_datetime {width:130px;text-align:center}
.td_delicom {width:100px}
.td_delino {width:130px}
.td_device {width:70px;text-align:center}
.td_etc {width:80px;text-align:center}
.td_extra label {display:inline-block;width:100px}
.td_extra input {margin-right:5px;width:130px}
.td_grid {width:60px;text-align:center}
td.td_grpset {width:160px;border-left:1px solid #e9ecee;text-align:center}
.td_id {width:150px}
.td_idsmall {width:75px}
.td_itname {text-align:left !important}
.td_itopt {width:200px}
.td_itopt_tl {text-align:left !important}
.td_img {text-align:center}
.td_imgline {width:70px;text-align:center}
.td_input input {width:94%}
.td_mbcert {text-align:center}
.td_mbid, .td_name, .td_mbname {width:100px;text-align:left !important}
.td_mbstat {text-align:center}
.td_mng {width:100px;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.td_mngsmall {width:60px;text-align:center;}
.td_num {width:60px;text-align:center}
.td_num_c{width:70px;text-align:center}
.td_num_c2{width:60px;text-align:center}
.td_num_c3{width:100px;text-align:center}
.td_numbig {width:100px;text-align:right !important}
.td_numcancel0 {color:#999;text-align:right !important}
.td_numcancel1 {color:#ff3061;font-weight:bold;text-align:right !important}
.td_numcoupon {color:#86b325;text-align:right !important}
.td_numincome {text-align:right !important}
.td_num_right {text-align:right !important}
.td_numsmall {width:40px;text-align:center}
.td_numsum {font-weight:bold;text-align:right !important}
.td_numrdy {color:#ff3061;text-align:right !important}
.td_odrnum {width:250px;text-align:center}
.td_odrnum2 {width:140px;text-align:center}
.td_odrnum3 {width:110px;text-align:center}
.td_odrstatus {width:70px;letter-spacing:-0.1em;text-align:center}
.td_output {width:90px;text-align:center}
.td_payby {width:70px;text-align:center;letter-spacing:-0.1em}
.td_paybybig {width:140px;text-align:center;letter-spacing:-0.1em}
.td_possible {width:70px;text-align:center}
.td_postal {width:60px;text-align:center}
.td_postalbig {width:140px;text-align:center}
.td_price {text-align:right !important}
.td_pt {text-align:right !important}
.td_send {width:50px;text-align:center}
.td_sendcost_by {width:50px;text-align:center}
.td_sendcost_add {width:100px;text-align:center}
.td_stat {width:70px;text-align:center}
.td_tdiv {border-bottom:1px solid #c9c9c9 !important}
.td_tel{width:120px;text-align:left !important}
.td_telbig {width:100px;text-align:center}
.td_test {width:50px;text-align:center}
.td_category1{width:130px;text-align:center}
.td_category2{width:100px;text-align:center}
.td_category3{width:80px;text-align:center}
.td_time{text-align:center;width:130px}
.td_center{text-align:center;}
.td_type{width:120px}

.td_mng_s{width:70px}
.td_mng_m{width:100px}
.td_mng_l{width:160px}

.txt_true {color:#e8180c}
.txt_false {color:#ccc}
.txt_succeed {color:#40b300}
.txt_fail {color:#ce4242}
.td_left{text-align:left !important}

.banner_or_img {margin:10px 0 0}
.txt_active {color:#5d910b}
.txt_expired {color:#ccc}
#sct_mobileimg{width:125px}

/* 공통박스 */
.compare_wrap {margin:0 0 10px;zoom:1}
.compare_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.compare_wrap section {margin: 0 0 10px;}
.compare_wrap h3 {margin:10px 0 ;text-align:center;text-align:left}
.compare_wrap .tbl_frm {margin:0}
.compare_wrap .frm_input { height: 34px; }
.compare_wrap .btn_confirm {padding:10px 0 0}
.compare_left {float:left;width:49%}
.compare_right {float:right;width:49%}

/* 관련 상품, 관련 이벤트 입력/수정 */
.srel section ul {margin:0;padding:0 10px;list-style:none;background:#fff}
.srel section li {padding:5px 0;border-bottom:1px solid #e9e9e9;zoom:1}
.srel section li:after {display:block;visibility:hidden;clear:both;content:''}
.srel .srel_list, .srel .srel_sel {height:auto !important;height:200px;max-height:200px;border:1px solid #ced9de;background:#f6f6f6;overflow-y:scroll}
.srel .list_item {float:left;width:80%}
.srel .list_item img {float:left;margin:0 10px 0 0}
.srel .list_item_btn {float:right;margin-top:7px}
.srel .srel_sel {border:1px solid #ced9de;background:#fcfff2}
.srel .srel_list p, .srel .srel_sel p {padding:10px 0;text-align:center}
.srel .compare_left ul {margin:0;list-style:none}
.srel .srel_noneimg li {padding:7px 0}
.srel .srel_noneimg button {top:0;right:0}
.srel .srel_pad {display:block;margin:0 0 10px}
.srel .srel_pad:after {display:block;visibility:hidden;clear:both;content:''}
.srel .srel_pad button {position:static}


.ca-it-sch-wrap {display:block;margin:10px 0;padding:15px;border:1px solid #ccc;background-color:#f6f6f6}
.ca-it-sch-wrap .contents-wrap {display:block;margin:0;padding:0}
.ca-it-sch-wrap .contents-wrap .ca-list {display:block;margin:5px 5px 0 0;padding:15px;height:150px;border:1px solid #ddd;background-color:#fff;overflow-y:scroll}
.ca-it-sch-wrap .contents-wrap .it-list {display:block;margin:5px 5px 0 0;padding:0;color:#aaa}
.ca-it-sch-wrap .contents-wrap .it-list select {width:100%;;height:150px;border:1px solid #ddd;background-color:#fff}
.ca-it-sch-wrap .contents-wrap ul li a {display:block;margin:0;padding:0;color:#ccc}
.ca-it-sch-wrap .contents-wrap ul li a span {color:#333}
.ca-it-sch-wrap .contents-wrap ul li a:hover,
.ca-it-sch-wrap .contents-wrap ul li a:focus,
.ca-it-sch-wrap .contents-wrap ul li a:active {background-color:#f6f6f6}


.banner_or_img {margin:10px 0 0}
.banner_or_img button {display:block;margin:5px 0 0}

.scf_img {display:none}

/* 환경설정 */
.cf_cert_hide {display:none}

/* ================= /adm/css/admin.css ================= } */




.pg_wrap { margin: 30px 0 10px; }
.goods-list-wrap .bd_right { border-right: 1px solid #ddd !important; }




/* ================= 공용 ================= } */




/* ================= 개별 페이지 ================= { */


.bannerlist .td_mng { width: 120px; }
.bannerlist .sbn_img {text-align:center}
.bannerlist .sbn_image {display:none;margin:0 0 10px;text-align:left}

.bannerform .banner_or_img img { max-width: 100%; }
.bannerform .tbl-sty01 th { white-space: nowrap; padding-right: 10px; }

.categorylist .sch-goods-list .e-input{width:100%}


.goods-list-wrap.it_type .position_updown { vertical-align: sub; }

.goods-list-wrap.itemeventlist img,
.goods-list-wrap.itemeventwin img {vertical-align:middle}


.img_ctrl { display: flex; align-items: center; column-gap: 5px; }




/* 접속자집계 */
.visit_bar {position:relative}
.visit_bar span {position:absolute;top:-8px;left:0;height:15px;background:#3f51b5}
/* ================= 개별 페이지 ================= } */

.popup-title {display:block;margin:0 0 10px;padding:10px;font-size:17px;border:1px solid #ddd;background-color:#fff}
.popup-tbl-wrap {display:block;margin:0;padding:10px 20px}
.popup-tbl-wrap table {width:100%;border-top:1px solid #ddd;background-color:#fff}
.popup-tbl-wrap table tr {}
.popup-tbl-wrap table th {border-bottom:1px solid #ddd}
.popup-tbl-wrap table td {padding:5px 5px;border-bottom:1px solid #ddd}
.popup-tbl-wrap input[type="text"],
.popup-tbl-wrap input[type="number"] {padding:5px 10px;border:1px solid #ddd;background-color:#f6f6f6}
.popup-tbl-wrap select {padding:5px 10px;height:auto;line-height:auto;border:1px solid #ddd;background-color:#f6f6f6}
.popup-tbl-wrap textarea {padding:5px 10px;border:1px solid #ddd;background-color:#f6f6f6}
.popup-tbl-wrap .btn-wrap {display:block;margin:0;padding:20px}
.popup-tbl-wrap .btn-wrap ul.btns {float: right;position: relative;left: -50%}
.popup-tbl-wrap .btn-wrap ul.btns li {float: left;position: relative;left: 50%}

.laste-list {margin:10px 0;width:100%}
.laste-list ul {width:100%}
.laste-list ul li {width:100%;border-bottom:1px solid #ddd}
.laste-list ul li:last-child {border-bottom:0}
.laste-list ul li:hover,
.laste-list ul li:focus,
.laste-list ul li:active {background-color:rgba(255,255,255,1)}
.laste-list div.bbs-title {float:left;display:inline-block;padding:5px;width:calc( 100% - 230px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.laste-list div.cm-cnt {float:left;display:inline-block;padding:5px;width:50px;text-align:center}
.laste-list div.bbs-name {float:left;display:inline-block;padding:5px;width:80px;text-align:center}
.laste-list div.bbs-date {float:left;display:inline-block;padding:5px;width:100px;text-align:right}

.modal-wrap {padding:30px 40px}