@charset "utf-8";

:root {
  --primaryColor1: #272E3D; /* 첫 번째 메인 컬러 */
  --primaryColor2: #ffd343; /* 두 번째 메인 컬러 */
}

:root[color-theme='light'] {
  /* 스위치 버튼 */
  --lightVisible: none;
  --darkVisible: inline-block;
  --switchCont:"Switch to dark mode";
  /* background */
  --mainBg: #ffffff;
  --wrapperBg: #EDF0F2;
  --scrollBg: #0000001a;
  --containerBg: #EDF0F2;
  --localBg: #dde0e4;
  --trEvenBg: #eff3f9;
  --tblHeadBg: #3d4250;
  --ftBg: #f3f3f3;
  --frmInputBg: #ffffff;
  --thOldBg: #FFFCED;
  --thJsonBg: #F6F1FF;
  --themeBg: #e5ecef;
  --processBg: #f9f9f9;
  --tfootBg: #eeeeee;
  --pgBg: #eee;
  --pgHvBg: #fafafa;
  --bovHover: #f7f7f7;
  /* border */
  --containerBorder: 1px solid #cecece;
  --tblHeadBorder: 1px solid #60718b;
  --tblBodyBorder: 1px solid #d6dce7;
  --anchorBorder: 1px solid #eeeeee;
  --anchorAborder: 1px solid #dde0e4;
  --frmInputBorder: 1px solid #d5d5d5;
  --themeBorder: 1px solid #d1dee2;
  --pageBorder: 1px solid #dddddd;
  --themeTableBorder: 1px solid #f3f3f3;
  --border: 1px solid #e5ecee;
  /* fontColor */
  --fontColor: #000;
  --anchorColor: #4b4b4b;
  --containerColor: #000000;
  --h2Color: #272E3D;
  --frmColor: #5b747e;
}

:root[color-theme='dark'] {
   /* 스위치 버튼 */
   --lightVisible: inline-block;
   --darkVisible: none;
   --switchCont:"Switch to light mode";
  /* background */
  --mainBg: #272E3D;
  --wrapperBg: #151c24;
  --scrollBg: #ffffff66;
  --containerBg: #151c24;
  --localBg: #010a16;
  --trEvenBg: #2c2c2c; 
  --tblHeadBg: #151c24;
  --ftBg: #0e151d;
  --frmInputBg: #0e151d;
  --thOldBg: #38362c;
  --thJsonBg: #413753;
  --themeBg: #000000;
  --processBg: #272E3D;
  --tfootBg: #1f2531;
  --pgBg: #323235;
  --pgHvBg: #1f1d1d;
  --bovHover: #1f1d1d;
  /* border */
  --containerBorder: 1px solid #ffffff30;
  --tblHeadBorder: 1px solid #545454;
  --tblBodyBorder: 1px solid #545454;
  --anchorBorder: none;
  --anchorAborder: 1px solid #ffffff20;
  --frmInputBorder: 1px solid #ffffff40;
  --themeBorder: 1px solid #2e2e2e;
  --pageBorder: 1px solid #ffffff30;
  --themeTableBorder: 1px solid #545454;
  --border: 1px solid #383838;
  /* fontColor */
  --fontColor: #eee;
  --anchorColor: #ffffff;
  --containerColor: #eeeeee;
  --h2Color: #eeeeee;
  --frmColor: #eeeeee90;
  /* filter */
  --invert: invert(100%);
}

/* 초기화 */
* {
    box-sizing: border-box;
}

html,
h1, h2, h3, h4, h5, h6,
form,
fieldset,
img { margin:0; padding:0; border:0; }
body,
h1, h2, h3, h4, h5, h6,
textarea,
select { font-family:'Malgun Gothic',AppleGothic,Dotum,"돋움", sans-serif; }
body,
input,
textarea,
select,
button {font-size:1.4rem}
ol,
li,
dt,
dd { margin:0; padding:0; }
label,
input,
button,
select,
img {vertical-align:middle}
input,
button { margin:0; padding:0; }
button,
input[type="submit"] {cursor:pointer}
legend,
.blind { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }

@media (min-width:1101px) {
    body,
    input,
    textarea,
    select,
    button {font-size:1.2rem}
}

@media (max-width:1100px) {
    body,
    input,
    textarea,
    select,
    button {font-size:1.4rem; overflow-x: hidden; }
}

