/*** reset ***/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-size: 17px;

}


html {
    -webkit-text-size-adjust: none;
}

html,
body {
    width: 100vw;
    min-width:1550px;
    height:100vh;
    font-size: 17px;
    color: #353535;
    font-weight: 300;
    letter-spacing: -0.03em;
    line-height: 1.6;
    padding:0; margin:0;
    position:relative
}
body{overflow-x:hidden}

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
p,
strong,
span,
em,
a,
table,
th,
td,
caption,
input,
button,
textarea,
label,
form,
legend,
fieldset,
select,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
img {
    padding: 0;
    margin: 0;
    border: 0;
    color: inherit;
    background: none;
    line-height: inherit;
    font-size: inherit;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    vertical-align: middle
}


/*input {-webkit-appearance:none; border-radius:0}*/

select,
button {
    cursor: pointer
}

ul,
ol {
    list-style: none;
    text-decoration: none
}
::marker{    display: none !important;
    font-size: 0 !important;}
img {
    max-width: 100%;
    vertical-align: top;
}

a {
    color: inherit;
    text-decoration: none
}

em {
    font-style: normal
}

strong {
    font-family: 'S-CoreDream-4Regular';
    font-weight:bold
}

*{font-family: 'S-CoreDream-4Regular';}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

button,
button:hover,
button:focus,
a, .btn, button{outline:none !important}
.btn{outline:none !important}
#btn-login,
#btn-login:hover,
#btn-login:focus{outline:none !important}

/*** common ***/

.cont_inner{width:100%;}

.table_wrap, .add_box{padding:0;}
#container:after,
.cont_inner:after,
.btn_wrap:after {
    display: block;
    content: '';
    CLEAR:BOTH;
}

