@charset "utf-8";

/* global default */
section, article, aside, footer, header, nav, hgroup { display:block; }

/* essential reset */
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom:0; }

h1 { margin-bottom:40px; }
h2 { margin-bottom:30px; }
h3 { margin-bottom:25px; }
h4 { margin-bottom:10px; }
h5 { margin-bottom:3px; font-weight:500; }

a, a:link, a:visited, a:hover, a:active ,a:focus { text-decoration:none; color:#333; }

/* LAYOUT */
html { height:100%; }
body { font-family: 'Open Sans', 'Noto Sans KR', sans-serif; letter-spacing:-0.05em; background:#ebebf2; }
/* body 속성에 position:relative 를 해야만 footer 를 bottom 으로 고정이 가능하다. padding-bottom 을 footer 의 height 만큼 잡아준다. */
body { height:100%; }
header { color:#fff; height:50px; padding:0 20px; background:#1e1e2d; border-bottom:3px solid #bb845b; box-shadow: 0 2px 3px #a4a4a4; }
header .log-id { font-size: 12px; background: #524343; padding: 2px 5px; line-height: 18px; display: block; border-bottom: 1px solid #aaa; margin-right: 20px; }
div.body { max-width:1920px; margin:0 auto; min-height:calc(100% - 78px); font-size:12px; padding:20px; }
@media (max-width: 600px){
  header { padding: 0 10px; }
  div.body { padding: 5px; }
  div.body>div.container { min-width: 1450px; }
  div.body>div.container .navimap { padding: 5px 0 0 10px; }
  div.body>div.container .contents>div.ibox { padding:10px 6px; }
}
footer { font-size:11px; color:#fff; height:28px; background:#1e1e2d; }
footer p.copyright { padding:5px; font-size:11px; }

.wrapper { width:100%; min-width:360px; margin:auto; }
.container { width:100%; min-width:320px; max-width:100%; padding:0; margin:0 auto; }
.ibox { padding:20px; box-shadow: 0 0 13px 0 rgba(82,63,105,.05); background-color: #fff; border-radius:3px; }
.progress { position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; z-index:9999; width: 200px; height: 120px; background: #fff; border: 2px solid #4687ff; -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px 2px rgba(0,0,0,0.4); box-shadow: 0 0 10px 2px rgba(0,0,0,0.4); }
.progress > .loader-msg { position:absolute; width:100%; bottom:10px; text-align:center; color:#003eb0; font-size:13px }
.loader { position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; z-index:1000; width: 200px; height: 120px; background: #fff; border: 2px solid #4687ff; -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px 2px rgba(0,0,0,0.4); box-shadow: 0 0 10px 2px rgba(0,0,0,0.4); }
.loader > .loader-msg { position:absolute; width:100%; bottom:10px; text-align:center; color:#003eb0; font-size:13px }

header div.user-info { padding:10px; }
header div.user-info .nav > li > a { color:#fff; background:#336633; font-size:12px; padding: 5px 10px; }
header div.user-info .nav > li > a:hover { background:#234723; }
header div.user-info .dropdown-menu > li > a { padding: 3px 20px; font-size: 12px; }
header div.text-logo { font-size: 25px; padding: 4px 0; }
header div.login-top ul { margin-top:8px; }

div.search { margin-bottom:10px; }
div.search ul.ul-table li { vertical-align: middle; padding-right:2px; }
div.search ul.ul-table li:last-child { padding-right:0; }

/* etc */
.sheets { border:2px solid #333; }
.options { border:1px dotted #555; color:#763b3b; background: #eee; }
.summernote-update-info { display:none; }
.inline-block { display: inline-block !important; }
.vtc-top { vertical-align: top !important; }
.vtc-mid { vertical-align: middle !important; }
.vtc-btm { vertical-align: bottom !important; }

div.title { font-weight:500; font-size:13px; margin-bottom:5px; }
div.manual { margin:0 0 10px 0; padding:10px; border:2px solid #ccc; }
div.manual > p.title { margin-bottom:10px; padding:5px; background:#f7f7f7; border:1px solid #ccc; }
div.manual > ul { list-style: decimal; padding:0 0 0 15px; }
div.manual > ul > li { margin-bottom:5px; }
div.manual > ul > li:last-child { margin-bottom:0; }

span.glue { display:inline-block; padding:1px; background:#ccc; }
span.glue > span.title { display:inline-block; padding:4px 10px; background:#f2f2f2; }
span.glue > span.value { display:inline-block; padding:4px 10px; background:#ffffff; }

span.glue.red { background:#f00; }
span.glue.red > span.title { background:#ce674d; color:#fff; }
span.glue.red > span.value { background:#dd7f68; color:#fff; }

p.text { padding:5px; min-height:27px; }
span.price:after { content:" 원"; font-size:11px; color:#999; }
span.percent:after { content:" %"; font-size:11px; color:#999; }

/* multi search box */
div.m-box {	width: 150px; 	height: 18px; }
div.m-box > textarea { position: absolute; z-index: 999; width: 150px; padding: 5px 10px; resize: none; font-size:11px; }
div.m-box > textarea:focus { height: 150px; border:2px solid #888; }
div.m-box > textarea + div.help{ display:none; }
div.m-box > textarea:focus + div.help{ padding:4px; display : inherit; position: relative; top: 150px; z-index: 999; }

/* paginate */
.guide { background:#e7e7e7; border:1px solid #dddddd; padding:5px 10px; }

/* dropdown nav menu */
nav.dark > ul.nav > li > div.logo { width:100px; padding:3px 5px; }
nav.dark > ul.nav > li > a { padding:14px 10px; font-size:14px; color:#fff; display: block;  border-radius: 0; }
nav.dark > ul.nav > li:hover > a,
nav.dark > ul.nav > li:focus > a { color:#fff; background-color:rgba(0,0,0,0.03); }
nav.dark > ul.nav > li.active > a { color:#888; background-color:#fff; }
nav.dark > ul.nav > li.active:hover > a { color:#fff; background-color:rgba(0,0,0,0.03); }
nav.dark > ul.nav > li > a.single:after{ content: ""; }
nav.dark > ul.nav > li > a.box-home { padding:5px 10px; margin:8px 10px 10px 0; background:#292929; border-radius:3px; }
nav.dark > ul.nav > li > a.box-home:after { display:none; }

/* all drop down menu hover show */
nav.dark li:hover > ul.dropdown-menu { display:block; }
nav.dark .dropdown-submenu { position: relative; min-width: 150px; }
nav.dark .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -2px;	margin-left: -1px; }
nav.dark .dropdown-submenu>a::after { display: none; }
nav.dark .dropdown-submenu:hover > .dropdown-menu { display: block; }
nav.dark .dropdown-submenu.pull-left { float: none; }
nav.dark .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; }
nav.dark ul.dropdown-menu { padding: 0; border:0;	border-top:2px solid #bb845b;min-width: 150px;	background: #333; box-shadow: rgba(0,0,0,0.2) 0 6px 12px;
	-webkit-transition: top .4s ease;	-o-transition: top .4s ease; transition: top .4s ease; -webkit-border-radius: 0; -moz-border-radius: 0;	border-radius: 0; }
nav.dark a.dropdown-toggle::after { color:rgb(255 255 255 / 35%); }
nav.dark ul.dropdown-menu li > a { color:#ccc; font-size:13px; padding:10px 15px; letter-spacing:-0.08em; display: block; }
nav.dark ul.dropdown-menu li > a:hover { color:#fff; background-color: rgba(0,0,0,0.15); }
nav.dark ul.dropdown-menu li > a.dropdown-toggle { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAABlBMVEX///+ZmZmOUEqyAAAAAXRSTlMAQObYZgAAAB1JREFUeNrtyLERAAAAATH2X9oQf1RSRkd4tPyuKhKVAAqFOyFzAAAAAElFTkSuQmCC') no-repeat right; }
nav.dark ul.dropdown-menu li > a.dropdown-toggle:hover { color:#fff; background-color: rgba(0,0,0,0.15); }
nav.dark ul.dropdown-menu li.divider { margin:0; overflow: hidden; background-color: rgba(255,255,255,0.1); }
nav.dark ul.dropdown-menu li > a > i { margin-right:10px; }

/* profiler */
.profiler { margin:20px auto; padding:15px; word-break:break-all; word-wrap: break-word; }
.profiler > .ibox { background:#fff; padding:10px; border-radius: 3px; }
.profiler table { border:2px solid #444; width:100%; margin-bottom:20px; }
.profiler table > thead > tr > th { padding:3px; color:#fff; text-align:center; background:#444; }
.profiler table > tbody > tr { border-bottom:1px solid #e4e4e4; }
.profiler table > tbody > tr > th { padding:3px; }
.profiler table > tbody > tr > td { padding:3px; font-size:12px; }
.profiler table > tbody > tr:nth-child(odd) { background:#fff; }
.profiler table > tbody > tr:nth-child(even) { background:#f9f9f9; }
.profiler .in-second-table { margin-bottom:0; }
.profiler .in-second-table th { padding:3px; color:#fff; text-align:center; background:#888; }
.profiler .in-third-table { margin-bottom:0; }
.profiler .in-third-table { border:0; }
.profiler h4 { margin-bottom:0; }

/* hidden frame */
.fs-frame { display:none; }
.fs-frame #execute_frame { width:0; height:0; }

/* handsontable */
.handsontableInput { color:#fff; background-color: #339363 !important; text-align: inherit; }
.handsontable .htAutocompleteArrow { color: #c4c4c4; cursor: pointer; }
.handsontable img.product-image { width:20px; height:20px; }
.handsontable .item_code { color:#0066ff !important; cursor:pointer;  }
.handsontable .view { line-height:18px; }
.input-group { top: 1px; }
.handsontable .htDimmed { color: #000; }
.wordWrapClass{ text-overflow: ellipsis; white-space: nowrap !important; }
#sheet { border:2px solid #666; }

/* st.table layout */
ul.tb-layout>li { position: relative; padding-left: 110px; margin-bottom: 3px; }
ul.tb-layout>li:last-child { margin-bottom: 0; }
ul.tb-layout>li>span.tit { position: absolute; top:0; left:0; width: 110px; letter-spacing: -0.5px; }
/* ul.tb-layout>li>span.tit+input { height: 28px; } */


/* modal */
.modal-content .modal-header { padding:10px; }
.modal-content .modal-header .modal-title { font-size:16px; }
.modal-content .modal-body { font-size:12px; padding:10px; min-height:200px; }
.modal-content .modal-footer { padding:10px; }
.modal-content .modal-close { color:#000; }
#fs-popup-items .modal-lg { width:100%; max-width:1600px; }
#fs-popup-lg > .modal-lg { max-width:1100px; width:100%; border-radius: 0; }
#fs-popup-sm > .modal-sm { max-width:600px; width:100%; border-radius: 0; }
#fs-popup-lg .modal-content { border-radius: 5px; border: 3px solid #e3cd99; }
#fs-popup-sm .modal-content { border-radius: 5px; border: 3px solid #e3cd99; }
#fs-popup-full .modal-dialog { width:100%; margin: 0; }
#fs-popup-full .modal-content { background-color: #fff; border: 1px solid #ccc; border-radius: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
#fs-popup-full .modal-body { padding:5px 0; }
.modal-header { padding: 15px; border-bottom: 3px solid #e5e5e5; }

/* sweetalert */
body.swal2-height-auto { height: 100% !important; }
.switch { top: 3px; cursor: pointer; position: relative; padding-right: 0; display: inline-block; margin-bottom: 0; height: 26px; }
.x1800 { max-width:1760px; }
.x1920 { max-width:1880px; }

/* toast popup */
.jq-toast-single { border-radius: 0; font-family: inherit; background-color: #dd4646; color: #fff; }
.jq-toast-loader { height: 3px; border-radius: 0; background-color: #cc9900; }
.jq-toast-single h2 { font-family: inherit; font-size: 12px; margin: -9px -10px 7px; background: #a41616; padding: 5px 9px; color: #ffbf87; font-weight:500; }
.jq-toast-wrap { width:inherit; min-width: 250px; max-width: 400px; }
.jq-toast-wrap.bottom-right { bottom: 40px; right: 25px; }
.jq-toast-wrap.bottom-right .jq-toast-single { border-radius: 3px; padding: 9px 10px 10px 10px; background-color: #fff; color: #333; border: 1px solid #557fc1; }
.jq-toast-wrap.bottom-right h2 { background: #557fc1; color: #fff; }
.jq-toast-wrap.bottom-right .close-jq-toast-single { color:#fff; }

/* bs5 custom */
.form-control { display: inline-block; }

/* paginate */
.pagi-wrap { margin: 10px 0 5px; text-align:center; }
ul.paginate { width:auto; display:inline-block; margin:0 auto; padding:0; border:1px solid #e6e6e6; text-align: center; }
ul.paginate li { margin:0; padding:0; float:left; border-right:1px solid #e6e6e6; background-color:#fff; }
ul.paginate li.prev a,
ul.paginate li.next a { padding:4px 4px; }
ul.paginate li.prev a:before { content:'\00ab  '; }
ul.paginate li.next a:after { content:' \00bb'; }
ul.paginate li a.a-disable { pointer-events:none; color:rgba(46,64,87,.4); }
ul.paginate li:last-child { border-right:none; }
ul.paginate li a { float:left; margin:0; padding:4px 9px; border:none; font-size:12px; color:#5A5A5A; }
ul.paginate li a.current { background-color:#818af3; color:#fff; font-weight:600; text-shadow: 1px 1px 1px #aaa; }
ul.paginate li a:not(.current):hover { background-color:#f0f0f0; }
ul.paginate li > span { padding: 3px 5px 2px; display: inline-block; }

/* breadcrumb */
.breadcrumb { margin-bottom: 5px; }
.breadcrumb > li + li::before { padding: 0 5px;	color: #ccc;	content: "\003E"; }

/* ???? */
.admin_menu_tree_box { border:2px solid #ccc; height:420px; overflow-y: auto; padding:1px; }
.admin_user_list { border:2px solid #ccc; height:420px; overflow-y: auto; padding:5px; }
.group-clicked:after { content:"GROUP"; margin-left:5px; color:#fff; background:#d5aa51; font-size:10px; font-family:tahoma; padding:0 3px; }

/* input form */
/* input.form-control { border-radius: 3px; border-color: #e5e7e9; } */
label>input.currency { padding: 6px 15px 6px 6px; text-align: right; }
label>input.currency+span.won { position: absolute; top: 0; bottom: 0; right: 5px; margin: auto; display: inline-table; }

/* input-daterange */
.input-daterange.bs-renew { width: initial; }
.input-daterange.bs-renew>input { float: left; margin:0; }
.input-daterange.bs-renew.single>input { border-radius: 3px; }
.input-daterange.bs-renew>span.ranger {
  display: block;
  background: #d8c8db;
  float: left;
  line-height: 32px;
  padding: 0px 3px;
  color: #7b5980;
  /* height: 32px;
  border-top: 1px solid #ddcae1;
  border-bottom: 1px solid #ddcae1; */
}
div.search .input-daterange.bs-renew>input { border-color: #c4b3c7; }

/* keyword-search */
/* .keyword-search { padding: 0 10px !important; } */
div.search .keyword-search button.dropdown-toggle { 
  border-top-right-radius: 0; 
  border-bottom-right-radius: 0; 
  border-color: #c4b3c7;
  border-right: 1px dashed #d2dce5;
}
div.search .keyword-search>input { 
  vertical-align: top;
  float: right;
  border-color: #c4b3c7;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
div.search ul>li.search-head, div.search ul>li.filter-head { position: relative; }
div.search ul>li.search-head::before, div.search ul>li.filter-head::before {
  position: absolute;
  left: -35px;
  top: 0;
  width: 32px;
  height: 32px;
  line-height: 14px;
  background: #eee;
  padding: 2px 0px;
  border-radius: 2px;
  border: 1px solid #e3e3e3;
  font-size: 12px;
  color: #7b5980;
  text-align: center;
}
div.search ul>li.search-head::before { content: '검색조건';}
div.search ul>li.filter-head::before { content: '필터선택'; }
div.search ul>li.list-divider { position: relative; padding-right: 55px; }
div.search ul>li.list-divider::after {
  content:'';
  width: 1px;
  height: 90%;
  display: block;
  position: absolute;
  right: 45px;
  top: 0;
  border-right: 1px dashed #d5d5d5;
  bottom: 0;
  margin: auto;
}


/* item view */
/* 탭메뉴 - 기본 디자인 (hover : 보라줄) */
.more-tabs > .tab-btns {
  border-bottom: 1px solid #cfd8dc;
}
.more-tabs > .tab-btns > ul li {
  float:left;
  margin-bottom: -1px;
  text-align: center;
	width: 12.5%;
}
.more-tabs > .tab-btns > ul li a {
  position:relative;
  display:block;
  border-top:1px solid #cfd8dc;
  border-right:none;
  border-bottom:1px solid #cfd8dc;
  border-left:1px solid #cfd8dc;
  border-radius:0 !important;
  background-color:#F1F3F5;
  /* color:#263238; */
  color:#4b90b3;
  padding:9px 18px;
  box-sizing:border-box;
  margin:0;
  font-size:12px;
  font-weight:500;
}
.more-tabs > .tab-btns > ul li:last-child a {
  border-right:1px solid #cfd8dc;
}
.more-tabs > .tab-btns > ul li a:after {
  content:'';
  height:0;
  display:block;
  position:absolute;
  top:-1px;
  left:-1px;
  right:-1px;
  background-color:transparent;
  z-index:1;
  transition:all ease 0.30s;
  -webkit-transition:all ease 0.30s;
  -moz-transition:all ease 0.30s;
  -ms-transition:all ease 0.30s;
  -o-transition:all ease 0.30s;
}
.more-tabs > .tab-btns > ul li.active a {
  background-color:#fff;
  border-bottom:1px solid #fff;
  margin-bottom:-1px;
  color:#263238;
}
.more-tabs > .tab-btns > ul li:hover a:after,
.more-tabs > .tab-btns > ul li.active a:after { background-color:#9F4BC1; height:3px; }
.more-tabs .tab-pane { min-height:200px; }
a.item-view { color:#0000cc }

/* ashobiz */
.gauge { padding:5px 0; max-width:500px; }
.gauge-bg { height: 9px; background: #fafafa; border-radius: 4px; box-shadow: inset 0 0 1px rgba(0,0,0,.1); position: relative; }
.gauge-bar { position: absolute; top: 0; left: 0; border-radius: 4px; height: 100%; text-align: right; }

.page-status { margin: 0; color: #fff; font-size: 12px; line-height: 12px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); display: inline-block; }
.page-status:before, .page-status:after { content: " "; display: table; }
.page-status:after { clear: both; }
.page-status:hover, .page-status:focus { color: #fff; text-decoration: none; }
.page-status span { float: left; color:#fff; padding: 7px 12px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }
.page-status span:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.page-status span:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* board */
div.board.view .title { padding:5px 0; font-size:14px; border-bottom:2px solid #666;  }
div.board.view .info { padding:5px 0; margin-bottom:10px; }
div.board.view .contents { padding:10px; border:1px dashed #ccc; min-height:400px; }
div.board.view .contents img { max-width:100%; }
div.comments .comment-row { margin-bottom:20px; border-bottom:1px solid #ccc; }
div.comments .comment-body { padding:5px; background:#f7f7f7; margin-bottom:10px; }
div.board.view .contents table > thead > tr > th { border: 1px solid #ccc; background:#e4e4e4; padding:3px; }
div.board.view .contents table > thead > tr > td { border: 1px solid #ccc; }
div.board.view .contents table > tbody > tr > th { border: 1px solid #ccc; background:#f5f5f5; padding:3px; }
div.board.view .contents table > tbody > tr > td { border: 1px solid #ccc; padding:3px; }
.note-editable table > thead > tr > th { border: 1px solid #ccc; background:#e4e4e4; padding:3px; }
.note-editable table > thead > tr > td { border: 1px solid #ccc; }
.note-editable table > tbody > tr > th { border: 1px solid #ccc; background:#f5f5f5; padding:3px; }
.note-editable table > tbody > tr > td { border: 1px solid #ccc; padding:3px; }

/* bootstrap label */
.label-sort { padding:1px 5px; }
.swal2-title { font-weight:400; word-break: keep-all; }

/* 버튼 스타일 - 토글스위치 */
.switch-btn {
  width: 55px;
  height: 25px;
  float: right;
  position: relative;
  border: 2px solid #ffcccc;
  border-radius: 20px;
  transition: border-color .6s  ease-out;
  -webkit-transition: border-color .6s  ease-out;
  -moz-transition: border-color .6s  ease-out;
  -ms-transition: border-color .6s  ease-out;
  -o-transition: border-color .6s  ease-out;
}

.switch-btn > span.swt-label { position: absolute; top:1px; left:-85px; font-size: 12px; }
.switch-btn.toggle-on {
  border-color: #97c3fc;
  transition: all .5s .15s ease-out;
  -webkit-transition: all .5s .15s ease-out;
  -moz-transition: all .5s .15s ease-out;
  -ms-transition: all .5s .15s ease-out;
  -o-transition: all .5s .15s ease-out;
}

.switch-btn .toggle-button {
  position: absolute;
  top: 3px;
  width: 15px;
  height: 15px;
  bottom: 4px;
  right: 34px;
  background-color: #ffcccc;
  cursor: pointer;
  transition: all .3s .1s, width .1s, top .1s, bottom .1s;
  -webkit-transition: all .3s .1s, width .1s, top .1s, bottom .1s;
  -moz-transition: all .3s .1s, width .1s, top .1s, bottom .1s;
  -ms-transition: all .3s .1s, width .1s, top .1s, bottom .1s;
  -o-transition: all .3s .1s, width .1s, top .1s, bottom .1s;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.switch-btn.toggle-on .toggle-button {
  top: 3px;
  width: 45px;
  bottom: 3px;
  right: 3px;
  border-radius: 23px;
  background-color: #97c3fc;
  box-shadow: 0 0 5px #aedff3;
  transition: all .2s .1s, right .1s;
  -webkit-transition: all .2s .1s, right .1s;
  -moz-transition: all .2s .1s, right .1s;
  -ms-transition: all .2s .1s, right .1s;
  -o-transition: all .2s .1s, right .1s;
}

.switch-btn .toggle-text-on { position: absolute; top: 2px; bottom: 0; left: 0; right: 0; text-align: center; font-size: 12px; cursor: pointer; color: rgba(0,0,0,0); }
.switch-btn.toggle-on .toggle-text-on { color: #fff; font-weight: 600; -webkit-transition: color .3s .15s ; transition: color .3s .15s ; }
.switch-btn .toggle-text-off { position: absolute; top: 2px; bottom: 0; right: 6px; text-align: center; font-size: 12px; cursor: pointer; color: #ffcccc; }
.switch-btn.toggle-on .toggle-text-off { color: rgba(0,0,0,0); }
.switch-btn .glow-comp {
  position: absolute;
  opacity: 0;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border-radius: 6px;
  background-color: rgba(75, 122, 141, .1);
  box-shadow: 0 0 12px rgba(75, 122, 141, .2);
  transition: opacity .1s .1s;
  -webkit-transition: opacity .1s .1s;
  -moz-transition: opacity .1s .1s;
  -ms-transition: opacity .1s .1s;
  -o-transition: opacity .1s .1s;
}

.switch-btn.toggle-on .glow-comp {
  opacity: 1;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
}

.glyphicon.check-intab {
	margin-left: -13px;
}

/* default spinner
http://tobiasahlin.com/spinkit/
*/
.spinner { margin: 10px auto; width:100%; height: 40px; text-align: center; font-size: 10px; }
.spinner > p.message { font-size:14px; }
.spinner > div { background-color: #888; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  20% { -webkit-transform: scaleY(1.0) } }
@keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }  20% { transform: scaleY(1.0);-webkit-transform: scaleY(1.0); } }

div.chart { border:2px solid #ccc; }

/** 28. Panels
*************************************************** **/
.panel {margin-bottom:30px;}
section.dark .panel-default>.panel-heading {	border-color:#666;}
.panel-footer .social-icon {	margin-top:0;	margin-bottom:0;}
.panel-heading .btn,.panel-footer .btn {	margin:0;}
.panel-footer.panel-footer-transparent,.panel-heading.panel-heading-transparent {	background-color:transparent;}
.panel .table {	background-color:transparent;}
.panel table thead {	background-color:rgba(0,0,0,0.01);}


/** 51. Summernote
*************************************************** **/
.note-editor {    position: relative;    border: rgba(0,0,0,0.1) 1px solid;}
.note-editor .row-fluid p {	display:none;}
.note-editor .note-dropzone {position: absolute;z-index: 1;display: none;color: #87cefa;background-color: white; border: 2px dashed #87cefa; opacity: .95;}
.note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: bold; text-align: center; vertical-align: middle;}
.note-editor .note-dropzone.hover {color: #098ddf; border: 2px dashed #098ddf;}
.note-editor.dragover .note-dropzone { display: table;}
.note-editor .note-toolbar { background-color: rgba(0,0,0,0.01); border-bottom: 1px solid #eee;}
.note-editor.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%;background-color:#1F252D;}
.note-editor.fullscreen .note-editable {    background-color: white;}
.note-editor.fullscreen .note-resizebar {    display: none;}
.note-editor.codeview .note-editable {    display: none;}
.note-editor.codeview .note-codable {    display: block;}
.note-editor .note-statusbar {    background-color: #f5f5f5;}
.note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: ns-resize; border-top: 1px solid #a9a9a9;}
.note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9;}
.note-editor .note-editable { padding: 10px; overflow: auto; outline: 0;}
.note-editor .note-editable[contenteditable="false"] { background-color: #e5e5e5; }
.note-editor .note-codable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-size: 14px; color: #ccc; background-color: #222;
  border: 0; border-radius: 0; box-shadow: none; box-sizing: border-box; resize: none; }
.note-air-editor { outline: 0; }
.note-popover .popover { max-width: none; }
.note-popover .popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.note-popover .popover .arrow { left: 20px;}
.note-popover .popover .popover-content,
.note-toolbar { padding: 0 5px 5px 5px; margin: 0;}
.note-popover .popover .popover-content>.btn-group,
.note-toolbar>.btn-group { margin: 5px 5px 0 0;}
.note-popover .popover .popover-content>.btn-group,
.note-toolbar>.btn-group>button {margin:0;	border: rgba(0,0,0,0.2) 1px solid;	background-color:#fff;}
.note-popover .popover .popover-content .note-table .dropdown-menu,
.note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px;}
.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,
.note-toolbar .note-table .dropdown-menu .note-dimension-picker {font-size: 18px;}
.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,
.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em;cursor: pointer; }
.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,
.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; }
.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,
.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;}
.note-popover .popover .popover-content .note-style h1,.note-toolbar .note-style h1,.note-popover .popover .popover-content .note-style h2,.note-toolbar .note-style h2,.note-popover .popover .popover-content .note-style h3,.note-toolbar .note-style h3,.note-popover .popover .popover-content .note-style h4,.note-toolbar .note-style h4,.note-popover .popover .popover-content .note-style h5,.note-toolbar .note-style h5,.note-popover .popover .popover-content .note-style h6,.note-toolbar .note-style h6,.note-popover .popover .popover-content .note-style blockquote,.note-toolbar .note-style blockquote { margin: 0;}
.note-popover .popover .popover-content .note-color .dropdown-toggle,
.note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px !important;text-align:center;	padding:0;}
.note-popover .popover .popover-content .note-color .dropdown-menu,.note-toolbar .note-color .dropdown-menu { min-width: 340px;}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.note-toolbar .note-color .dropdown-menu .btn-group { margin: 0;}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px;}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee;}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 0 3px; margin: 3px; font-size: 11px; cursor: pointer; border-radius: 5px;}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,
.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row {height:20px;}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,
.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee;}
.note-popover .popover .popover-content .note-para .dropdown-menu,.note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px;}
.note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.note-toolbar .note-para .dropdown-menu>div:first-child { margin-right: 5px;}
.note-popover .popover .popover-content .dropdown-menu,.note-toolbar .dropdown-menu { min-width: 90px;}
.note-popover .popover .popover-content .dropdown-menu.right,.note-toolbar .dropdown-menu.right { right: 0; left: auto;}
.note-popover .popover .popover-content .dropdown-menu.right::before,.note-toolbar .dropdown-menu.right::before { right: 9px; left: auto!important;}
.note-popover .popover .popover-content .dropdown-menu.right::after,.note-toolbar .dropdown-menu.right::after { right: 10px; left: auto!important;}
.note-popover .popover .popover-content .dropdown-menu li a i,.note-toolbar .dropdown-menu li a i { color: deepskyblue; visibility: hidden;}
.note-popover .popover .popover-content .dropdown-menu li a.checked i,.note-toolbar .dropdown-menu li a.checked i {  visibility: visible;}
.note-popover .popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10 { font-size: 10px;}
.note-popover .popover .popover-content .note-color-palette,.note-toolbar .note-color-palette { line-height: 1;}
.note-popover .popover .popover-content .note-color-palette div .note-color-btn,
.note-toolbar .note-color-palette div .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff;}
.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000;}
.note-dialog>div { display: none;}
.note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: lightgray; text-align: center; border: 4px dashed lightgray;}
.note-dialog .note-help-dialog { font-size: 12px; color: #ccc; background: transparent; background-color: #222!important; border: 0; -webkit-opacity: .9; -khtml-opacity: .9;
  -moz-opacity: .9;  opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90);}
.note-dialog .note-help-dialog .modal-content { background: transparent; border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  -webkit-box-shadow: none; -moz-box-shadow: none;    box-shadow: none;}
.note-dialog .note-help-dialog a { font-size: 12px; color: white;}
.note-dialog .note-help-dialog .title { padding-bottom: 5px; font-size: 14px;  font-weight: bold; color: white; border-bottom: white 1px solid;}
.note-dialog .note-help-dialog .modal-close { font-size: 14px; color: #dd0; cursor: pointer;}
.note-dialog .note-help-dialog .note-shortcut-layout {   width: 100%;}
.note-dialog .note-help-dialog .note-shortcut-layout td {vertical-align: top;}
.note-dialog .note-help-dialog .note-shortcut { margin-top: 8px;}
.note-dialog .note-help-dialog .note-shortcut th { font-size: 13px; color: #dd0; text-align: left;}
.note-dialog .note-help-dialog .note-shortcut th,
.note-dialog .note-help-dialog .note-shortcut tr {background:transparent !important;}
.note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-right: 10px; color: #dd0; text-align: right;}
.note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black;}
.note-handle .note-control-selection>div { position: absolute;}
.note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3;
  -moz-opacity: .3;  opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30);}
.note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black;}
.note-handle .note-control-selection .note-control-holder {width: 7px;height: 7px;border: 1px solid black;}
.note-handle .note-control-selection .note-control-sizing {width: 7px;height: 7px;background-color: white;border: 1px solid black;}
.note-handle .note-control-selection .note-control-nw {top: -5px;left: -5px;border-right: 0;border-bottom: 0;}
.note-handle .note-control-selection .note-control-ne {top: -5px;right: -5px;border-bottom: 0;border-left: none;}
.note-handle .note-control-selection .note-control-sw {bottom: -5px;left: -5px;border-top: 0;border-right: 0;}
.note-handle .note-control-selection .note-control-se {right: -5px;bottom: -5px;cursor: se-resize;}
.note-handle .note-control-selection .note-control-selection-info {right: 0;bottom: 0;padding: 5px;margin: 5px;font-size: 12px;color: white;background-color: black;
  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-opacity: .7;-khtml-opacity: .7;-moz-opacity: .7;opacity: .7;-ms-filter: alpha(opacity=70);
  filter: alpha(opacity=70);}
.note-toolbar button {	height:30px;}
.note-modal input[type="button"] { cursor: pointer; }
.note-modal input.note-image-input { padding: 8px 8px; width: 100%; background: #f9f9f9; font-size: 14px; border: 1px solid #eee; cursor: pointer; }
.note-modal .modal-header { padding: 10px 10px 6px; }
.note-modal .modal-header button.close { position: absolute; top: -1px; right: 0; font-size: 30px; font-weight: 600; border: none; padding: 0 10px; }
.note-modal .modal-header .modal-title { color:#333; margin: 0; font-size: 18px; }
.note-modal .modal-body>.form-group { margin-bottom: 20px; }
.note-modal .modal-body>.form-group label { display: block; font-size: 15px; border-bottom: 1px solid #dbdbdb; margin-bottom: 8px; padding-bottom: 2px; }

/* custom style */
.modal .order-detail .d-box { margin-bottom: 20px; border: 1px solid #e7e7e7; box-shadow: 0px 6px 12px rgb(0 0 0 / 10%); padding: 5px 5px; border-radius: 5px; }
.modal .order-detail .d-box:last-child { margin-bottom: 0; }
.modal .order-detail .d-box h4.tit { border-bottom: 2px solid #c1c1c1; font-size: 15px; padding: 3px; margin-bottom: 8px; }
.modal .order-detail .d-box>ul>li { min-height: 28px; margin-bottom: 6px; font-size: 16px; padding-left: 120px; }
.modal .order-detail .d-box>ul>li:last-child { margin:0; }
.modal .order-detail .d-box>ul>li>span.tit { width: 115px; background: #f1f1f1; text-align: center; padding: 2px 0; }
.modal .order-detail .d-box>ul>li>p { padding-right: 100px; position: relative; padding: 2px 0; }
.modal .order-detail .d-box>ul>li>p>button.btn-xs { position: absolute; top: 0; left:0; }
.modal .order-detail .d-box>ul>li>p>button.btn-xs.bt-retract { left:initial; right:0; width: 100px; }
.modal .order-detail .d-box>ul>li span.o-sts { display: inline-block; background-color: #aaa; color:#fff; padding: 0px 12px; border-radius: 3px; }
.modal .order-detail .d-box>ul>li span.o-sts.done { background-color: #34a71c; }
.modal .order-detail .d-box>ul>li span.o-sts.wait { background-color: #c19c81; }
.modal .order-detail .d-box>ul>li span.o-sts.cancel { background-color: #959595; }
.modal .order-detail .d-box>ul>li span.o-sts.cancel_req { background-color: #e9c3c3; color:#8d1313; }
.modal .order-detail .d-box>ul>li span.o-sts.done::before { content: '결제완료'; }
.modal .order-detail .d-box>ul>li span.o-sts.wait::before { content: '입금대기'; }
.modal .order-detail .d-box>ul>li span.o-sts.cancel::before { content: '구매취소'; }
.modal .order-detail .d-box>ul>li span.o-sts.cancel_req::before { content: '취소요청'; }
.modal .order-detail .d-box>ul>li>p>span.o-price { position: absolute; top:0; right:0; width: 100px; text-align: right;  }
.modal .order-detail .d-box>ul>li>p>span.o-price.won { font-size: 22px; font-weight: 700; top: -2px; }
.modal .order-detail .d-box>ul>li>p>span.o-price.won::after { font-size: 14px; }
.modal .order-detail .d-box>ul>li.tot-prc>p>span.o-price.won { color:#098ddf; }
.modal .order-detail .d-box table.refund-detail tr th, .modal .order-detail .d-box table.refund-detail tr td { font-size: 14px; }
.modal .order-detail .d-box table.refund-detail tr td .o-price { text-align: right; font-size: 15px; font-weight: 700; }


/*  */
.search .dropdown .filter-option-inner-inner { color: #6f777a; }

/* main */
.admin-main .material-symbols-outlined { vertical-align: text-top; font-size: 22px; }
.admin-main .search .dropdown .filter-option-inner-inner { font-size: 16px; font-weight: 500; color: #333; text-align: center; }
.admin-main .search .btn-default:hover, 
.admin-main .search .btn-default:active, 
.admin-main .search .btn-default:focus { background-color: #e4ecef; border-color: rgba(0, 0, 0, 0.11); }
.admin-main h4>small { color: #264bbd; }
.admin-main h4>small::before { content: '-'; padding-right: 5px; }
.admin-main h5 { border-bottom: 2px solid #858585; margin-bottom: 15px; padding-bottom: 3px; }
.admin-main h6 { margin-bottom: 0; background: #ededed; padding: 6px 8px 3px; }
.admin-main .chart-box { border:1px solid #e1e1e1; padding:2px; }
.admin-main .sales-tot .sales-tx { 
  background: #e3efdd;
  border-radius: 4px;
  padding: 12px 5px 6px;
  border: 2px solid rgba(0, 0, 0, 0.20);
  text-align: center;
  font-size: 17px;
}
.admin-main .sales-tot .sales-tx>span {
  display: inline-block;
  font-size: 28px;
  font-weight: 800;
  border-bottom: 2px solid #73856a;
  line-height: 26px;
  padding: 0 5px;
}
.admin-main .sales-tot .sales-tx>span.inc-num::after {
  content: '\20A9';
  font-size: 15px;
  font-weight: 400;
  margin-left: 4px;
}
.admin-main .sales-tot .sales-tx>p {
  font-size: 16px;
  color: #495244;
}

.admin-auth h5 {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 10px;
  padding-bottom: 2px;
}
.admin-auth h6 { 
  background-color: #e3e3e3;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 6px 3px;
  margin-bottom: 0px;
}
.admin-auth .head-func {
  border-bottom: 2px solid #898989;
  padding-bottom: 8px;
  margin-bottom: 20px;
}
.admin-auth button.bt-auth { 
  position: absolute;
  bottom: 4px;
  right: 0;
}
.admin-auth .admin_menu_tree_box { padding:0; }

.order-list .pay-state>p { border-radius: 3px; }
.order-list .pay-state>p.ps-COMPLETE    { font-weight: 500; background-color: #34a71c; color:#fff; }
.order-list .pay-state>p.ps-WAIT        { font-weight: 500; background-color: #c19c81; color: #fff; }
.order-list .pay-state>p.ps-CANCEL_REQ  { font-weight: 600; color: #d43f3a; text-decoration: underline; }
.order-list .pay-state>p.ps-CANCEL_OK   { background: #959595; color: #fff; }
.order-list button.bt-qr-sms>span.material-symbols-outlined { line-height: 26px; }

.order-list .ticket-sts>button.status-USE     { color: #325d2e; background: #dae7d9; }
.order-list .ticket-sts>button.status-CANCEL  { color: #d71a14; background: #e7e7e7; }
.order-list .ticket-sts>button.status-UNUSED  { color: #99504d; background: #e9e0e0; }

.modal .ticket-status>div { margin-bottom: 25px; }
.modal .ticket-status>div:last-child { margin: 0; }
.modal .ticket-status table tr th,
.modal .ticket-status table tr td { padding: 10px 5px; font-size: 15px; }
.modal .ticket-status table tr td .t-live { color: #1d7db7; }
.modal .ticket-status h4 { border-bottom: 2px solid #c1c1c1; font-size: 15px; padding-bottom: 3px; }
.modal .ticket-status .label-wrap { border: 1px solid #ced4da; border-radius: 4px; position: relative; }
.modal .ticket-status .label-wrap .chk-amount { position: absolute; top: 4px; right: 3px; width: 220px; }
.modal .ticket-status .label-wrap .chk-amount input { padding: 2px 0; border: 1px solid #c9c9c9; }
.modal .ticket-status .label-wrap .chk-amount input.minus { color:#a41616; font-weight: 700; }
.modal .ticket-status .label-wrap .chk-amount input.plus { color:#0066ff; font-weight: 700; }
.modal .ticket-status label.radioBtn { width: 100%; padding: 0; }
.modal .ticket-status label.radioBtn::before { top: 9px; left:8px; }
.modal .ticket-status label.radioBtn>span.ip { padding-left: 30px; height: 38px; line-height: 38px; cursor: pointer; }
.modal .ticket-status label.radioBtn>input:checked+span.ip { background: #d7edff; }
.modal .ticket-status label.radioBtn>input:disabled+span.ip { background: #e9dddd; cursor: not-allowed; color: #8b5c5c; }
.modal .ticket-status label.radioBtn>span.ip:after { top: 19px; left: 12px; }

.modal .ticket-status .ticket-checkin-log table tr th, 
.modal .ticket-status .ticket-checkin-log table tr td { padding: 5px 5px; font-size: 14px; }
.modal .ticket-status .ticket-checkin-log table tr td span.ticket-chg { font-weight: 700; }
.modal .ticket-status .ticket-checkin-log table tr td span.ticket-chg::before { margin-right: 1px; }
.modal .ticket-status .ticket-checkin-log table tr td span.ticket-USE { color:#e51111; }
.modal .ticket-status .ticket-checkin-log table tr td span.ticket-USE::before { content:'\2012'; }
.modal .ticket-status .ticket-checkin-log table tr td span.ticket-CANCEL { color:#0a890a; }
.modal .ticket-status .ticket-checkin-log table tr td span.ticket-CANCEL::before { content:'+'; }

.search .search-func { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ddd; }
.search .search-tot table.table tr th { padding: 3px 3px; }
.search .search-tot table.table tr td { font-size: 14px; font-weight: 700; color: #7b5980; }

.nc-support .contents-wrap>div { margin-bottom: 25px; }
.nc-support .contents-wrap>div:last-child { margin-bottom: 0px; }
.nc-support label.form-label { font-size: 16px; margin-bottom: 5px; }
.nc-support p.tit { font-size: 16px; font-weight: 500; background: #eee; padding: 5px 8px; position: relative; }
.nc-support p.tit>span { position: absolute; top:3px; right:5px; font-size: 14px; }
.nc-support p.s-tit { font-weight: 500; font-size: 13px; padding-left: 5px; }
.nc-support .t-content { font-size: 14px; padding: 15px; border: 1px solid #eee; }
.nc-support ul.ul-table>li { padding-right: 15px; }
.nc-support label.radioBtn { min-width: 90px; }
.nc-support label.radioBtn::before { top:17px; left:8px; }
.nc-support label.radioBtn>span.ip { padding-left: 30px; padding-right: 10px; height: 38px; line-height: 36px; cursor: pointer; border: 1px solid #bbb;
  border-radius: 4px; text-align: center; }
.nc-support label.radioBtn>input:checked+span.ip { background: #deefdd; border-color: #89b389; }
.nc-support label.radioBtn>span.ip::after { top: 27px; left: 12px; }
.nc-support .bt-wrap { border-top: 1px solid #d1d1d1; padding-top: 20px; }
.nc-support.support-view .v-body>.t-content>.text-wrap { min-height: 200px; }
.nc-support.support-view .v-body>.t-content img { max-width: 100%; }
.nc-support.support-view .v-body .attachment { border-top: 1px dashed #dbdbdb; background: #f5f5f5; padding: 10px 0px 5px; margin-top: 15px; }
.nc-support.support-view .v-body .attachment ul { padding: 2px 5px; }
.nc-support.support-view .v-body .attachment ul>li { margin-bottom: 2px; }
.nc-support.support-view .v-body .attachment ul>li:last-child { margin-bottom: 0px; }
.nc-support.support-view .v-body .attachment ul>li>a { display: inline-block; padding: 2px 5px 2px 0px; border-bottom: 1px solid transparent; }
.nc-support.support-view .v-body .attachment ul>li>a:hover { background: transparent !important; border-bottom: 1px solid #a3a3a3; font-weight: 600; }
.nc-support.support-view .v-body .attachment ul>li>a>* { vertical-align: middle; }
.nc-support.support-view .v-body .attachment ul>li>a>span { color: #818181; }
.nc-support.support-view .v-comments ul>li { padding: 10px 10px; border: 1px solid #eee; border-radius: 5px; margin-bottom: 5px; position: relative; }
.nc-support.support-view .v-comments ul>li.rep-neoc { background-color: #ecf2f7; border-color: #c4d5e3; }
.nc-support.support-view .v-comments ul>li>span { font-size: 14px; color: #777; }
.nc-support.support-view .v-comments ul>li>span.user-name { font-weight: 600; color:#333; margin-right: 5px; }
.nc-support.support-view .v-comments ul>li>p.comm { font-size: 15px; }
.nc-support.support-view .v-comments ul>li>p.comm.deleted { color: #b98b8b; }
.nc-support.support-view .v-comments ul>li>button { position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; }
.nc-support.support-view .v-comments ul>li>button>span { font-size: 18px; padding-top: 3px; }
.nc-support.support-view .v-comments .com-write { border-top: 1px dashed #dbdbdb; padding: 10px 0px 0px; margin-top: 15px; }
.nc-support.support-view .v-comments .com-write>button>span { font-size: 18px; position: relative; top:2px; }




/* =============================================== */
/*                 대쉬보드 페이지                 */
/* =============================================== */
.design .ibox { margin-bottom: 20px; }
.design .ibox h3 { border-bottom: 2px solid #614848; padding-bottom: 3px; color: #614848; font-weight: 600; }
.design .ibox h4 { padding-bottom: 4px; margin-bottom: 0; }
.design .ibox h4+div { background: #fbf9f9; padding: 5px 5px 5px; border-top: 1px solid #d9d9d9; }