html { overflow-y:scroll; font-size:62.5%; }
body { margin:0; padding:0; background:#EDF0F2; height:100%; }
h2 { margin:10px 0; font-size: 1.4rem; font-weight: bold; color: var(--fontColor); }
ul { margin:0; padding:0; list-style:none; }
ol { list-style-position:inside; }
select {margin:0}
p { margin:0;padding:0;word-break:break-all }
pre { overflow-x:scroll; }
a:link, a:visited { color:var(--fontColor); text-decoration:none }

/* 레이아웃 */
#hd {position: sticky;top: 71px;width: 268px;height: calc(100vh - 71px); padding: 0px 20px;background-color: var(--primaryColor1);overflow-y: auto;overflow-x: hidden;transition: all 0.2s;}
#hd h1 {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
#hd_top{position: relative;height:50px;z-index:1000;border-radius: 12px;margin: 0px;}
#hd_top:after{display:block;visibility:hidden;clear:both;content:""}
#logo{height:100%;width:220px;text-align:center;display: flex;align-items: center;justify-content: flex-start;}
#btn_gnb, #tnb #btn_gnb {width:50px;height:50px;border:0;position:absolute;top:50%;right:0px;border-radius: 12px 0px 0px 12px;padding: 0;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;}
#btn_gnb, #tnb #btn_gnb::before {content: '\f0c9';font-family: 'Font Awesome 6 Free';font-weight: 900;color: #fff;font-size: 1.6rem;}
#tnb #btn_gnb.btn_gnb_open::before{color: rgba(255, 255, 255, 0.4);}

#tnb{padding: 10px 0px;background: var(--primaryColor1);border-bottom: 1px solid #45516b;position: sticky;top: 0;z-index: 500;display: flex;align-items: center;}
#tnb ul {width: 100%;padding: 0px 40px;}
#tnb ul:after{display:block;visibility:hidden;clear:both;content:""}
#tnb li{float:right;position:relative;margin-left:8px;z-index: 500;}
#tnb a{color:#fff;padding:0 20px;display:block;line-height:30px;}
#tnb .tnb_service{border-radius:3px;border: 1px solid #dadada;color:#4d4d4d;padding:0 10px;text-align:left;height:40px;line-height:40px;background: var(--primaryColor2);white-space: nowrap;}
#tnb button{width:100px;border:1px solid #ffffff40;border-radius:3px;background:transparent;color:#fff;padding:0 30px 0 10px;text-align:left;height:40px;position:relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#tnb button span{display:block;text-indent:-999px;overflow:hidden;width:30px;border-radius:3px;height:40px;position:absolute;top:0;right:0;}
.tnb_mb_btn::before {content: '\f0d7';font-family: 'Font Awesome 6 Free';font-weight: 900;color: #fff;font-size: 1.4rem;position: absolute;top: 30%;right: 10px;}
#tnb .tnb_mb_area{display:none;background:rgb(61, 66, 80);width:100px;position:absolute;padding:5px;margin-top:1px;}
#tnb .tnb_mb_area a{padding:0}
#tnb .tnb_mb_area li{float:none;}
#tnb .tnb_community{position: relative;display: flex;justify-content: center;align-items: center;width:40px;height:40px;border-radius:5px;border: 1px solid #ffffff40;}
#tnb .tnb_community::before {content: '\f015';font-family: 'Font Awesome 6 Free';font-weight: 900;color: #fff;font-size: 1.2rem;}
#tnb .tnb_shop{position: relative;display: flex;justify-content: center;align-items: center;width:40px;height:40px;border-radius:5px;border: 1px solid #ffffff40;}
#tnb .tnb_shop::before {content: '\f07a';font-family: 'Font Awesome 6 Free';font-weight: 900;color: #fff;font-size: 1.2rem;}


/*gnb*/
#gnb { position:relative; }
.gnb_btn { border-radius:12px; border:0; background:none; color: #fff; }
#gnb .gnb_btn::before { font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 1.6rem; }
#gnb .gnb_btn.menu_100::before { content: '\f013'; }
#gnb .gnb_btn.menu_200::before { content: '\f406'; }
#gnb .gnb_btn.menu_300::before { content: '\f0ca'; }
#gnb .gnb_btn.menu_400::before { content: '\f07a'; }
#gnb .gnb_btn.menu_500::before { content: '\e0e3'; }
#gnb .gnb_btn.menu_900::before { content: '\f0e0'; }
.gnb_sub { display:none; width:100%; padding:10px; background: rgba(0, 0, 0, 0.2); border-radius: 12px; }
a.gnb_sub_link { display:block; color:rgba(255, 255, 255, 0.5); }
a.gnb_sub_link:hover, a.gnb_sub_link.on { color: #fff; font-weight: bold; }
.gnb_li.on .gnb_btn { background: var(--primaryColor2); color: #3d3d3d; }
.gnb_li.on .gnb_sub { display:grid; }

@media (min-width:1101px) {
    #gnb_wrapper { padding:20px 0; }
    .gnb_btn { position:relative; margin: 0 0 10px; padding: 0 20px 0 50px; width: 100%; height: 46px; font-size: 1.4rem; text-align: left; }
    .gnb_btn::before { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); }
    .gnb_sub { margin: 0 0 10px; }
    .gnb_sub_link { padding: 0 10px 0 20px; line-height: 40px; font-size: 1.4rem; }
}

@media (max-width:1100px) {
    #gnb { margin:0 10px; padding:66px 0 0; }
    #gnb .gnb_btn::before { display: block; }
    .gnb_btn { position:absolute; top:10px; left:0; width:46px; height:46px; }
    .gnb_sub { grid-template-columns: repeat(4, 1fr); gap:5px; margin:0 0 15px; }
    a.gnb_sub_link { padding:5px 5px; }
}

@media (max-width:767px) {
    .gnb_sub { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width:480px) {
    .gnb_sub { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1100px) {
    .gnb_small {display: none;}
    .hd_small {width: 0px !important;padding: 0px !important;}
    .hd_small #logo {display: none;}
    #gnb.gnb_small .gnb_oparea{display:none;}
    #gnb.gnb_small .gnb_li:hover .gnb_oparea{display:block;}
    .gnb_small .gnb_ul{display:block;}
    #container.container-small{margin-left:0px;max-width: 100%;}
}

/*중간*/
#wrapper {min-height:480px;width: 100%;display: flex;background: var(--wrapperBg);}
#container{margin:0px;position: relative;background:var(--wrapperBg);max-width: calc(100% - 220px);width: 100%;transition: all 0.2s;}
#container_wr{padding:25px;min-height:500px;}
/*.container_title.top{position: sticky;top: 71px;line-height:50px;font-size:1.8rem;z-index:1;margin: 0px 40px;padding-top: 20px;background: var(--containerBg);color: var(--containerColor);border-bottom: var(--containerBorder);width: calc(100% - 80px);}*/
.container_title.top{position: sticky;top: 71px;line-height:50px;font-size:1.8rem;z-index:1;padding-left:20px;padding-top: 20px;background: var(--containerBg);color: var(--containerColor);border-bottom: var(--containerBorder);width: calc(100% - 0px);}
.container_title.top::after {display: block;content: "";position: absolute;left: 0px;bottom: -2px;width: 30px;height: 3px;background: var(--primaryColor2);}
.container_wr.top{padding:10px 10px;min-height: calc(100vh - 150px);margin-bottom: 0px;width: 100%;color: var(--fontColor);}


/* 화면낭독기 사용자용 */
#hd_login_msg, .msg_blind, .blind {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
/* 본문 바로가기 */
#to_content a {z-index:100000;position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
#to_content a:focus, #to_content a:active {width:100%;height:70px;background:#fff;font-size:2.4em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.1em}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha img {border:1px solid #ddd;border-right:0}
#captcha_mp3 img {border:1px solid #ddd;border-left:0;background:#494949}

/* 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 !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.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%}

/* 공통박스 */
.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 {background:#fff}
.compare_wrap .btn_confirm {padding:10px 0 0}
.compare_left {float:left;width:49%}
.compare_right {float:right;width:49%}

/* 버튼 */
.btn_confirm {margin:0px}
.btn_fixed_top{position:fixed;top:85px;right:40px;z-index:100}
.btn_fixed_top .btn_02, .btn_fixed_top .btn_submit {height: 40px;line-height: 40px;}
.btn_fixed_top .btn_01 {height: 40px;line-height: 40px;}

.btn_confirm01 {}
.btn_confirm01 button {padding:0 15px;height:30px;border:0;background:#9eacc6;color:#fff}
.btn_confirm01 a {display:inline-block;padding:0 15px;height:30px;background: #9eacc6;color: #fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
.btn_confirm01 a:focus {background:#555}

.btn_confirm02 {clear:both;margin-top:10px;text-align:center}
.btn_confirm02 button {padding:0 15px;height:30px;border:0;background:#617d46;color:#fff}
.btn_confirm02 a {display:inline-block;padding:0 15px;height:30px;background:#617d46;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
.btn_confirm02 a:focus {background:#555}

.btn_submit{background:#ff4081;color:#fff}
a.btn_submit{background:#ff4081;color:#fff}


.btn_confirm .btn_submit {padding:0px 15px;border:0;height:40px;line-height: 40px;color:#4d4d4d}
.btn_frmline {display:inline-block;padding:0 7px;height:24px;border:0;background:#444;color:#fff !important;letter-spacing:-1px;text-decoration:none;vertical-align:middle;line-height:2em} /* 우편번호검색버튼 등 */
.btn_frmline:focus, .btn_frmline:hover, .btn_frmline:active {text-decoration:none}

.btn_win {margin:0 20px 10px} /* 새창용 */

.btn_win01 {clear:both;text-align:center}
.btn_win01 a, .btn_win01 button {padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa}
.btn_win01 a {display:inline-block;line-height:2em;cursor:pointer}
.btn_win01 a:focus, .btn_win01 a:hover {text-decoration:none}

.btn_win02 {clear:both;text-align:center}
.btn_win02 a {display:inline-block;vertical-align:middle;cursor:pointer}
.btn_win02 a:focus, .btn_win02 a:hover {text-decoration:none}
.btn_win02 button.btn_submit {background:#ff3061;color:#fff}

.btn_list {margin:10px 0} /* 목록용 */
.btn_list .btn_02{height:28px;padding:0 5px;border:0;}

.btn_list01 {}
.btn_list01 a:focus {background:#555}

.btn_list02 {}
.btn_list02 a:focus {background:#555}

.btn_list03 {text-align:right}
.btn_list03 a {display:inline-block;padding:0 15px;height:28px;background:#617d46;color:#fff;text-decoration:none;line-height:2.4em;vertical-align:middle}
.btn_list03 a:focus {background:#555}

.btn_add {margin:10px 0 } /* 목록용 추가 */

.btn_add01 {text-align:right}
.btn_add01 a, .btn_add01 button {padding:10px;border:1px solid #ccc;background:#f0f0f0;text-decoration:none;cursor:pointer}
.btn_add01 a {display:inline-block;vertical-align:middle}
.btn_add01 button {margin:0}

.td_mng a.btn,.td_mng a{display:inline-block;height:26px;line-height:26px;border:0;border-radius:3px;padding:0 8px;margin:1px;font-weight:normal}
.td_mng button,.td_mng button.btn{height:26px;border:0;border-radius:3px;padding:0 8px;margin:1px;font-weight:normal}

.btn{height:35px;border:0;border-radius:5px;padding:0px 10px;font-weight:bold;font-size:1.4rem;vertical-align:middle}
a.btn{display:inline-block;height:35px;line-height:35px;border:0;border-radius:5px;padding:0 10px;font-weight:bold;font-size:1.4rem;vertical-align:middle}
.btn_submit{background:var(--primaryColor2);color:#4d4d4d}
a.btn_submit{background:var(--primaryColor2);color:#4d4d4d}
.btn_submit:hover{background:var(--primaryColor2)}
.btn_01,a.btn_01{background:var(--primaryColor2);color:#4d4d4d;}
.btn_01:hover,a.btn_01:hover{background:var(--primaryColor2)}

.btn_02,a.btn_02{background:#9eacc6;color:#fff;}
.btn_03,a.btn_03{background:#3776ab;color:#fff;}

.btn_frmline{display:inline-block;background:#9eacc6;color:#fff;height:35px;border:0;border-radius:5px;padding:0 10px}
a.btn_frmline{display:inline-block;background:#9eacc6;color:#fff;height:35px;line-height:33px;border-radius:5px;padding:0 10px;text-decoration:none !important}
.btn_ov01{display:inline-block;line-height:30px;height:30px;font-size:1.2rem;vertical-align:top}
.btn_ov01:after{display:block;visibility:hidden;clear :both;content:""}
.btn_ov01 .ov_txt{float:left;background:#9eacc6;color:#fff;border-radius:5px 0 0 5px;padding:0 10px;}
.btn_ov01 .ov_num{float:left;background:var(--mainBg);color:var(--fontColor);border-radius:0 5px 5px 0;padding:0 10px}
a.btn_ov02,a.ov_listall{display:inline-block;line-height:30px;height:30px;font-size:1.2rem;background:#565e8c;color:#fff;vertical-align:top;border-radius:5px;padding:0 10px }
a.btn_ov02:hover,a.ov_listall:hover{background:#3f51b5}

/*form*/
.frm_input{padding:0 5px;height:40px;line-height:40px;border:var(--frmInputBorder);background: var(--frmInputBg);color: var(--fontColor);border-radius: 4px;}
.frm_input_full{width:100%}
.required{background:url('/static/admin/img/wrest.gif') top right no-repeat var(--frmInputBg) !important}
select{height:40px;line-height:32px;background: var(--frmInputBg);border:var(--frmInputBorder);color: var(--fontColor);border-radius: 4px;}
textarea{width:100%;background: var(--frmInputBg);border:var(--frmInputBorder);color: var(--fontColor);min-height:80px;border-radius: 4px;}
.code_input{font:bold 15px Consolas}

/* 외부서비스 사이트코드 */
.sitecode {display:inline-block;font:bold 15px 'Verdana';vertical-align:middle}
.sitecode.title {width:80px}

.readonly {}

/*color*/
.color_01{background:#fe528f}
.color_02{background:#68d0a7}
.color_03{background:#b668d0}
.color_04{background:#ffa700}
.color_05{background:#688fef}
.color_06{border:#f7d9d9}

.color_st01{background:#fe528f;color:#fff;display:inline-block;padding:0 3px;font-size:1.1rem;line-height:18px}
.color_st02{background:#68d0a7;color:#fff;display:inline-block;padding:0 3px;font-size:1.1rem;line-height:18px}
.color_st03{background:#b668d0;color:#fff;display:inline-block;padding:0 3px;font-size:1.1rem;line-height:18px}
.color_st04{background:#ffa700;color:#fff;display:inline-block;padding:0 3px;font-size:1.1rem;line-height:18px}
.color_st05{background:#688fef;color:#fff;display:inline-block;padding:0 3px;font-size:1.1rem;line-height:18px}
.color_st06{color:#ff0000;border:1px solid #ff0000;display:inline-block;padding:0 3px;font-size:1.1rem;line-height:18px}

/* 폼 안내글 */
.frm_info {display:block;padding:0 0 5px;color:var(--frmColor)}

/* 목록 바로가기 */
.anchor {position: sticky;top: 142px;padding:20px 0 10px;zoom:1;width: 100%;background: var(--wrapperBg);}
.anchor:after {display:block;visibility:hidden;clear:both;content:""}
.anchor li{float:left;margin-left:-1px;list-style:none;border: var(--anchorBorder);margin-right: 6px;margin-bottom: 6px;}
.anchor a {display:inline-block;padding:10px 15px;text-decoration:none;transition: all 0.3s;background: var(--mainBg);color: var(--anchorColor);border: var(--anchorAborder);border-radius:24px;font-weight: bold;}
.anchor a:hover, .anchor .active a {background: var(--primaryColor2);color: #1c3b56;} 
.anchor .selected{background:#3776ab}


::-webkit-validation-bubbl1

#sort_mb {width:800px}

#sort_sodr {width:600px}


/* 하단 레이아웃 */
#ft{background:var(--ftBg);padding:0 25px;color:#777;text-align:center}
#ft p{line-height:50px;}
.scroll_top{position:fixed;bottom:10px;right:40px;width:50px;height:50px;border:0;text-align:center;background:var(--scrollBg)}
.scroll_top span.top_img{display:inline-block;width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;
border-bottom: 5px solid black;}
.scroll_top span.top_txt{display:block}

#tnb button.darkmode-toggle-switch{position: relative;width:40px;height:40px;text-align:center;border-radius: 3px;border: 1px solid #ffffff40; color: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;padding: 0;overflow: visible;}
#tnb button.darkmode-toggle-switch::after {position: absolute;right:0;display: inline-block;width: 120px;bottom: -22px;background: var(--mainBg);color: var(--fontColor) !important;padding: 4px 10px;color: #151c24;border-radius: 4px;opacity: 0;content: var(--switchCont);transition: all 0.2s;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);}
#tnb button.darkmode-toggle-switch:hover::after{opacity: 1;}
#tnb button.darkmode-toggle-switch .visible {font-size: 1.8rem; vertical-align:middle;}

/* 다크모드 설정 */
.darkmode-toggle-switch .visible.dark {display: var(--lightVisible)}
.darkmode-toggle-switch .visible.bright {display: var(--darkVisible)}

/* 페이지 내 검색 */
.local_sch{}
.local_sch:after ,.local_sch div:after{display:block;visibility:hidden;clear:both;content:""}
.local_sch .btn_sch2{width:40px;height:40px;padding:0;border:var(--tblBodyBorder);background: var(--frmInputBg);border-radius: 4px;}
.local_sch .btn_sch2::before {content: '\f002';font-family: 'Font Awesome 6 Free';font-weight: 900;color: #979797;font-size: 1.6rem;}
.local_sch .sch_input{height:30px;border:1px solid #dcdcdc;border-right:0;padding:0 5px;float:left;}
.local_sch select{height:40px;margin-right:3px;border:var(--tblBodyBorder)}
.local_sch01{margin: 10px 0;}
.local_sch02{}
.local_sch01 .frm_input{height:40px;border:var(--tblBodyBorder);padding:0 5px;}
.local_sch01 .btn_submit{width:40px;height:40px;border:var(--tblBodyBorder);padding:0;background: var(--frmInputBg);border-radius: 4px;}
.local_sch01 .btn_submit::before {content: '\f002';font-family: 'Font Awesome 6 Free';font-weight: 900;color: #979797;font-size: 1.6rem;}
.local_sch03{padding:5px 15px;margin:10px 0}
.local_sch div{margin:5px 0;color: var(--fontColor);}
.local_sch03 strong{display:inline-block;width:70px;}
.local_sch03 label{margin-right:5px;display:inline-block}
.local_sch03 button{height:30px;padding:0 5px;border:0;background:#9eacc6;color:#fff;}
.local_sch03 .btn_submit{height:30px;padding:0 5px;border:0;color:#4d4d4d;}
.local_sch03 .frm_input{height:30px;border:var(--frmInputBorder);padding:0 5px;}
/* 페이지 내 실행 */
.local_cmd {min-width:960px}

.local_cmd01 {margin:0 0 10px;padding:0 }
.local_cmd01 .cmd_tit {font-weight:bold}
.local_cmd01 .btn_submit {padding:3px 5px;border:1px solid #ff3061;color:#fff;font-size:1.1rem;vertical-align:middle}

/* 페이지 내 안내문 */
.local_desc {background:var(--localBg);color: var(--fontColor);padding:20px;margin:10px 0;line-height:1.5em;border-radius: 4px;}
.local_desc ol, .local_desc ul {margin:0;padding:0 0 0 10px}
.local_desc strong{color:red}
.local_desc li{margin:10px 0}
.local_wr{margin:0 0 10px }
.local_wr:after{display:block;visibility:hidden;clear:both;content:""}

.local_desc01 {margin:20px 0 10px;background:var(--localBg);font-size: 1.4rem;}
.local_desc01 strong {color:#ff3061}
.local_desc01 a {text-decoration:underline}

.local_desc02 {margin:20px 0px 10px;max-width:100%;font-size: 1.4rem;} /* 주로 온라인 서식 관련 안내 내용에 사용 */
.local_desc02 p {padding:0;line-height:1.8em;}

/* 페이지 내 카운트 */

.local_ov01 {position:relative;margin: 10px 0;color: var(--fontColor);}
.local_ov01 .ov_a{display:inline-block;line-height:30px;height:30px;font-size:1.1rem;background:#ff4081;color:#fff;vertical-align:top;border-radius:5px;padding:0 7px}
.local_ov01 .ov_a:hover{background:#ff1464}


/* 테이블 */
table {clear:both;width:100%;border-collapse: separate;border-spacing: 0 16px;}
table caption {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
table td{line-height: 22px;}
tfoot th, tfoot td {border:var(--tblBodyBorder);background:var(--tfootBg);color: var(--fontColor);padding:5px;text-align:center;font-weight:bold;}
tfoot th {}

.tbl_wrap {margin:0 1px 10px;padding:0}

/* thead 한 줄 테이블 */
.tbl_head01 {}
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head01 thead th {background:var(--tblHeadBg);color:#fff;border:var(--tblHeadBorder);font-weight:normal;text-align:center;padding:12px 5px;font-size:1.3rem}
.tbl_head01 thead th a{color:#fff}
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {color:#383838;text-decoration:underline}
.tbl_head01 tbody th{border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head01 tbody td{border:var(--tblBodyBorder);background: var(--mainBg);color: var(--fontColor);padding:5px;text-align:center}
.tbl_head01 tbody tr:nth-child(odd){background:#fff}
.tbl_head01 tbody tr:nth-child(even){background:var(--trEvenBg)}
.tbl_head01 tbody td .frm_input{width:100%;}
.tbl_head01 tbody td select{width:100%}
.tbl_head01 table .tbl_input{height:27px;line-height:25px;border:var(--frmInputBorder);color: var(--fontColor);background: var(--frmInputBg);width:100%}
.tbl_head01 table select {height: 27px;line-height: 25px;width: 100%;}

/* thead 두 줄 테이블 */
.tbl_head02 {}
.tbl_head02 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head02 thead th, .tbl_head02 tbody th {padding:5px 0;border:1px solid #d1dee2;background:#e5ecef;color:#383838;letter-spacing:-1px}
.tbl_head02 thead th {font-size:1.1rem}
.tbl_head02 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 thead a {color:#383838;text-decoration:underline}
.tbl_head02 tbody th {}
.tbl_head02 tbody td {padding:7px 5px;line-height:1.4em;word-break:break-all}

/* UL */
.ul_wrap {}

.ul_01 ul {margin:0;padding:0;list-style:none}
.ul_01 li {padding:10px 0;border-bottom:1px solid #e9e9e9}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 폼 테이블 */

.tbl_frm01 tr{border-radius: 8px;}
.tbl_frm01 th{padding: 20px;width:200px;text-align:left;color: var(--h2Color);background: var(--mainBg);font-weight: bold;}
.tbl_frm01 td {padding: 20px;text-align:left;border-left: none;background: var(--mainBg);color: var(--frmColor);}
.tbl_frm01 td:first-child,
.tbl_frm01 th:first-child {border-radius: 6px 0 0 6px;}
.tbl_frm01 td:last-child,
.tbl_frm01 th:last-child {border-radius: 0 6px 6px 0;}
.tbl_frm01 textarea {height:150px}
.tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
.tbl_frm01 #captcha input {margin-left:5px;text-align:center}
.h2_frm{text-align:left;color:var(--h2Color);font-size:1.6rem;font-weight:bold;margin:0px 0 10px;padding-top: 40px;}

@media (max-width: 1100px) {
    .blind_mo {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
    #tnb {flex-direction: column;justify-content: center;}
    #tnb ul {display: flex;justify-content: center;padding: 0px 20px 20px;}
    #tnb li {float: none;}
    .anchor {position: static;}
    #wrapper {flex-direction: column;}
    #hd{position: static;padding: 0px;height: auto;width: 100%;}
    #hd_top {margin: 0px auto;}
    .tbl_head01 {overflow-x: auto;border: var(--tblHeadBorder);}
    .tbl_head01 table {min-width: 1100px;}
    .new_win .tbl_head01 table {min-width:auto}
    .tbl_frm01.tbl_wrap table {display: grid;table-layout: fixed;}
    .tbl_frm01.tbl_wrap table tr {display: grid;grid-template-columns: 25% 75%;margin-bottom: 10px;}
    .tbl_frm01.tbl_wrap table th, .tbl_frm01.tbl_wrap table td {width: 100%;}
    .tbl_frm01.tbl_wrap table .frm_input, .tbl_frm01.tbl_wrap table select {width: 100%;}
    form[name="fboardform"] .tbl_frm01 tr:not(.no_grpset) {grid-template-columns: 25% 50% 25%;}   
    .td_extra input {width: 100% !important;}
    #fsendmailtest .frm_input {width: calc(100% - 140px)}
    #container {margin: 0px auto;width: 96%;max-width: 100%;}
    #tnb {padding: 0px;}
    #container_title {margin: 0px;width: 100%;}
    #container.container-small {padding-left: 0px;margin-left: 0px;margin: auto;}
    .container_wr.top {padding: 20px 0px;}
    #btn_gnb {display: none !important;}
    #logo {padding: 15px 0px;width: 160px;}
    .local_ov {min-width:100%}
    .service_wrap {width: 100% !important;}
    .sevice_1 {width: 100% !important;margin-right: 0px;margin-bottom: 13px;}
    #theme_detail, #plugin_detail {left: 50%;transform: translateX(-50%);width: 96% !important;height: auto !important;}
    .theme_dt_img, .plugin_dt_img {float: none;}
    .theme_dt_if, .plugin_dt_if {float: none;padding: 20px !important;width: 100% !important;}
    .theme_dt_img img, .plugin_dt_img img {width: 100%;}
    .anchor .active a {background: var(--mainBg) !important;color: var(--anchorColor) !important;}
    .darkmode-toggle-switch::after {display: none;}
    .scroll_top {right: 10px;}
    .btn_fixed_top {right: 70px;top: auto;bottom: 10px;}
    .container_title.top {position: relative;top: auto;}
}

@media (max-width: 500px) {
    #theme_list li .tmli_if>img, #plugin_list li .tmli_if>img {width: 100% !important;height: auto !important;}
    #theme_list li .tmli_if, #plugin_list li .tmli_if {width: 100% !important;}
    #theme_list li, #plugin_list li {width: 100% !important;}
}

@media (max-width: 360px) {
  #tnb ul {flex-wrap: wrap;}
}

/* 테이블 그리드 */
.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}

/* 목록 홀짝 배경색 */
.tbl_head01 tbody .bg0{background:#fff !important}
.tbl_head01 tbody .bg1{background:#eff3f9 !important}
.tbl_head01 tbody .bg0cancel {background:#fdebf3 !important}
.tbl_head01 tbody .bg0cancel td {border-color:#f9d8e6 !important}
.tbl_head01 tbody .bg1cancel {background:#fdebf3 !important}
.tbl_head01 tbody .bg1cancel td {border-color:#f9d8e6 !important}

/* 메뉴설정 */
#menu_frm #menu_result {margin:10px 0}

#menulist .sub_menu_class {padding-left:25px;background:url('/static/admin/img/sub_menu_ico.gif') 5px 15px no-repeat, var(--mainBg)}
.exist_menu_link {font-weight:bold;color:red}

/* 회원관리 목록 */
.mb_leave_msg {color:#b6b6b6}
.mb_intercept_msg {color:#ff0000}
#point_mng {margin-top:50px}

/* 게시판추가/수정 */
#anc_bo_extra .td_grpset label {width:auto}
#anc_bo_extra .td_grpset input {margin:0}
#anc_bo_extra label {display:inline-block;width:100px}
#anc_bo_extra input {margin-right:10px}

/* 환경설정 및 게시판 여분필드 값 input style 로빈아빠님 제안 */
#anc_bo_extra input.extra-value-input, #anc_cf_extra input.extra-value-input{width:calc(100% - 370px);}

/* 접속자집계 목록 */
.tbl_visit_list td {text-align:center}
.visit_bar {position:relative}
.visit_bar span {position:absolute;top:-8px;left:0;height:15px;background:#3f51b5}

/*접속자로그삭제*/
.visit_del_bt{margin:5px 0;border-top:1px solid #eee;padding:5px 0}
.visit_del_bt .btn_submit{border:0;height:35px;padding: 0 5px;border-radius:3px}

/*접속자로그삭제*/
.visit_del_bt{margin:5px 0;border-top:var(--anchorBorder);color: var(--fontColor);padding:5px 0}
.visit_del_bt .btn_submit{border:0;height:35px;padding: 0 5px;border-radius:3px}

/* 공통 */
.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:50px;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:1.1rem;text-align:center}
.td_cntsmall {width:50px;font-size:1.1rem;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_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_use {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:190px;border-left:var(--frmInputBorder);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:1.1rem;text-align:center;letter-spacing:-1px}
.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:-1px;text-align:center}
.td_output {width:90px;text-align:center}
.td_payby {width:70px;text-align:center;letter-spacing:-1px}
.td_paybybig {width:140px;text-align:center;letter-spacing:-1px}
.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:60px}
.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}
.banner_or_img button {display:block;margin:5px 0 0}
.txt_active {color:#5d910b}
.txt_expired {color:#ccc}
#sct_mobileimg{width:125px}


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

.server_config_views {margin-bottom:10px}
.rules_label {margin-left:5px;vertical-align:middle}

.is_rewrite .connect-close {position:absolute;top:10px;right:10px;margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;color:#383838;cursor:pointer;font-size:1.5rem}
.is_rewrite .connect-close:hover {color:#ff5191}
.is_rewrite .connect-close .fa {margin:0 0 0 1px}
.is_rewrite .connect-close .txt {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.is_rewrite textarea{width:99%;min-height:260px}
.is_rewrite .copy_title{margin-top:15px;margin-bottom:10px;font-weight:bold;text-align:left}
.is_rewrite .info-success{color:#155724}
.is_rewrite .info-warning{color:#856404}

.icode_old_version th{background-color:var(--thOldBg)}
.icode_json_version th{background-color:var(--thJsonBg)}
.cf_tr_hide {display:none}

/* 관리권한설정 */
#add_admin fieldset {margin-top:20px;overflow:auto;padding:2px 6px;line-height:1.4;resize:vertical}

/* 메일 테스트 */

#fsendmailtest {margin:50px 0;text-align:center;color: var(--fontColor);}
#fsendmailtest .btn_submit {height: 35px;border:0;padding: 0 10px;}

/*캐시파일 일괄삭제*/
.session_del{margin:15px 0;padding-left:20px;}
.session_del li{list-style:disc }
.session_del strong{color:#ff0000}
.session_del p{line-height:1.7em;padding:10px 15px ;background:#f7ecea;border:2px solid #ffb6c1}
.cache_wrap {font-size:1.4rem;}
.cache_wrap #status {padding: 20px;background: var(--mainBg);color: var(--fontColor);border-radius: 4px;}

/* ########## 쇼핑몰 사용시 적용 ########## */
.sidx {padding:20px 0 30px;zoom:1}
.sidx:after {display:block;visibility:hidden;clear:both;content:""}

.sidx_anchor {position:absolute;margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

/* idx 쇼핑몰 */
#anc_sidx_ord {float:left;width:66%}
#sidx_graph {position:relative}
#sidx_graph_price {position:absolute;top:10px;left:20px;margin:0;padding:0;width:12%;list-style:none}
#sidx_graph_price li {position:relative;padding:0 10% 0 0;height:48px;font-family:tahoma;text-align:right}
#sidx_graph_price li span {position:absolute;top:7px;right:-10%;width:10px;height:1px;background:#e9e9e9}
#sidx_graph_area {position:absolute;top:0;left:15%;margin:0;padding:0;width:85%;height:260px;border:1px solid #e9e9e9;list-style:none}
#sidx_graph_area li {position:relative;float:left;padding:0 1% 0 0;width:14%;height:100%}
#sidx_graph_area .graph {position:absolute;bottom:0;width:40%;height:0}
#sidx_graph_area .order {background:#8562ca;left:7%}
#sidx_graph_area .cancel {background:#62c5ca;right:7%}
#sidx_graph_area #price_tooltip {display:none;position:absolute;top:-18px;left:0;background-color:#fff;border:1px solid gray}
#sidx_graph_area #price_tooltip div {white-space:nowrap}
#sidx_graph_date {position:absolute;top:275px;left:15%;margin:0;padding:0;width:85%;border:1px solid #fff;list-style:none}
#sidx_graph_date li {position:relative;float:left;width:14%;font-family:tahoma;text-align:center}
#sidx_graph_date li span {position:absolute;top:-16px;right:0;width:1px;height:10px;background:#e9e9e9}
#sidx_graph_legend {position:absolute;top:-25px;left:15%}
#sidx_graph_legend span {display:inline-block;width:13px;height:13px;vertical-align:middle}
#sidx_graph_legend #legend_order {background:#8562ca}
#sidx_graph_legend #legend_cancel {margin:0 0 0 10px;background:#62c5ca}

#sidx_graph_area .bg0{background:#fff }
#sidx_graph_area .bg1{background:#eff3f9 }


#anc_sidx_settle {margin:0 0 30px;padding:30px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
#anc_sidx_settle table {text-align:center}

#sidx_stat {float:right;width:32%}
#sidx_stat h2 {padding:0 20px 0 0}
#sidx_stat .tbl_wrap {padding:0 20px 0 0}

/* idx 1:1문의/상품문의/사용후기 */
.sidx_cs {}
.sidx_cs section {float:left;margin:0 2% 0 0;width:32%}
.sidx_cs #anc_sidx_ps {margin:0}
.sidx_cs h2 {padding:0}
.sidx_cs .ul_wrap {margin:0 0 20px}
.sidx_cs .btn_list03 {margin:0}
.sidx_cs #anc_sidx_oneq h2 {padding:0 0 }
.sidx_cs #anc_sidx_oneq .ul_wrap {padding:0 0}
.sidx_cs #anc_sidx_ps h2 {padding:0 20px 0 0}
.sidx_cs #anc_sidx_ps .ul_wrap {padding:0 20px 0 0}
.sidx_cs #anc_sidx_ps .btn_list03 {margin:0 20px 0 0}

.sidx_cs #anc_sidx_oneq .oneq_cate {font-weight:bold}
.sidx_cs #anc_sidx_oneq .oneq_link {display:block;margin:5px 0}

.sidx_cs #anc_sidx_qna .qna_link {display:block;margin:5px 0}

.sidx_cs #anc_sidx_ps .ps_link {display:block;margin:5px 0}

/* 쇼핑몰 설정 */
#anc_scf_payment textarea {height:50px}
.get_shop_skin,.shop_etc,.shop_pc_index,.shop_mobile_index{ background: #9eacc6;color: #fff;height: 30px;border: 0;border-radius: 5px;padding: 0 10px;font-weight: bold;font-size: 1.4rem; vertical-align: middle; }

a.scf_pgreg {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#226C8B;color:#fff;font-weight:normal;text-decoration:none}
a.kcp_btn {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#226C8B;color:#fff;font-weight:normal;text-decoration:none}
a.lg_btn{display:inline-block;margin:5px 0 0;padding:5px 10px;background:#ED008C;color:#fff;font-weight:normal;text-decoration:none}
a.kg_btn{display:inline-block;margin:5px 0 0;padding:5px 10px;background:#4A2C7C;color:#fff;font-weight:normal;text-decoration:none}
a.kakao_btn{display:inline-block;margin:5px 0 0;padding:5px 10px;background:#FDDC2F;color:#3B1E1E;font-weight:normal;text-decoration:none}
a.naver_btn {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#00C73C;color:#fff;font-weight:normal;text-decoration:none}

.scf_cardtest {margin:5px 0 0}
.scf_cardtest_btn {margin-left:5px;vertical-align:middle}
#scf_cardtest_tip {margin:10px 0 0;padding:10px;border:3px solid #ddd}
#scf_cardtest_tip strong {display:inline-block;margin:0 0 5px}
#scf_cardtest_tip dl {margin:0 0 15px;padding:0;zoom:1}
#scf_cardtest_tip dl:after {display:block;visibility:hidden;clear:both;content:""}
#scf_cardtest_tip dt {float:left;width:100px}
#scf_cardtest_tip dd {padding:0;overflow:hidden}
.scf_cardtest_tip {display:none}
.scf_cardtest_hide {display:none}
.scf_cardtest_tip_adm_hide {display:none}

.scf_img {display:none}

#scf_sms_pre h3 {padding:10px 0}
#scf_sms_pre dl {margin:0 0 10px;zoom:1}
#scf_sms_pre dl:after {display:block;visibility:hidden;clear:both;content:""}
#scf_sms_pre dt {clear:both;float:left;padding:5px 0;width:100px}
#scf_sms_pre dd {padding:5px 0;overflow:hidden}
#scf_sms {margin:0 20px 30px;padding:20px 0 0;zoom:1}
#scf_sms:after {display:block;visibility:hidden;clear:both;content:""}
.scf_sms_box {float:left;margin:0 8px 0 9px;width:163px;text-align:center}
.scf_sms_box h4 {margin:0 0 5px}
.scf_sms_img {margin:10px 0;width:163px;height:191px;background:url('../shop_admin/img/sms_back.gif') no-repeat 0 0;text-align:center}
.scf_sms_img textarea {margin:54px 0 0;width:115px;height:85px;border:0;background:transparent;font-size:1.1rem;overflow:hidden}
.scf_sms_img span {display:block}
.scf_sms_cnt {display:block}

ul.de_pg_tab{margin:0;padding:0;zoom:1}
ul.de_pg_tab:after{display:block;visibility:hidden;clear:both;content:"";}
ul.de_pg_tab li{position:relative;display:inline-block;float:left;text-align:center;margin:0;padding:0;width:120px}
ul.de_pg_tab li a{margin:0 2px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2.5;background-color:#f7f7f7;color:#74777b;font-weight:bold;font-size:1.4rem;text-decoration:none}
ul.de_pg_tab li a:hover{text-decoration:none}
ul.de_pg_tab li.tab-current a{background:#2CC185;color:#fff}

.pg_info_fld{position:relative}
.kcp_info_fld th{background-color:#F6FCFF}
.lg_info_fld th{background-color:#FFF4FA}
.inicis_info_fld th{background-color:#F6F1FF}
.kakao_info_fld th{background-color:#FFFCED}
.naver_info_fld th{background-color:#F3FFF3}

/* 주문내역 */
#sodr_list td {text-align:center}
#sodr_list .td_name {text-align:center !important}

#orderitemlist {position:relative}
#orderitemlist .itemlist {z-index:2;position:absolute;top:0;left:-41px;width:958px;padding:10px;border:1px solid #a2a5a9;background:#f2f5f9}
#orderitemlist .itemlist h2{margin:0 0 10px}
#orderitemlist td {background:#fff}
#orderitemlist #orderitemlist_close {text-align:right}

#sodr_list .list_escrow {display:block;color:#80bc0d;text-align:center}
#sodr_list .list_test {display:block;text-align:center;color:#ff3061}
#sodr_list .odrpay {max-width:50px}

.local_sch03.local_sch [data-tooltip-text]:hover {position:relative}
.local_sch03.local_sch [data-tooltip-text]:hover:after{line-height:20px;background-color:#000;background-color:rgba(0,0,0,0.8);box-shadow:0 0 3px 1px rgba(50,50,50,0.4);border-radius:5px;color:#FFF;font-size:1.1rem;content:attr(data-tooltip-text);white-space: pre;margin-bottom:10px;top:130%;left:0;padding:7px 12px;position:absolute;max-width:500px;word-wrap:break-word;z-index:9999}

/* 주문내역 수정 */
.sodr_nonpay {color:#ff6600}
strong.sodr_nonpay {display:block;padding:5px 0;text-align:right}
.sodr_sppay {color:#1f9bff}
#anc_sodr_memo textarea {width:100%}
#anc_sodr_memo .btn_confirm {margin:10px 0 0}
#anc_sodr_orderer #od_addr1, #anc_sodr_orderer #od_addr2, #anc_sodr_orderer #od_addr3 {margin:5px 0 0}
#anc_sodr_taker #od_b_addr1, #anc_sodr_taker #od_b_addr2, #anc_sodr_taker #od_b_addr3 {margin:5px 0 0}
#anc_sodr_orderer #od_addr_jibeon, #anc_sodr_taker #od_b_addr_jibeon {display:block;margin:5px 0 0}

#sodr_qty_log {padding:0 20px}
#sodr_qty_log h3 {margin:20px 0 10px}
#sodr_qty_log div {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;line-height:1.8em;overflow-y:scroll}

#sodr_request_frm h3 {margin:20px 0 0}
#sodr_request_item h3 {margin-bottom:10px}
#sodr_request_frm #forderrequest {border-top:1px solid #e9e9e9}
#sodr_request_log_wrap {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;overflow-y:scroll}
#sodr_request_log_wrap p {position:relative;padding:5px 0;border-bottom:1px solid #e9e9e9}
#sodr_request_log_wrap span {display:inline-block;margin:0 0 0 80px}
#sodr_request_log_wrap b {display:inline-block;margin:0 15px 0 0;font-weight:normal}
#sodr_request_log_wrap button {position:absolute;top:7px;left:0;margin:0;padding:0;border:0;background:transparent;font-weight:bold}
#sodr_request_handle h3 {margin-bottom:10px}

#anc_sodr_request h3 {margin:20px 0 10px}
#sodr_request_list {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;overflow-y:scroll}
#sodr_request_list p {position:relative;padding:5px 0;border-bottom:1px solid #e9e9e9}

#anc_sodr_chk .dvr_link {color:#ff3061;text-decoration:underline}
.od_test_caution{line-height: 1.7em;padding: 10px 15px;background: #f7ecea;border: 2px solid #ffb6c1;color: #ff0000;font-weight: bold;margin:10px 0 20px}

/* 주문통합내역 */
#sodr_sort {margin:0 20px 20px;padding:0;list-style:none;zoom:1}
#sodr_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sodr_sort li {float:left;margin:0 10px 0 0}
#sodr_sort a {font-size:1.1rem;text-decoration:underline;letter-spacing:-1px}
#sodr_sort a.sort_on {color:#ff3061}

#sodr_all {margin:0 20px}
#sodr_all h2 {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

#sodr_all .btn_list {margin:10px 0}

.sodr_all_list {clear:both;margin:0 0 50px;padding:0;list-style:none}

.sodr_all_list .sodr_basic {float:left;zoom:1}
.sodr_all_list .sodr_basic:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_all_list .sodr_basic dt {float:left;margin:0 10px 0 0}
.sodr_all_list .sodr_basic dd {float:left;margin:0 30px 0 0}
.sodr_all_list .sodr_basic strong a {color:#ff3061;text-decoration:underline}

.sodr_all_list .sodr_person {float:right;zoom:1}
.sodr_all_list .sodr_person:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_all_list .sodr_person dt {float:left;margin:0 0 0 30px}
.sodr_all_list .sodr_person dd {float:left;margin:0 0 0 10px}

.sodr_all_list .sodr_pay {clear:both;margin:0;border-top:1px solid #d1dee2;zoom:1}
.sodr_all_list .sodr_pay:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_all_list .sodr_pay dt {float:left;padding:8px 0;width:15%}
.sodr_all_list .sodr_pay dd {float:left;margin:0;padding:8px 0;width:35%}

#sodr_total table {text-align:center}
#sodr_total th {width:125px}

/* 분류관리 목록 */
#sct .sct_name {width:130px}
#sct th{padding:5px}

#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}
#sct .name_lbl {position:absolute;top:0;left:-20px;width:13px;height:13px;background:url('../shop_admin/img/icon_reply.gif') 0 0 no-repeat}
.sct_pcskin select,.sct_mskin select{width:37% !important}
.sct_pcskin .frm_input,.sct_mskin .frm_input{width:60% !important}

/* 분류 추가/수정 */
.frm_ca_id {display:inline-block;margin:0 10px 0 0;font-weight:bold}

/* 상품관리 */
.sit_odrby {text-align:center}
.sit_amt {text-align:right;background-color:#e8fbff !important}
.sit_amt2 {text-align:right;border-color:#c3e189 !important;background-color:#f6ffe6 !important}
.sit_amt3 {text-align:right;border-color:#f6c8c4 !important;background-color:#ffedeb !important}
.sit_camt, .sit_pt, .sit_qty {text-align:right}
.frm_sit_title {margin:5px 0 0}
#fitemlistupdate .td_sort select{width: 33%;float: left;margin-right: 0.3%;}

/* 상품입력/수정 */
#sit_compact {padding:15px 0;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}

.sit_w_opt {height:70px !important}
.sit_wimg {display:none}
.sit_relation_list {width:100%;background:#f6f6f6}
.sit_relation_selected {width:100%;background:#fcfff2}
#add_span img, #sel_span img {margin:5px 0}

.sit_option {margin:0 0 10px;padding:10px 10px 0;border:1px solid #e9e9e9;background:#f7f7f7}
.sit_option .frm_input {background:#fff !important;color:#000}
.sit_option_frm_wrapper {margin:0 0 10px;height:auto !important;height:500px;max-height:500px;border:1px solid #ccc;overflow-y:scroll}
.sit_option_frm_wrapper th {padding:5px 0 !important;text-align:center !important;width:auto !important}

#sit_option_frm .btn_list {margin:0 0 10px}
#sit_option_frm fieldset {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
#sit_option_frm fieldset .frm_input {margin:0 10px 0 5px;background:#fff !important;color:#000}

#sit_option_addfrm_btn {position:relative}
#sit_option_addfrm_btn button {position:absolute;top:-45px;right:0}

#sit_option_addfrm .btn_list {margin:0 0 10px}
#sit_option_addfrm fieldset {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
#sit_option_addfrm fieldset .frm_input {margin:0 10px 0 5px;background:#fff !important;color:#000}

/* 상품 복사 */
#sit_copy {margin:10px;padding:10px;background:#fff}
#sit_copy label {display:inline-block;margin:0 10px 0 0;font-weight:bold}

/* 상품 일괄 등록 */
#excelfile_upload {margin:10px ;padding:20px;border:1px solid #e9e9e9;background:#fff}
#excelfile_upload label {font-weight:bold}
#excelfile_input {margin:0 0 20px;text-align:center}
#excelfile_result {margin:0 20px 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#excelfile_result:after {display:block;visibility:hidden;clear:both;content:""}
#excelfile_result dt {clear:both;float:left;padding:10px 0;width:40%;font-weight:bold}
#excelfile_result dd {float:left;margin:0;padding:10px 0;width:60%}
#excelfile_result .result_done {color:#5d910b}
#excelfile_result .result_fail {color:#ff3061}

/* 상품옵션재고관리 */
.sit_stock_qty_alert {color:#ff1133;font-weight:bold}

/* 배송일괄처리 */
#sdeli_proc_fs {padding:20px 0;border-bottom:1px solid #f7f7f7;text-align:center}

/* 이벤트 입력/수정 */
.frm_ev_id {display:inline-block;margin:0 10px 0 0;font-weight:bold}

/* 관련 상품, 관련 이벤트 입력/수정 */
.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}

/* 쿠폰관리 */
.scp_new_win .empty_table {padding:30px 0}

#scp_list_find {margin:10px ;padding:20px;border:1px solid #e9e9e9;background:#fff}
#scp_list_find .btn_frmline {line-height:1.5em !important}
#scp_list_find label {font-weight:bold}

.scp_find_code {width:110px;text-align:center}

/* 매출현황 */
#ssale_stats {zoom:1}
#ssale_stats:after {display:block;clear:both;visibility:hidden;content:''}
#ssale_stats div {float:left;padding:2%;width:46%;border-bottom:1px solid #eee;text-align:center}
#ssale_stats h3 {margin:30px 0 0;font-size:1.5rem;text-align:center}
#ssale_stats form {margin:20px 0 10px;padding:10px 0}
#ssale_stats .frm_input {padding:0 10px !important;height:24px !important}

/* 주문내역출력 (새창) */
.new_win .sodr_print_pop_list table {width:100%}

#sodr_print_pop h2 {padding:15px 0;color:#ff3600;text-align:right}
#sodr_print_pop h3 {margin:0 0 10px}

.sodr_print_pop_list {margin:0 20px 10px;padding:0 0 10px;border-bottom:1px dotted #ddd}
.sodr_print_pop_list .sodr_print_pop_same {margin:0 0 10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
.sodr_print_pop_list dl {margin:0 0 15px;padding:0;zoom:1}
.sodr_print_pop_list dl:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_print_pop_list dt {float:left;padding:7px 0 6px;width:100px;border-bottom:1px solid #ddd}
.sodr_print_pop_list dd {padding:7px 0 6px;border-bottom:1px solid #ddd;overflow:hidden}

#sodr_print_pop_total {padding:20px 0;text-align:center}
#sodr_print_pop_total span {display:block;margin:0 0 10px;font-size:1.8rem}
#sodr_print_pop_total strong {color:#ff3600}

/* 배너관리 */
.sbn_img {text-align:center}
.sbn_image {display:none;margin:0 0 10px;text-align:left}

/* 가격비교사이트 */
#anc_pricecompare_info li {margin:5px 0 5px -1px}

.price_engine dt a {font-weight:bold}
.price_engine dd {margin:0 0 15px}
.price_engine ul{padding: 0 0 0 15px;}
.price_engine li {margin:5px 0 5px -1px;list-style:disc }

/* 새창 기본 스타일 */
.new_win {background: var(--wrapperBg);height: 100vh;}
.new_win h1 {font-size:1.4rem;padding:15px 20px;background:var(--mainBg);border-bottom:var(--themeBorder);color: var(--fontColor);}
.new_win h2 {margin:0 20px 10px}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #515151;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}
.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #595959;border-left:1px solid #595959;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}

.new_win_desc {margin:0 }
.new_win .anchor {margin:0 0 5px}

.new_win .win_btn {clear:both;padding:10px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

.new_win .local_sch, .new_win .local_cmd, .new_win .local_desc01, .new_win .local_desc02, .new_win .local_ov {margin:10px}

.new_win_con{margin: 10px; background:var(--mainBg);color: var(--fontColor);padding:20px}
.new_win_con .table_form table th{width:120px}

.new_win .btn_confirm {text-align:center;}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.5rem}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 관리자 비밀번호 확인 */
#admin_confirm {padding:0 0 10px;background:#222;text-align:center}
#admin_confirm p {margin:0 0 10px;color:#9ab9c5;background:#383a3f}
#admin_confirm label {color:#fff}
#admin_confirm .frm_input {border-color:#000}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:1.1rem;background:#333;
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pagination { display:flex; justify-content: center; align-items: center; gap:3px; }
.pagination .page { display:inline-block; padding:0 5px; min-width:30px; height:30px; line-height:28px; border-radius:3px; border:1px solid var(--pgBg); background:var(--pgBg); color:#959595; text-align:center; text-decoration:none }
.pagination .page:hover,
.pagination .page:focus { background-color:var(--pgHvBg); border:1px solid var(--pgBg) }
.pagination .current,
.pagination .current:hover,
.pagination .current:focus { background:var(--primaryColor1); border:1px solid var(--primaryColor1); color:#fff; font-weight:bold; }

.social_config_explain p{padding-bottom:10px}

/* social member_list.php member_form.php */
.sns-icon .ico {display:inline-block;background:url('/static/admin/img/social/sns_logo.png') no-repeat;vertical-align:top}
.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}

.sns-wrap-over .sns-icon {border-color:#dcdcdc}
.sns-wrap-over .sns-icon-not {border-color:#8b8b8b}
.sns-wrap-over .sns-naver{border-color:#18a400}
.sns-wrap-over .sns-naver .ico {background-position:-29px 0}
.sns-wrap-over .sns-google .ico {background-position:-58px 0}
.sns-wrap-over .sns-google {border-color:#ca2c19}
.sns-wrap-over .sns-facebook .ico {background-position:0 0 }
.sns-wrap-over .sns-facebook {border-color:#2e5393}
.sns-wrap-over .sns-kakao .ico {background-position:-87px 0}
.sns-wrap-over .sns-twitter {border-color:#488FC9}
.sns-wrap-over .sns-twitter .ico {background-position:-145px 0}
.sns-wrap-over .sns-payco {border-color:#C44646}
.sns-wrap-over .sns-payco .ico {background-position:-116px 0}
.sns-wrap-over .sns-kakao {border-color:#f2df00}

.sns-wrap-32 .sns-icon {display:inline-block;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}
.sns-wrap-32 .sns-icon .txt {margin:0 10px 0 0;font-size:1.1rem;letter-spacing:-1px}
.sns-wrap-32 .sns-icon .ico {width:24px;height:24px}

.social_link_box, .social_link_box li{margin:0;padding:0;list-style:none}
.social_link_box{width:300px}
.account_provider{position:relative;margin:10px 0 5px}
.account_provider .sns-wrap-32 .sns-icon{vertical-align:middle}
.account_provider .provider_name{display:inline-block;vertical-align:middle}
.account_provider .btn_info{position:absolute;top:-7px;right:0}
.account_provider .social_unlink{height:30px;line-height:30px;background:#a0a8b8;padding:0 10px;color:#fff;display:inline-block;vertical-align:middle}
.account_provider .social_unlink:hover{text-decoration:none}

/*부가서비스*/
.lnb_svc{color:#ff3061;font-weight:bold}
.service_wrap{width: 100%;margin:0 0 10px;overflow:hidden;background: var(--mainBg);padding: 20px;border-radius: 4px;}
.sevice_1{border:1px solid #ebe8e8;width:310px;float:left;border-radius:5px;text-align:center;margin-right:6px;}
.sevice_1 .svc_img{padding:30px 0 0;}
.sevice_1 h3{font-size:1.6rem;margin:190px 0 10px;min-height:45px;color:#525252;}
.sevice_1 p{padding:20px;background:#f8f8f8;font-size:1.2rem;text-align:left;color:#898989;line-height:18px}
.sevice_1 ul {width:100%;padding:0; margin:0;border-top:1px solid #ebe8e8;}
.sevice_1 ul li{list-style:none;float:left;border-right:1px solid #ebe8e8;}
.sevice_1 ul li a{display:inline-block;height:75px;width:100%}
.sevice_1 ul li img{padding:8px 0 0;}
.sevice_1 ul li.last{border:0}
.sevice_1 h4{width:100%;padding:0; margin:0;border-top:1px solid #ebe8e8;}
.sevice_1 h4 a{display:inline-block;height:75px;padding:10px 0 0;width:100%}

.svc_card{background:url('../img/service_img1.jpg') #fff no-repeat top center;margin-right:13px;}
.svc_card ul li{width:33%;}
.svc_phone {background:url('../img/service_img2.jpg') #fff no-repeat top center;margin-right:13px;}
.svc_phone ul li{width:50%;}
.svc_ipin {background:url('../img/service_img3.jpg') #fff no-repeat top center;}

.service_2{padding-top:15px;clear:both}
.service_2 h3{font-size:1.4rem;letter-spacing:-1px;color:#525252;margin:0 0 4px}

.service_2 .svc_a p{color:#898989;line-height:16px;letter-spacing:-1px;}

.svc_keyword{clear:both ;}
.svc_keyword .svc_a{float:left;width:230px;padding:46px 0 0 15px ;height:120px; }

.service_2 .svc_ri .svc_a{padding:25px 0 0 22px;max-width: calc(100% - 220px);width: 100%;}

.service_2 .svc_btn{float:right;}
.service_2 .svc_btn a{display:inline-block;width:126px; height:37px;background:#ff3061;color:#fff;line-height:37px;text-align:center;margin:22px 13px 0;}
.service_2 .svc_btn a:hover,.service_2 .svc_btn a:focus,.service_2 .svc_btn a:active{text-decoration:none}
.svc_keyword{background:#e6f2f4}
.svc_keyword .svc_btn{margin:40px 0 0 ;}
.svc_keyword .svc_btn a{width:160px;}

.svc_sms{border:1px solid #ebe8e8;position:relative;height:93px;background: #fff;}
.svc_sms:after{display:block;visibility:hidden;clear:both;content:""}
.svc_sms .svc_btn2{position:absolute;top:0;right:0}
.svc_sms .svc_btn2 a{display:inline-block; width:220px; height:91px; background:#fbfbfb; text-align:center; padding:20px 0 0;}

/* 캡챠 */
#captcha {display:inline-block;position:relative}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('..//static/admin/img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('..//static/admin/img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.6rem;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:1.1rem;letter-spacing:-1px}

/*테마*/
.theme_p{margin:0 0 10px }
#theme_list{margin:0;list-style:none;width: 100%;position:relative;border-radius: 4px;}
#theme_list:after{display:block;visibility:hidden;clear:both;content:""}
#theme_list li{margin:0px 20px 20px 0;float:left}

#theme_list li:after{display:block;visibility:hidden;clear:both;content:""}
#theme_list li .tmli_if{border: var(--themeBorder);width:302px;}
#theme_list li .tmli_if>img{width:300px;height:225px;}
#theme_list li .tmli_if:hover>img{filter: alpha(opacity=50);opacity: 0.5;}
#theme_list li .tmli_tit{position:relative; border-top: var(--themeBorder); background: var(--themeBg);color: var(--fontColor);}
#theme_list li .tmli_tit p{height:40px;line-height:40px;padding:0 10px 0;font-weight:bold;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#theme_list li .tmli_tit button.tmli_dt{position:absolute;top:8px;right:10px;padding:5px;background:#111;color:#fff;display:none;border:none}
#theme_list li .tmli_if:hover button.tmli_dt{display:block}
#theme_list li .theme_sl{float:left;border:none;margin-top:5px;padding:0 5px;height:26px;background:#999;color:#fff;margin-right:4px}
#theme_list li .theme_sl:hover{background:#ff3061}
#theme_list li .theme_sl_use{background:#ff3061;line-height:26px}
#theme_list li .theme_pr{float:right;margin-top:5px;padding:0 5px;height:26px;line-height:24px; border: 1px solid #ccc; background: #fafafa; }
#theme_list li .theme_preview{ float: right; margin-top: 5px; padding:0 5px;height:26px; border: 1px solid #ccc; background: #fafafa; margin-right:3px}
#theme_list li .theme_detail{ float: right; margin-top: 5px; padding:0 5px;height:26px; border: var(--tblBodyBorder); background: var(--mainBg);color: var(--fontColor);margin-right:3px}

#theme_detail{position:fixed;top:50%;height:540px;max-width:900px;width: 100%;margin-top:-271px;background:var(--wrapperBg);
box-shadow: 1px 2px 5px rgba(150,150,150,0.5);z-index:1000}
#theme_detail:after{display:block;visibility:hidden;clear:both;content:""}
#theme_detail h2{font-size:1.5rem;background:var(--mainBg);padding:0 15px;line-height:40px;border-bottom:var(--themeBorder);margin:0}
.theme_dt_img{float:left;padding:20px}
.theme_dt_img img{border:var(--containerBorder);max-width:600px;max-height:460px}
.theme_dt_if{float:left;width:235px;padding:20px 0}
.theme_dt_if table{width:100%;border-collapse:collapse;margin:15px 0 0 ;font-size:1.1rem}
.theme_dt_if table th{padding:5px;background:var(--mainBg);border-bottom:var(--themeTableBorder);vertical-align:top;color:#3f51b5}
.theme_dt_if table td{padding:5px;background:var(--mainBg);border-bottom:var(--themeTableBorder);line-height:1.56em;color: var(--fontColor);}
.theme_dt_if table td a{text-decoration:underline}
.theme_dt_if p{line-height:1.5em;color: var(--fontColor);}
.if_p_bg{display:inline-block;width:20px;height:1px ;background:#000;margin:30px 0 10px}
#theme_detail .theme_dt_btn{position:absolute;top:0px;right:0px;background:var(--mainBg);}
#theme_detail .theme_dt_btn .close_btn{display: flex;justify-content: center;align-items: center;border:0;width:40px;background-color:var(--mainBg);height:40px;}
#theme_detail .theme_dt_btn .close_btn::before {content: '\f00d';font-family: 'Font Awesome 6 Free';font-weight: 900;color: var(--fontColor);font-size: 1.6rem;}

#theme_detail .theme_dt_btn .close_btn:hover{background-color:var(--mainBg)}
#theme_detail .theme_dt_btn .btn_03{line-height:28px;display:inline-block;vertical-align:top;margin-top:6px;padding:0 6px;border-radius:5px}

/*플러그인*/
.plugin_p{margin:0 0 10px }
#plugin_list{padding:0;margin:0;list-style:none; width: 100%;position:relative}
#plugin_list:after{display:block;visibility:hidden;clear:both;content:""}
#plugin_list li{margin:10px 10px 10px 0;float:left}

#plugin_list li:after{display:block;visibility:hidden;clear:both;content:""}
#plugin_list li .tmli_if{border: var(--themeBorder);width:302px;}
#plugin_list li .tmli_if>img{width:300px;height:225px;}
#plugin_list li .tmli_if:hover>img{filter: alpha(opacity=50);opacity: 0.5;}
#plugin_list li .tmli_tit{position:relative; border-top: var(--themeBorder); background: var(--themeBg);color: var(--fontColor);}
#plugin_list li .tmli_tit p{height:40px;line-height:40px;padding:0 10px 0;font-weight:bold;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#plugin_list li .tmli_tit button.tmli_dt{position:absolute;top:8px;right:10px;padding:5px;background:#111;color:#fff;display:none;border:none}
#plugin_list li .tmli_if:hover button.tmli_dt{display:block}
#plugin_list li .plugin_sl{float:left;border:none;margin-top:5px;padding:0 5px;height:26px;background:#999;color:#fff;margin-right:4px}
#plugin_list li .plugin_sl:hover{background:#ff3061}
#plugin_list li .plugin_sl_use{background:#ff3061;line-height:26px}
#plugin_list li .plugin_pr{float:right;margin-top:5px;padding:0 5px;height:26px;line-height:24px; border: 1px solid #ccc; background: #fafafa; }
#plugin_list li .plugin_detail{ float: right; margin-top: 5px; padding:0 5px;height:26px; border: var(--tblBodyBorder);background: var(--mainBg);color: var(--fontColor);margin-right:3px}

#plugin_detail{position:fixed;top:50%;height:540px;width:900px;margin-top:-271px;background:var(--wrapperBg);
box-shadow: 1px 2px 5px rgba(150,150,150,0.5);z-index:1000}
#plugin_detail:after{display:block;visibility:hidden;clear:both;content:""}
#plugin_detail h2{font-size:1.5rem;background:var(--mainBg);padding:0 15px;line-height:40px;border-bottom:var(--themeBorder);margin:0}
.plugin_dt_img{float:left;padding:20px}
.plugin_dt_img img{border:var(--containerBorder);max-width:600px;max-height:460px}
.plugin_dt_if{float:left;width:235px;padding:20px 0}
.plugin_dt_if table{width:100%;border-collapse:collapse;margin:15px 0 0 ;font-size:1.1rem}
.plugin_dt_if table th{padding:5px;background:var(--mainBg);border-bottom:var(--themeTableBorder);vertical-align:top;color:#3f51b5}
.plugin_dt_if table td{padding:5px;background:var(--mainBg);border-bottom:var(--themeTableBorder);line-height:1.56em}
.plugin_dt_if table td a{text-decoration:underline}
.plugin_dt_if p{line-height:1.5em}
.if_p_bg{display:inline-block;width:20px;height:1px ;background:#000;margin:30px 0 10px}
#plugin_detail .plugin_dt_btn{position:absolute;top:0px;right:0px;background:var(--mainBg);}
#plugin_detail .plugin_dt_btn .close_btn{display: flex;justify-content: center;align-items: center;border:0;width:40px;background-color:var(--mainBg);height:40px;}
#plugin_detail .plugin_dt_btn .close_btn::before {content: '\f00d';font-family: 'Font Awesome 6 Free';font-weight: 900;color: var(--fontColor);font-size: 1.6rem;}

#plugin_detail .plugin_dt_btn .close_btn:hover{background-color:var(--mainBg)}
#plugin_detail .plugin_dt_btn .btn_03{line-height:28px;display:inline-block;vertical-align:top;margin-top:6px;padding:0 6px;border-radius:5px}

/*글,댓글현황*/
#wr_cont{position:relative;margin:10px 0}
#wr_cont input[type="submit"]{background:#ff3061;border:none;color:#fff;padding: 0 5px;height: 24px;}
#wr_cont select{height: 24px;}
#grp_color{border:2px solid #ddd;position:absolute;top:0;right:0;list-style:none;padding: 5px 5px; margin:0;}
#grp_color li{padding:5px 10px;}
#grp_color li span{width:10px;height:10px; display:inline-block;background:rgb(75, 178, 197);margin-right:5px;}
#grp_color li.color2 span{background:rgb(234, 162, 40);}
#chart_wr h5{text-align:center;border:1px solid #eee;padding:30px 0}
#chart_wr{margin:20px 0}

/*전송실패 문자 재전송 내역*/
.sms_table{padding:0 0 20px;}
.sms_table table th{border:1px solid #ddd;padding:9px 0}
.sms_table table td{border:1px solid #ddd;text-align:center;width:16%;padding:9px 0}

/* Browscap */
.update_processing{width:300px;height:300px;margin:0 auto;background:url(../img/ajax_loader.gif) no-repeat 0 0}
#processing{margin: 0 auto;padding: 70px 0;border: var(--anchorBorder);background: var(--processBg);color: var(--fontColor);text-align:center;}
#processing p{font-size:1.4rem}
.check_processing {width:300px;height:300px;margin:0 auto;background:url(../img/check.png) no-repeat 50% 50% }

#processing button{background:#ff3061;border:none;color:#fff;padding: 15px;width:200px;margin-top:15px;border-radius:5px;font-weight:bold;font-size:1.4rem}

/*미완료 주문*/
#inorderlist .td_name{text-align:center !important}
#anc_sodr_pay .btn_confirm{margin-top:30px}
#anc_sodr_pay .btn_confirm .btn_submit{width:300px;height:40px;font-size:1.4rem;}

/*상품문의 */
#itemqalist .qa_href .tit_op{background:url(.//static/admin/img/op_btn1.gif) no-repeat 50% 50%;display:inline-block;text-indent:-999px;overflow:hidden;width:7px;height:4px;margin-left:5px}
#itemqalist .qa_div{background:#d8dfe9;padding:10px;margin:5px 0 0;display:none;}
#itemqalist .qa_div strong{color:#415f9d;font-size:1.1rem;display:block}
#itemqalist .qa_div .qa_q{padding-bottom:10px;margin-bottom:5px;border-bottom:1px dashed #fff;}
#itemqalist .qa_href{font-weight:bold;text-decoration:none;display:block;}
#itemqalist .td_status{color:#888}
#itemqalist .td_status strong{color:#ff4588}

/*상품후기 */
#itemuselist .use_href{font-weight:bold;text-decoration:none;display:block;}
#itemuselist .use_href .tit_op{background:url(.//static/admin/img/op_btn1.gif) no-repeat 50% 50%;display:inline-block;text-indent:-999px;overflow:hidden;width:7px;height:4px;margin-left:5px}
#itemuselist .use_div{background:#d8dfe9;padding:10px;margin:5px 0 0;display:none;}
#itemuselist .td_select{width:100px}


@media only screen and (max-device-width : 768px) and (orientation : landscape){
/* Styles */
input[type="text"]{max-width:200px}
}

@media only screen and (max-device-width : 480px) and (orientation : portrait){
/* Styles */
input[type="text"]{max-width:200px}
}

/* .dark-mode  {border-right: #545454;}
.dark-mode #gnb .gnb_oparea h3 {color: #eeeeee;} */

/* .dark-mode .sevice_1 {background: url('/static/admin/img/service_img2.jpg') no-repeat top center, #ffffff;}
.dark-mode .svc_sms {background: #ffffff;}
.dark-mode .session_del {color: #ffffff;} */


/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {color:#9f9f9f;display:inline-block;float:left;padding: 0 13px;line-height:30px;text-decoration: none;border: 1px solid #ddd;margin-left:-1px}
.pg a:focus, .pg a:hover {background-color:#f3f3f3}
.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pg_page {background:#fff;text-decoration:none}
.pg_start {background:url(../img/page_1.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/page_2.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/page_3.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/page_4.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#3f51b5;color:#fff;font-weight:normal}

/* 모바일 메뉴 스타일 */
@media (max-width: 991.98px) {
  #kt_aside {
    position: fixed;
    top: 0;
    left: 0; /* 항상 보이도록 0으로 설정 */
    width: 250px;
    height: 100%;
    z-index: 105;
    transition: all 0.3s ease;
    overflow-y: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff; /* 배경색 추가 */
  }
  
  /* show 클래스 제거 - 항상 보이도록 설정 */
  
  body.aside-enabled {
    overflow: hidden;
  }
  
  body.aside-enabled::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 104;
  }
  
  #kt_aside_toggle {
    display: block !important;
  }
}