html {width: 100%; min-width: 1024px; margin: 0 auto; height: 100vh}
body { position: relative; height: 100%; width:100%; margin: 0 auto; background-color:#ddd}
#container{position:relative; width:100%; margin:0; padding:0;}

.btnH30{height:30px; line-height:25px; margin-top:-3px; vertical-align: middle}
.border-orange{border:1px solid #FFB33F;}
.bg-primary{background-color:#00a1e9;}
.bg-primary2{background-color:#4FA078;}
.bg-orange{background-color:#FFB33F;}
.bg-red{background-color:#ef5c5c;}
.bg-green{background-color:#006941;}
.bg-skyblue{background-color:#60b5d8}
.bg-whitgray{background-color:#bbb}
.bg-1f1f1f{background-color:#1f1f1f}
.bg-333{background-color:#333}

.text-green,
.text-green:hover,
.text-green:active,
.text-green:focus{color:#006941;}

.text-red,
.text-red:hover,
.text-red:active,
.text-red:focus{color:#ff3333 !important;}
.text-primary,
.text-primary:hover,
.text-primary:active,
.text-primary:focus{color:#00a1e9 !important}
.text-primary2{color:#4FA078 !important}

.text-orange{color:#FFB33F; }
.text-orange2{color:#fbb714;}
.text-white,
.text-white:hover,
.text-white:active,
.text-white:focus,
.bg-primary:hover,
.bg-primary:active,
.bg-primary:focus{color:white !important}
.text-blue,
.text-blue:hover,
.text-blue:active,
.text-blue:focus{color: #007aff !important;}
.text-1f1f1f,
.text-1f1f1f:hover,
.text-1f1f1f:active,
.text-1f1f1f:focus{color: #1f1f1f;}
.border-primary{border:2px solid #00a1e9 !important; background-color:#fff !important}
.border-primary2{border:2px solid #4FA078 !important; background-color:#fff !important}
.border-orange{border:2px solid #FFB33F; background-color:#fff}
.border-orange2{border:2px solid #fbb714; background-color:#fff}
.border-red{border:2px solid #ef5c5c; background-color:#fff}
.bg-464646{background-color:#464646;}

.btn_link{font-weight:bold;border-bottom:1px solid #222; display:inline-block}
.btn_link:hover,
.btn_link:focus,
.btn_link:active{border-bottom:1px solid #222; color:#222}

.text-gray{color:#666}
.bg-gray{background-color:#666;}

#delbtn,
.btn-red,
.bg-red{
background: #ED5247;
color: #fff;
}


.form-group{margin:0; padding-left:0; padding-right:0}
.form-group:after,
.input_box:after{display:block; content:''; clear:both;}
.form-group .input_box{display:inline-block}
.form-group .input_box input[type="password"],
.form-group .input_box input[type="text"]{display:inline-block; background-color:#ffffff;}
.form-group .input_box input[type="password"]:focus,
.form-group .input_box input[type="text"]:focus{background-color: #fffac9;}


.lock { background-color: #EEEEEE;}
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.bb0{border-bottom:0 !important}
.ml-15{margin-left:-15px;}


.close,
.close3{  width: 13px; height: 13px; display:inline-block;float: right; opacity: 1;}
.close2 { float: right; width: 13px; height: 13px; opacity: 1;}
.popup .close,
.popup .close3{position: absolute; top: 13px; bottom: 0; right: 15px;}
.close img{max-width:100%;}
.no-img{width:105px; display:block; margin:0 auto;align-items: center}
.img_txt{padding:5px; color:#888; font-size:12px; display:block; clear:both; margin-bottom:5px}
.ellipsis{
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


input, .select_wrap, .form-control {
    height:35px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    outline:none;
    font-size: 14px;
    box-shadow:none;
    border-radius:6px;
    text-indent: 8px;
    overflow:hidden
}
input, .select_wrap select{font-size: 12px; font-weight:normal}
input:focus{border-color:#00a1e9; transition:500ms all}
input[readonly]:focus{border-color:#e9e9e9}

select:focus{}

a:hover, a:focus, a:active{text-decoration: none;}
input::placeholder,
textarea::placeholder{color:#dddddd; font-weight:normal}

body .checkbox_wrap{ margin-right:15px;float:left; line-height:35px;}
body .checkbox_wrap:last-child{margin-right:0;}
body .checkbox_wrap input{    display: inline-block;
    width: auto;
    width:auto; height:auto;
    float: left;
    top: 0;
    height: auto;
    vertical-align: top;
    margin-top: 14px;}
body .checkbox_wrap span{display:inline-block; margin-top:13px; font-size:14px; font-weight:normal; line-height:1; float:left; color:#666}

body .checkbox_wrap input{}
body input[type="checkbox"]:checked:after{display:inline-block; float:left;}

body .radio_wrap{ margin-right:15px;float:left; line-height:35px;}
body .radio_wrap:last-child{margin-right:0;}
body .radio_wrap input{    display: inline-block;
    width: auto;
    width:auto; height:auto;
    float: left;
    top: 0;
    height: auto;
    vertical-align: top;
    margin-top: 16px;}
body .radio_wrap span{display:inline-block; margin-top:14px; font-size:14px; font-weight:normal; line-height:1; float:left;}

body input[type="checkbox"]:checked:after{display:inline-block; float:left;}

.checkbox{width:20px; height:20px; display:inline-block;}
.btn_submit{padding:0;}
.btn_submit .btn {
    height: 55px;
    line-height: 54px;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}
.btn_submit.dev2 .btn{width:49%}
.btn_submit.dev2 .btn:last-child{float:right;}
.btn.btn-cancel {
    border: 1px solid #dfdfdf;
    color: #676767;
    float: left;
}

.contents_wrap{padding:30px 15px; max-width:1200px; position:relative;}
.contents_wrap .btn_wrap{text-align:right; margin-top:15px}
.btn.col-md-2{float:none;}

.dev4 li{width:25%; float:left; display:inline-block;}
section {box-sizing:border-box}

select {

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    padding-left:10px;
    outline:none;
    border:0;
    width:100%; height:100%;
    padding:0;
    background-color:#fff

}
.select_wrap{position:relative; text-indent:0; z-index: 0; height:100%}
.select_wrap select{text-indent:8px}
.select_wrap:after{display:block; content:''; background-image: url(../img/arrow.svg);
    background-size: 12px 9px;
    background-repeat: no-repeat; width:12px; height:9px; position:absolute; top:0; bottom:0; right:10px; margin:auto; z-index: 2; transform:rotate(0deg); transition:500ms all}
.select_wrap.active:after{transform:rotate(-180deg); }
.select_wrap.active{border-color:#00a1e9; transition:500ms all}

select.readonly {
  background-color: #f8f8f8;
  border: 1px solid #C8C9CE;
}
 .readonly input[readonly]{background-color:#f8f8f8 !important}
/*textarea:read-only{background-color:#f8f8f8} */
select option { text-indent: 15px;}
select::-ms-expand { display: none;}

select.active { transform:rotate(180deg); transition:2s ease-out;}
span.chk{display:inline-block; position:relative; padding-left:15px; float:left; margin-top:6px;}
span.chk:nth-child(1){padding-left:0;}
span.chk label{border:0; display:inline-block;}

/* date */
.date label{position:relative; display:inline-block}
.date label img{width: 13px; position: absolute; top:7px; right:7px}
.input_box.date strong{display:inline-block; width:10px; text-align:center; font-weight:normal}



  .hide{display:none;}
  .show{display:block;}
  .btn_url{background-color: #009688; color:#fff; border-radius:6px; width:110px}
  .btn{position:relative;}
  .btn:hover:after{display:block; content:'';background-color:#fff; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.1}
  div .btn{
    line-height:28px;
    height:28px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 11px;
    box-sizing: border-box;
    padding:0;
    border-radius:5px 15px;
    vertical-align: top
  }


.full-width{width:100% !important; margin-left:0; margin-right:0}
.half-width{width:50% !important}
.float-left{float:left }
.float-right{float:right }
.text-left{text-align:left}
.text-right{text-align:right;}
.text-center{text-align:center;}

/* datepicker color */
#ui-datepicker-div .ui-state-active {color: #454545;}

/*** table ***/
table td, table th{padding:0 5px;}
table th{height:28px}
.table_area {height: auto; overflow: auto;}

table {border: 1px solid #dfdfdf; text-align: center}

table thead {background-color:#f9f9f9; border-width: 2px 0}
table thead th{font-size: 12px;color: #454545; height:28px; line-height:28px; border-bottom:1px solid #f2f2f2; background-color:#eee}
tbody tr:nth-child(2n) td,
tbody tr:nth-child(2n) th{background-color: #fbfbfb}
tbody tr td, tbody tr th{font-size: 12px; border-bottom: 1px solid #f2f2f2; padding: 5px 5px 8px}
tbody tr:hover td,
tbody tr:hover th{background-color:#edf9ff; transition:500ms all}
tbody tr:last-child td,
tbody tr:last-child th{border:0}

.table_bottom{user-select: none}
table tr th{user-select: none}
table tr td input,
table tr td select{width:90%; margin:0 auto; text-indent:0}
th.text-left{padding-left:10px;}
td.text-left{padding-left:10px;}

.tui-grid-cell{text-align:center !important}
.tui-grid-table-container .tui-grid-cell-content input{width:90%; display:block; padding:0 8px; margin:5px 0 0 9px;}
.tui-grid-cell-has-input .tui-grid-cell-content .select-wrap{    width: 85px;
    margin: 5px auto;
    margin-left: 5px;}
.tui-grid-cell-has-input .tui-grid-cell-content .select-wrap select{padding:0 8px; min-width:0;}
.tui-grid-table-container .tui-grid-cell-content .select-wrap:after{    right: 5px !important;     background-size: 12px 8px;}
.table_area .tui-pagination .tui-first-child.tui-is-selected {border-left: 1px solid #00a1e9}
.table_area .tui-pagination .tui-last-child.tui-is-selected {border-right: 1px solid #00a1e9}
.table_area .tui-page-inputs .tui-page-current {color: #00a1e9}
.table_area .tui-pagination .tui-is-selected,
.tui-pagination strong {color: #fff; background: #00a1e9; border-color: #00a1e9; cursor: default;}
.table_area .tui-pagination .tui-is-selected:hover {background-color: #00a1e9;}

span.txt_ellipsis{width:100%; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

 /*** pagination ***/
.pagination{display:inline-block;}
.pagination:after{display:block; content:''; clear:both}
.pagination>li{cursor:pointer; display:inline-block; float:left;}
.pagination>li.active a{    background-color: #00a1e9 !important; color:#fff; border:0;}
.pagination>li a{display:inline-block; padding:0;width:32px; height:35px; line-height:35px;font-size:14px;}
.pagination>li.arw a{width:25px;}
.pagination>li a img{    width: 15px;
    transform: rotate(90deg);
    line-height: 15px;
    display: inline-block;
    margin-top: 13px;}
.pagination>li.btn_next a img{transform:rotate(-90deg)}

/* popup */
#popup_wrap{
width:100vw;
height:100vh;
background-color:rgba(0, 0, 0, .6);
position:fixed;
left:0;
top:0;
display:none;
z-index:1000;
user-select: none

}
.popup {
  position: fixed;
  top: 25%;
  right: 0;
  left: 0;
  width:400px;
  margin: auto;
  display: none;
  height: auto;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
  z-index:9999;
  border-radius:10px 40px;
  box-shadow: 3px 5px 5px rgb(0 0 0 / 20%);

}
.popup_header{text-align:center; margin:20px auto 10px; position:relative; padding:0 25px}
.popup_header h3{font-size:17px; font-family: 'S-CoreDream-5Medium'}
.popup_header .close{position:absolute; top:0; right:25px}
.popup_content{padding:15px 25px 20px 25px; text-align:left;}
.popup_content .form-group{margin-bottom:10px; width:100% ; border:0}
.popup_content .form-group .control-label{width:70px; display:inline-block; float:left; font-size:13px; background-color:transparent; padding-right:5px}
.popup_content .form-group .input_box{width:calc(100% - 75px); float:right ; padding-right:0}
.popup_content .form-group .input_box .select_wrap,
.popup_content .form-group .input_box select,
.popup_content .form-group .input_box input{width:100%}
.popup_content .form-group.btn_wrap{background-color:transparent; border-bottom:0; padding:20px 0 0 0; margin-bottom:0}
.popup_content h5{font-size:16px; padding-bottom:5px; border-bottom:1px solid #454545; margin:10px auto 20px}

.popup_content:after{display:block; content:''; clear:both;}

.popup .message{padding-top:30px; padding-bottom:20px; font-weight:500; color:#222; font-size:16px; text-align:center;}
.popup_content .btn_wrap{padding:30px 0 0; text-align:center}
.popup_content .btn_wrap .btn{height:28px; line-height:26px; font-size:11px; width:auto; padding:0 12px; min-width:80px}
.popup .btn_wrap:after{display:block; content:''; clear:both;}
/* .btn_wrap.dev2 .btn{width:49%; margin-right:2%; float:left}
.btn_wrap.dev2 .btn:nth-child(2){margin-right:0} */
.popup .btn_wrap{padding:20px 0 0}
.popup_manager{width:400px}
.popup_chain{width:500px; top:10%}
.popup_chain .popup_content .form-group .control-label{width:90px}
.popup_chain .popup_content .form-group .input_box{width:calc(100% - 90px)}
.popup_item{width:600px}
#login .popup{width:350px}
#login .popup .btn_wrap{padding:20px}
#login .btn_wrap .btn.col-md-12{height:45px; line-height:45px; font-size:14px}
#login .popup .close{top:20px; right:20px}
#login .popup .message{    padding: 50px 20px 20px;}

.popup2 {
  position: fixed;
  top: 25%;
  right: 0;
  left: 0;
  width:400px;
  margin: auto;
  display: none;
  height: auto;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
  z-index:99999;
  border-radius:10px;
  box-shadow: 3px 5px 5px rgb(0 0 0 / 20%);
}
.popup2 .message{padding-top:30px; padding-bottom:20px; font-weight:500; color:#222; font-size:16px; text-align:center;}
.popup2 .btn_wrap:after{display:block; content:''; clear:both;}
.popup2 .btn_wrap{padding:0 20px 20px;}
.popup2 .close{position: absolute; top: 13px; bottom: 0; right: 15px;}

/* tabmenu */
.tabmenus {width:100%; padding:15px}
.tabmenus ul{display:block; text-align:left;}
.tabmenus ul:after{display:block; content:''; clear:both;}
.tabmenus ul li{display:inline-block; border:1px solid #bbb; float:left; font-size: 13px; text-align:center; cursor:pointer; color:#bbb; margin-right:5px}
.tabmenus ul li:last-child{margin-right:0}
.tabmenus ul li.on{color:#1f1f1f;  border:1px solid #1f1f1f; transition:500ms all}
.tabmenus ul li strong{display:inline-block; font-size:13px; margin-left:5px; font-weight:bold; opacity: .6}
.tabmenus ul li.on strong{opacity: 1}


/* login */
#login{position:relative; background:url(../img/storeclever_main.jpg) no-repeat center; background-size:cover}
#login h1#logo{font-size:18px; padding:0}
#login #container{width:100%; height:100%; position:relative;}
#login .cont_inner{height:100%; width:100%; max-width:none;}
#login .user_login {font-size:18px; color:#fff;}
#login .login_{position:absolute; bottom:0; left:0;padding:10px; box-sizing:border-box}
#login .login_ *{color:#fff; font-size:18px;}
#login .login_ *:hover{color:#fff;}
#login .login_ img{width:7px; display:inline-block;  vertical-align: middle;margin-top: -5px; margin-left: 10px;}
#login .btn_logout{display:block; text-align:left; font-size:14px; margin-top:2px;}

#login .btn_logout img{}
.btn_wrap .btn.col-md-12{width:100% !important; padding:0}

#login #container{position:relative;}
#login .login_div .form-control{height:50px;background-color: transparent}
.form-control:focus{box-shadow: none !important}
#login .login_div{width:360px; position: absolute; top:30%; left:0; right:0; margin:0 auto; text-align:left;}
#login .login_div .login_hd p{margin:10px auto 20px; font-size:32px; letter-spacing: 0; font-family: 'S-CoreDream-4Regular'; font-weight:bold; color:#b5b6b6}
#login .login_div .login_hd > img{width:200px; }
#login .login_div .close{width:16px; height:16px; top:0; right:0; opacity: 1; display:inline-block;}
#login .login_div input{width:100%; height:50px; margin-bottom: 25px; border:0; border-bottom:1px solid #ddd; border-radius: 0; color: #1f1f1f; font-size:18px; padding-left:0}
#login .login_div input:hover,
#login .login_div input:focus,
#login .login_div input:active{border:0; border-bottom:1px solid #bbb; transition:500ms all}
#login .login_div input::placeholder{color:#888888; opacity: .7}
#login .login_div input:hover::placeholder,
#login .login_div input:focus::placeholder,
#login .login_div input:active::placeholder{ opacity: .9; transition:500ms all}
#login .login_div input[type="checkbox"]{border:0}
#login .login_div .form-group{padding:0; border:0; width:100%}
#login #btn-login{font-size:18px; height:56px; line-height:56px;width:100%; border-radius:0; background-color:#00a1e9; color:#fff; transition:500ms all}
#login #btn-login:hover{opacity: .8}
#login .login_div .auto_login{margin-top:15px; padding-left:0}
#login .login_div .auto_login input{width:auto; height:auto; margin:0;}
#login .login_div .auto_login span{font-size:14px; font-weight:normal}
#login .find, #login .join{display:inline-block; width:auto; font-size:14px;}
#login .login_btns strong{display:inline-block; margin:0 10px; font-size:12px; font-weight:normal; position:relative;}
#login .login_btns strong:before{
  display: block;
  content: '';
  width: 1px;
  height: 14px;
  background-color: rgba(255, 255, 255, .6);
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#member_id{margin-top:0}
#member_pw{margin-bottom:20px}

/* header */
#header {height: 60px;width: 100%;z-index: 10;box-shadow:0 2px 2px rgba(0, 0, 0, .05); background-color:#fff}
.header_inner{width:100%;height: 100%; position: relative;box-sizing: border-box}
#logo{padding:10px 0 0 20px; width:180px;display:inline-block; box-sizing:border-box; cursor:pointer}
#logo img{max-width:100%;}
.user{margin-top:6px; width:25px; vertical-align: top;display:inline-block; cursor:pointer; display:none}

.ui-widget.ui-widget-content:after{display:block; content:''; clear:both}

#gnb{width:160px; margin:30px; display:inline-block; position:relative;}
#gnb > ul > li{width:100%; text-align:center; margin-bottom:10px; cursor:pointer; ; border-radius: 30px; color: #888; background-color: #fff; border:1px solid #e5e5e5; overflow:hidden}
#gnb > ul > li .menu_tit{display: block; height:35px; line-height:35px; }
#gnb > ul > li .menu_tit:hover,
#gnb > ul > li .menu_tit:active{color:#454545}
#gnb > ul > li.active {border-color:#00a1e9}
#gnb > ul > li.active .menu_tit{color:#fff; background-color:#00a1e9}
#gnb > ul > li.active .menu_tit:hover,
#gnb > ul > li.active .menu_tit:active{color:#ffffff}
.menu_right{position:relative;width:40%; float:right;z-index: 1; text-align: right; padding:0 10px 0 0}
.menu_right:after{display:block; content:'';width: 0px; height: 0px; position:absolute; top:0; right:0; z-index: -1;
    border-bottom: 60px solid #00a1e9;
    border-left: 100px solid transparent;
    border-right: 430px solid #00a1e9;
  }
.menu_right .login_type{display: inline-block; margin:0 10px 0 0; font-size:14px; color:#fff}
.menu_right .btn_logout{
  border-radius:0;
  line-height: 30px;
  height: 30px;
  display:inline-block;
  width:auto;
  padding:0 20px 0 25px;
  font-size:12px;
  border:1px solid rgba(255, 255, 255, .3);
}
.btn_logout img{float:right; margin:12px 0 0 4px; width:16px;}

#gnb > ul > li .depth02{background-color:#f8f8f8}
.depth02{display:none; padding-top:10px;}
.depth02.open li a{color:#888}
.depth02 li{margin-bottom:10px}
.depth02 li a{font-size:13px; color:#bbb; }
.depth02 li.active a{ color:#333}
.hd_id{color:#00a1e9; font-size:14px; font-weight:500; display:inline-block; margin-top:1px; vertical-align: top}
.hd_id label{color:#fff}
.hd_id img{width:10px; display:inline-block; margin-top:18px; margin-right:5px;}
.btn_login{border-radius: 6px; background-color: #fff; color: #00a1e9; padding: 2px 10px 4px; font-size: 14px; margin-left:10px;}

.admin .btn_login.btn_link{background-color:#00a1e9; color:#fff; font-weight:normal; width:80px; height:30px; border-radius:30px; display:inline-block; vertical-align: top; margin-top:5px; line-height:25px; text-align:center;}
.admin .btn_login.btn_link:hover,
.admin .btn_login.btn_link:focus,
.admin .btn_login.btn_link:active{border-bottom:0}
.admin p{display:inline-block; color:#222; font-size:14px; line-height:35px;}
.admin{float:right; margin-right:20px}

#btn_side_menu{width:20px}


/* footer */
#footer{position:relative; clear:both}

a.totop {
  position: fixed;
  bottom:50px;
  right: 30px;
  width: 65px;
  height: 65px;
  background: url(../img/bt_top.png) center center no-repeat;
  background-size: 100% auto;
  display: none;
  transition: all .4s ease;
}

.footer_box{max-width:1200px; margin:0 auto; padding:20px; box-sizing: border-box; display:inline-block;}
.ft-info{display:inline-block;    max-width: none;
    width: calc(100% - 440px);
    vertical-align: top; padding-left:25px
}
.ft-info ul{display:inline-block; }
.ft-info strong{font-weight:normal; font-size:14px}
.ft-info ul li{font-size:12px; display:inline-block; padding-right:20px; color:#fff}
.ft-info ul li label{padding-right:10px; margin-right:8px; position:relative; font-weight:normal}
.ft-info ul li label:after{display:block; content:''; width:1px; height:70%; background-color:#aaa; position:absolute; top:2px; bottom:0; right:0; margin:auto;}

.btn_terms{padding-right:12px; margin-right:8px; position:relative;}
.footer_box a:active,
.footer_box a:focus,
.footer_box a:hover{color:#fff !important;}

#footer{background-color:#666; position:relative; clear:both;}
.footer_box{}
.ft-logo{ width: 200px; height: 50px; text-align:center; text-align:center; display:inline-block;border:1px solid #ddd}
.ft-rights{display:inline-block; float:right;}


/* sub */
#container .cont_inner{}
body.sub .menu_center ul li{height:40px; line-height:40px; margin-top:5px;}
body.sub .menu_center ul li.active{background-color:#FFB32F; border-radius:40px; color:#fff}

.title_box{text-align:left; margin-bottom:23px}
#hd_title{display:inline-block; font-size:22px; color:#333; margin-top:9px; vertical-align: middle;}
#hd_title a{font-family: 'S-CoreDream-6Bold';}
.title2{font-size: 15px; color: #bbb; display: inline-block; vertical-align: middle; margin: 13px 0 0 10px}
.title2 a{font-family: 'S-CoreDream-4Regular';}

.cont_inner > section.search_area,
.cont_inner > section.table_area,
.cont_inner > section.graph_area,
.cont_inner > section.slider_area,
section.calendar_area,
section.file_area,
section.omission_store,
.qcs_category{padding:15px; border:0; background-color:#fff; box-shadow:3px 3px 6px rgba(0, 0, 0, .05); border-radius:6px; box-sizing:border-box}
.cont_inner > section.search_area{padding:15px 15px 7px 0px; background-color:#f2f2f2}
.cont_inner > section.search_area input,
.cont_inner > section.search_area select{background-color:#fff}
.cont_inner > section.table_area{padding:0}
.cont_inner > section.graph_area{margin-top:15px}

.cont_inner > section{padding:10px 20px; border:1px solid #e5e5e5; background-color:#fff}
.cont_inner > .btn_wrap .btn{width:120px; height:40px; line-height:40px; font-size:14px}
/* .form-group{padding:5px 0; width:calc(94% / 4); margin-right:2%; display:inline-block; float:left; margin-bottom:8px} */
.form-group{margin:0; float:left}
.form-group:nth-child(4n){margin-right:0}
.form-group .control-label{display:inline-block; font-size:12px; line-height:28px; text-indent:0; padding-left:0; width:80px; font-weight:normal; float:left; padding-right:10px; text-align:right;}
.form-group .input_box{width:calc(100% - 80px)}
.form-group .input_box input,
.form-group .input_box > select,
.form-group .input_box .select_wrap{width:100%;  height:28px; line-height:28px; /*border-radius:5px 15px*/ vertical-align: top}
.date_box.form-group .input_box input{width:110px;}
.form-group .input_box .select_wrap select,
.form-group .input_box input{width:100%}
select{background-color:#fff}

.form-group.address p.post{}
.form-group.address p.post input{width:calc(100% - 85px)}
.form-group.address p.post .btn_post{width:80px; margin-top:0; border-radius:5px}
.form-group.address .input_box > input{width:100%; margin-top:5px}
#addr1{margin-top:5px; margin-bottom:5px}
.input_area .form-group.address #addr1{margin:0 1% 0 0}

/* input_area */
body.sub#basic_company_info #container .cont_inner{max-width:1040px}
.cont_inner > section.input_area{padding:8px; border-radius:10px; background-color:#f8f8f8}
.cont_inner > section.input_area.logo_box{margin-top:15px; padding:8px}
.cont_inner > section.input_area ul,
.cont_inner > section.input_area .logoImg{background-color:#fff; border:1px solid #e5e5e5; padding:8px; padding-top:8px}
.cont_inner > section.input_area ul:after{display:block; content:''; clear:both}
.cont_inner > section.input_area .section_top .img_txt{display:inline-block;}
.cont_inner > section.input_area .section_top{padding-bottom:10px}
.input_area .form-group{width:320px; margin-bottom:8px}
.input_area .form-group.address p.post{width:240px; display:inline-block; float:left; margin-right:1%;}
.input_area .form-group.address .input_box > input{width:312px; margin-right:1%; float:left}
.input_area .form-group.address .input_box > input:last-child{margin-right:0; display:inline-block; vertical-align: top; margin-top:0; float:none}
.input_area .form-group .input_box .img_box {width:auto; height:118px; display:inline-block; margin-right:5px; }
.input_area .form-group .input_box .img_box:nth-child(5n){margin-right:0}
.form-group .input_box .img_box label[for="add_img"]{display:flex; height:100%}
.form-group .input_box .img_box label[for="add_img"] img{display:flex; justify-content: center; align-items: center; padding:20px 10px; width:auto}
.input_area .select-wrap2 .control-label{width:70px; line-height:35px;display:inline-block; background-color:transparent}
.logoImg .img_txt{display:inline-block;}
.logoImg .input_box{background-color:#fff; width:100%}

.input_area:after{display:block; content:''; clear:both;}
.input_area .control-label{}
  .input_area .form-group:nth-child(1),
  .input_area .form-group:nth-child(2),
  .input_area .form-group:nth-child(3),
  .input_area .form-group:nth-child(4){padding-top:0}


/* search_area */
.search_area ul:after{display:block; content:''; clear:both}
.search_area ul li.form-group{padding:0}
.search_area ul li.form-group.empty{height:28px}
.search_area ul li.form-group.item_name{width:640px}
.search_area ul li.btn_wrap{text-align:right; float:right; padding-right:5px; width:auto;}
.search_area ul li.btn_wrap .btn{width:80px}
.search_area ul li{width:320px; margin-bottom:8px}
.search_area ul li .input_box{width:calc(100% - 80px)}
.search_area ul li .input_box input{}



/* table_area */
.cont_inner > section.table_area{padding:0;overflow:hidden; margin-top:15px}
.table_area .table_wrap{border-radius:0 0 10px 10px; border:0; }
.table_area .table_wrap table{border:0}
.table_area .table_wrap table th{border-right:1px solid #e5e5e5}
.table_area .table_wrap table td{height:28px; border-right:1px solid #f2f2f2}
.table_area .table_wrap table th:last-child,
.table_area .table_wrap table td:last-child{border-right:0}
.table_area .table_wrap table td span{display:inline-block; vertical-align: top}
.table_btns{float:right;}
.table_btns .btn{width:25px; height:25px; padding:3px; border-radius:5px}
.table_btns .btn img{margin:0; padding:0; width:100%}

/* dashboard */
body#dashboard #container{max-width:none;}
body#dashboard #container .cont_inner{max-width:1500px}
.dashboard_contents #calendar-wrapper{width:calc(25% - 40px); display:inline-block; margin-right:40px; vertical-align: top}
.dashboard_contents #calendar-wrapper .buttons-container .label-container{font-size:20px}

#chart-area canvas{max-width:100%}

.ledger_status{padding-top:20px}
.ledger_status h6{font-size:20px; margin-bottom:10px; text-align:left}
.ledger_status .tabmenu{border-bottom:1px solid #ddd}
.ledger_status .tabmenu:after, .ledger_status .tab .radio_box:after{display:block; content:''; clear:both}
.ledger_status .tabmenu li{width:120px; margin-right:10px; border-radius:5px 5px 0 0; border:1px solid #e5e5e5; border-bottom:0; text-align: center; height:40px; line-height:40px; float:left; cursor:pointer}
.ledger_status .tabmenu li.on{background-color:#00a1e9; color:#fff}
.ledger_status .tab .radio_box{padding:10px 0}
.ledger_status .tab .radio_box .btn_more{float:right}
.ledger_status .tab .radio_box .btn_more img{transform:rotate(-90deg); width:12px; margin: 7px 0 0 3px;}
body#dashboard table th{background-color:#ddd}
body#dashboard table td,
body#dashboard table th{border-right:1px solid #f2f2f2}
body#dashboard table td:last-child,
body#dashboard table th:last-child{border-right:1px solid #dfdfdf}
body#dashboard table tr.last td,
body#dashboard table tr.last th{background-color:#eee}
body#dashboard table td.text-left span{display:inline-block;width:100%; max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.dashboard_contents .search_area{background-color:#fff; border-radius:6px; padding:10px}
.dashboard_contents .search_area li{display:inline-block; vertical-align: top}
.dashboard_contents .search_area .toggleBtns{display:inline-block; width:auto; background-color:#fff; border:1px solid #e5e5e5; border-radius:5px; overflow:hidden}
.dashboard_contents .search_area .toggleBtns a {display:inline-block; float:left; font-size:12px; padding:5px 8px; margin:0; border-right:1px solid #e5e5e5}
.dashboard_contents .search_area .toggleBtns a.tgyear{border-right:0}
.dashboard_contents .search_area .toggleBtns a.active{background-color:#00a1e9; color:#fff}
.dashboard_contents .search_area .form-group.btn_wrap{padding:0; width:auto; margin-left:10px;background-color:#fff; float:none}
.dashboard_contents .search_area .form-group.btn_wrap .btn{width:70px; height:26px; margin-top:1px; line-height:26px; font-size:11px;}
.dashboard_contents section{float:left; overflow:visible; width:calc(50% - 7.5px); margin-right:15px; padding: 8px; background-color: #f8f8f8; margin-top: 15px; border-radius: 6px;}
.dashboard_contents section:nth-of-type(2n){margin-right:0}
.section_top{text-align:left; padding:0; padding-bottom:5px}
.section_top h6{font-size: 13px; display: inline-block; color: #fff; background-color: #333; border-radius: 10px 25px; padding: 6px 17px; vertical-align: top}
.dashboard_contents .table_area{height:auto; min-height:452px}
.dashboard_contents .table_area.item_interest{height:auto; min-height:422px}
.dashboard_contents .table_area.item_interest .dropdown_area .dropdown:nth-child(1){width:250px}
.dashboard_contents .table_area.item_interest .dropdown_area .dropdown dd ul{width:100%}
.dashboard_contents .table_area.item_interest .dropdown_area .dropdown dd ul li label span{width:calc(100% - 20px); font-size:10px}

.dashboard_contents .table_area.store_status{height:auto; min-height:907px}
.dashboard_contents .table_area td{background-color:#fff}
.dashboard_contents section table,
.dashboard_contents section .toastui-chart-wrapper{margin-top:8px;border: 1px solid #e5e5e5;; background-color:#fff}
#chart-area canvas{height:300px}
.dashboard_contents .section_top .stbtn{font-weight:bold; font-size:12px; float:right; margin-top:7px}
.dashboard_contents .section_top .stbtn img{width:16px; margin-right:3px}
.section_top .btn_fullSC{border-bottom:1px solid #333; color:#333}
#fullScreen{transform:scale(0); position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .75); border-radius:0; z-index: 9999}
#fullScreen.show{transform:scale(1);}
#fullScreen .close{position:absolute; top:30px; right:30px; width:16px;}
#fullScreen .graph_box{width:80vw; position:absolute; top:50%; left:50%; transform: translate3d(-50%, -50%, 0)}
.dashboard_contents .section_top .btn_fullSC img{width:11px; margin-top:3px}

.section_top .btn_excel{border-bottom:1px solid #006941; color:#006941}
.dashboard_contents .section_top .stbtn.btn_more{margin-left: 10px}
.dashboard_contents .section_top  .btn_more img{transform:rotate(-90deg); width:10px; vertical-align: middle;}
.dashboard_contents .wd70{width:calc(70% - 7.5px); margin-right:15px}
.dashboard_contents .wd30{width:calc(30% - 7.5px); margin-right:0}
.dashboard_contents .wd60{width:calc(55% - 7.5px); margin-right:15px}
.dashboard_contents .wd40{width:calc(45% - 7.5px); margin-right:0}

.table_2dev table{width:calc(50% - 4px); margin-right:3px; margin-right:3px; float:left}
.table_2dev table.table_worst{margin-right:0}
#chart-area4{width:calc(50% - 4px); margin-right:8px; float:left;}
#chart-area5{width:calc(50% - 4px); float:left}

body#dashboard .table_best thead tr th,
body#dashboard .table_best tbody tr:last-child td{background-color:#e8fbf0; color:#333;  font-weight:normal}
body#dashboard .table_best thead tr:nth-child(1) th{background-color:#00bd54; color:#fff}

body#dashboard .table_worst thead tr th,
body#dashboard .table_worst tbody tr:last-child td{background-color:#f4f4ff; color:#333;  font-weight:normal}
body#dashboard .table_worst thead tr:nth-child(1) th{background-color:#464564;color:#fff;}

/* dropdown */
.dropdown_area{display:inline-block; text-align:left}
.dropdown_area .drop-down{text-align:left; font-size:12px; width:150px; display:inline-block; float:left; margin-left:10px}
/* .dropdown_area .drop-down:nth-child(2){width:110px}
.dropdown_area .drop-down:nth-child(2) dd ul{width:110px} */
.drpboxArw{display:inline-block;height:28px; line-height:28px;width:12px; float:right}
.dropdown_area .drop-down dt {border:1px solid #e5e5e5; background-color:#fff; height:28px; line-height:28px; padding:0 10px 3px; position:relative;z-index: 1}
.dropdown dt a{display:block; width:100%; height:100%}
.dropdown_area .drop-down dd{position:absolute; z-index: 2; top:0; width:100%}
.dropdown_area .drop-down dt span,
.dropdown_area .multiSel span {cursor: pointer;display: inline-block; font-size:12px; font-weight:normal}

.drop-down dd ul {
  border: 0;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 28px;
  width: 100%;
  list-style: none;
  height: auto;
  overflow: auto;
  background-color: #eee;
  padding:8px;
  z-index: 10
}

.drop-down span.value {
  display: none;
}

.drop-down dd ul li {display: block; width:100%; font-size:12px; margin-bottom:5px}
.drop-down dd ul li:last-child{margin-bottom:0}
.drop-down dd ul li .checkbox_wrap{float:none; width:100%}
.drop-down dd ul li .checkbox_wrap input{width:14px; height:14px; margin:0; border-radius:2px}
.drop-down dd ul li .checkbox_wrap span{font-size:12px; margin:0 0 0 5px; width:calc(100% - 20px)}
.drop-down dd ul li .checkbox_wrap input[type="checkbox"]:after{margin-top:0; width:14px; height:14px}
.drop-down dd ul li .checkbox_wrap input[type="checkbox"]:checked:before,
.drop-down dd ul li .checkbox_wrap .checkbox input[type="checkbox"]:checked:before,
.drop-down dd ul li .checkbox_wrap .checkbox-inline input[type="checkbox"]:checked:before { top: 1px; left: 5px; width: 5px; height: 9px}
.drop-down dd ul li a:hover { background-color: #fff}
.drop-down .sort{width:14px; vertical-align: middle; margin-top:-2px}
.select_items{width:100%; height:auto; min-height:30px; background-color:#fff; border:1px solid #e5e5e5; padding:0 5px}
.multiSel li{display:inline-block; position:relative; padding:0 10px; height:20px; line-height:18px; font-size:12px; border-radius:30px; background-color:#333333; color:#fff; margin-right:4px; vertical-align: middle;}
.multiSel li .close{width: 8px;float: none; vertical-align: middle; display: inline-block; margin: 4px 0 0 4px}

/* menu.active */
body.basic_ #gnb.active .menu02.active .depth02,
body.ledger_ #gnb.active .menu03.active .depth02,
body.franchise_analysis #gnb.active .menu04.active .depth02,
body.franchise_dashboard_brand #gnb.active .menu04.active .depth02,
body.franchise_dashboard_store #gnb.active .menu04.active .depth02,
body.item_analysis #gnb.active .menu05.active .depth02,
body.item_dashboard_prdtop #gnb.active .menu05.active .depth02,
body.item_dashboard_prd #gnb.active .menu05.active .depth02,
body.manager_dashboard_staff #gnb.active .menu06.active .depth02,
body.manager_ #gnb.active .menu06.active .depth02,
body.sales_analysis #gnb.active .menu09.active .depth02,
body.qcs_ #gnb.active .menu010.active .depth02,
body.sales_ #gnb.active .menu08.active .depth02{display:block}



/* basic_item_base */
#basic_item_base .table_area table tr td:nth-child(3){width:500px}
#basic_item_base .table_area table tr td:nth-child(3) .btn_link{width:auto; display:inline-block;}

#excel_conversion .upload_input input{width:calc(100% - 75px); float:left}
#excel_conversion .upload_input .btn{width:70px; margin-left:5px}

/* ledger_ */
#ledger_manage section.calendar_area, section.file_area{width:350px; float:left; display:inline-block;}
#ledger_manage .cont_inner > section.table_area{width:calc(100% - 365px); margin-left:15px; margin-top:0; float:right; height:563px;}
#ledger_manage .table_area .table_wrap table td:nth-child(1) span{max-width:255px}
#ledger_manage .table_area .table_wrap table td:nth-child(3) span{max-width:155px}
section.file_area{margin-top:15px;}
.calendar_area .special-buttons{display:none}
.calendar_area .prev-button,
.calendar_area .next-button{text-indent:-9999px; font-size:0px; color:transparent; background:url(../img/arrow_gray.svg) no-repeat center; padding:0; width:20px; height:20px; background-size:8px 15px}
.calendar_area .next-button{transform:rotate(180deg);}
.calendar_area .week .day.header{font-size:100%; font-size:13px}
.calendar_area .day span, .calendar_area .day.today span{font-size:100%;font-size:13px}
.calendar_area .month-container span{font-size:14px}
.cont_inner > section.file_area .form-group{width:100%}
.cont_inner > section.file_area .form-group:nth-child(2){margin-top:5px}
.cont_inner > section.file_area .form-group .control-label,
.cont_inner > section.file_area .form-group .input_box{width:100%}
#ex_length{width:100%}
.cont_inner > section.file_area .form-group .control-label{text-align:left; padding:0}
.cont_inner > section.file_area .form-group .upload-name{width:calc(100% - 85px); margin-right:5px; float:left;}
.cont_inner > section.file_area .form-group .file_input_wrap{width:80px; border: 1px solid #D9D9D9; background-color:#f2f2f2; color:#1f1f1f}
#ex_filename{display:none}
.cont_inner > section.file_area .form-group:last-child{border-bottom:0}
.cont_inner > section.file_area .form-group .btn_wrap{text-align: right; height:36px}
.cont_inner > section.file_area .form-group .btn_wrap .btn{width:80px; float:none; margin:8px 3px 0 0}
.cont_inner > section.file_area .form-group .btn_wrap .btn:last-child{margin-right:0}
#ledger_manage .table_area{position:relative;}
#ledger_manage .table_area .table_wrap{height:307px; overflow:auto}
#ledger_manage .table_area .tabmenus .btn{position:absolute; right:15px; top:23px; width:110px}
#ledger_manage .table_area .tabmenus ul{margin-top:-15px}
#ledger_manage .table_area .tabmenus ul li{width:80px; height:40px; line-height:40px; border-radius:0 0 10px 10px; border:0; background-color:#f8f8f8; color:#666; border:1px solid #e5e5e5}
#ledger_manage .table_area .tabmenus ul li.on{background-color:#333; color:#fff; border-color:#333}


.table_area .table_top{padding:10px 15px; text-align:right}
.table_area .table_top span{display:inline-block; font-size:13px; margin-left:10px; font-family: 'S-CoreDream-4Regular'}
.table_area .table_top span b{display:inline-block; font-size:13px; font-family: 'S-CoreDream-4Regular'}
.table_area .table_wrap table td[colspan="13"]{text-align:center}


#popup_import p.message{padding-right:10px; padding-left:10px}
#popup_import .btn_wrap{padding:10px 20px 20px}
/* franchise_analysis */
.franchise_analysis .graph_area{margin-bottom:10px; border-radius:0}
.graph_area .toastui-chart-wrapper canvas{max-width:100%; max-height:100%;}
#franchise_analysis_purchase .graph_area{width:49.5%; margin-right:1%; float:left; padding:0}
#franchise_analysis_purchase .graph_area2{margin-right:0}
#franchise_analysis_purchase .graph_area .table_wrap{overflow:auto}
#franchise_analysis_purchase .graph_area .table_wrap th:nth-child(1){width:80px}
#franchise_analysis_purchase .graph_area .table_wrap table{border:0}
#franchise_analysis_purchase .graph_area2 .table_wrap table{min-width:1000px}
#franchise_analysis_purchase .graph_area{height:auto; min-height:593px; background-color:#fff}


#franchise_analysis_ranking .table_area .table_wrap table td:nth-child(2) span{max-width:278px}
#franchise_analysis_ranking .table_area .table_wrap table td:nth-child(3) span{max-width:183px}
#franchise_analysis_risk .table_area .table_wrap table td:nth-child(1) span{max-width:208px}
#franchise_analysis_risk .table_area .table_wrap table td:nth-child(2) span{max-width:310px}
#item_analysis_month .table_area .table_wrap table td:nth-child(1) span{max-width:100px}
#item_analysis_purchase .graph_area .table_wrap table td:nth-child(1) span{max-width:140px}
#item_analysis_purchase .graph_area2 .table_wrap table td:nth-child(1) span{max-width:400px}
#item_analysis_ranking .table_area .table_wrap table td:nth-child(2) span{max-width:300px}

.sub .dashboard_contents .search_area{
  width: 100%;
  margin-right: 15px;
  margin-top: 15px;
  border-radius: 6px;
  padding: 15px 15px 7px 15px;
  background-color: #f2f2f2;
}
.sub .dashboard_contents .search_area .form-group.btn_wrap{background-color:transparent}
.franchise_dashboard_brand .search_area ul li:nth-child(4),
.franchise_dashboard_brand .search_area ul li:nth-child(5){width:290px}
.franchise_dashboard_brand .search_area ul li:nth-child(4) .input_box,
.franchise_dashboard_brand .search_area ul li:nth-child(5) .input_box{width:calc(100% - 53px)}
.franchise_dashboard_brand .search_area ul li:nth-child(4) .control-label,
.franchise_dashboard_brand .search_area ul li:nth-child(5) .control-label{width:50px}

body.sub.franchise_dashboard_store#dashboard #container .cont_inner{max-width:1116px}
.franchise_dashboard_store .dashboard_contents .search_area .form-group.btn_wrap{float:right}
.franchise_dashboard_store .search_area ul li:nth-child(5){margin-left:85px}
.sub.franchise_dashboard_store .dashboard_contents .search_area .form-group.btn_wrap{float:right}
/* .franchise_dashboard_store .search_area ul li:nth-child(6),
.franchise_dashboard_store .search_area ul li:nth-child(5){width:275px}
.franchise_dashboard_store .search_area ul li:nth-child(6) .control-label,
.franchise_dashboard_store .search_area ul li:nth-child(5) .control-label{width:35px}
.franchise_dashboard_store .search_area ul li:nth-child(6) .input_box,
.franchise_dashboard_store .search_area ul li:nth-child(5) .input_box{width:calc(100% - 38px)}

.item_dashboard_prdtop .search_area ul li:nth-child(4){width:275px}
.item_dashboard_prdtop .search_area ul li:nth-child(4) .control-label{width:35px}
.item_dashboard_prdtop .search_area ul li:nth-child(4) .input_box{width:calc(100% - 38px)} */
.item_dashboard_prdtop .search_area ul li:nth-child(4){margin-left:85px}
.sub.item_dashboard_prdtop .dashboard_contents .search_area .form-group.btn_wrap{float:right}
.item_dashboard_prd .search_area ul li:nth-child(4){margin-left:85px}
.sub.item_dashboard_prd .dashboard_contents .search_area .form-group.btn_wrap{float:right}
#item_analysis_period .search_area ul li:nth-child(5){margin-left:100px}
#item_analysis_period .dashboard_contents .search_area .form-group.btn_wrap{float:right}
#item_analysis_period .search_area ul li:nth-child(1){margin-left:15px}




#manager_list .table_area .table_wrap table td:nth-child(1) span{max-width:150px}
#manager_list .table_area .table_wrap table td:nth-child(2) span{max-width:270px}


#manager_analysis_purchase .table_wrap table tr td:nth-child(2){max-width:280px}
#manager_analysis_purchase .table_wrap table tr td:nth-child(3){max-width:185px}

#basic_brand_info .table_wrap table tr td:nth-child(1) span{max-width:390px}

#basic_chain_info .table_wrap table tr td:nth-child(1){max-width:160px}
#basic_chain_info .table_wrap table tr td:nth-child(2) span{max-width:290px}

#basic_item_classify .table_wrap table tr td:nth-child(1){max-width:455px}

#basic_item_base .table_wrap table tr td:nth-child(3) span{max-width:500px}

.basic_area_ .search_area li:nth-child(2),
.basic_area_ .search_area li:nth-child(3){width:50%}



.form-group.compare .input_box .input{width:49%; position:relative; float:left}
.form-group.compare .input_box .input input{width:100%; text-align:right; padding-right:25px}
.form-group.compare .input_box .input em{position:absolute; top:6px; right:10px; font-size:12px; font-family: 'S-CoreDream-4Regular'; font-weight:bold;}
.form-group.compare .input_box .select_wrap{width:49%; margin-left:2%}

/* item_ */
.item_analysis .graph_area{margin-bottom:10px; border-radius:0}
/* #item_analysis_purchase .graph_area:after{display:block; content:''; clear:both}
#item_analysis_purchase .graph_area #chart-area,
#item_analysis_purchase .graph_area #chart-area2,
#item_analysis_purchase .graph_area .table_wrap{width:50%; float:left} */

#item_analysis_purchase .graph_area{width:39.5%; margin-right:1%; float:left; padding:0}
#item_analysis_purchase .graph_area2{width:59.5%; margin-right:0}
#item_analysis_purchase .graph_area .table_wrap{overflow:auto}
#item_analysis_purchase .graph_area .table_wrap th:nth-child(1){width:80px}
#item_analysis_purchase .graph_area .table_wrap table{border:0}
/* #item_analysis_purchase .graph_area2 .table_wrap table{min-width:1000px} */

#item_analysis_ranking .table_wrap table td:nth-child(3) span.txt_ellipsis{max-width:350px}

/* manager_ */
#manager_analysis_month .table_area .table_wrap table td,
#manager_analysis_month .table_area .table_wrap table th{padding: 0 5px}
#manager_analysis_month .table_area .table_wrap table td:nth-child(2){text-align:left}
#manager_analysis_month .table_area .table_wrap table th[colspan="3"],
#manager_analysis_month .table_area .table_wrap table thead tr:nth-child(2) th:nth-child(1),
#manager_analysis_month .table_area .table_wrap table thead tr:nth-child(2) th:nth-child(2),
#manager_analysis_month .table_area .table_wrap table thead tr:nth-child(2) th:nth-child(3){background-color:#e9e9e9}
.table_area .table_wrap table tr.content_tr td{height:auto; padding:0}
.table_area .table_wrap table tr.content_tr td table td{height:35px; padding:0}
.content_tr_inner{display:none}
#manager_analysis_month .table_area .table_wrap table tr.content_tr td {background-color: #fff4d3}
#manager_analysis_month .table_area .table_wrap table tr.content_tr > td{padding:0}
#manager_analysis_month .table_area .table_wrap table td:last-child{text-align:center}


.tab{display:none;}
.tab:after{display:block; content:''; clear:both;}
/* img upload */
.img_wrap{display:inline-block;}
.img_wrap .upImg{margin-right:10px;}
.img_wrap:after{display:block; content:''; clear:both;}
.upImg{
width:100%;
height:320px;
background-color: #fff;
position: relative;
display: inline-block;
float: left;
border-radius:6px;

}
.upImg{  margin:5px auto; display:inline-block; }
/* .filebox{float: left; position:relative; overflow:hidden;border: 1px solid #E5E5E5;} */
.btn_img_add{display:inline-block; padding-top:100px}
.btn_img_add span{display:block; font-size:14px; text-align:center; margin-top:10px;}
.btn_img_add img{width:20px; height:20px; display:block; margin:0 auto;}
.no_img{position:absolute;top:0; bottom:0; left:0; right:0; margin:auto;  width:100%; font-size: 14px; text-align:center;padding-top:60px}
.no_img img{opacity:.5}
.no_img p{margin:5px auto 20px; color:#666;}
.no_img a{ width:100px; font-weight:normal; height:30px; line-height:25px; border-radius:4px; display:inline-block;}
/* imaged preview */
.upfile input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.upfile .upload-name {-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }



/* menu_cate_list */
.tabmenus.cate_tab{text-align:center; border-bottom:0; padding-bottom:30px; position:relative;}
.tabmenus.cate_tab ul{width:450px; display:inline-block;}
.tabmenus.cate_tab li{width:150px; margin-right:0; float:left; border-bottom:1px solid #ccc; color:#222; background-color:transparent}
.tabmenus.cate_tab li.on{border-bottom:2px solid #4FA078; color:#4FA078; background-color:transparent}

.img_box{position:relative; background-color:#f8f8f8}
.img_box img{width:100%;}
.img_box_wrap{background-color:#f9f9f9; }
.img_box_wrap .input_box{background-color:#fff; width:calc(100% - 120px); float:left}
.del-img{position:absolute; top:10px; right:10px; width:13px; height:13px;}
.btn.del-img{padding:0 10px}


.sub section > h4{margin-bottom:20px; font-size:20px}
.sub section > h4 span{display:block; font-size: 14px; color:#ccc}
hr.dashed{border-bottom:1px dashed #ddd; height:1px;}

.table_bottom *{font-size: 14px; padding:5px 5px 10px}
.table_bottom > div strong{display:inline-block; font-size:18px}


.form-group.toggle_{background-color:#f8f8f8}
.form-group.toggle_ .toggle_div{background-color:#fff; min-height:50px; padding-bottom:10px}
.form-group .toggle_div .toggle_wrap{display:inline-block; width:auto; padding:0 15px 0 6px; height:30px; border-radius:30px; margin-top:10px; margin-right:5px; float:left}
.toggle_wrap input{display:inline-block; width:auto; height:auto; vertical-align: top; margin-top:1px; width:15px; margin-right:5px}
.toggle_wrap input:after{border:0; background-color:transparent}
.toggle_wrap{background-color:#eee; border:1px solid #e5e5e5; transition:240ms all; user-select: none; cursor:pointer}
.toggle_wrap *{transition:240ms all}
.toggle_wrap span{font-size:14px; line-height:27px !important}
.toggle_wrap.selected{background-color:#4fa078; border-color:#4fa078; transition:240ms all}
.toggle_wrap.selected span{color:#fff}
.toggle_wrap input[type="checkbox"]:checked:after,
.toggle_wrap .checkbox input[type="checkbox"]:checked:after,
.toggle_wrap .checkbox-inline input[type="checkbox"]:checked:after{background-color:transparent; border-color:transparent}


/* img upload */
.img_wrap{display:inline-block;}
.img_wrap .upImg{margin-right:10px;}
.img_wrap:after{display:block; content:''; clear:both;}
.upImg{
width:100%;
height:320px;
background-color: #fff;
position: relative;
display: inline-block;
float: left;
border-radius:6px;

}
.upImg{  margin:5px auto; display:inline-block; }
/* .filebox{float: left; position:relative; overflow:hidden;border: 1px solid #E5E5E5;} */
.btn_img_add{display:inline-block; padding-top:100px}
.btn_img_add span{display:block; font-size:14px; text-align:center; margin-top:10px;}
.btn_img_add img{width:20px; height:20px; display:block; margin:0 auto;}
.no_img{position:absolute;top:0; bottom:0; left:0; right:0; margin:auto;  width:100%; font-size: 14px; text-align:center;padding-top:60px}
.no_img img{opacity:.5}
.no_img p{margin:5px auto 20px; color:#666;}
.no_img a{ width:100px; font-weight:normal; height:30px; line-height:25px; border-radius:4px; display:inline-block;}

/* .inquiry_ .form-group.textarea{max-height:400px;} */
.reply_write textarea{border:1px solid #ddd}
.readonly textarea{border:0;}

/* imaged preview */
.upfile input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.upfile .upload-name {-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }






@media (max-height:800px){
#request_add_photo {
height: 560px;
top: 3%;
}
@media (max-height: 720px){
#request_add_photo {
  height: 540px;
}
}

}

.popup section {
box-shadow: none;
border: 0;
padding: 0;
width: auto;
height: 100%
}


.input_area:after {
display: block;
content: '';
clear: both;
}

.search_date label {
width: 140px;
display: inline-block;
margin-right: 22px;
position: relative;
}

.search_date label img {
width: 15px;
position: absolute;
top: 10px;
right: 10px;
}

.search_date strong {
font-size: 22px;
position: absolute;
top: 10%;
right: 33%;
font-weight: 400;
color: #666;
}

.search_date label:last-child {
margin-right: 0;
float: right;
}

.search_word {
float: right;
width: 47%;
}

.search_word input {
width: 330px;
}
.upload_wrap {
background-color: #fff;
border: 1px solid #C8C9CE;
border-radius: 2px;
width: 810px;
float: left;
}

.img_upload span {
display: block;
width: 45%;
padding: 0 15px;
position: relative;
margin: 15px 0
}

.img_upload span:nth-child(1) {
margin-bottom: 0
}

.img_upload span img {
position: absolute;
top: 10px;
right: 10px;
width: 15px;
height: 12px;
}

.img_upload input[type="file"] {
display: none
}

.img_upload a.btn_add strong {
color: #666;
font-size: 15px;
display: inline-block;
line-height: 2.3;
width: 100%;
text-align: center;
}

.img_upload label img {
width: 27px;
box-sizing: border-box;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 1px;
margin: auto;
}

/* #container{width:94%; min-width:1024px; margin:0 auto;} */





/********************************** 220425 수정 **********************************/
body{width:100%; height:100vh;  overflow:hidden}
#header{text-align:center; height:50px;  box-shadow:1px 1px 3px rgba(0, 0, 0, .15); z-index: 100; position:relative;}
#header{width:calc(100% - 200px); display:flex; float:right; transition: 500ms all}

#header #logo{padding-top:20px; display:none}
.menu_right{position:absolute; right:30px; top:8px; width:auto; line-height:32px}
.menu_right:after{display:none}
.menu_right .login_type{color:#333}
.menu_right .btn_logout{border-radius:5px 15px; background-color:#00a1e9; height:35px; line-height:35px}

.btn_logout img{width:12px; vertical-align: middle;margin:-2px 0 0 2px}
.gnb_top{position:absolute; top:20px; left:16px;}
#gnb .gnb_top{width:0px; overflow:hidden; transition:500ms all}
#gnb.active .gnb_top{width:160px; max-width:calc(100% - 20px); overflow:hidden}

#gnb .gnb_top h3{width:100%; display:block !important}
.side_menu_top.menu_txt{color: #b5b6b6; font-family: 'S-CoreDream-4Regular'; font-weight:bold;}
.side_menu_top.menu_txt strong{display:block; font-family: 'S-CoreDream-4Regular'; font-weight:bold;}
.menu_txt.side_menu_top{font-size:28px}

#gnb{
  margin:0; width:60px;height:100vh; padding-top:8%; display:flex; background-color:#333333; box-shadow:3px 3px 6px rgba(0, 0, 0, .05); z-index: 11; transition:500ms all; overflow:hidden; float:left; border-radius:0 10px 10px 0}
#gnb > ul{width:100%}
#gnb > ul > li{width:auto; border:0; background-color:transparent; border-radius:0; position:relative; text-align:left; opacity: .55}
#gnb > ul > li:hover,
#gnb > ul > li:active,
#gnb > ul > li:focus,
#gnb > ul > li.active,
#gnb > ul > li.menu07{opacity: 1}
#gnb > ul > li .menu_tit{height:auto; line-height:1; display:inline-block; background-color:transparent; position:relative;color:#666666; overflow:hidden; width:18px;padding-left:21px; height:30px; line-height:30px; width:100%}
#gnb > ul > li .menu_tit img{position:absolute; top:0; left:20px; bottom:0; margin:auto; width:14px; height:14px}
#gnb > ul > li .menu_tit.btn_logout img{float:none}
#gnb > ul > li .menu_tit span{display:inline-block; vertical-align: top; width: 140px; margin:0 0 0 40px; color:#666; font-size:13px; font-family: 'S-CoreDream-4Regular';}
#gnb > ul > li.active .menu_tit:after{display:block; content:''; position:absolute; right:0; top:0; margin:auto; width:2px; height:35px; background-color:#ffffff}

#gnb > ul > li.active .menu_tit{background-color:transparent; color:#666}
/* #gnb.active > ul > li .depth02{visibility: visible;} */

#gnb.active{width:200px}
#gnb.active ul{width:100%;}
#gnb.active ul li{width:100%}
#gnb.active ul li .menu_tit span{color:#fff}
#gnb.active > ul > li .menu_tit:after{display:none;width:100%}
#gnb ul.depth02{padding:15px 0 10px 60px; width:200px}

.pc_side_menu{margin:18px 30px; display:inline-block; vertical-align: top; height: 15px;}
.pc_side_menu img{width:20px; vertical-align: top}

#gnb > ul > li.active .menu_tit:hover,
#gnb > ul > li.active .menu_tit:active{color:#ffffff}
#gnb > ul > li.menu07 .btn_logout{padding:0 0 0 21px; }
.btn_logout img{float:none}
.bb0{border-bottom:0}
.bte5e5e5{border-top:1px solid #e5e5e5}

body.sub #container{width:calc(100% - 200px); height:calc(100vh - 50px); overflow:auto; position:relative; transition: 500ms all; display:block}
#container{display:flex; overflow:auto}
/* body.sub #container .cont_inner{width:100%; max-width:1500px; height: calc(100% - 40px); padding:30px; background-color:#fff; box-shadow:3px 3px 6px rgba(0, 0, 0, .05); border-radius:15px; box-sizing:border-box} */
body.sub #container .cont_inner{width:100%; max-width:1340px; height:auto; min-height: calc(100% - 50px); padding:20px}

/* max-width:864px*/
body.mw660 #container .cont_inner{max-width:700px}

/* max-width:980px*/
body.mw980 #container .cont_inner,
body.mw980#dashboard #container .cont_inner{max-width:1020px}

/* basic_manager_info */
body#basic_manager_info .table_area .table_wrap table td:nth-child(1),
body#basic_manager_info .table_area .table_wrap table th:nth-child(1){text-align:center}

/* basic_brand_info */
body#basic_brand_info .table_area .table_wrap table td:nth-child(2),
body#basic_brand_info .table_area .table_wrap table th:nth-child(2){text-align:center}

/* basic_chain_info */


/* basic_item_classify */
body#basic_item_classify .table_area .table_wrap table td:nth-child(1){text-align:left}

/* basic_item_base */
body#basic_item_base .table_area .table_wrap table td:nth-child(1),
body#basic_item_base .table_area .table_wrap table th:nth-child(1){text-align:center}
body#basic_item_base .table_area .table_wrap table td:nth-child(2),
body#basic_item_base .table_area .table_wrap table th:nth-child(2){text-align:center}
body#basic_item_base .table_area .table_wrap table td:nth-child(4),
body#basic_item_base .table_area .table_wrap table th:nth-child(4){text-align:center}
body#basic_item_base .table_area .table_wrap table td:nth-child(5),
body#basic_item_base .table_area .table_wrap table th:nth-child(5){text-align:center}
body#basic_item_base .table_area .table_wrap table td:nth-child(6),
body#basic_item_base .table_area .table_wrap table th:nth-child(6){text-align:center}

/* franchise_analysis_period */





.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month{background-color:#fff; padding:0 10px; border:1px solid transparent; position:relative; font-size:13px}
.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month{
    background-image: url(../img/arrow.svg);
    background-size: 12px 8px;
    background-repeat:no-repeat;
    background-position:95% center

}
.ui-datepicker select.ui-datepicker-month{float:right;}
.ui-datepicker select.ui-datepicker-year{float:left}
.ui-datepicker th{height:auto; line-height:1};
.ui-datepicker td{width:40px; height:30px}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{border:1px solid transparent; width:35px; height:25px; box-sizing: border-box;}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{background-image: url(../img/arrow.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 95% center;}
  .ui-datepicker .ui-datepicker-prev span{transform: rotate(90deg);}
  .ui-datepicker .ui-datepicker-next span{transform: rotate(-90deg);}

/* ui-state-hover */

#ledger_list .search_area ul li:nth-child(1){width:640px; margin-bottom:0}
.date .toggleBtns{display:inline-block; width:auto; background-color:#fff; border:1px solid #e5e5e5; border-radius:5px; overflow:hidden; margin-right:10px}
.date .toggleBtns a {display:inline-block; float:left; font-size:12px; padding:5px 8px; margin:0; border-right:1px solid #e5e5e5; width:40px; text-align:center}
.date .toggleBtns a.tgyear{border-right:0}
.date .toggleBtns a.active{background-color:#00a1e9; color:#fff}
#ledger_list .search_area ul li:nth-child(1) .date label, #ledger_list .search_area ul li:nth-child(1) .date strong{vertical-align: top}
#ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box input {width: 182px}
#ledger_list .table_area .table_wrap table td:nth-child(2) span{max-width:117px;}
#ledger_list .table_area .table_wrap table td:nth-child(3) span{max-width:128px;}
#ledger_list .table_area .table_wrap table td:nth-child(5) span{max-width:68px}
#ledger_list .table_area .table_wrap table td:nth-child(6) span{max-width:330px}



/*******************************************************************************************************/

.mobile_view{display:none}

@media (max-width:1770px){
  body#login{min-width:0; width:100%}
  body{min-width:0}
}
@media (max-width:1441px){

  html, body{overflow:auto}
  body.sub #container{max-width:1300px}
  #login .login_div .login_hd p{font-size:26px}
  #login h1#logo{width:140px}
  #login .login_div input{margin-bottom:15px; margin-top:0; height:45px; line-height:45px}
  #login .login_div input#member_pw{margin-bottom:25px}



  .dashboard_contents .table_area.item_interest{width:calc(60% - 7.5px); float:left}
  .dashboard_contents section:nth-of-type(2){width:calc(40% - 7.5px)}

  .date_box.form-group .input_box input{width:98px; font-size:10px}
  /* .search_area ul li{width:298px}
  .search_area ul li.form-group.item_name{width:597px} */

  /* max-width:864px*/
  /* body.mw660 #container .cont_inner{max-width:615px} */

  /* max-width:980px*/
  /* body.mw980 #container .cont_inner{max-width:915px} */

  #manager_analysis_month .cont_inner > section.search_area ul li:nth-child(1) .select_wrap{float:left}


}

@media (max-width:1400px){

  /* .dashboard_contents .search_area .toggleBtns a,
  .form-group .control-label,
  .dashboard_contents .section_top .stbtn,
  table thead th, table tbody td,
  #ledger_manage .table_area .tabmenus ul li,
  input, .select_wrap select{font-size:10px}

  .section_top h6{font-size:11px} */
  .menu_txt.side_menu_top {font-size: 20px}
  .cont_inner > section.search_area {padding: 15px 10px 7px 0px}
  /* .search_area ul li {width: 280px} */
  .date_box.form-group .input_box input{width:90px}
  .date label img {width: 11px;top: 8px;right: 6px}
  .search_area ul li.btn_wrap{margin-right:2px}
  /* .search_area ul li.form-group.item_name {width: 560px} */
  /* max-width:864px*/
  /* body.mw660 #container .cont_inner{max-width:575px} */

  /* max-width:980px*/
  /* body.mw980 #container .cont_inner{max-width:855px} */

  #chart-area canvas{max-height:370px}
  .dashboard_contents .table_area{min-height:430px}
  #chart-area3 canvas{max-height:367px}
  #chart-area4 canvas,
  #chart-area5 canvas{max-height:367px}
  .dashboard_contents .table_area.store_status {min-height: 865px}
  #chart-area6 canvas,
  #chart-area7 canvas{max-height:393px}




}


@media (max-width:1281px){
  /* html, body{min-width:0; width:100%} */
  #gnb{padding-top:11%}
  #hd_title {font-size: 18px; margin-top: 12px}
  .title2 {font-size: 13px; margin: 16px 0 0 10px}
  .pc_side_menu{margin-right:15px}
  .menu_right{padding-right:0}
  .menu_right .btn_logout {height: 25px; line-height: 25px;  padding: 0 12px 0 17px;  font-size: 11px;  vertical-align: middle}
  .menu_right .login_type{font-size:12px}


  .dashboard_contents section{min-width:100%; margin-right:0}
  .dashboard_contents section.graph_area{margin-top:15px; text-align:center}
  #gnb.active ul li.menu.menu02{display:none}
  /* .search_area ul li {width: 272px}
  .search_area ul li.form-group .control-label{width:65px;}
  .search_area ul li.form-group .input_box{width:calc(100% - 65px)} */
  .form-group .control-label{width:65px;}
  .form-group .input_box{width:calc(100% - 65px)}


  .cont_inner > section.search_area{padding:10px}
  /* .date_box.form-group .input_box input {width: 94px} */
  /* .search_area ul li.form-group.item_name {width: 544px} */

  .cont_inner > section.table_area,
  #franchise_analysis_purchase .table_wrap{overflow:auto}
  #ledger_list .table_area .table_wrap{width:100%; overflow:auto}
  #ledger_list .table_area .table_wrap table{min-width:1200px}
  #franchise_analysis_month .table_area .table_wrap table{min-width:1100px}


  .ft-info ul{padding-left:0}

}

/** sales_ **/
body.sub#sales_manage #container .cont_inner{max-width:1155px}
#sales_manage .cont_inner > section.file_area{margin-left:0; margin-top:0 }
#sales_manage .cont_inner > section.file_area ul:after{display:block; content:''; clear:both}
#sales_manage .cont_inner > section.slider_area{width: 350px; display: inline-block; float:left; height: 59vh; max-height: 561px; overflow:hidden; margin-top:10px}
#sales_manage .cont_inner > section.omission_store{width:750px; height: 92vh; max-height: 868px; overflow:hidden; display:inline-block; margin-left:15px; vertical-align: top; float:right}
#sales_manage .omission_store{position:relative;}
#sales_manage .omission_store .table_wrap{height:calc(100% - 102px); overflow:auto; margin-top:10px}
#sales_manage .omission_store .table_wrap table td:nth-child(1) span{max-width:255px}
#sales_manage .omission_store .table_wrap table td:nth-child(3) span{max-width:155px}
#sales_manage .slider_area{display:inline-block}
#sales_manage .slider_area .table_wrap{height:400px; overflow:auto; margin-top:10px}
#sales_manage .select_period .input_box .select_wrap{width:49.2%; display:inline-block}
#sales_manage .cont_inner > section.file_area .form-group:nth-child(1){margin-top:0}
#sales_manage .cont_inner > section.file_area .form-group{margin-top:5px}
.swiper_top{position:relative; text-align:center; margin:10px 0 25px; height:30px}
.swiper_top .swiper-button-next,
.swiper_top .swiper-button-prev{width: 30px;height: 30px; background-color: rgba(0, 0, 0, .05); border-radius: 50%;top:0; bottom:0; margin:auto}
.swiper_top .swiper-button-next:after,
.swiper_top .swiper-button-prev:after{font-size: 16px; color: #333; font-weight: bold}
.swiper_top .swiper-button-next:after{margin-left:2px}
.swiper_top .swiper-button-prev:after{margin-right:2px}
.swiper_top .swiper-button-next{right:0;}
.swiper_top .swiper-button-prev{left:0}
.swiper_top span{font-size:16px; font-family: 'S-CoreDream-5Medium';}
.slider_area .select_wrap{width:100%; height:30px}

body.sub#sales_list #container .cont_inner,
body.sub#sales_status #container .cont_inner{width:875px}

/* qcs_ */
.cont_inner > section.qcs_category{padding:0; margin-right:10px}
.cont_inner > section.qcs_category .section_top{background-color:#f2f2f2; padding:10px 20px 5px 20px}
.cont_inner > section.qcs_category .add_qcs_category{background-color:#f2f2f2; padding:0 20px 20px 20px}
.qcs_category{width: 400px; display:inline-block; vertical-align: top}
.qcs_category .add_qcs_category li{width:49%; float:left; margin-top:8px}
.qcs_category .add_qcs_category li:nth-child(2){margin-right:2%}
.qcs_category .add_qcs_category li:nth-child(1),
.qcs_category .add_qcs_category li.btn_wrap,
.qcs_category .add_qcs_category li .input_box input,
.qcs_category .add_qcs_category li .input_box .select_wrap select,
.qcs_category .add_qcs_category li .input_box .select_wrap{width:100%; }
.qcs_category .add_qcs_category li .control-label{width:55px; font-size:12px; font-weight:normal}
.qcs_category .add_qcs_category li .input_box {width: calc(100% - 60px); display:inline-block;}
.qcs_category .add_qcs_category li.btn_wrap{text-align:right; padding-top:15px}
.qcs_category .add_qcs_category li.btn_wrap .btn{width:80px}
.qcs_category .add_qcs_category li .input_box .select_wrap{height:28px; display:inline-block;vertical-align: middle}
.qcs_category .add_qcs_category li .input_box input{height:28px;background-color:#fff}
.qcs_category .add_qcs_category li .input_box .select_wrap select{height:100%;background-color:#fff}

.qcs_category .qcs_category_list {padding:20px 0}
.qcs_category_list dl{margin-bottom:15px; padding:0 20px}
.qcs_category_list dl dt{font-size:12px; font-weight:normal; width:55px; display:inline-block}
.qcs_category_list dl dd{display:inline-block; width:calc(100% - 60px)}
.qcs_category_list dl dd .select_wrap{height:28px; display:inline-block; vertical-align: middle; width:100%}
.qcs_category_list dl dd .select_wrap select{height:100%}
.qcs_item_list{height:55vh; max-height:525px; overflow: auto; text-align:center; padding-left:20px}
.qcs_item_list li {
  text-align:left;
  width: calc(100% - 20px);
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  height: 26px;
  line-height: 26px;
  background-color: #fff;
  margin-bottom: 5px;
  position:relative;
}

.qcs_item_list li.notuse {background-color: #e9e9e9; border: 1px solid #e9e9e9}
.qcs_item_list li .btn_delete{position: absolute;  top: 0;  bottom: 0;  right: 10px;  margin: auto; width:10px; height:10px}

.qcs_item_list li b {
  display: inline-block;
  width: 130px;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  font-size:12px
}
.qcs_item_list li.notuse b{color:#888}
.add_qcs_category ul:after{display:block; content:''; clear:both}

/* qcs_schd */
body.sub#qcs_schd #container .cont_inner{max-width:1020px}
body.sub#qcs_schd #container .calendar_area{margin-top:15px; padding-bottom:20px}

  /* *FullCalendar **/
  #calendar2 .fc-day-sat { color:#00a1e9; }
  #calendar2 .fc-day-sun { color:#FF0000; }
  #calendar2 .fc-col-header-cell{border:1px solid #eee; border-width:1px 0; background-color:#fff}
  #calendar2 .fc-day{border:1px solid #eee}
  #calendar2 .fc-h-event .fc-event-title-container{text-align:left; display:block; width:100%}
  #calendar2 .eventClass{cursor:pointer; background-color:#a6daf1 !important; border-color:#a6daf1 !important}
  #calendar2 .eventClass .fc-event-title{font-size:13px; color:#000; opacity: .8}
  #calendar2 .eventClass:hover .fc-event-title{opacity: 1}
  #calendar2 .fc-button{line-height:1; padding:5px; height:32px;}
  #calendar2.fc .fc-toolbar-title{font-size:20px}
  #calendar2.fc .fc-toolbar.fc-header-toolbar{margin-bottom:15px;}
  #calendar2 .fc-button.fc-today-button{line-height:32px; font-size:14px; padding:0 10px; height:32px;}
  #calendar2 .fc-button .fc-icon{font-size:20px; height:auto}
  .qcs_popup{
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate3d(-50%, -50%, 0);
  }
  #qcs_calender_lookup .popup_content {
      padding:0;
  }
  #qcs_calender_lookup .add_store {
      background-color: #f2f2f2;
      padding:20px;
  }
  #qcs_calender_lookup .popup_content .btn_wrap .btn{height:28px; line-height:27px}
  #qcs_calender_lookup .add_store li{width:100%; margin-top:8px}
  #qcs_calender_lookup .add_store li:nth-child(1){margin-top:0}
  #qcs_calender_lookup .add_store li.btn_wrap,
  #qcs_calender_lookup .add_store li .input_box input,
  #qcs_calender_lookup .add_store li .input_box .select_wrap select,
  #qcs_calender_lookup .add_store li .input_box .select_wrap{width:100%; }
  #qcs_calender_lookup .add_store li .control-label{width:55px; font-size:12px; font-weight:normal}
  #qcs_calender_lookup .add_store li .input_box {width: calc(100% - 60px); display:inline-block;}
  #qcs_calender_lookup .add_store li.btn_wrap{text-align:right; padding-top:15px}
  #qcs_calender_lookup .add_store li.btn_wrap .btn{width:55px; font-size:11px}
  #qcs_calender_lookup .add_store li .input_box .select_wrap{height:28px; display:inline-block;vertical-align: middle}
  #qcs_calender_lookup .add_store li .input_box input{height:28px;background-color:#fff}
  #qcs_calender_lookup .add_store li .input_box .select_wrap select{height:100%;background-color:#fff}

  .qcs_store_list{max-height:50vh; min-height:100px; overflow: auto; text-align:center; padding-left:20px}
  .qcs_store_list li {
    text-align:left;
    width: calc(100% - 20px);
    padding: 0 8px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    height: 26px;
    line-height: 26px;
    background-color: #fff;
    margin-bottom: 5px;
    position:relative;
    cursor:pointer
  }

  .qcs_store_list li.notuse {background-color: #e9e9e9; border: 1px solid #e9e9e9}
  .qcs_store_list li .btn_delete{position: absolute;  top: 0;  bottom: 0;  right: 10px;  margin: auto; width:10px; height:10px}

  .qcs_store_list li b {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    font-size: 12px;
    max-width: calc(100% - 30px);
  }
  .qcs_store_list li.notuse b{color:#888}
  .qcs_store_list:after{display:block; content:''; clear:both}

  .store_list {padding:20px 0}
  .store_list dl{margin-bottom:15px; padding:0 20px}
  .store_list dl dt{font-size:12px; font-weight:normal; width:55px; display:inline-block}
  .store_list dl dd{display:inline-block; width:calc(100% - 60px)}
  .store_list dl dd .select_wrap{height:28px; display:inline-block; vertical-align: middle; width:calc(100% - 60px)}
  .store_list dl dd .select_wrap select{height:100%}
  .store_list dl dd .btn{width:55px; font-size:11px}

  #qcs_store_info{width:1000px}
  #qcs_store_info .tabmenus{padding:0 0 10px 0}
  #qcs_store_info .tabmenus ul::after{content:''; display:block; clear:both;}
  #qcs_store_info .tabmenu{float: left;width: 50%;height: 32px;text-align: center;line-height: 31px; cursor:pointer; margin:0}
  #qcs_store_info .tabmenu.on::after{display:block;}
  #qcs_store_info .tabmenu02{border-left:0}
  #qcs_store_info .tabmenu01{border-right:0}
  #qcs_store_info .tabmenu.on{border-right:1px solid #333; background-color:#333; color:#fff}

  #qcs_store_info .tab{display:none}
  #qcs_store_info .tab.on{display:block}
  #qcs_store_info #tab01 ul:after{display:block; content:''; clear:both}
  #qcs_store_info #tab01 ul li{width:calc(100% - 230px); float:right; margin-left:10px}
  #qcs_store_info #tab01 ul li:nth-child(1){width:220px;float:left; margin-left:0}
  #qcs_store_info #tab02 ul li{width:calc(30% - 10px); float:left; margin-right:10px}
  #qcs_store_info #tab02 ul li:not(first-child){max-height:36vh; overflow:auto}
  #qcs_store_info #tab02 ul li:nth-child(4){width:40%;margin-right:0}
  #qcs_store_info #tab02 ul li:nth-child(1){width:100%; margin-right:0; margin-bottom:10px}
  #qcs_store_info .tab .btn_wrap .btn{width:auto; min-width:80px; padding:0 12px; font-size:11px; height:28px; line-height:26px}


  #qcs_store_info .tab table tbody tr td{border-left:1px solid #e5e5e5}
  .quality_service tbody tr th{text-align:left; font-weight:normal}
  #qcs_store_info .tab table tr.thead th{text-align:center; background-color:#eee; font-size:13px; font-weight:bold; color:#333}
  #qcs_store_info .tab table thead tr th{text-align:center; background-color:#eee; font-size:13px; font-weight:bold; color:#333}
  #qcs_store_info #tab01 table tr.tbottom th{text-align:center; background-color:#eee; font-size:13px; font-weight:bold}
  #qcs_store_info #tab01 table tr.tbottom td{text-align:center; background-color:#eee; font-size:13px; font-weight:bold}

  .store_photo tr td:after{display:block; content:''; clear:both}
  .store_photo .img_box{width:calc(98% / 3); float:left; margin-right:1%;}
  .store_photo .img_box:last-child{margin-right:0;}
  .store_photo .img_box label{height:150px; display:flex;}

  .meeting_memo{margin-top:10px}
  .meeting_memo textarea{width:100%; height:110px; resize:none; background-color:#fff}

  .qcs_popup .tab ul li .btn_wrap{padding-top:10px}
  .use_item_classify table thead tr:nth-child(2) th{background-color:#e5e5e5 !important}
  .monthly_sales_amount{border: 1px solid #dfdfdf;}
  .monthly_sales_amount p{    font-size: 13px;
    color: #454545;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #f2f2f2;
    background-color: #eee;
    text-align: center; font-weight:bold
}

body#qcs_visit #container .cont_inner{width:1020px}
#qcs_visit .table_area{width:calc(70% - 15px); margin-right:15px; float:left; margin-top:15px}
#qcs_visit .table_area:nth-of-type(3){margin-right:0; width:30%}












/******************************* mobile *************************************/


@media (max-width:1025px){
  html, body{min-width:0; overflow:auto}
#gnb{padding-top:11%}
#hd_title {font-size: 18px; margin-top: 12px}
.title2 {font-size: 13px; margin: 16px 0 0 10px}
.pc_side_menu{margin-right:15px}
.menu_right{padding-right:0}
.menu_right .btn_logout {height: 25px; line-height: 25px;  padding: 0 12px 0 17px;  font-size: 11px;  vertical-align: middle}
.menu_right .login_type{font-size:12px}

.dashboard_contents section{min-width:100%; margin-right:0}
.dashboard_contents section.graph_area{margin-top:15px; text-align:center}
#gnb.active ul li.menu.menu02{display:none}
.search_area ul li {width: 272px}
.search_area ul li.form-group .control-label{width:65px;}
.search_area ul li.form-group .input_box{width:calc(100% - 65px)}
.form-group .control-label{width:65px;}
.form-group .input_box{width:calc(100% - 65px)}


.cont_inner > section.search_area{padding:10px}
.date_box.form-group .input_box input {width: 94px}
.search_area ul li.form-group.item_name {width: 544px}

.cont_inner > section.table_area,
#franchise_analysis_purchase .table_wrap{overflow:auto}
#ledger_list .table_area .table_wrap{width:100%; overflow:auto}
#ledger_list .table_area .table_wrap table{min-width:1200px}
#franchise_analysis_month .table_area .table_wrap table{min-width:1100px}


.ft-info ul{padding-left:0}
#sales_status .search_area ul li:nth-child(1) .input_box .select_wrap{width:49.5% !important; float:left}
#sales_status .search_area ul li .input_box{vertical-align: top}

}

@media (max-width:950px){
  .mobile_view{display:block;}
  .pc_view{display:none}
  body.sub #header{display:block; width:100% !important}
  body.sub #container{display:block; width:100% !important}
  body.sub #header #logo{padding:15px 0 0 0; width:120px}
  #gnb{width:180px; position:fixed; display:block; left:-180px; top:0; bottom:0; margin:auto; z-index:1001; background-color:#fff; padding-top:20px}
  #gnb.active{width:180px}
  #gnb .gnb_top{width:auto; position:static; padding:0 15px}
  #gnb > ul > li{border:0; border-radius:0; padding-left:8px; border-bottom:1px solid #d9d9d9; margin-bottom:0; padding:0;}
  #gnb > ul > li a{text-align:left; padding:0 20px}
  #gnb > ul > li .menu_tit,
  #gnb > ul > li.menu07 .btn_logout{padding:5px 0; height:auto; vertical-align: top}
  #gnb > ul > li.active{border-color:#d9d9d9}
  #gnb > ul > li.menu02{display:none}
  #gnb ul.depth02{padding-top:15px; padding-left:22px}
  #gnb ul.depth02 li a{display:block; text-align:left; padding-left:20px; margin-bottom:8px;}
  #gnb > ul > li .menu_tit img{filter: brightness(0.5);}
  #gnb.active ul li .menu_tit span{color:#333}
  .header_inner{padding-left:70px}
  .pc_side_menu {width: 30px; height: 15px; position: absolute; left: 30px; top: 0; bottom: 0; margin: auto}
  .mobile_hd{}
  .mobile_hd .close{width:16px; height:16px; position:absolute; top:15px; right:15px;}
  .mobile_hd .menu_right{    float: none;
    width: 100%;
    text-align: left;
    padding: 20px 15px;
    display: inline-block;
    margin-top: 20px;
    position: static;
    background-color: #f2f2f2;}
  .mobile_hd .menu_right:after{display:none}
  .mobile_hd .menu_right a{display:block; margin:0;line-height:1.6; font-size: 13px;}
  .mobile_hd .menu_right a.btn_logout{ width:100%; margin-top:10px; }
  .menu_right p{line-height:1.6; font-size: 13px; color:#333 !important}
  .login_type{font-size:17px; }

  /* sub */
  body.sub #container{width:100%}

  .dashboard_contents .search_area li{margin-bottom:0}

  .dashboard_contents #calendar-wrapper,
  .dashboard_contents #chart-area{margin:0 0 20px 0; width:100%}
  .tab_ranking{width:100%; overflow-y:hidden; overflow-x:auto}
  .tab_ranking table{min-width:900px}
  .dashboard_contents section.table_area,
  .dashboard_contents section.graph_area{height:auto; min-height:0}
  .dashboard_contents .table_area .table_wrap{width:100%; overflow-x:auto}
  .dashboard_contents .table_area table{min-width:1000px}
  .dashboard_contents .table_2dev table{width:100%; min-width:0}

  .search_area ul li.form-group.empty{display:none}
  #item_analysis_purchase .graph_area #chart-area, #item_analysis_purchase .graph_area #chart-area2, #item_analysis_purchase .graph_area .table_wrap{width:100%}
  .dashboard_contents section.graph_area .toastui-chart-wrapper canvas{max-height:none; height:auto !important;}
  #chart-area4 canvas, #chart-area5 canvas {max-height: none}

  /* footer */
  .ft-info strong{display:block; margin-bottom:10px}
  .ft-info ul li{line-height:25px}

}

@media (max-width:768px){
  .search_area ul li{width:50%}
  body.sub .dashboard_contents .search_area li.form-group.toggleBtns{width:auto}
  body.sub .dashboard_contents .search_area li.form-group{width:calc(50% - 43px); float:left}
  body.sub .dashboard_contents .search_area .form-group.btn_wrap{width:100%; margin:15px 0 0 0; text-align:center;}
  body.sub .dashboard_contents .search_area .date_box.form-group .input_box input{width:110px}


.dashboard_contents .search_area .toggleBtns a, .form-group .control-label, .dashboard_contents .section_top .stbtn, table thead th, table tbody td, #ledger_manage .table_area .tabmenus ul li, input, .select_wrap select{font-size:12px}
.search_area ul li{width:280px;}
.search_area ul li input,
.search_area ul li select{font-size:12px}
.date_box.form-group .input_box input{width:132px}
.dashboard_contents .search_area .form-group.btn_wrap{width:100%; text-align:center; margin-top:10px}
#gnb > ul > li .menu_tit span, .depth02 li a{font-size:13px}

body.sub .search_area ul li.form-group{width:50%}
body.sub .search_area ul li.form-group.btn_wrap{width:100%; float:left; text-align:center; margin-top:5px}
.search_area ul li.form-group .control-label{width:75px}
.search_area ul li.form-group .input_box{width:calc(100% - 75px); vertical-align: top}

#chart-area canvas{max-height:none}

#item_analysis_purchase .graph_area .table_wrap{width:100%; overflow:auto}
#item_analysis_purchase .graph_area .table_wrap table{min-width:500px}

body.mw660 #container .cont_inner{max-width:100%}
#manager_analysis_month .cont_inner > section.search_area ul li:nth-child(1) .select_wrap:nth-child(2){float:right}

#ledger_manage section.calendar_area{display:block; float:none; width:50%}
#ledger_manage section.file_area{position:absolute; top:0; right:15px; width:46.5%}
#ledger_manage .cont_inner > section.table_area{display:block; width:100%; float:none; margin:15px 0 0 0}


#item_analysis_month .table_area .table_wrap{min-width:1000px}
#item_analysis_period .search_area ul li.form-group:nth-of-type(3),
#item_analysis_ranking .search_area ul li.form-group:nth-of-type(3){float:right; margin-right:0}

}
@media (max-width:640px){
  body.sub .dashboard_contents .search_area .date_box.form-group .input_box input{width:78px}
  body.sub .dashboard_contents .search_area .date_box.form-group .input_box img{display:none}
  .input_box.date strong{font-size:10px; width:5px; text-align:center}
  .date_box.form-group .input_box input{width: 103px;}

  #ledger_list .search_area ul li:nth-child(1){width:100%; margin-bottom:0}
  #ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box input{width:100%}
  #ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box label{width:31.5%}


}

@media (max-width:500px){
  #login .login_div{max-width:80%;}
  .menu_txt.side_menu_top{font-size:25px}
  body.sub .search_area ul li.form-group{width:100%}
  .date_box.form-group .input_box input{font-size:11px}
  .table_area .table_wrap{width:100%; overflow:auto}

  /* dashboard */
  body.sub .dashboard_contents .search_area li.form-group.toggleBtns{width:100%; float:none; margin:0 auto}
  .dashboard_contents .search_area .toggleBtns a{width:33.333%; text-align:center;}
  .input_box.date strong{width:10px; font-size:12px}
  body.sub .dashboard_contents .search_area .date_box.form-group{margin-top:5px}
  body.sub .dashboard_contents .search_area .date_box.form-group .input_box input {width: 178px}
  body.sub .dashboard_contents .search_area .date_box.form-group .input_box img{display:inline-block}
  body.sub .dashboard_contents .search_area li.form-group:nth-child(2),
  body.sub .dashboard_contents .search_area li.form-group:nth-child(3){width:100%}
  .section_top{text-align:right; position: relative;}
  .section_top h6{display:block; margin:0 auto 10px; text-align:center}
  .section_top .stbtn{float:none !important}
  .dropdown_area{display:block; width:100%}
  .dropdown_area .drop-down{display:block; width:100% !important; margin:0}
  .dropdown_area .drop-down:nth-of-type(2){margin-top:5px}
  .dropdown_area:after{display:block; content:''; clear:both}
  .dashboard_contents .section_top .stbtn img{width:14px; margin-top:-3px; vertical-align: middle}
  .dashboard_contents .section_top .btn_more img{width:10px; margin-top:-1px}
  .select_items{margin-top:5px}

  #ledger_manage section.calendar_area{width:100%; margin-bottom:195px}
  #ledger_manage section.file_area {position: absolute;top: 365px;right: 15px;width: calc(100% - 30px)}
  #ledger_manage .cont_inner > section.table_area{height:auto}
  #ledger_manage .table_area .table_wrap{width:100%; overflow:auto;}
  #ledger_manage .table_area .table_wrap table{min-width:700px}

  #franchise_analysis_purchase .graph_area{width:100%; min-height:0}
  .mw980 .table_area .table_wrap table{min-width:600px}

  #item_analysis_purchase .graph_area{width:100%; margin:15px 0 0 0}

  #manager_analysis_month .table_area .table_wrap table{min-width:800px}

  #manager_analysis_purchase .table_wrap{width:100%; overflow:auto}
  #manager_analysis_purchase .table_wrap table{min-width:700px}

  .footer_box{padding:0 15px 15px}
  .ft-info ul li{padding-right:0; width:100%; display:block; font-size:12px}
  .ft-info ul li label{width:70px;}
  .ft-info ul li label:after, .btn_terms:after {height: 52%; background-color: #ddd}

  #ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box p.toggleBtns{display:inline-block; margin-right:35px}
  #ledger_list .search_area ul li:nth-child(1).date_box.form-group{margin-bottom:8px}
  #ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box label{width:47%}




}
@media (max-width:414px){
  .form-group{padding:0}
  .img_txt{font-size:10px}
  #load>img{width:40px}
  #load:after {width: 80px; height: 80px}

  /* dashboard */
  body.sub .dashboard_contents .search_area .date_box.form-group .input_box label{width:45%}
  body.sub .dashboard_contents .search_area .date_box.form-group .input_box input {width: 100%}
  .dashboard_contents .table_2dev{width:100%; overflow:auto}
  .dashboard_contents .table_2dev table{min-width:500px}

  /* sub */
  .cont_inner > section.graph_area{width:100%; overflow:auto}
  .graph_area canvas{min-width:100%; max-width:none !important}

  #ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box label{width:45%}

}
@media (max-width:375px){
  .input_area .form-group{min-width:100%; margin-right:0 !important}
  .input_area .form-group.address p.post{width:100%}
  .img_txt{display:block; line-height: 1; margin: -5px 0 10px 0; text-align:left; padding:0}
}
@media (max-width:340px){
  body.sub .dashboard_contents .search_area .date_box.form-group .input_box label{width:90%}
  .date_box.form-group .input_box label{width:90%}
  .date_box.form-group .input_box input {width: 100%}
  #ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box p.toggleBtns{margin-right:0}
  #ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box label{width:90%}
}
@media (max-width:280px){
  #login .login_div .login_hd p {font-size: 22px}
  #login h1#logo {width: 120px}
  #ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box p.toggleBtns{width:100%}
  #ledger_list .search_area ul li:nth-child(1).date_box.form-group .input_box p.toggleBtns a{width:25%; padding:5px 0}


}


@media (orientation: portrait) {
/* Portrait(세로) 모드일 때 적용할 CSS */
html{min-width:0}

@media (max-width:500px){
  #login{background:url(../img/storeclever_main_mobile.jpg) no-repeat center; background-size:cover}

}

}

@media (orientation: landscape) {
/* Landscape(가로) 모드일 때 적용할 CSS */

}