/*** reset ***/

html {
    -webkit-text-size-adjust: none;
    min-width:1200px;
}

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,
body {
    width: 100vw;
    height:100vh;
    font-size: 17px;
    color: #353535;
    font-weight: 300;
    letter-spacing: -0.03em;
    line-height: 1.6;
    padding:0; margin:0;
    position:relative
}

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-weight: 600
}
*{font-family:'Noto Sans KR', 'Roboto', 'Roboto Condensed', sans-serif; font-weight:300; letter-spacing:-0.5px; outline:none;}

@font-face {
    font-family: 'BMYEONSUNG';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMYEONSUNG.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 ***/

    /** depth02 **/
    .menu_ #depth02 .depth02_1{display:inline-block}
    .store_ #depth02 .depth02_2{display:inline-block}
    .notice_ #depth02 .depth02_3{display:inline-block}

html {width: 100%; max-width: 1920px; min-width: 1024px; margin: 0 auto; height: 100vh; overflow:auto}
body { position: relative; height: 100%; width:100%; margin: 0 auto;}
#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:#6CA84A;}
.bg-primary2{background-color:#4FA078;}
.bg-orange{background-color:#FFB33F;}
.bg-red{background-color:#ef5c5c;}
.bg-green{background-color:#24B056;}
.bg-skyblue{background-color:#60b5d8}
.bg-whitgray{background-color:#bbb}



.text-red,
.text-red:hover,
.text-red:active,
.text-red:focus{color:#ff3333;}
.text-primary,
.text-primary:hover,
.text-primary:active,
.text-primary:focus{color:#6CA84A !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;}
.border-primary{border:2px solid #6CA84A !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 transparent !important; }
.btn_link:hover,
.btn_link:focus,
.btn_link:active{border-bottom:1px solid !important; color:#222}

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

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


.form-group{margin:0; padding-left:0; padding-right:0; border-bottom:1px solid #dfdfdf}
.form-group:after,
.input_box:after{display:block; content:''; clear:both;}
.form-group .input_box{display:inline-block; padding-left:10px; float:left;}
.form-group .input_box input[type="password"],
.form-group .input_box input[type="text"]{height:35px; display:inline-block;}


.t_overflow{
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;
}

.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;text-align:right; clear:both;}

.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: #4FA078 !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)}

/*** table ***/
table td,
table th{text-align:center;}
.table_area {height: auto; overflow: auto;}

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

table tr {
    height:35px;
}

table thead {
    background-color:#f2f2f2;

    border-width: 2px 0
}
table thead th{font-size: 14px;
font-weight: 600;
color: #333;}
tbody tr:nth-child(2n) td{background-color:#f9f9f9}
tbody tr td {
    font-size: 14px;
    border-bottom: 1px solid #dfdfdf;
    padding: 5px 0;
    text-align: center;
}
tbody tr:last-child td{border-bottom: 1px solid #bab9b9;}

.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 #6CA84A}
.table_area .tui-pagination .tui-last-child.tui-is-selected {border-right: 1px solid #6CA84A}
.table_area .tui-page-inputs .tui-page-current {color: #6CA84A}
.table_area .tui-pagination .tui-is-selected,
.tui-pagination strong {color: #fff; background: #6CA84A; border-color: #6CA84A; cursor: default;}
.table_area .tui-pagination .tui-is-selected:hover {background-color: #6CA84A;}

/* 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;
  margin: auto;
  display: none;
  width: 328px;
  height: auto;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
  z-index:9999
}
.chg_{padding:0; width:400px; height:250px;}
.chg_ .form-group{border-bottom:0;padding-bottom:5px;}
.chg_ .form-group .input_box input{padding-left:0;}
.chg_ .control-label{padding:0 8px; width:145px; max-width:none;}
.chg_ .btn_wrap .btn{width:49%; margin-right:2%; float:left;}
.chg_ .btn_wrap .btn:last-child{margin-right:0;}

.popup_header{text-align:center; height:35px; padding:0}
.popup_header p{font-size:17px; background-color:#6CA84A; line-height:35px; color:#fff}
.popup_header p.bg-white{color:#222; box-shadow:0 0 2px rgba(0, 0, 0, .15)}
.popup_content{padding:15px; text-align:left;}
.popup_content .form-group .title{    margin: 0;
    padding: 0;
    background-color: transparent;
    width: 80px;
    height:35px;
    line-height: 35px;
    padding-top: 5px;}
.popup_content h5{font-size:16px; padding-bottom:5px; border-bottom:1px solid #454545; margin:10px auto 20px}
.popup_content .btn_submit{padding:10px 0 20px;}
.popup_content .btn_submit .btn{height:45px; line-height:42px;}
.popup_content:after{display:block; content:''; clear:both;}

.popup .message{padding-top:30px; padding-bottom:20px; font-weight:500; color:#222; font-size:16px;     font-family: 'Noto Sans KR', sans-serif !important; text-align:center;}
.popup .btn_wrap{ width:auto;padding:0 15px 15px 15px; clear:both;}
.popup .btn_wrap.col-md-12{    width: 100%;
    display: flex;
    padding: 15px;
    text-align: center;}
.popup .btn_wrap.col-md-12 .btn:last-child{margin:0}
.popup .btn_wrap:after{display:block; content:''; clear:both;}
.popup .btn_wrap.dev2 .btn{width:49% !important; margin-right:2%; display:inline-block; float:left !important}
.popup .btn_wrap .btn:last-child{margin-right:0}

.menu_right .btn_chgImg{    display: inline-block;
    width: auto;
    height: 30px;
    border-bottom: 1px solid #ddd;
    color:#464646;
    border-radius: 0;
    padding: 0;
    margin-left: 5px;
    margin-top: -2px;
  vertical-align: top}
#main .menu_right .btn_chgImg{ border-bottom: 1px solid}
#main .menu_right .btn_chgImg:after{display:none}
#chgImg{width:800px; top:10%; height:85vh; overflow:hidden}
#chgImg .popup_header{line-height:35px;}
#chgImg .popup_contents{padding:20px;; height:calc(85vh - 40px); overflow:auto}
#chgImg .popup_contents:after{display:block; content:''; clear:both;}
#chgImg .popup_contents > div{padding:0;}
#chgImg .popup_contents > div .control-label{padding:0;}
#chgImg .popup_contents > div .control-label small{display:inline-block; margin-left:10px; font-size: 14px; color:#888}
#chgImg .img_box{padding:0; overflow: hidden; display: flex; background-color: #ddd;}
#chgImg .logo_ {width:49%; float:left; text-align:center;}
#chgImg .logo_bottom{margin-left:2%}
#chgImg .logo_ .img_box{width:100%; height:80px}
#chgImg .img_box .no-img{width:auto; height:35px; margin-top:20px;}
#chgImg .img_box label{width:100%;}
#chgImg .mainImg .img_box{width:100%; height:205px;}
#chgImg .mainImg .img_box .no-img{height:60px; margin-top:65px;}
#chgImg .mainImg .ImgMain_present{position:relative;}
#chgImg .mainImg .del_img{width:15px; height:15px; position:absolute; top:10px; right:10px;}
#chgImg .btn_wrap.col-md-12{margin-top:20px; text-align:right; display:inline-block;}
#chgImg .btn_wrap.col-md-12 .btn{width:90px}
/* login */
#login{position:relative;}
#login:before{display:block; content:''; width:450px; height:450px; background-color:#A7C5AD; opacity:.65; position:absolute; top:-12%; left:-10%; border-radius:50%;}
#login:after{    display: block;
    content: '';
    width: 1250px;
    height: 1153px;
    background: url(../img/index.png) no-repeat right bottom;
    background-size: 1080px;
    position: absolute;
    bottom: 0;
    right: 0;
  z-index: -1}
#login h1{font-size: 18px;
    float: left;
    margin: 15px 0 0 15px;}
#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{margin-top: -4px;}
.btn_wrap .btn.col-md-12{width:100% !important; padding:0}

#login #container{position:relative;}
#login #container:after{
  background-image: url(../img/wave_hd.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom;
  display: block;
  content: '';
  width: 600px;
  height: 166px;
  position: absolute;
  right: 2%;
  bottom: 2%;
  opacity: .2;
  z-index: -1;
}
#login .login_div .form-control{height:45px;}
#login .login_div{width:400px; position: absolute; top:30%; left:15%; margin:0 auto; text-align:center;}
#login .login_div .login_hd p{margin:10px auto 20px; font-size:36px; letter-spacing: 0; font-weight:500;}
#login .login_div .login_hd p span{font-weight:500}
#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{margin-bottom: 15px}
#login .login_div input::placeholder{color:#c4c4c4}
#login .login_div input[type="radio"]{display:inline-block; width:auto;}
#login .login_div input[type="radio"]:after{float:left;}
#login .login_div .form-group{padding:0; border:0;}
#login #btn-login{font-size:16px; height:42px; width:100%; border:0}
#login .login_div .auto_login{float:left;}
#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;
}

.img_icons{background:url('../img/index_line.png'); width:100%; height:35px; position:absolute; bottom:15%; left:0; z-index: -2;}
/* header */
#header {

width: 100%;
height: 70px;
z-index: 10;
position: relative;
box-shadow:0 2px 2px rgba(0, 0, 0, .1)

}

.header_inner{
width:100%;
height: 100%;
padding:0 30px;
margin: 0 auto;
position: relative;
box-sizing: border-box; padding-top:10px;
}
#logo{width:230px; height:45px; line-height:50px; text-align:center; display:inline-block; float:left; box-sizing:border-box; cursor:pointer}
#logo img{width:150px; margin:10px auto 0; display:block; }
.menu_right{ display:flex; height:50px; line-height:50px; position:absolute; top:0; right:15px;}
.user{margin-top:6px; width:25px; vertical-align: top;display:inline-block; cursor:pointer; display:none}
.user_img{}
.menu_right{padding-top:16px;}
.menu_right .btn_logout{
  border-radius: 25px;
  line-height: 23px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  padding:0 10px;
  margin-top:5px;
  font-size:13px
}
.menu_right .login_type{
  display: inline-block;
  line-height: 25px;
  color: #222;
  padding: 0 10px;
  margin-top:4px;
  vertical-align: top
}
.menu_right .select-wrap{width:120px; background-color:transparent}
.menu_right .select-wrap select {
    background-color: transparent;
    border-width: 0 0 1px 0;
    line-height: 30px;
    vertical-align: top;
    color:#fff;
}
.menu_center{display:block; width:450px; margin:0 auto;}
.menu_center ul:after{clear:both;}
.menu_center ul li{width:150px; float:left; display:inline-block; text-align:center; line-height:50px; cursor:pointer}
.ui-widget.ui-widget-content:after{display:block; content:''; clear:both}

.gnb{height:50px; }
.hd_id{color:#6CA84A; 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: #6CA84A; padding: 2px 10px 4px; font-size: 14px; margin-left:10px;}

.admin .btn_login.btn_link{background-color:#6CA84A; 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}
#depth02{display:none;}

/* footer */
#footer{background-color:#666; position:relative; clear:both;}
.footer_box{max-width:1200px; margin:0 auto; padding:20px; box-sizing: border-box;}
.ft-logo{ width: 230px; height: 50px; text-align:center; text-align:center; display:inline-block;border:1px solid #ddd}
.ft-rights{display:inline-block; float:right;}
.ft-info{display:inline-block;    max-width: none;
    width: calc(100% - 440px);
    vertical-align: top;
}
.ft-info strong{font-weight:500}
.ft-info ul li{font-size:12px; display:inline-block; padding-right:20px}
.ft-info ul li label{padding-right:10px; margin-right:8px; position:relative;}
.ft-info ul li label:after,
.btn_terms:after{display:block; content:''; width:1px; height:70%; background-color:#aaa; position:absolute; top:2px; bottom:0; right:0; margin:auto;}
.ft-rights a{font-size: 14px; }
.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;}


/* rights */
.popup.rights{width:80%; max-width:800px; height:90vh; top:0; bottom:0;}
.popup.rights .popup_contents{overflow:auto; height:calc(100% - 50px); padding:20px; text-align:left}
.popup.rights .popup_header{height:50px; line-height:50px; font-size:18px;}
.rights h3{font-size:21px; font-weight:bold; margin:20px auto 0}
.rights h5{font-size:16px; font-weight:bold; margin:20px auto 15px}
.rights p{padding-left:10px;margin-bottom:10px; font-size:15px;}
.rights ol{padding-left:10px;}
.rights ul{ margin: 5px 0 20px 25px; display: inline-block;  font-size: 14px; width:96%}
.rights table{margin-top:5px; width:100%; margin-bottom:10px;}
.rights table th,
.rights table td{font-size: 14px; }
.rights table td{padding:10px 0}
.rights li{padding-bottom:5px; font-size:15px; line-height:1.5}
.rights ul li{padding-bottom:5px; font-size:14px; color:#454545}
.example {    background-color: #f2f2f2; padding: 10px 20px; margin:10px auto}
.example strong{font-size:15px; display:inline-block; padding-bottom:8px;}
.example p{font-size:14px; margin-bottom:0; padding-left:0;}
.example p span{display:block; width:auto; padding-right:10px; padding-bottom:5px;}
.example p span label{display:inline-block; width:80px; font-weight:600; padding-right:10px;}
.rights .close{width:15px; height:15px; top:16px}














/* main */
#main .main_slider{width:100%; height:490px}
.cont_inner section{padding:30px 0; max-width:1200px; margin:0 auto;}
.cont_inner section dl{padding-left:0;}
.cont_inner section h3{font-size:24px; padding-bottom:20px;}
.cont_inner section h3 a{display:inline-block; font-size:15px; padding:0 10px;}
.cont_inner section h3 a.more img{display: inline-block; margin-top: 5px; margin-left: 7px;}

.sec01 ul li{padding-left:10px; position:relative; margin-bottom:10px; clear:both;}
.sec01 ul li .btn_link{font-weight:normal;}
.sec01 ul li:before{display:block; content:''; width:3px; height:3px; border-radius:3px; background-color:#707070; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.sec01 ul li span.date{float:right;}
.twinkle{
  font-size: 10px;
  padding-left:5px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  animation: twinkle 1s step-end infinite;
  -webkit-animation: twinkle 1s step-end infinite;
  line-height:14px;
}
/* for MS계열 브라우저 */
@keyframes twinkle {
 0% {opacity: 0.4}
 50% {opacity: 1}
}

/* for Chrome, Safari */
@-webkit-keyframes twinkle {
  0% {opacity: 0.4}
  50% {opacity: 1}
}

.cont_inner section.sec02{
  /* background-image: url(../img/sec03_bg.jpg); */
  background-attachment: fixed;
  background-size: contain;
  max-width: 100%;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
}
.sec02_wrap{max-width:1200px; margin:0 auto;}
.menu_slider .swiper-slide{box-shadow:0 1px 3px rgba(0, 0, 0, .1); margin-bottom:15px; background-color:#fff}
.menu_slider .swiper-slide:hover{box-shadow:1px 2px 4px rgba(0, 0, 0, .15);}
.menu_slider .swiper-slide .menu_txt{background-color:#fff; padding:10px 15px;}
.menu_slider .swiper-slide .menu_txt span{font-size:14px; }
.menu_slider .swiper-slide img{    width: auto !important;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    display: block;}

.chain_list ul li{width:calc(25% - 12px); margin-bottom:15px; display:inline-block; float:left; margin-right:15px; text-align:center; border:1px solid #e5e5e5; box-shadow:1px 1px 3px #eee; height:50px; line-height:50px; box-sizing:border-box;position:relative;}
.chain_list ul li:hover{box-shadow:2px 2px 4px #eee; }
.chain_list ul li .date{display:none;}
.chain_list ul li .btn_link{display:inline-block;border:0 !important; width:100%; height:100%}
.chain_list ul li .btn_link:hover,
.chain_list ul li .btn_link:focus,
.chain_list ul li .btn_link:active{border:0 !important; background-color:#fbfbfb}
.chain_list ul li:nth-child(4n){margin-right:0;}
.chain_list ul li .img_box{}
.chain_list ul li .img_box dt{background-color:#fbfbfb; width:100%; height:180px; display:flex; text-align:center}
.chain_list ul li .img_box dt img{align-items: center; margin:auto;}
.chain_list ul li .img_box dt img.no-img{width:30%;}
.chain_list ul li .img_box dd{padding-top:10px;}
.chain_list ul.storelist li strong{position:absolute; top:12px}




/* sub common */
body.sub #container{padding: 50px 0; box-sizing: border-box; min-height: calc(100vh - 220px); width:100%; margin:0 auto;}
body.sub #container .cont_inner{width:100%; max-width:1000px; margin:0 auto; min-height:calc(100vh - 335px)}
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}
body.sub #depth02{display:block; text-align:center; height:50px;}
body.sub #depth02 ul {height:100%; display:none}
body.sub #depth02 ul:after{display:block; content:''; clear:both;}
body.sub #depth02 ul li{width:120px; height:100%; line-height:50px;display:inline-block; float:left; position:relative; color:#fff; cursor:pointer}
body.sub #depth02 ul li.active:before{display:block; width:100%; height:3px; background-color:#fff; position:absolute; bottom:0; content:''}
#container #title{width:100%; height:50px;}
#container #title h2{font-size:24px; font-weight:bold; display:inline-block; color:#454545}

.input_box.col-md-10{width:calc(100% - 115px); max-width:none;}
.sch_top:after{display:block; content:''; clear:both}
.sch_top .btn:active,
.sch_top .btn:focus{box-shadow:none}
.sch_top h4{font-size:20px}
.search_box .select-wrap2 .control-label{width:70px; line-height:35px;display:inline-block; background-color:transparent}
.search_box .select-wrap select{width:185px; display:inline-block; margin-left:10px; max-width:none;}
.search_box:after{display:block; content:''; clear:both;}
.search_box ul{margin-bottom:10px; border:1px solid #e5e5e5; height:auto}
.search_box .select-wrap,
.search_box .btn{    margin-top: 5px; height:35px; line-height:35px;}
.search_box .btn{height:35px; line-height:35px;}
.search_box .control-label{height:100%; line-height:45px; height:45px; font-size:15px; font-weight:600; background-color:#f8f8f8; box-sizing:border-box; width:115px; max-width:none;}
.search_box .form-group.btn_wrap{height:43px; float:right; border:0}
.cate_btns a:hover:after{display:none}
.cate_btns a:hover{color:#437d22}
.cate_btns a{font-size:18px; margin-right:10px}
.cate_btns a:last-child{margin-right:0}
.tabmenus {width:100%; max-width:1200px;padding:10px 0 0; border-bottom:1px solid #4FA078}
.tabmenus ul{width:240px; display:block; text-align:left}
.tabmenus ul:after{display:block; content:''; clear:both;}
.tabmenus ul li{width:49%; display:inline-block; border:0; float:left; height:35px; line-height:35px;font-size: 16px; text-align:center; cursor:pointer; background-color:#f2f2f2; color:#454545; border-radius:10px 10px 0 0; margin-right:2%; color:#888}
.tabmenus ul li:last-child{margin-right:0}
.tabmenus ul li.on{background-color:#4FA078; color:#fff}
.tab{display:none;}
/* .tabmenu{width:100%; border-bottom:1px solid #ddd;}
.tabmenu li{cursor:pointer; width:120px; margin-right:5px; color:#ccc; background-color:#f8f8f8; border:1px solid #ddd; border-bottom:0; border-radius:6px 6px 0 0; height:45px; text-align:center; float:left; line-height:35px}
.tabmenu li.open{border-color:#6CA84A; color:#fff; background-color:#6CA84A;} */

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

/* mypage */
#mypage #depth02{display:none}
#mypage #container{min-height: calc(100vh - 170px);}
#mypage .table_wrap{max-width:600px; margin:0 auto; padding:0;}
#mypage .table_wrap table tr{border-bottom:1px solid #e5e5e5; height:45px;}
#mypage .table_wrap table tr th{background-color:#f8f8f8; height:15px;}
#mypage .table_wrap table tr td{background-color:#fff; border:0; text-align:left; padding-left:15px}
#mypage .table_wrap table tr td .btn{width:60px; height:35px; line-height:35px; margin-left:8px; vertical-align: top}
#mypage .table_wrap table tr td span{width:150px; display:inline-block; line-height:35px;}
#mypage .table_wrap table tr td input[type="password"]{width:150px; padding-left:10px; line-height:35px;}


/* menu_ingredients */

.menu_ .search_box .select-wrap{}
.menu_ .search_box .select-wrap select{margin-left:0; padding-left:0}
.search_box .form-group.text-center{padding:10px 0;}
.search_box .form-group.text-center .btn{border-radius:3px; line-height:30px; height:33px; border-radius:35px; width:auto; padding:0 20px; margin-top:0}
.menu_ .search_box{border-bottom:0;}
.menu_ .search_box .text-right{height:45px; line-height:45px; border-bottom:0;}
.menu_ .search_box .text-right span{font-size: 14px; margin-top:5px}

#menu_ingredients .table_wrap table th:nth-child(1){width:50px}
#menu_ingredients .table_wrap table th:nth-child(2), #menu_ingredients .table_wrap table tr td:nth-child(2){width:400px; max-width: 400px;}

.popup.ingredient_{width:650px; top:5%; height:90vh; overflow:hidden}
.popup.ingredient_ .popup_header{background-color:#fff; }
.popup.ingredient_ .popup_header p{color:#222; background-color:#fff;}
.popup.ingredient_ .popup_inner{ max-height:calc(100% - 40px); overflow:auto;}
.popup.ingredient_ .input_box,
.popup.ingredient_ .control-label{padding-left:0;}
.popup.ingredient_ .img_box{padding:0; width:100%; height:300px; overflow:hidden; display:flex; background-color:#ddd; border-bottom:1px solid #ddd; position:relative;}
label[for="add_img"]{width:100%; display:flex; background-color:#DDDDDD}
.img_box img{width:100%; align-items: center}
/* .img_box img.no-img{width:105px;} */
.popup.ingredient_ .img_box .detail1no-img{width:auto; height:100%; margin:0 auto}

.popup.ingredient_ .img_box .img_txt{position:absolute; bottom:5px; right:5px}
.popup.ingredient_ .menu_lists input{margin-bottom:5px; width:49%; margin-right:2%; float:left; padding-left:10px;}
.popup.ingredient_ .menu_lists input:nth-child(2n){margin-right:0;}
.popup.ingredient_ .btn_wrap{width:40%; margin:0 auto; padding:0 15px 15px 15px; box-sizing:border-box;}
.popup.ingredient_ .tabmenus {padding: 15px 0 0 3px; clear: both; width: 95%; margin: 0 auto;}

.popup.ingredient_ .textarea{    height: 120px; overflow: auto;}
.popup.ingredient_ .menu_lists .input_box{    height: 90px; overflow: auto;}
.popup.ingredient_ .input_box{padding-left:3px; padding-right:0;}
.popup.ingredient_ .input_box p,
.popup.ingredient_ .input_box a{font-size: 14px; color:#666}
.popup.ingredient_ .menu_lists > span{display:inline-block; width:25%; float:left;}
.popup.ingredient_ .menu_lists > input{padding-left:10px}
.popup.ingredient_ .textarea textarea{height:100%}

.popup.ingredient_ .input_box input,
.popup.ingredient_ .input_box textarea{padding-left:5px; padding-right:5px;}

.popup.ingredient_ .tab .txt_box{padding:0}
.popup.ingredient_ .tab .txt_box .form-group{margin-top:10px}

.popup.ingredient_ .tab02 table thead th{font-weight:normal; font-size: 14px;}
.popup.ingredient_ .tab02 table td{font-weight:normal; font-size: 14px;}

.popup.ingredient_ .popup_content{padding:0; max-height:calc(90vh - 40px); overflow:auto}

.popup.ingredient_ .btn_wrap{padding-top:10px !important}
.add_cate00 .popup_content .col-md-4{padding:0; font-size: 14px; float:left;}
.add_cate00 .popup_content .col-md-8{padding-right:0; font-size: 14px;}
.add_cate00 .btn_wrap.col-md-12{padding:15px 0 0 0}

.ingredient_name span{width:49%; margin-right:2%; float:left; display:inline-block; margin-top:10px}
.ingredient_name span input{min-width:100%; }
.ingredient_name span:nth-child(2n){margin-right:0}
.popup.ingredient_ .menu_lists .input_box.ingredient_name{height:auto; overflow:visible}

.ingredient_ .tab{width:95%; margin:0 auto}

#excelUp{width:400px;}
#excelUp .input_box input[type=file]{padding:7px 0;}
#excelUp .btn_wrap{padding:15px 15px 10px 10px}
#excelUp .btn_sample{    width: auto;
    padding: 0 20px;
    line-height: 33px;}

#ingredient_new .popup_content .tab02 .form-group .select-wrap{padding:0}
#ingredient_new .popup_content .tab02 .txt_box{padding:0}
#ingredient_new .popup_content .tab02 table td .input_box-wrap{display:inline-block; width:35px; height:35px; border:1px solid #e5e5e5}



/* 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}

.menu_ table label.checkbox_wrap{float:none; width:20px;}
.menu_ table label.checkbox_wrap input{margin-top:5px;}
.menu_ .search_box .input_box .control-label{background-color:transparent;    width: 60px; padding: 0 5px;}


/* menu_semi_manufactures */
.menu_ .btn_wrap{border-bottom:0;}
.menu_ .btn_wrap .btn.btn-del{width:40px; height:25px; font-size:12px; line-height:22px; padding:0}
.img_box img{width:100%;}


.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}



#menu_list_lookup .cost_info{padding:5px 0; margin-top:10px; padding:0 10px; border:1px solid #FFB32F; border-width:4px 1px 1px; border-radius:3px 3px 0 0}
#menu_list_lookup .cost_info > div{border-bottom:1px solid #eee}
#menu_list_lookup .cost_info > div.col-md-5{border-bottom:0; width:49%; margin-right:2%; max-width:none}
#menu_list_lookup .cost_info > div.col-md-5:last-child{margin-right:0; position:relative;}
#menu_list_lookup .cost_info > div.col-md-5:last-child:before{width:1px; height:70%; background-color:#eee; display:block; content:''; position:absolute; left:0; top:0; bottom:0; margin:auto;}
#menu_list_lookup .table_bottom *{padding:3px 5px;}
#menu_list_lookup .table_bottom > div strong{font-size:16px}
#menu_list_lookup .table_bottom > div strong.text-right{padding-right:24px;}

#menu_semi_mf_lookup .table_bottom table{border:2px solid #FFB33F}
#menu_semi_mf_lookup #menu_info .table_bottom table{margin-top:0}
#menu_semi_mf_lookup .table_bottom table thead{background-color:#FFB33F}
#menu_semi_mf_lookup .table_bottom table thead th{font-size:16px; color:#fff;}
#menu_semi_mf_lookup .table_bottom > div strong.text-right{padding-right:16px;}
#menu_semi_mf_lookup .table_bottom table tbody tr:last-child td,
#menu_semi_mf_lookup .table_bottom table tr td{border-bottom: 1px solid #FFB33F; font-size:14px; font-weight:500}
#menu_semi_mf_lookup .table_bottom table tbody tr:nth-child(1) td {background-color:#FFB33F; padding:0;}
#menu_semi_mf_lookup .table_bottom table tbody tr:nth-child(1) td span{    display: block;
    height: 25px;
    padding: 0;
    color: #fff;
    font-size: 14px; font-weight:500}
#menu_semi_mf_lookup .arrow_pri{padding:15px 0;}
#menu_semi_mf_lookup .arrow_pri img{width:25px}

#menu_semi_mf_lookup .recipe_list dl{    padding-left: 0;
    border-radius: 50px;
    overflow: hidden;
    background-color: #FFF9F5;height:260px; margin-bottom:20px}
#menu_semi_mf_lookup .recipe_list dl dd{width: calc(100% - 400px);
    padding-left: 20px;
    min-height: 210px;
    padding: 25px;}
  #menu_semi_mf_lookup .recipe_list dl dd h6{color:#795548;}
  #menu_semi_mf_lookup .recipe_list dl dd h6 span{color:#795548;}


#menu_semi_mf_lookup .arrow_pri strong{display:block; margin-top:5px; vertical-align: top; font-size:18px;}
#copy.popup{width:500px}
#copy.popup .search_box .control-label{width:150px; font-size:14px; padding-left:0}
#copy.popup .search_box .input_box{width:calc(100% - 150px)}
#copy.popup .popup_content .search_box{border:1px solid #ddd}
#copy.popup .popup_content .brandhname{margin-bottom:10px; font-size:20px; text-align:Center}
#copy.popup .popup_content .brandhname span{display:block; font-size: 14px; color:#ccc}
#copy.popup .popup_content .form-group.toggle_{background-color:transparent}
#copy.popup .popup_content .form-group.toggle_ .toggle_div {
    background-color: #fff;
    min-height: 50px;
    padding-bottom: 10px;
    padding: 10px;
    width: 100%;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    padding-top:0
}
#menu_info{position:relative}
#menu_info .btn_wrap{position:absolute; top:15px; right:0; display:inline-block;}
#menu_info .txt_box{float:right;padding-right:0; width:calc(100% - 412px); padding-left:10px}
#menu_info .txt_box table .text-left{padding-left:10px;}
#menu_info .txt_box table tr td{background-color:#fff;padding:5px 0}
#menu_info .txt_box table strong.text-right{padding-right:15px;}
#menu_info .txt_box table td.text-left{padding-left:10px; background-color:#f8f8f8}
.menu_.sub #menu_info .img_box img{width:auto !important; height:100% !important}
#menu_info .img_box{padding:0; width:412px; height:280px; max-width:none;}



#menu_info .table_bottom table {border:1px solid #FFB32F; border-radius:3px 3px 0 0; margin-top:15px;}
#menu_info .table_bottom table thead th{background-color:#FFB32F; color:#fff; font-size:14px;    font-weight: 500; padding:0;}
#menu_info .table_bottom table tbody td{font-size:14px; font-weight: 500;}
#menu_info .table_bottom table tbody tr:last-child td{border-bottom:1px solid #FFB32F}
#menu_list_new #menu_info_pic .table_bottom.mt20{}
#menu_list_new #menu_info_pic .total_cost{line-height:45px; height:45px; padding:0 20px; background-color:#ddd;}
#menu_list_new #menu_info_pic .table_bottom > div strong{padding:0;}
#menu_list_new #menu_info_pic .table_bottom > div strong label{ font-size:14px; color:#888; font-weight:normal; padding: 0; padding-left: 5px;}
#menu_list_new .info_top.search_box .input_box{    max-width: none;}
#menu_list_new .recipe_list dl{padding-right:0}
#menu_list_new .recipe_list dl dd h6 {font-family: 'Noto Sans KR', 'Roboto', 'Roboto Condensed', sans-serif; padding-left:0; border:0; color:inherit; margin-bottom:7px}
#menu_list_new .recipe_list dl dd h6 span{font-family:inherit; border:0;}
#menu_list_new .txt_box textarea{min-height:165px; font-family: 'Noto Sans KR', 'Roboto', 'Roboto Condensed', sans-serif;}



#menu_list_new .table_wrap .stocktable tr td:last-child{width:50px}
#menu_list_new .table_wrap .stocktable tr th:last-child{width:50px}
#menu_list_new .recipe_addlist .no-img{height:auto}
#menu_list_new .video_box label,
#menu_list_new.menu_new_ section .img_box label{margin:inherit; width:100%}
.menu_new_#menu_list_new  section .img_box img{align-items: center}
#recipe_video .txt_box{    width: calc(100% - 400px);}
#menu_semi_mf_new #menu_info .img_box .img_txt{position:absolute; bottom:0}
#menu_semi_mf_new .info_top.search_box {padding-left:0}
#menu_semi_mf_new .info_top.search_box .form-group{    border-bottom: 1px solid #dfdfdf;}
#menu_semi_mf_new .info_top.search_box .input_box{width:calc(100% - 140px); max-width:none; padding:0 10px;     height: 45px;line-height: 42px; margin-top:1px;}
#menu_semi_mf_new #menu_info_pic .info_top.search_box label.control-label{width:96px;}
#menu_semi_mf_new #menu_info_pic .info_top.search_box .input_box{width:calc(100% - 96px)}
#menu_semi_mf_new .info_top.search_box .input_box input,
#menu_semi_mf_new .info_top.search_box .input_box span.col-md-12{width:calc(100% - 25px); padding:0 10px; text-align:right}
#menu_semi_mf_new .info_top.search_box .input_box label{display:inline-block; width:auto; margin-left:5px; position:absolute; top:0; right:20px;}
#menu_semi_mf_new .info_top.search_box .input_box input{width:100%; text-align:left; text-indent:0}
#menu_semi_mf_new .info_top.search_box .select-wrap.input_box{height:35px;}
#menu_semi_mf_new .info_top.search_box .select-wrap select{    margin-left: 0;
    margin-top: 4px;
    line-height: 38px;}
#menu_semi_mf_new .info_top.search_box ul li:last-child .input_box label{top:-3px}
#menu_semi_mf_new .input_box.col-md-10,
#menu_semi_mf_new .col-md-8.select-wrap:nth-child(2) {width: calc(100% - 115px); max-width:none;}

#menu_semi_mf_new .recipe_list dl{padding-right:0}
#menu_semi_mf_new .recipe_list dl dd h6 {font-family: 'Noto Sans KR', 'Roboto', 'Roboto Condensed', sans-serif; padding-left:0; border:0; color:inherit; margin-bottom:7px}
#menu_semi_mf_new .recipe_list dl dd h6 span{font-family:inherit; border:0;}
#menu_semi_mf_new .txt_box textarea{min-height:165px; font-family: 'Noto Sans KR', 'Roboto', 'Roboto Condensed', sans-serif;}
#menu_semi_mf_new .table_wrap .stocktable tr td:last-child{width:50px}

#menu_list_lookup .cost_info > div:after,
.table_bottom > div:after,
.cont_inner section:after{display:block; content:''; clear:both;}
#food_list ul li{width:24.25%; margin-right:1%; float:left; display:inline-block; box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    margin-bottom: 15px;}
#food_list ul li:nth-child(4n){margin-right:0}
#food_list ul li .img_box img{width:auto; height:165px;}
#food_list ul li dl dd{padding:10px;}
#food_list ul li dl dd span{font-size: 14px; color:#888}
#food_list ul li:last-child{margin-right:0;}

#menu_semi_mf_lookup .total_cost{padding:5px 0; margin-top:10px; padding: 0 10px; background-color: #ffb32f;}
.recipe_list{ border-radius:30px; }
.recipe_list:after{display:block; content:''; clear:both}
.recipe_list .img_box {padding:0; width:400px; min-width:400px; display:flex; overflow:hidden; align-items:center; max-width:none; height:260px}
.recipe_list dl dd{font-size:22px; width:calc(100% - 400px); padding-left:30px; padding-right:0; max-width:none;font-family: 'BMYEONSUNG'}
#menu_list_lookup .recipe_list dl{    padding-left: 0;
    border-radius: 50px;
    overflow: hidden;
    background-color: #FFF9F5;height:260px; margin-bottom:20px; display:inline-table}
#menu_list_lookup .recipe_list dl dd{width: calc(100% - 400px);
    padding-left: 20px;
    min-height: 210px;
    padding: 25px;}
  #menu_list_lookup .recipe_list dl dd h6{color:#795548;}
  #menu_list_lookup .recipe_list dl dd h6 span{color:#795548;}
/* #menu_list_lookup .recipe_list dl dd{background-image:url('../img/memo.svg');    width: calc(100% - 400px);
    padding-left: 0;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 210px;
    padding: 30px;} */
.recipe_list dl dd h6{font-size:22px; margin-bottom:20px;position:relative; border-bottom:1px solid #795548; padding:0 15px;  height:33px}
.recipe_list dl dd h6 span img{width:28px; margin:1px 5px 0 0}
.recipe_list dl dd h6 span{display: inline-block; vertical-align: top; height:35px; padding:0 15px; border-bottom:4px solid #795548;font-family: 'BMYEONSUNG'}
.recipe_list .img_box img{width:100%}
h6 .del-img{max-width:25px; max-height:20px; font-size:12px; position:absolute; line-height:18px !important; right:0; top:2px;}
h6 .del-img:before {
    display: block;
    content: '';
    width: 80%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.video_box iframe{width:100%; height:560px; }

.table_wrap table tr td .btn-del{position:relative; display:inline-block; width:24px; height:22px; border-radius:3px; margin-top:2px;}
.table_wrap table tr td .btn-del:before{display:block; content:''; width:80%; height:2px; background-color:#fff; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.table_wrap .form-group{border:0}
.txt_box textarea{height:165px;}
#menu_info_pic table td input,
#menu_info_pic table tr:nth-child(2n) td{background-color:#fff}
#menu_info_pic table td input.text-right{height:35px; line-height:35px; padding-right:10px; border:1px solid #e5e5e5; border-radius:3px;}
#menu_info_pic table td input{padding:0 10px; text-align:right}

.info_top.search_box label{width:140px;}
.info_top.search_box .input_box{width:calc(100% - 140px)}
.menu_new_ section .img_box{background-color:#ddd; height:210px; max-width:none; width:400px}
.video_box label,
.menu_new_ section .img_box label{align-items: center; width:auto; margin:auto; display:flex}
/* .menu_new_ section .video_box label{width:60px;} */
label[for="add_video"]{width:}
.menu_new_ section .txt_box {max-width:none; padding-right:0; padding-left:30px}
.menu_new_ section .txt_box p{margin-bottom:10px;}
.menu_new_ section .txt_box p label{display:inline-block; width:100px; float:left; padding-top:8px; font-size: 15px; font-weight:normal}
.menu_new_ section .txt_box p input{display:inline-block;}
.menu_new_#menu_list_new section .img_box img{height:auto}
.menu_new_#menu_list_new .video_box .txt_box input{width:100%}
/* #recipe_video .txt_box textarea{height:115px} */
#recipe_video .img_box{padding:0}
.btn_add.bg-464646{margin-left:0; font-size: 14px; line-height:30px; padding:0 10px; border-radius:3px;}
.btn_add.bg-464646 img{transform:rotate(45deg); width: 9px; margin-top: 10px; margin-right: 7px;}

#recipe .txt_box textarea{height:135px;}

#add_ingredient{width:80%; max-width:1200px; top:5%; height:92vh; }
#add_ingredient .float-left .table_wrap{max-height:calc(100vh - 480px); overflow:auto;}
#add_ingredient .float-left .table_wrap td.text-left span{font-size: 14px; color:#888}
#add_ingredient td .img_box{padding:10px; background-color:#f8f8f8}
#add_ingredient td:nth-child(1){padding-left:10px;}
#add_ingredient .search_box .input_box .control-label{padding:0;}
#add_ingredient .search_box li:nth-child(1) .select-wrap select{width:110px;}
#add_ingredient .selected_list{max-height:71vh; overflow:auto; border:1px solid #ddd; border-width:1px 0;}
.selected_list ul{padding:10px 0;}
.selected_list ul li{width:95%;  margin:0 auto 10px; padding:10px; background-color:#fff;  border:2px solid #6CA84A; border-radius:10px;}
.selected_list ul li:last-child{margin-bottom:0;}
.selected_list ul li span{font-size: 14px; color:#888}

.del-select{width:12px; height:12px; display:inline-block; float:right}
#add_ingredient > .btn_wrap{margin-top:17px}
#add_ingredient > .btn_wrap .btn{width:150px;}



/* menu_list*/
.menu_infos li{margin-bottom:10px; box-shadow:0 1px 3px rgb(0 0 0 / 10%); position:relative; width:32%; max-width:320px; display:inline-block; float:left; margin-right:2%;}
.menu_infos li:nth-child(3n){margin-right:0;}
.menu_infos li .checkbox_wrap{margin-right:0; width:100%; position:absolute; top:0; left:0; padding:0 5px; background-color:rgba(0, 0, 0, .3); height:30px;}
.menu_infos li .checkbox_wrap *{margin-top:8px;}
.menu_infos li .checkbox_wrap span{font-size: 14px;}
.menu_infos li .img_wrap{height:200px; width:100%; overflow:hidden}
.menu_infos li img{width:100%;}
.menu_infos li .menu_txt{padding:5px 10px; cursor:pointer}
.menu_infos li .menu_txt span{font-size: 14px; color:#888}
.table_wrap .col-md-12.text-right span,
.menu_infos .col-md-12.text-right span{font-size: 14px;}

/* store_brand */
.store_brand_list{width:800px; margin:0 auto;}
.store_brand_list li{margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ddd}
.store_brand_list.search_box li label{width:150px;}
.store_brand_list li:after{display:block; content:''; clear:both;}
.store_brand_list li h6{margin-bottom:10px; font-size:16px}
.store_brand_list li .img_box{width:280px; height:185px; display:inline-block; overflow:hidden; margin-left:10px}
.store_brand_list li .brand_txt{width:calc(100% - 310px); height:185px; display:inline-block; float:right; position:relative; font-size:14px;}
.store_brand_list li .input_box input{margin-top:5px;}
.brand_txt .btn_wrap{padding:0; position:absolute; bottom:0; left:0;}
.brand_txt .btn_wrap .btn.bg-primary2{margin-right:2%}

.del-img{position:absolute; top:10px; right:10px; width:13px; height:13px;}

#store_brand_new label[for="add_img"]{height:100%;width:100%;}
#store_brand_new .img_box{margin-top:7px;}
#store_brand_new .store_brand_list li:last-child{height:200px; border-bottom:0; padding-bottom:0; margin-bottom:0;}
#store_brand_new .store_brand_list li:last-child > label{height:100%;}
#store_brand_new .store_brand_list li:last-child .im{}
.img_box{position:relative;}
#store_brand_new .add_store{width:800px; margin:0 auto;}
#store_brand_new .add_store:after{display:block; content:''; clear:both;}
#store_brand_new .txt_box{border-bottom:1px solid #ddd; margin-bottom:0; padding-bottom:0;}
.store_list_ section{width:800px; margin:0 auto;}
#store_brand_new .add_store .img_box{padding:0;}
#store_list_lookup section ul li .input_box span{font-size:14px; display:inline-block; line-height:35px;}

#store_list .search_box .select-wrap select{margin-left:0}
#menu_list .search_box .select-wrap select{margin-left:0}
#menu_list table tr th:nth-child(1){width:50px}
#menu_list table tr td:nth-child(1){width:50px}
#menu_list table tr th:nth-child(1) .checkbox_wrap{float:none}
#menu_list table tr td:nth-child(1) .checkbox_wrap{float:none}
#menu_list table tr th:last-child,
#menu_list table tr td:last-child{width:100px}
.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}

/* notice */
#notice table tr th:nth-child(1){width:50px}
#notice table tr td:nth-child(1){width:50px}
#notice table tr th:nth-child(1) .checkbox_wrap{float:none}
#notice table tr td:nth-child(1) .checkbox_wrap{float:none}
#notice table tr th:last-child,
#notice table tr td:last-child{width:100px}
#notice .table_wrap .btn.bg-orange{margin-top:10px}
#notice_lookup .date{font-size: 14px; display:inline-block; margin-left:10px; color:#999}
#notice_lookup .textarea{border-top:1px solid #ddd; margin-top:10px}
.textarea .text{padding:10px; font-size:14px; line-height:1.6; color:#464646; margin:10px auto; border-bottom:1px solid #ddd; min-height:400px;}
#notice_new .text_box{border-top:1px solid #ddd;height:400px;}

#notice_new .board_box{border:1px solid #ddd;}
#notice_new .board_box .control-label{line-height:50px}
#notice_new .board_box:after{display:block; content:''; clear:both;}
#notice_new .board_top,
#notice_new .board_top .input_box{    background-color: #fff;  min-height: 45px;}
#notice_new .board_top label{height:45px; line-height:35px; }
#notice_new .board_top input {height: 38px; margin-top: 3px; font-size:14px;}
#notice_new .board_top input::placeholder{color:#c4c4c4}
#notice_new .text_box label.control-label{height:100%;}
#notice_new .text_box .textarea{padding:5px 10px;height:100%;}
#notice_new .text_box textarea{padding:5px 7px; height:100%;font-size:14px; line-height:1.6; color:#464646; box-sizing:border-box; text-indent:0;}
#notice_new .toggle_{background-color:#f2f2f2}
#notice_new .toggle_ .input_box label{height:30px; line-height:27px; }
.schd_notice_list .notice_list label{color:#333}

.brands{padding-top:10px}
.brands ul:after{display:block; content:''; clear:both}
.brands ul li{    padding: 0 15px;
    background-color: #f2f2f2;
    border: #e5e5e5;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    border-radius:27px;
    height: 27px;
    line-height: 27px;
    color: #666;}

/* develop */
.file{margin-bottom:5px;}
.flie:last-child{margin-bottom:0;}
.file a{display:inline-block;border-bottom:1px solid; color:#177ad0;}
#develop_write .develop_basic_info .form-group{padding-left:0; padding-right:0;
border: 1px solid #dfdfdf;
border-width: 0 0 1px 0;}
.file_box_wrap,
.img_box_wrap{background-color:#f9f9f9; }
.img_box_wrap .input_box{background-color:#fff; width:calc(100% - 120px); float:left}
.file_box_wrap > .input_box{background-color:#fff; width:calc(100% - 120px); max-width:none;}
.file_box_wrap > .input_box .title{background-color:#fff; float:left; width:60px; height:35px; line-height:35px; padding:0;}
.file_box_wrap > .input_box input{width:calc(100% - 80px);}
.files2 li{min-height:35px;}
.files2 li:last-child{margin-bottom:5px;}

/* img upload */
.img_wrap{display:inline-block;}
.img_wrap .upImg{margin-right:10px;}
.img_wrap:after{display:block; content:''; clear:both;}
.filebox1{display:inline-block; width:100%; height:100%; text-align:center;}
.filebox1 .img .imgbox{overflow:hidden;}
.filebox1 .img .imgbox img{height:auto !important;}
.fileadd{position:relative; height:100%;}
.filebox, .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 {
max-width: 1000px;
}

.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;} */




.cont_inner{width:100%;}

.table_wrap, .add_box{padding:0;}
#container:after,
.cont_inner:after,
.btn_wrap:after {
    display: block;
    content: '';
    CLEAR:BOTH;
}
.title_box{font-size:14px; margin-bottom:20px; text-align:center;}
.title_box p {
    font-size: 14px;
    color: #757575;
    line-height: 1.4;
}


input, select, .form-control {
    height:35px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    outline:none;
    font-size: 14px;
    box-shadow:none;
}

a:hover, a:focus, a:active{text-decoration: none;}
input::placeholder,
textarea::placeholder{color:#c4c4c4}

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 {
    background-color: #fff;
    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-image: url(../img/arrow.svg);
    background-size: 15px 10px;
    background-repeat: no-repeat;
    background-position:right 5px center
}
.select-wrap{position:relative;
    height:35px;
  }
.select-wrap select{  box-sizing:border-box;border:1px solid #E5E5E5;background-color: #fff; padding-left:10px;}
/* .select-wrap:after{

  width: 15px;
  height: 10px;
  display: block;
  content: '';
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  transform: rotate(0deg);
  transition: transform 500ms;
  margin: auto;
}
.select-wrap.on:after{transform:rotate(-180deg)}*/

select.readonly {
  background-color: #f8f8f8;
  border: 1px solid #C8C9CE;
}
 .readonly input{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{width:200px; position:relative; display:inline-block; height:30px;}
.date label img{
  width: 18px;
  margin: 6px 8px;
  position: absolute;
  top: 7px;
  right: 1px;
    }
  .date label input{margin-top:5px !important;}
.input_box.date strong{display:inline-block; padding:0 5px;}



  .hide{display:none;}
  .show{display:block;}
  .btn_url{background-color: #009688; color:#fff; border-radius:6px; width:110px}


.btn_wrap{}
.btn_wrap .btn{padding:0 20px; text-align:center;line-height:32px; border-radius:35px; width:auto;}
.btn{position:relative;}
.btn:hover:after{display:block; content:'';background-color:#fff; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:35px; opacity:.1}
div .btn{
    line-height:35px;
    height:35px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    padding:0;
    border-radius:3px;
}
.btn.del-img{padding:0 10px}


.btn img{width: 15px; display: inline-block; margin-top: 8px;}


a.btn_close {
    width: 12px;
    height: 12px;
    line-height: 1.8;
    display:inline-block;
}


.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;}
input, select{font-size: 14px;}
  textarea{
    border:1px solid #E5E5E5;
    background-color:#fff;
    height: auto;
    overflow: auto;
    padding: 10px;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
  }

.btn_hover:hover {
    font-weight: 600;
}

.btn_img {
    border: 0;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    text-indent: 0;
    line-height: 2.2;
    font-weight: 600;
    width: 100%;
    height: 100%;
}

.btn_img_del {
    background: #ED5247;
}



.btn_img img {
    width: 22px;
    display: inline-block;
    margin-top: 6px;
    float: left;
    margin-left: 10px;
}



.popup table td .btn_img img {
    width: 16px;
    margin-top: 8px;
    margin-left: 7px;
}

.btn_img span {
    display: inline-block;
    margin-right: 8px;
    margin-top: 1px;
}

.btn_img_up img {
    margin-left: 8px;
    margin-top: 8px;
}

.img_upload label {
    width: 40px;
    height: 35px;
    display: inline-block;
    position: relative;
    float: right;
    background-color: #F8F8F8;
    text-indent: 0;
    border: 1px solid #C8C9CE;
    border-radius: 2px;
    box-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.3);
}

.btn_wrap a.btn_add {padding:0 20px; width:auto;}
.btn_wrap a.btn_add img {margin-right:5px;}
.btn_del{width:20px; height:20px; display:inline-block;}

#grid1 .tui-grid-body-area{
  /* height: 49.5vh !important;
  overflow-y: auto !important;
  box-sizing: border-box;
  overflow-x: hidden !important; */
}
.tui-grid-cell-has-input .tui-grid-cell-content{display:inline-block; border-bottom:1px solid transparent;}
.tui-grid-table{height:100%; overflow:auto;}

.top:after,
.bottom:after,
ul:after{display:block; content:''; clear:both;}
.dev2 li{width:50%; float:left;}
.dev2 li:nth-child(3n){padding-right:0;}
.dev3 li{width:33.333%; float:left;}
.dev3 li:nth-child(3n){padding-right:0;}
.dev4 li{width:25%; float:left;}
.dev4 li:nth-child(4n){padding-right:0;}

.search_area ul li.btn_wrap{display:inline-block; margin-left:0; width:auto; margin-top: 7px;}
.top.bb0 ul {border-bottom:1px solid #ddd}


.add_box{border:1px solid #ddd; padding:15px; padding-left:25px;width:400px; margin-left:25px}
.add_box .form-group{border:0; height:35px}
.control-label{ font-size:15px; padding-left:10px; padding-right:0; display:inline-block; height:35px; line-height:35px;}
.add_bottom{margin-top:25px}
/* data_cate */


.data_cate .cont_inner{max-width:1200px;}
.table_wrap.col-md-7{width:670px}

.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;}