@charset "utf-8";
@import "./exhibitMgm.css";
@import "./event/event.css";
@import "./od/claim.css";
@import "./od/delivery.css";
@import "./od/order.css";
@import "./od/pg.css";

@font-face {
    font-family: "NotoSansCJKkr";
    font-style: normal;
    font-weight: 200;
    src: local("NotoSansLight"), local("NotoSansLight"),
        url(../fonts/NotoSansKR-Light.eot);
    src: url(../fonts/NotoSansKR-Light.eot?#iefix) format("embedded-opentype"),
        url(../fonts/NotoSansKR-Light.woff2) format("woff2"),
        url(../fonts/NotoSansKR-Light.woff) format("woff"),
        url(../fonts/NotoSansKR-Light.ttf) format("truetype");
}

@font-face {
    font-family: "NotoSansCJKkr";
    font-style: normal;
    font-weight: 400;
    src: local("NotoSansRegular"), local("NotoSansRegular"),
        url(../fonts/NotoSansKR-Regular.eot);
    src: url(../fonts/NotoSansKR-Regular.eot?#iefix) format("embedded-opentype"),
        url(../fonts/NotoSansKR-Regular.woff2) format("woff2"),
        url(../fonts/NotoSansKR-Regular.woff) format("woff"),
        url(../fonts/NotoSansKR-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "NotoSansCJKkr";
    font-style: normal;
    font-weight: 600;
    src: local("NotoSansMedium"), local("NotoSansMedium"),
        url(../fonts/NotoSansKR-Medium.eot);
    src: url(../fonts/NotoSansKR-Medium.eot?#iefix) format("embedded-opentype"),
        url(../fonts/NotoSansKR-Medium.woff2) format("woff2"),
        url(../fonts/NotoSansKR-Medium.woff) format("woff"),
        url(../fonts/NotoSansKR-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "NotoSansCJKkr";
    font-style: normal;
    font-weight: 800;
    src: local("NotoSansBold"), local("NotoSansBold"),
        url(../fonts/NotoSansKR-Bold.eot);
    src: url(../fonts/NotoSansKR-Bold.eot?#iefix) format("embedded-opentype"),
        url(../fonts/NotoSansKR-Bold.woff2) format("woff2"),
        url(../fonts/NotoSansKR-Bold.woff) format("woff"),
        url(../fonts/NotoSansKR-Bold.ttf) format("truetype");
}

@import "./jquery.min.css";

html {
    height: 100%;
}

body {
    height: 100%;
    font-family: "NotoSansCJKkr", sans-serif !important;
    overflow: auto;
}

input.border0 {
    border: 0 !important;
}

input {
    height: 32px;
    box-sizing: border-box;
}

#document {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/*#document {position:relative; width:100%; min-width:1024px; max-width:1348px; height:100%;}*/

#document.max1920 {
    max-width: 1920px;
}

#document.ifr_popup {
    overflow: auto;
}

#document.ifr_popup #container {
    padding-left: 0;
}

#document.ifr_popup #contents {
    display: block;
    max-width: 100%;
    min-width: auto;
    padding: 0 !important;
    background: #fff;
}

#document.ifr_popup.fitContents #contents,
#document.ifr_popup.fitContents #ng-view {
    height: 100%;
}

#document.ifr_popup #contents #ng-view .content__wrapper {
    padding: 0;
}

.wrap-header {
    height: 101px;
    transition: height 0.4s ease;
    -webkit-transition: height 0.4s ease;
    -moz-transition: height 0.4s ease;
}

.wrap-header.sticky {
    height: 75px;
}

.wrap-header-inner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}

/*.wrap-header-inner {position:fixed; top:0; left:0; z-index:100; width:100%; background:#80c342 url('../images/header.png') repeat-x;}*/

#header {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #fff;
    margin: auto;
}

/*#header {position:relative; z-index:2; width:100%; min-width:1024px; max-width:1870px; background:#fff;}*/

#document.max1920 #header {
    max-width: 1920px;
}

/* .wrap-member-bar {position:absolute; left:240px; width:1078px;}
.member-bar {padding:10px 20px; background:#fff; border:1px solid #9a9a9a; border-top:0; border-radius:0 0 6px 6px;} */

/* YHJ 200416 */

.wrap-member-bar {
    margin-left: 13%;
    margin-right: 30px;
}

.member-bar {
    border-top: 0;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
}

.member-bar .mem-txt {
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
}

.member-bar .mem-txt span {
    color: #333;
}

.member-bar .mem-txt span:before {
    content: "|";
    margin: 0 10px;
    color: #ddd;
}

.member-bar .mem-txt span:first-child:before {
    display: none;
}

.member-bar .set-btn-type4 {
    height: 20px;
}

.wrap-member-bar .btn-toggle {
    display: block;
    margin: -1px auto 0;
    width: 100px;
    padding: 6px 0;
    background: #fff;
    border: 1px solid #9a9a9a;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    font-size: 0;
    text-align: center;
}

.wrap-member-bar .btn-toggle:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #80c342;
    font-size: 0;
    vertical-align: middle;
}

#header h1 {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 55px;
    padding: 0 0 0 20px;
    background: #32353c;
}

/*#header h1 {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:36px; padding:0 0 0 20px; background:#333c44;}*/

#header h1 a {
    display: inline-block;
    width : 110px;
    line-height: 55px;
}

#header h1 img {
    width : 100%;
    vertical-align: middle;
}

#header .utill-area {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 0;
    line-height: 55px;
}

/*#header .utill-area {position:absolute; top:8px; right:0; font-size:0; line-height:22px;}*/

#header .utill-area .screen-control {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 22px;
    margin-right: 5px;
    padding: 0 5px;
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    background: -webkit-linear-gradient(#fff, #e0e0e0);
    background: -o-linear-gradient(#fff, #e0e0e0);
    background: -moz-linear-gradient(#fff, #e0e0e0);
    background: linear-gradient(#fff, #e0e0e0);
    color: #000;
    font-size: 11px;
    text-align: center;
}

#header .utill-area .screen-control:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../images/screen.png") no-repeat;
    margin: 5px 5px 0 0;
    vertical-align: top;
}

#header .utill-area span,
#header .utill-area a {
    color: #fff;
    font-size: 12px;
}

#header .utill-area .crm {
    margin-left: 5px;
}

#header .utill-area .user-info {
    position: relative;
    display: inline-block;
}

#header .utill-area .logout {
    margin: 0 15px;
    color: #fff;
    text-decoration: underline;
    line-height: 20px;
}

#header .utill-area .mystore {
    display: inline-block;
    padding: 0 7px;
    border: 1px solid #bbb;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    line-height: 18px;
}

#header .utill-area .voc-area {
    display: inline-block;
    position: relative;
    margin-left: 13px;
    padding-left: 14px;
}

#header .utill-area .voc-area:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 1px;
    height: 13px;
    background: #7b8690;
}

#header .utill-area .voc {
    display: inline-block;
    padding: 0 12px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #d6d8da;
    color: #666;
    font-size: 11px;
    line-height: 20px;
    vertical-align: top;
}

#header .utill-area .system {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #ebeced url("../images/system.png") no-repeat center 3px;
    vertical-align: top;
}

#navigation {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 46px;
    padding-right: 127px;
    background: #666a74;
    font-size: 0;
}

/*#navigation {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; width:100%; height:46px; padding-right:127px; background:#80c342; font-size:0;}*/

#navigation .menu {
    display: inline-block;
    min-width: 73px;
    position: relative;
    vertical-align: top;
}

#navigation .menu + .menu {
    /* border-left: 1px solid #51555e; */
}

/*#navigation .menu + .menu {border-left:1px solid #1989e3;}*/

#navigation .menu > a {
    display: block;
    min-width: 73px;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 46px;
    text-align: center;
}

#navigation .menu:hover {
    border-color: #056cbe;
}

#navigation .menu:hover > a {
    background: #80c342;
}

/*#navigation .menu:hover > a {background:#056cbe;}*/

#navigation .menu .active {
    background: #80c342;
}

/*#navigation .menu .active {background:#056cbe;}*/

#navigation .menu span > a.textactive {
    color: #80c342;
}

#navigation .menu li > a.textactive {
    color: #80c342;
}

#navigation .menu-aside > a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    vertical-align: top;
}

#navigation .menu-aside {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

#navigation .menu-aside .menu-all {
    width: 80px;
    background: #056cbe;
}

#navigation .menu-aside .menu-all:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 6px;
    background: url("../images/menu_all.png") no-repeat;
    margin-left: 9px;
    vertical-align: 1px;
}

#navigation .menu-aside .favorite {
    width: 46px;
    height: 46px;
    border-left: 1px solid #04599d;
    background: #056cbe url("../images/favorite.png") no-repeat center;
}

#navigation .menu:hover .submenu {
    display: block;
}

#navigation .submenu {
    display: none;
    overflow-y: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    top: 100%;
    width: 220px;
    max-height: 80vh;
    border: 1px solid #80c342;
    border-top: 0;
    background: #fff;
}

/*#navigation .submenu {display:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:100%; width:160px; border:1px solid #80c342; border-top:0; background:#fff; -webkit-box-shadow: 0px 7px 11px 7px rgba(0,0,0,0.16); -moz-box-shadow: 0px 7px 11px 7px rgba(0,0,0,0.16); box-shadow: 0px 7px 11px 7px rgba(0,0,0,0.16);}*/

#navigation .submenu a {
    display: block;
    height: 30px;
    color: #737373;
    font-size: 13px;
    line-height: 30px;
}

#navigation .submenu > span {
    padding-left: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*#navigation .submenu a {display:block; height: 30px; padding-left:20px; font-size:12px; line-height:28px;}*/

#navigation .submenu li {
    height: 30px;
    background: #f8f8f8;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#navigation .submenu li > a {
    padding-left: 20px;
    font-size: 14px;
}

/*#navigation .submenu li > a {padding-left:10px; font-weight:bold;}*/

#navigation .submenu span {
    display: block;
}

/*#navigation .submenu span {display:block; background:#f7f7f7;}*/

#navigation .submenu span a:hover {
    color: #80c342;
}

/*#navigation .submenu span a:hover {color:#80c342;}*/

#container {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

#contents,
#aside {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: top;
}

#container.no-lnb #lnb {
    display: none;
}

#lnb {
    display: table-cell;
    position: relative;
    width: 210px;
    background: #fff;
    border-right : 1px solid #ddd;
    z-index: 0;
    /* transition: width 0.3s ease; */
}

#lnb.closed{
    overflow: hidden;
    width : 20px;
    visibility: hidden;
}

#lnb.closed .lnb__inner {
    display: none;
}

#lnb .scrollbar-inner {
    height: 100%;
}

#lnb .lnb-sub {
    width: 100%;
}

#lnb .lnb-sub > li{
    border-bottom : 1px solid #ddd;
}

#lnb .lnb-sub a {
    display: block;
    color: #8a8a8a;
}

/*#lnb .lnb-sub a {display:block; color:#666; line-height:27px;}*/

#lnb .lnb-sub li > a {
    position: relative;
    padding: 0 15px;
    height: 40px;
    /* margin: 0 15px; */
    border-bottom: none;
    background-color : #ecf6e3;
    font-size: 14px;
    line-height: 40px;
}

#lnb .lnb-sub li > a > span{
    font-weight: bold;
    color: #000;
}

#lnb .lnb-sub li > a.close {
    border-bottom: 1px solid #ddd;
}

#lnb .lnb-sub li > a.show:after {
    content: "";
    display: block;
    position: absolute;
    top: 20.5px;
    right: 8px;
    width: 13px;
    height: 9px;
    background: url("../images/lnb.png") no-repeat;
}

#lnb .lnb-sub li > a.close:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    background-position: center -9px;
}

/*#lnb .lnb-sub li > a.active:before {content:''; display:block; position:absolute; top:0; left:0; width:2px; height:35px; background:#80c342;}*/

#lnb .lnb-sub .active {
    /* color: #80c342; */
    font-weight: bold;
}

/* lnb 메뉴 화살표 버튼 추가 (기획 요청) */
#lnb .lnb-sub li > a:after {
    position: absolute;
    top: 0;
    right: 15px;
    width: 12px;
    height: 100%;
    background: url(../../contents/images/common/icon-dropdown.png) no-repeat center center;
    content: "";
}

#lnb .lnb-sub li > a.close:after {
    transform: rotate(180deg);
    background-position: center center;
}

#lnb .lnb-sub a + span {
    display: flex;
    flex-direction: column;
    padding: 20px;
    /* background: #f8f8f8; */
}

/*#lnb .lnb-sub a + span {display:block; padding:7px 0; background:#f7f7f7;}*/

#lnb .lnb-sub a.close + span {
    display: none;
}

#lnb .lnb-sub a + span a {
    display: block;
    display: -ms-grid;
    width: fit-content;
    margin-top: 10px;
    font-size: 13px;
}

#lnb .lnb-sub a + span a:first-of-type {
    margin-top: 0;
}

#lnb .lnb-sub a + span a:hover {
    color: #80c342;
}

#lnb .lnb-sub a + span .active {
    position: relative;
    color: #80c342;
}

#lnb .lnb-sub a + span .active::after {
    display: block;
    width: 100%;
    border-bottom: 1px solid #80c342;
    content: "";
}

#lnb-closeBtn{
    position: absolute;
    top : 50px;
    left : -15px;
    z-index: 99;
    width : 30px;
    height : 30px;
    background-color: #fff;
    background-image: url("../images/lnb-close.png");
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ddd;
    color : #80c342;
    font-size : 18px;
    text-align: center;
    line-height : 26px;
    border-radius: 50%;
    cursor: pointer;
}

#lnb-closeBtn.closed{
    transform : rotate(180deg);
}

/*
#lnb .lnb-sub a + span a:hover {color:#80c342;}
#lnb .lnb-sub a + span .active {color:#80c342; text-decoration:underline;}
*/

.menu-all-area {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    padding: 250px;
    background: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
}

.menu-all-area__btn--close {
    position: absolute;
    top: 207px;
    right: 250px;
    width: 23px;
    height: 23px;
    background: url(../images/common/btn-modal-close-2.png) no-repeat center
        center;
}

.menu-all-area .menu-all-area__wrapper {
    position: relative;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background: #fff;
}

.menu-all-area.active {
    display: block;
}

.menu-all-area .menu-all-area-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.menu-all-area h1 {
    display: none;
}

.menu-all-area section {
    display: table-cell;
}

.menu-all-area section + section {
    border-left: 1px solid #e1e1e1;
}

/* .menu-all-area section:first-child {padding-left:20px} */

/* .menu-all-area section:last-child {padding-right:20px} */

.menu-all-area h2 {
    width: calc(100% - 40px);
    height: 50px;
    padding: 0 20px;
    background: #f5f5f5;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 50px;
}

/* 레이아웃 헤더 > 메뉴 전체보기 > 전체 메뉴 레이어 팝업 최소 너비 지정 */
.menu-all-area-table.full-title {
    min-width: 1200px;
}

.menu-all-area-table.full-title h2 {
    width: 100%;
}

.menu-all-area .section-depth a {
    display: block;
    padding: 0 20px;
    color: #000;
}

.menu-all-area .section-depth > a {
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
}

.menu-all-area .section-depth > a + span {
    display: block;
}

.menu-all-area .section-depth > a + span a {
    display: list-item;
    list-style: "·";
    list-style-position: inside;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-all-area .section-depth > a + span a span {
    margin-left: 5px;
    font-size: 13px;
    color: #666;
    line-height: 25px;
    vertical-align: middle;
}

.menu-all-area .section-depth > a + span a + a {
    margin-top: 7px;
}

/* YHJ 200416 */
#lnb.closed + #contents{
    border-left: 1px solid #ddd;
}

#contents {
    position: relative;
    display: table-cell;
    padding-bottom: 80px;
    z-index: 1;
}

/*#contents {display:table-cell; min-width:1138px; padding:30px; padding-bottom:80px; background: #f0f1f4;}*/

#contents.pop-contents {
    min-width: auto;
    padding: 0 !important;
    background: #fff;
}

#contents .control-contents {
    position: absolute;
    top: 1%;
    right: 7px;
}

.aside-hide #contents .control-contents {
    right: 0;
}

#aside {
    z-index: 3;
    width: 281px;
    height: 100%;
}

#aside .aside-inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    width: 281px;
    padding: 20px 7px 82px 7px;
    background: #fff;
}

#aside .control {
    position: absolute;
    top: 0;
    left: -7px;
    width: 7px;
    height: 100%;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #a5a5a5;
    background: #efefef;
    font: 0/0 a;
}

#aside .control:hover {
    background: #c0c0c0;
}

#aside .control:after {
    content: "";
    display: block;
    position: absolute;
    top: 200px;
    left: 0;
    width: 7px;
    height: 9px;
    background: url("../images/arrow_right.png") no-repeat;
}

.aside-hide #aside {
    width: 7px;
}

.aside-hide #aside .aside-inner {
    display: none;
}

.aside-hide #aside .control {
    left: 0;
}

#footer {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 42px;
    border-top: 1px solid #ddd;
    background: #fff;
    line-height: 42px;
    text-align: center;
    z-index: -1;
}

#conditionForm .btn-area {
    display: block;
    margin: 10px auto;
    /*width:164px;*/
}

#conditionForm .btn-area button + button {
    margin-left: 10px;
}

/* set title */

h2,
#contents h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
}

/*#contents h3 {margin:7px 0 13px; padding-left:18px; background:url('../images/bul_h3.gif') no-repeat 0 2px; color:#000; font-size:14px; font-weight:bold; line-height:1;}*/

#contents h3:first-child,
#contents h4:first-child {
    margin-top: 0;
}

#contents h3.sub-tit,
#contents h3.sub-tit:first-child {
    margin: 10px 0;
}

#contents h4 {
    margin: 25px 0 13px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

#contents h4.more::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 7px;
    background: url(../images/common/icon-title-more.png) no-repeat center
        center;
    cursor: pointer;
    content: "";
}

/*#contents h4 {margin:7px 0 13px; color:#000; font-size:17px; font-weight:bold; line-height:1;}*/

#contents .ea-title h3 {
    display: inline-block;
}

#contents .ea-title span {
    margin-left: 18px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

#contents .ea-title span em {
    color: #80c342;
}

/*
#contents .ea-title span {margin-left:10px; font-size:14px;}
#contents .ea-title span em {font-weight:600;}
*/

#ng-view {
    padding: 10px 20px;
    min-width : 1200px;
}

#ng-view .content__wrapper {
    margin-top: 20px;
    padding: 20px;
    background: #fff;
}

#ng-view .content__wrapper:first-of-type {
    margin-top: 0;
}

/* set tab content */
.menu-tab {
    font-size: 0;
}

.menu-tab a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    position: relative;
    z-index: 1;
    height: 30px;
    padding: 0 33px;
    border: 1px solid #c5c5c5;
    border-bottom: 0;
    background: #f5f5f5;
    color: #484848;
    font-size: 12px;
    line-height: 29px;
    vertical-align: top;
}

.menu-tab a + a {
    margin-left: -1px;
}

.menu-tab a.active {
    border-top: 2px solid #ea4200;
    background: #fff;
    z-index: 2;
}

.menu-tab a.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}

.box-type {
    padding: 10px;
    border: 1px solid #c5c5c5;
}

.wrap-tab-cont .tab-cont {
    display: none;
}

.wrap-tab-cont .tab-cont.active {
    display: block;
}

/* default reset */
.k-button,
.k-input[type="text"],
.k-input[type="number"],
.k-input,
.k-textbox,
.k-textbox > input {
    font-size: 13px;
}

.k-widget.k-datepicker {
    width: 140px !important;
}

.k-widget.k-datetimepicker {
    width: 200px !important;
}

.k-datetimepicker .k-picker-wrap {
    padding: 0;
}

.k-widget.k-datepicker:nth-of-type(2) {
    width: 160px !important;
    display: inline-flex;
}

.k-widget.k-datetimepicker:nth-of-type(2) {
    width: 220px !important;
    display: inline-flex;
}

.k-widget.k-datetimepicker:nth-of-type(2) .k-picker-wrap.k-state-default {
    flex: 1 0 auto;
}

.k-widget.k-datepicker:nth-of-type(2)::before,
.k-widget.k-datetimepicker:nth-of-type(2)::before {
    display: inline-block;
    margin: 0 7px;
    font-size: 13px;
    line-height: 32px;
    content: "~";
}

.k-widget.k-datepicker .k-picker-wrap input,
.k-widget.k-datetimepicker .k-picker-wrap input {
    font-size: 14px;
}

.k-widget.k-datepicker .k-picker-wrap .k-select {
    width: 32px;
    height: 32px;
    border-left: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.k-widget.k-datetimepicker .k-picker-wrap .k-select {
    width: 64px;
    height: 32px;
    border-left: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.k-datetimepicker .k-select .k-link {
    margin-top: 0;
}

.k-ie .k-combobox .k-input,
.k-ie .k-numeric-wrap .k-input,
.k-ie .k-picker-wrap .k-input,
.k-ie .k-textbox > input {
    padding: 0;
    height: 30px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 0;
    line-height: 30px;
}

.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input,
.k-textbox > input,
.k-dropdown-wrap.k-state-disabled .k-input {
    padding: 0;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
}

.k-dropdown-wrap.k-state-disabled {
    background: #fff;
    border: none;
    text-align: left;
}

.k-dropdown-wrap.k-state-disabled .k-input {
    color: #999;
}

/*.iemode .k-autocomplete .k-input, .iemode .k-dropdown-wrap .k-input, .iemode .k-numeric-wrap .k-input, .iemode .k-picker-wrap .k-input, .iemode .k-selectbox .k-input, .iemode .k-textbox>input {height:2em; line-height:1.9em;}*/

.k-block,
.k-button,
.k-draghandle,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-pager-wrap,
.k-toolbar,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #eff0f0;
}

.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child,
.k-resource.k-alt,
.k-separator {
    background-color: #fff;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
    color: #2e2e2e;
    background-color: #d8ebfc;
    border-color: #f85a00;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
    color: #2e2e2e;
    background-color: #f4f9fe;
    border-color: #f85a00;
    border-radius: 0;
}

.k-state-hover input {
    border-radius: 0;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
    color: #2e2e2e;
    background-color: #d7ebfc !important;
    border-color: #f85a00;
}

.k-autocomplete,
.k-dropdown-wrap,
.k-multiselect-wrap,
.k-numeric-wrap,
.k-picker-wrap,
.k-textbox {
    border: none;
}

.k-autocomplete,
.k-button,
.k-draghandle,
.k-dropdown-wrap,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-numeric-wrap,
.k-pager-wrap,
.k-panelbar .k-tabstrip-items .k-item,
.k-picker-wrap,
.k-progressbar,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-textbox,
.k-toolbar,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-color: #eff0f0;
    border-radius: 0;
    padding: 0;
}

.k-gantt-toolbar .k-state-default,
.k-grid .k-grouping-header,
.k-grid-header,
.k-grid-header-wrap,
.k-grouping-header .k-group-indicator,
.k-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox {
    border-color: #ddd;
}

.k-filtercell > span > .k-button {
    /* height: 30px; */
    right: -2px;
    width: 2.1em;
    height: 32px;
    border: 1px solid #ddd;
}

.k-dialog
    .k-dialog-buttongroup.k-dialog-button-layout-stretched
    li.k-button:last-child {
    margin-left: 4px;
}

/* .k-popup.k-calendar-container, .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0 !important;
    border-width: 1px;
    border-style: solid;
}
.k-grid-content {border:1px solid #e1e1e1; border-width:0 0 1px 1px;}
.k-grid-footer-wrap, .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    zoom: 1;
} */

.k-dropdown.select-box {
    width: 100%;
    margin-right: 10px;
}

.k-dropdown.select-box:last-of-type {
    margin-right: 0;
}

thead .k-filter-row th {
    /*border: none !important;*/
}

.k-pager-numbers-wrap {
    width: auto !important;
}

.k-pager-wrap {
    display: block;
    width: 100%;
    padding-top: 15px;
    background: none;
    line-height: 1.5;
    border: 0;
    text-align: center;
}

.k-pager-wrap:after {
    content: "";
    position: absolute;
}

.k-grid .k-pager-numbers {
    float: none;
    display: inline-block;
    border-radius: 0 !important;
    border: 0 !important;
    position: initial !important;
    overflow: initial !important;
}

.k-grid .k-pager-numbers .k-link {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
    margin: 0 3px !important;
    border: 1px solid #ddd !important;
    box-sizing: border-box;
    border-radius: 0 !important;
    vertical-align: middle;
}

.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
    font-size: 12px;
    line-height: 2em;
}

.k-pager-numbers .k-state-selected {
    border-color: transparent;
    background-color: transparent !important;
    color: #80c342;
    font-weight: bold;
    border: 1px solid #80c342 !important;
}

.k-tool.k-state-selected {
    background-color: #f35800;
}

/* .k-pager-numbers .k-state-selected {border-color:transparent; background-color:transparent !important; color:#80c342; font-weight:bold;} */

/* .k-pager-numbers .k-state-selected {border-color:transparent; background-color:transparent !important; color:#80c342; text-decoration:underline; font-weight:bold;} */

.k-pager-numbers .k-link:hover {
    border-color: transparent;
    background-color: transparent;
}

.k-pager-wrap > .k-link {
    float: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    line-height: 30px;
    border-radius: 2px !important;
    vertical-align: top;
    box-sizing: border-box;
}

.k-popup.k-list-container {
    padding: 0 !important;
    border-color: #ddd !important;
}

.k-popup .k-list .k-state-hover {
    background-color: #f4f9fe !important;
}

.k-popup .k-list .k-state-hover:hover {
    background-color: #f4f9fe !important;
}

.k-dropdown-wrap.k-state-default,
.k-list-scroller {
    background-color: #fff !important;
    border: none;
    border-radius: 0;
}

.k-grid {
    position: relative;
    border: 0;
}

.k-grid table {
    border: 1px solid #e5e5e5;
    border-collapse: collapse;
}
/* 기획요청으로 주석처리
.k-grid td.k-state-focused {
    border: none;
    color: #80c342;
    text-decoration: underline;
    box-shadow: none;
} */

.k-grid tr:hover {
    background-color: #f4f9fe;
}

.k-grid .k-header.k-grid-toolbar {
    position: absolute;
    top: -55px;
    right: 0;
    height : 36px;
    background: #fff;
    border: none;
}

.k-selectable {
    margin-top: -1px !important;
}

.k-dropdown-wrap.k-state-default {
    text-align: left;
}

.k-dropdown-wrap .k-select,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
    border: none;
    line-height: 30px;
}

/* temp */

.k-numeric-wrap .k-select {
    width: 3em;
}

/*.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {line-height:20px;}*/

.k-grid td {
    padding: 5px;
    /* border: none; */
    border: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 1.5;
}

/*.k-grid td {padding:.4em .6em;border-width:0 1px 1px 0; font-size:12px; text-align:center;}*/

/***.k-grid tr td:first-child {border-left:1px solid #ddd;}***/

/* .k-grid tr td {
    border-top: 1px solid #eee;
} */

/* .k-grid tr:first-of-type td {
    border-top: none;
} */

/* .k-grid tr:last-child td {border-bottom:1px solid #ddd;} */

.k-pager-wrap {
    position: static;
    padding-top: 15px;
    background: none;
    line-height: 1.5;
    border: 0;
    text-align: center;
}

.k-pager-wrap.k-pager-sm {
    position: static;
}

.k-pager-wrap:after {
    content: "";
    position: absolute;
}

.k-grid-content {
    width: 100%;
}

.bizInfo .tab3 .k-grid-content {
    max-height: 500px;
    /* border-bottom: 1px solid #eee; */
}

.k-grid .k-pager-numbers {
    float: none;
    display: inline-block;
}

.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
    font-size: 12px;
    line-height: 2em;
}

/* .k-pager-numbers .k-state-selected {border-color:transparent; background-color:transparent !important; color:#80c342; text-decoration:underline; font-weight:bold;} */

.k-pager-numbers .k-state-selected {
    border-color: transparent;
    background-color: transparent !important;
    color: #80c342;
    font-weight: bold;
}

.k-pager-numbers .k-link:hover {
    border-color: transparent;
    background-color: transparent;
}

/* .k-pager-wrap >.k-link {float:none; display:inline-block; min-width:2em; height:2em; line-height:1.8em; border-radius:2px !important; vertical-align:top;}
.k-pager-wrap >.k-link .k-icon {margin-top:6px;} */

.k-pager-sizes {
    position: absolute;
    top: -53px;
    right: 0;
    margin-left: 30px;
    font-size: 0;
    color: #666;
}

.k-pager-sizes:before {
    content: "목록 수";
    font-size: 14px;
}

.k-pager-sizes .k-widget.k-dropdown {
    margin: 0 0 0 7px;
    font-size: 12px;
    line-height: 22px;
    vertical-align: -25%;
}

.k-pager-wrap .k-dropdown-wrap .k-input {
    padding: 0;
    font-size: 12px;
    line-height: 30px;
}

/*.k-pager-wrap .k-dropdown-wrap .k-input {padding:0; font-size:12px; line-height:22px;}*/

.k-pager-wrap .k-i-arrow-s {
    background-position: 0 -31px;
}

.k-pager-wrap .k-pager-info {
    display: none;
    font-size: 12px;
    line-height: 2em;
}

.pager-type2 .k-pager-input,
.pager-type2 .k-pager-sizes {
    padding: 0;
    padding-top: 10px;
    float: left;
    clear: left;
}

.pager-type2 .k-pager-sizes {
    padding-top: 0;
}

.pager-type2 .k-pager-wrap .k-pager-info {
    padding-top: 10px;
}

.pager-type2 .k-pager-wrap .k-pager-refresh {
    display: none;
    margin-top: 10px;
}

.k-pager-wrap .k-pager-refresh {
    display: none;
}

.k-i-seek-w {
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url("../images/first.png") !important;
}

.k-i-arrow-w {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url("../images/left.png") !important;
}

.k-i-seek-e {
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url("../images/last.png") !important;
}

.k-i-arrow-e {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url("../images/right.png") !important;
}

.k-button.k-state-active:hover,
.k-button.k-state-focused,
.k-button:active,
.k-button:active:hover {
    border-color: inherit;
    background-color: inherit;
    color: inherit;
    box-shadow: none;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: none;
}

.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active,
.k-tabstrip-top .k-tabstrip-items .k-state-active {
    background: #fff;
    font-weight: 600;
}

#tabstrip {
    background: none;
    border: none;
}

#tabstrip > .k-tabstrip-items {
    padding: 8px 0 0;
}

#tabstrip > .k-content {
    margin: 0;
    border: none;
}

#tabstrip > .k-content .bbsDetail {
    margin-top: 22px;
    color: #333;
    font-size: 14px;
}

#tabstrip > .k-content tr:first-of-type .bbsDetail {
    margin-top: 28px;
}

#tabstrip > .k-content tr:nth-of-type(n + 3) .bbsDetail {
    color: #666;
}

/* set tab content */

.menu-tab {
    font-size: 0;
}

.menu-tab a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    position: relative;
    z-index: 1;
    height: 30px;
    padding: 0 33px;
    border: 1px solid #c5c5c5;
    border-bottom: 0;
    background: #f5f5f5;
    color: #484848;
    font-size: 12px;
    line-height: 29px;
    vertical-align: top;
}

.menu-tab a + a {
    margin-left: -1px;
}

.menu-tab a:hover,
.menu-tab a.active {
    border-top: 2px solid #ea4200;
    background: #fff;
    z-index: 4402;
}

.menu-tab a:hover:after,
.menu-tab a.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}

/* set button */

[class|="set-btn"] {
    vertical-align: top;
}

.set-btn-type1 {
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.set-btn-type1:hover {
    background: #fff;
}

[class|="set-btn"][disabled="disabled"] {
    color: #d5d5d5 !important;
}

.set-btn-type2,
.set-btn-type3,
.set-btn-type4,
.set-btn-type5,
.set-btn-type7,
.set-btn-type20 {
    min-width: 74px;
    height: 32px;
    padding: 0 10px;
    border-radius: 2px;
    box-sizing: border-box;
}

.set-btn-type8 {
    min-width: 74px;
    height: 24px;
    padding: 0 10px;
    border-radius: 2px;
    box-sizing: border-box;
}

.set-btn-type2 {
    background-color: #80c342;
    border: 1px solid #80c342;
    color: #fff !important;
    vertical-align: middle;
}

.set-btn-type2[disabled="disabled"],
.set-btn-type2[disabled="disabled"]:hover {
    background: #7abdf2;
    border: 1px solid #69aadd;
    color: #fff !important;
}

.set-btn-type2:hover {
    color: #fff;
    border-color: #80c342;
    background-color: #80c342;
}

.set-btn-type2.k-button.k-state-active:hover,
.set-btn-type2.k-button.k-state-focused,
.set-btn-type2.k-button:active,
.set-btn-type2.k-button:active:hover {
    border-color: #80c342;
    background-color: #80c342;
    color: #fff;
    box-shadow: none;
}

.set-btn-type2[disabled="disabled"],
.set-btn-type2[disabled="disabled"]:hover {
    background: #80c342;
    border: 1px solid #80c342;
    color: #fff;
}

.set-btn-type3 {
    background-color: #fff;
    border: 1px solid #80c342;
    color: #80c342 !important;
}

.set-btn-type3[disabled="disabled"],
.set-btn-type3[disabled="disabled"]:hover {
    background: #fff;
    border: 1px solid #7ac4ff;
    color: #79c3ff !important;
}

.set-btn-type3:hover {
    color: #80c342;
    border-color: #7ac4ff;
    background-color: #fff;
}

.set-btn-type3.k-button.k-state-active:hover,
.set-btn-type3.k-button.k-state-focused,
.set-btn-type3.k-button:active,
.set-btn-type3.k-button:active:hover {
    border-color: #7ac4ff;
    background-color: #fff;
    color: #80c342;
    box-shadow: none;
}

.set-btn-type3[disabled="disabled"],
.set-btn-type3[disabled="disabled"]:hover {
    background: #fff;
    border: 1px solid #7ac4ff;
    color: #80c342;
}

.set-btn-type4 {
    width: 120px;
    height: 40px;
    background: #80c342;
    border: 1px solid #ddd;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.set-btn-type4:hover {
    color: #fff;
    border-color: #ddd;
    background-color: #80c342;
}

.set-btn-type4.k-button.k-state-active:hover,
.set-btn-type4.k-button.k-state-focused,
.set-btn-type4.k-button:active,
.set-btn-type4.k-button:active:hover {
    border-color: #ddd;
    background-color: #80c342;
    color: #fff;
    box-shadow: none;
}

.set-btn-type4[disabled="disabled"],
.set-btn-type4[disabled="disabled"]:hover {
    background: #80c342;
    border: 1px solid #ddd;
    color: #fff;
}

/*.set-btn-type4 {background-color:#666; border:1px solid #555; color:#fff !important;}
.set-btn-type4:active {background-color:#666; border:1px solid #555; color:#fff !important;}
.set-btn-type4:hover {background-color:#666; border:1px solid #555; color:#fff !important;}
.set-btn-type4[disabled="disabled"],
.set-btn-type4[disabled="disabled"]:hover {background:#a2a2a2; border:1px solid #8d8d8d; color:#ececec !important;}*/

/*
.set-btn-type5 {background-color:#fafafa; border:1px solid #d1d1d1; color:#666 !important;}
.set-btn-type5:active {background-color:#fafafa; border:1px solid #d1d1d1; color:#666 !important;}
.set-btn-type5:hover {background-color:#fafafa; border:1px solid #d1d1d1;}
.set-btn-type5[disabled="disabled"],
.set-btn-type5[disabled="disabled"]:hover {background:#fafafa; border:1px solid #e9e9e9; color:#b0b0b0 !important;}
*/

.set-btn-type5 {
    width: 120px;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    color: #000;
    font-size: 13px;
    font-weight: 600;
}

.set-btn-type5:hover {
    color: #000;
    border-color: #ddd;
    background-color: #fff;
}

.set-btn-type5.k-button.k-state-active:hover,
.set-btn-type5.k-button.k-state-focused,
.set-btn-type5.k-button:active,
.set-btn-type5.k-button:active:hover {
    border-color: #ddd;
    background-color: #fff;
    color: #000;
    box-shadow: none;
}

.set-btn-type5[disabled="disabled"],
.set-btn-type5[disabled="disabled"]:hover {
    background: #fff;
    border: 1px solid #ddd;
    color: #000;
}

[class|="set-btn-type6"] {
    position: relative;
    width: 60px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #666;
    box-sizing: border-box;
}

[class|="set-btn-type6"][fb-btn-active="true"] {
    z-index: 1;
    color: #80c342;
    border-color: #80c342;
}

[class|="set-btn-type6"]:first-of-type {
    /* margin-left: 10px; */
}

[class|="set-btn-type6"]:nth-of-type(n + 2) {
    margin-left: -1px;
}

/*[class|="set-btn-type6"] {padding:2px 10px; background-color:#fff; border:1px solid #888; color:#666 !important; border-radius:2px;}*/

[class|="set-btn-type6"][disabled="disabled"],
[class|="set-btn-type6"][disabled="disabled"]:hover {
    background: #cacaca;
    border: 1px solid #c2c2c2;
    color: #f4f4f4 !important;
}

.set-btn-type6-del {
    background-color: #fafafa;
    border: 1px solid #ccc;
    color: #666 !important;
}

.set-btn-type6-del[disabled="disabled"],
.set-btn-type6-del[disabled="disabled"]:hover {
    background: #fafafa;
    border: 1px solid #e9e9e9;
    color: #b6b6b6 !important;
}

.set-btn-type7 {
    background-color: #999;
    border: 1px solid #898989;
    color: #fff !important;
}

.set-btn-type7[disabled="disabled"],
.set-btn-type7[disabled="disabled"]:hover {
    background: #cacaca;
    border: 1px solid #c2c2c2;
    color: #fff !important;
}

.set-btn-type8 {
    background-color: #999;
    border: 1px solid #898989;
    color: #fff !important;
}

.set-btn-type8[disabled="disabled"],
.set-btn-type8[disabled="disabled"]:hover {
    background: #c2c2c2;
    border: 1px solid #c2c2c2;
    color: #fff !important;
}

.set-btn-type20 {
    background-color: #fff;
    border: 1px solid #d71820;
    color: #d71820 !important;
}

.set-btn-type20[disabled="disabled"],
.set-btn-type20[disabled="disabled"]:hover {
    background: #fff;
    border: 1px solid #ff888d;
    color: #ff888d !important;
}

.btn-type-star {
    display: inline-block;
    width: 74px;
    height: 20px;
    border: 1px solid #c9c9c9;
    background-color: #eff0f0;
    border-radius: 2px;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
}

.btn-type-star:before {
    content: "★";
    display: inline-block;
    margin-right: 4px;
    font-size: 12px;
}

.btn-type-star[disabled="disabled"] {
    color: #aaabab;
}

.btn-type-star[disabled="disabled"]:after {
    color: #aaabab;
}

/*
.k-grid tbody .k-button,
.k-grid .k-grid-toolbar .k-button,
.k-ie8 .k-grid tbody button.k-button {padding:0 8px; background:#fff; border:1px solid #ccc; border-radius:2px; color:#737373;}*/

/*.k-grid tbody .k-button.f-grid-add,
.k-grid tbody .k-button.f-grid-save,
.k-grid tbody .k-button.f-grid-edit,
.k-grid .k-button.k-grid-add,
.k-grid tbody .k-button.k-grid-save,
.k-grid .k-button.k-grid-cSave,
.k-grid tbody .k-button.k-grid-edit {background:#80c342; border:1px solid #80c342; color:#fff;}
.k-grid tbody .k-button.f-grid-search,
.k-grid tbody .k-button.f-grid-default,
.k-grid tbody .k-button.k-grid-search,
.k-grid tbody .k-button.k-grid-default {background:#999; border:1px solid #898989; color:#fff;}
.k-grid tbody .k-button.f-grid-cancel,
.k-grid tbody .k-button.k-grid-cancel {background:#fff; border:1px solid #80c342; color:#80c342;}
.k-grid tbody .k-button.f-grid-approval,
.k-grid tbody .k-button.k-grid-approval {background:#fff; border:1px solid #00b121; color:#00b121;}
.k-grid tbody .k-button.f-grid-return,
.k-grid tbody .k-button.k-grid-return {background:#fff; border:1px solid #f10700; color:#f10700;}

.k-grid tbody .k-button.k-margin5 {margin-bottom: 5px;}

.k-button-icontext .k-icon {margin:0 4px 0 0;}
*/

.k-i-search {
    width: 13px;
    height: 13px;
    background: url("../images/ic/k_i_search.png") no-repeat 0 !important;
}

.k-i-add {
    width: 13px;
    height: 13px;
    background: url("../images/ic/k_i_add.png") no-repeat 0 !important;
}

.k-i-update {
    width: 12px;
    height: 9px;
    background: url("../images/ic/k_i_update.png") no-repeat 0 !important;
}

.k-i-delete {
    width: 12px;
    height: 12px;
    background: url("../images/ic/k_i_delete.png") no-repeat 0 !important;
}

.k-i-cancel {
    width: 12px;
    height: 12px;
    background: url("../images/ic/k_i_cancel.png") no-repeat 0 !important;
}

.k-i-edit {
    width: 13px;
    height: 13px;
    background: url("../images/ic/k_i_edit.png") no-repeat 0 !important;
}

.k-i-refresh {
    width: 13px;
    height: 13px;
    background: url("../images/ic/k_i_refresh.png") no-repeat 0 !important;
}

.k-i-approval {
    width: 12px;
    height: 9px;
    background: url("../images/ic/k_i_approval.png") no-repeat 0 !important;
}

.k-i-return {
    width: 12px;
    height: 12px;
    background: url("../images/ic/k_i_return.png") no-repeat 0 !important;
}

.k-i-default {
    width: 2px;
    height: 11px;
    background: #fff;
}

.k-button-icontext .k-icon.k-i-default {
    margin-right: 9px;
}

/*.k-select .k-icon {margin-top:3px;}*/

.k-select .k-link {
    display: inline-block;
    margin-top: 3px;
}


.btn-area.align-right {
    text-align: right;
}

.btn-area:after{
    display : block;
    clear : both;
    content : "";
}


/* radio / checkbox */

input[type="radio"] {
    position: relative;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    -webkit-appearance: none;
}

input[type="radio"]::after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../images/common/icon-radio-unchecked.png) no-repeat center
        center;
    content: "";
}

.iemode input[type="radio"] {
    background: url(../images/common/icon-radio-unchecked.png) no-repeat center
        center;
}

.iemode input[type="radio"]:checked {
    background: url(../images/common/icon-radio-checked.png) no-repeat center
        center;
}

input[type="radio"]:checked::after {
    background: url(../images/common/icon-radio-checked.png) no-repeat center
        center;
}

input[type="radio"]:checked:disabled::after {
	background: url(../images/common/icon-radio-disabled.png) no-repeat center
        center;
}

.iemode input[type="radio"]::-ms-check {
    background-color: inherit;
    border-width: 0;
    border-color: inherit;
    border-radius: inherit;
    color: transparent;
}

input[type="radio"] + label {
    display: inline-block;
    /* margin: 7.5px 17px 7.5px 10px !important; */
    padding: 7.5px 17px 7.5px 10px !important;
    font-weight: 600;
    vertical-align: middle !important;
}

input[type="radio"] + label:last-of-type {
    margin-right: 0;
}

.k-radio:focus,
.k-radio:checked:focus {
    box-shadow: none;
    border: none;
}

/*
.iemode input[type="radio"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/common/icon-unchecked.png);
	color: transparent;
	border-radius: 0;
	vertical-align: middle;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
}

.iemode input[type="radio"]:checked {
	background: url(../images/common/icon-checked.png);
}
*/

input[type="checkbox"] {
    position: relative;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    -webkit-appearance: none;
}

input[type="checkbox"]::after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../images/common/icon-unchecked.png);
    content: "";
}

input[type="checkbox"]:checked::after {
    background: url(../images/common/icon-checked.png);
}

input[type="checkbox"]:checked:disabled::after {
    background: url(../images/common/icon-checked-disabled.png);
}

input[type="checkbox"]:disabled::after {
    /*background: url(../images/common/icon-checked-disabled.png);*/
    background: #ddd;
}

.iemode input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/common/icon-unchecked.png);
    color: transparent;
    border-radius: 0;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
}

.iemode input[type="checkbox"]:checked {
    background: url(../images/common/icon-checked.png);
}

.iemode input[type="checkbox"]::-ms-check {
    background-color: inherit;
    border-width: 0;
    border-color: inherit;
    border-radius: inherit;
    color: transparent;
}

input[type="checkbox"] + label {
    display: inline-block;
    margin: 7.5px 17px 7.5px 10px;
}

input[type="checkbox"] + label:last-of-type {
    margin-right: 0;
}

.k-checkbox:focus,
.k-checkbox:checked:focus {
    box-shadow: none;
    border: none;
}

/* contents section */

.contsection10 {
    margin-top: 10px !important;
}

.contsection50 {
    margin-top: 25px !important;
}

/* layout */

.wrap-location {
    position: relative;
    margin-bottom: 20px;
}

.wrap-location .title {
    display: inline-block;
    margin-right: 30px;
    font-size: 26px;
    font-weight: 600;
}

.wrap-location .title:last-of-type {
    margin-right: 0;
}

/*.wrap-location .title {display:inline-block; margin-right:8px; color:#000; font-size: 30px; font-weight:bold; line-height:1;}
.wrap-location .title:before {content:''; display:inline-block; margin:1px 5px 0 0; width:2px; height:30px; background-color:#80c342; vertical-align:top;}*/

.wrap-location .location {
    position: absolute;
    top: 9px;
    right: 0;
    color: #999;
    font-size: 11px;
    font-family: "돋움", dotum;
    line-height: 1;
}

.wrap-location .btn-group {
    display: block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #c5c5c5;
    text-align: right;
}

.wrap-location .btn-group button {
    min-width: 62px;
    height: 36px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
}

/* 그리드 버튼 목록 Case 2020.09.10 */

.wrap-tit {
    height: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 35px;
}


.wrap-tit:first-child {
    margin-top: 0;
}

.wrap-tit.absolute-tit {
    position: absolute;
    top: 20px;
    /* top: 35px; */
    z-index: 1;
}

.wrap-tit:after {content:""; display:block; clear:both;}

/*.wrap-tit h3 {display:inline-block; margin:10px 0 0 !important;}*/

.wrap-tit .ea-title {
    display: inline-block;
}

/* 2020.09.16 display: flex로 수정 ie에서 문제시 block으로 변경 */
.wrap-tit .btn-area {
    display : flex;
}

.wrap-tit .btn-area,
.wrap-tit .list-ea {
    float: right;
    top: 0;
    margin: 0;
}

.wrap-tit.case1 .btn-area{
    position: relative;
    padding-right: 120px;
}

.wrap-tit.case1 .btn-area .fb__custom__radio,
.wrap-tit.case1 .btn-area .fb__custom__checkbox{
    display: inline-block;
}

.wrap-tit.case1 .btn-area .fb__custom__radio label,
.wrap-tit.case1 .btn-area .fb__custom__checkbox label{
    margin: 0 10px 0 0;
}

.wrap-tit.case3:after{
    display : block;
    position: relative;
    bottom : -5px;
    width : 100%;
    height : 1px;
    background-color: #ddd;
}

/* 버튼 라인 2줄인 케이스 */
.fb__sect.grid-sect .wrap-tit.case4,
.grid-sect .wrap-tit.case4{
    height : auto;
}

.wrap-tit.case4 .wrap-tit__top,
.wrap-tit.case4 .wrap-tit__bottom{
    height: 32px;
}

.wrap-tit.case4 .wrap-tit__top .btn-area{
    padding-right: 130px;
}

/* 버튼 라인 2줄인 케이스 */
.fb__sect.grid-sect .wrap-tit.case5,
.grid-sect .wrap-tit.case5{
    height : auto;
}

.wrap-tit.case5 .wrap-tit__top,
.wrap-tit.case5 .wrap-tit__bottom{
    height: 32px;
}

.wrap-tit.case5 .wrap-tit__top .btn-area{
    padding-right: 130px;
}

.wrap-tit__bottom .btn-area:first-child{
    float: left;
}

.wrap-tit__bottom .btn-area:last-child{
    float: right;
}

.wrap-tit.case4 + .k-grid{
    /* position: static; */
}


.wrap-tit.case4 + .k-grid  .k-pager-sizes{
    /* top: 31px;
    right: 30px; */
    /* top: 0px;
    right : 0px; */
    /* top: 42px; */
    right: 388px;
}

.wrap-tit.case5 + .k-grid{
    /* position: static; */
}


.wrap-tit.case5 + .k-grid  .k-pager-sizes{
    /* top: 31px;
    right: 30px; */
    /* top: 0px;
    right : 0px; */
    /* top: 42px;*/
    right: 538px;
}

.wrap-tit .list-ea .select-box {
    width: 50px;
    height: 24px;
    line-height: 24px;
}

/* 엑셀 다운로드가 오른쪽 끝에 붙는 경우 */
.paging .k-grid {
    float: left;
}

.paging .k-pager-sizes {
    right : 130px;
    top : -52px !important;
}

/* 목록 수 오른쪽 끝에 붙는 경우 */
.new .wrap-tit .btn-area {
    float: right;
    margin-right : 120px;
}

.new .k-grid {
    float: left;
}

.new .k-pager-sizes {
    right: 0px;
    top : -52px !important;
}


.sort .k-header.k-grid-toolbar {
    top: -52px !important;
    max-height: 32px;
}

.sort .k-pager-sizes {
    right: 130px;
    top : -52px !important;
}

.sort .fb__btn-excel {
    margin-left: 130px;
}

/* 그리드에서 버튼 생성하는 경우 */
.inGrid .k-pager-sizes {
    right: 0px;
    top : -52px !important;
}

.inGrid .k-header.k-grid-toolbar {
    top: -52px;
    right: 120px;
    height : 32px;
}

.inGrid .k-header.k-grid-toolbar .k-button {
    height : 100%;
}

.inGrid .k-grid {
    float: left;
}


/* 그리드 버튼 목록 Case End */

/* set datatable */

.datatable {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    border: 1px solid #ddd;
}

.datatable table {
    width: 100%;
    line-height: 1.5;
}

.datatable thead th {
    padding: 6px 0;
    background: #f2f2f2;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #ddd;
}

.datatable thead th + th {
    border-left: 1px solid #e5e5e5;
}

.datatable td {
    padding: 3px 0;
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    text-align: center;
}

.datatable td label {
    font-size: 13px;
}

.datatable label.approvalChanged {
	color: red;
}

.datatable td + td {
    border-left: 1px solid #e5e5e5;
}

.datatable td.bg-type {
    background: #f2f2f2;
    color: #000;
    font-weight: bold;
}

.datatable td.bg-emp {
    background: #fff7da;
    color: #000;
    font-weight: bold;
}

.datatable td .input-wrap {
    padding-left: 0;
    border-left: 0;
}

.datatable .space {
    margin-left: 45px;
}

.k-picker-wrap.k-state-default {
    height: 32px;
    border: none;
}

/*.k-picker-wrap.k-state-default {height:22px;}*/

.k-picker-wrap.k-state-default.k-state-hover {
    border-radius: 0;
}

/* vertical type */

.datatable.v-type {
    margin-top: 15px;
    border-top: 1px solid #e5e5e5;
}

.datatable.v-type:first-child {
    margin-top: 0;
}

.datatable.v-type tbody th {
    /* padding: 20px 5px; */
    padding: 5px 20px;
    background: #f5f5f5;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.datatable.v-type tbody th.padding0{
    padding: 0;
}

.datatable.v-type tbody th.active{
    background-color : #ecf6e3;
}

.datatable.v-type tbody th.textCenter {
    text-align: center;
}

/*.datatable.v-type tbody th {height:28px; padding:6px 10px 6px 10px; background:#eff0f0; color:#000; font-size:12px; font-weight:bold; text-align:left;}*/

/* .datatable.v-type tbody th:not(:first-child) {border-left:1px solid #ddd;} */

.datatable.v-type tbody th.must:before {
    content: "*";
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    color: #f32929;
    /* width:10px; height:11px; background:url('../images/required.png') no-repeat; */
}

.datatable.v-type tbody th.must2:after {
    content: "*";
    display: inline-block;
    color: #f32929;
    /* width:10px; height:11px; background:url('../images/required.png') no-repeat; */
}

th.must3:after {
    content: "*";
    margin-left: 5px;
    display: inline-block;
    color: #f32929;
    /* width:10px; height:11px; background:url('../images/required.png') no-repeat; */
}

.datatable.v-type tbody > tr:not(:first-child) > th,
.datatable.v-type tbody > tr:not(:first-child) > td {
    border-top: 1px solid #ddd;
}

.datatable.v-type td {
    /* padding: 10px; */
    padding: 5px;
    /* border: 0; */
    text-align: left;
}

.datatable.v-type tbody > tr th {
    border-left: 1px solid #e5e5e5;
}

.datatable.v-type tbody > tr th:first-of-type {
    border-left: none;
}

.datatable.v-type .complex-condition {
    display: table;
    table-layout: fixed;
    width: 100%;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.datatable.v-type .cell {
    display: table-cell;
}

.datatable.v-type .cell.unit {
    padding-left: 10px;
}

.datatable.v-type .complex-condition.d-inline-flex {
    display: inline-flex;
}

.datatable.v-type .complex-condition.d-inline-flex .comm-input {
    flex: 0 1 auto;
}

.datatable.v-type .complex-condition input,
.datatable.v-type .complex-condition button {
    font-size: 13px;
    font-family: inherit;
}

/* feature/SPMO-7255_BOS-크롬에서-주문생성-UI-틀어짐-개선 */
.datatable.v-type .complex-condition .comm-input {
    display: inline-block;
}
/* feature/SPMO-7255_BOS-크롬에서-주문생성-UI-틀어짐-개선 */
.datatable.v-type .complex-condition > .selec-label,
.datatable.v-type .complex-condition > .k-upload-empty,
.datatable.v-type .complex-condition > .comm-input,
.datatable.v-type .complex-condition > .wrap-datepicker,
.datatable.v-type .complex-condition > .txt,
.datatable.v-type .complex-condition > .space,
.datatable.v-type .complex-condition > .comm-label {
    display: table-cell;
}


.datatable.v-type .complex-condition .selec-label {
    width: 70%;
    padding: 3px 5px;
    border: 1px solid #ddd;
}

.datatable.v-type .complex-condition .k-upload-empty {
    width: 30%;
    background: none;
    border: 0;
}

.fb__file__upload .k-upload-button {
    margin: 0 0 0 10px;
    height: 30px;
    background: #fff;
    color: #666;
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
}

.fb__file__upload .k-upload-button span {
    font-size: 0;
}

.fb__file__upload .k-upload-button::before {
    display: inline-block;
    width: 14px;
    height: 15px;
    margin-right: 5px;
    background: url(../images/common/icon-file-upload.png) no-repeat center
        center;
    content: "";
    /* kendoui override */
    position: relative;
    opacity: 1;
}

.fb__file__upload .k-upload-button::after {
    display: inline-block;
    font-size: 13px;
    content: "파일첨부";
    /* kendoui override */
    position: relative;
    opacity: 1;
}

.fb__image__upload {
    width: 200px;
    margin: auto;
}

.fb__image__upload .k-upload {
    display: block;
    border: 1px solid #ddd !important;
    border-top: none !important;
    text-align: center;
    box-sizing: border-box;
}

.datatable.v-type .complex-condition .comm-input,
.datatable.v-type .comm-textarea,
.datatable.v-type .complex-condition .wrap-datepicker {
    width: 100%;
}

.datatable.v-type .complex-condition .comm-input {
    height: 32px;
    box-sizing: border-box;
}

/*.datatable.v-type .complex-condition .comm-input {padding-bottom:1px; height:24px;}*/

.datatable.v-type .comm-textarea {
    padding: 5px;
    height: 100%;
    max-width: 100%;
    min-width : 30%;
    min-height : 32px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 13px;
    /* resize: none; */
    /* resize-y : none; */
}

.comm-textarea {
    height: 100%;
    padding: 5px;
    border: 1px solid #ddd;
    /* resize: none; */
    /* resize-y : none; */
    box-sizing: border-box;
    max-width: 100%;
    max-width: 100%;
    min-height: 32px;
    font-size: 13px;
}

/* .datatable.v-type .complex-condition .wrap-datepicker .datepicker {width:100%; height:22px;}
.datatable.v-type .complex-condition .wrap-datepicker .datepicker.k-state-hover {height:22px;} */

.datatable.v-type .complex-condition .txt {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

.datatable.v-type .align-right {
    text-align: right;
}

.datatable.v-type .complex-condition .txt > .k-widget.k-dropdown {
    width: 100% !important;
}

.datatable.v-type .wrap-date-select:after {
    content: "";
    display: block;
    clear: both;
}

.datatable.v-type .wrap-date-select .complex-condition {
    float: left;
    display: block;
    width: 49%;
}

.datatable.v-type .wrap-date-select .complex-condition .wrap-datepicker {
    display: block;
}

.datatable.v-type
    .wrap-date-select
    .complex-condition
    .wrap-datepicker
    + .wrap-datepicker {
    margin-top: 5px;
}

/* YHJ 200417 */

.complex-condition .k-upload {
    display: inline-block;
    border: none;
}

.datatable.v-type .wrap-date-select .date-select {
    float: right;
    width: 49%;
}

.datatable.v-type .k-picker-wrap.k-state-default,
.datatable.v-type .k-dropdown-wrap.k-state-default {
    background: #fff;
    border: none;
}

.k-autocomplete,
.k-dropdown-wrap,
.k-numeric-wrap,
.k-picker-wrap {
    box-shadow: none;
}

/**/

.datatable.same-height {
    height: calc(100% - 30px);
}

.board-more {
    position: absolute;
    top: 16px;
    right: 0;
    color: #80c342;
}

.board-more:after {
    content: ">";
}

.board-section {
    position: relative;
}

.board-section .board-more {
    top: 4px;
}

.board-section .datatable.board {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.datatable.board,
.datatable.board th,
.datatable.board td {
    border: 0;
    text-align: left;
}

.datatable.board .cate {
    color: #80c342;
}

/*.datatable.board .cate {color:#2196F3;}*/

.datatable.board .date {
    text-align: right;
}

.datatable.board a:hover {
    text-decoration: underline;
}

.itemListViewArea {
    padding: 10px 5px;
    zoom: 1;
}

.itemListViewArea:after {
    content: "";
    display: block;
    clear: both;
}

.itemListViewArea .itemView {
    float: left;
    width: 111px;
    height: 170px;
    margin: 0 5px;
}

.itemListViewArea .itemView img {
    width: 110px;
    height: 110px;
}

.itemListViewArea .itemView p {
    padding: 3px 5px 0 0;
    max-width: 96px;
    overflow: hidden;
    line-height: 1.1;
    font-size: 12px;
    color: #999;
}

.k-pager-numbers {
    display: inline-block;
    vertical-align: middle;
}

/* set grid */

/*.k-filter-row tr:first-child th, .k-grid-header tr:first-child th.k-header {border-top:1px solid #ddd;}*/

/*.k-filter-row th, .k-grid-header th.k-header {overflow:hidden; border-style:solid; border-width:0 1px 1px 0; padding:1em; color:#000; font-size:12px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; text-align:left;}*/

/*.k-filter-row tr th:first-child, .k-grid-header tr th.k-header:first-child {border-left:1px solid #ddd;}*/

.k-grid .k-grid-header-locked {
    border: none;
}

.k-grid .k-grid-header th.k-header {
    padding: 16px 0;
    background: #f5f5f5;
    /*border: none;*/
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
}

.k-grid .k-grid-content-locked {
    border: none;
    /* border-bottom : 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5; */
}

.k-grid tbody .k-button {
    min-height: 30px;
    /* margin: 2.5px 5px; */
    margin : 0;
    padding: 5px 17px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.k-grid tbody .k-button .k-icon {
    display: none;
}

/* contents */

#contents h2 {
    /* margin-bottom: 13px; */
}

#contents .content-section {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

#contents .content-section .more-view {
    position: absolute;
    top: 3px;
    right: 0;
    color: #484848;
}

#aside .inquery {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    width: 100%;
    height: 32px;
    border: 1px solid #c5c5c5;
    line-height: 30px;
    text-align: center;
}

#aside .aside-section {
    margin-top: 30px;
}

#aside .aside-section h2 {
    margin-bottom: 15px;
}

#aside .aside-section .notice-list {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #c5c5c5;
}

#aside .aside-section .notice-list li a {
    display: block;
    position: relative;
    padding-left: 24px;
    color: #484848;
    line-height: 24px;
}

#aside .aside-section .notice-list li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #959595;
}

/* layout */

.wrap-section {
    display: table;
    width: 100%;
    height: 100%;
}

/* YHJ 200417 */

/* .wrap-section .section {display:table-cell; height:100%; padding-left:30px; vertical-align:top; box-sizing:border-box;} */

.wrap-section .section {
    display: table-cell;
    height: 100%;
    padding-left: 30px;
    vertical-align: top;
    box-sizing: border-box;
}

.wrap__divider__line {
    position: relative;
}

.wrap__divider__line::before {
    position: absolute;
    display: inline-block;
    top: 55px;
    left: 13px;
    height: calc(100% - 55px);
    border-left: 2px solid #e5e5e5;
    content: "";
}

.grid__divider__line {
    margin-left: -17px;
    padding-left: 17px;
}

.grid__divider__line::before {
    position: absolute;
    display: block;
    left: 0;
    height: 100%;
    border-left: 2px solid #e5e5e5;
    content: "";
}

.wrap-section .section:first-child {
    padding-left: 0;
}

.wrap-section.col2 .section {
    width: 50%;
}

.wrap-section.col3 .section {
    width: 33.33%;
}

/* padding-left:20px; */

.input-wrap {
    position: relative;
    height: 100%;
}

.input-wrap .regist-new {
    position: absolute;
    bottom: -5px;
    right: 0;
}

/* .input-wrap .regist-new {text-align:right;} 200417 */

.relative-area {
    position: relative;
}

.relative-area .regist-new {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.regist-new.btn-area button {
    margin: 0 0 0 10px;
}

.wrap-section .section:first-child .input-wrap {
    padding-left: 0;
    border: 0;
}

/* YHJ 200416 */

/* .input-border {border:1px solid #d5d5d5; padding:10px; box-sizing:border-box;} */

.input-border {
    box-sizing: border-box;
}

.input-title-wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.input-title-wrap .table-header {
    display: table-header-group;
}

.input-title-wrap .input-wrap {
    display: table-cell;
    box-sizing: border-box;
}

.input-title-wrap .input-wrap .box-type {
    border: 0;
    padding: 0;
}

/* YHJ 200416 */

/* .modify-form {position:fixed; bottom:42px; left:50%; z-index:2; width:1078px; padding-top:37px; transform: translateX(-50%);} */

.modify-form {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 2;
    width: 1400px;
    padding-top: 37px;
    transform: translateX(-50%);
}

.modify-form header {
    position: absolute;
    top: 0;
    left: 229.5px;
    width: 630px;
    background: #666 url("../images/modify_form.png") no-repeat 99% 50%;
}

.modify-form header:after {
    content: "";
    display: block;
    clear: both;
}

.modify-form header h1 {
    float: left;
    width: 140px;
    height: 37px;
    background: #80c342;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 37px;
    text-align: center;
}

.modify-form header p {
    float: left;
    margin-left: 20px;
    color: #fff;
    font-family: "돋움", dotum;
    line-height: 37px;
}

.modify-form section {
    display: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 30px;
    padding-top: 20px;
    border: 1px solid #666;
    background: #fff;
}

.modify-form section.active {
    display: block;
}

#contents .modify-form section h2 {
    border: 0;
    background-position: 0 1px;
    color: #666;
    font-size: 12px;
    line-height: 1;
}

.modify-form .wrap-title {
    position: relative;
    height: 30px;
    padding-top: 8px;
}

.modify-form .wrap-title .select-area {
    position: absolute;
    top: 0;
    left: 92px;
}

.modify-form .datatable {
    border-width: 1px 0;
}

.modify-form .datatable + .datatable {
    margin-top: 14px;
}

.modify-form .datatable input[type="text"] {
    width: 77px;
}

.modify-form .datatable .k-dropdown {
    width: 3.5em;
}

.modify-form .datatable .tip {
    margin-top: 20px;
    color: #999;
    line-height: 1;
}

.attach-btn {
    margin-top: 10px;
    padding: 5px 10px;
    background: #eee;
}

.attach-btn span {
    display: inline-block;
    margin: 4px 30px 0 0;
    font-weight: 600;
}

.attach-btn button {
    height: 26px;
}

.desc-form {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    color: #666;
}

.caluse-box {
    border: 1px solid #ddd;
    padding: 10px;
}

.more-wrap .more-table {
    overflow: hidden;
}

.more-wrap .more-btn {
    position: relative;
    display: block;
    height: 30px;
    background: #eff0f0;
    border: 1px solid #ddd;
    border-top: 0;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
}

.more-wrap .more-btn:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 4px;
    margin-left: 10px;
    background: url("../images/ic/more-btn.png") no-repeat;
    vertical-align: 10%;
}

.more-wrap .more-btn.active:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Swiper 3.0.8 */

.swiper-container {
    position: relative;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    height: 100%;
    position: relative;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
    position: absolute;
    width: 100%;
    height: 0.75rem;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-bullet {
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    margin: 0 0.3rem;
    border-radius: 100%;
    background: #ccc;
    vertical-align: top;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    width: 1.8rem;
    border-radius: 0.9rem;
    opacity: 1;
    background: #ac2f33;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    background-image: -webkit-linear-gradient(
        right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -moz-linear-gradient(
        right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -o-linear-gradient(
        right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: linear-gradient(
        to left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    background-image: -webkit-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -moz-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -o-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    background-image: -webkit-linear-gradient(
        bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -moz-linear-gradient(
        bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -o-linear-gradient(
        bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    background-image: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -o-linear-gradient(
        top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    display: none;
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 0.2rem;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner
    > .scroll-element.scroll-x.scroll-scrolly_visible
    .scroll-element_track {
    left: -12px;
}

.scrollbar-inner
    > .scroll-element.scroll-y.scroll-scrollx_visible
    .scroll-element_track {
    top: -12px;
}

.scrollbar-inner
    > .scroll-element.scroll-x.scroll-scrolly_visible
    .scroll-element_size {
    left: -12px;
}

.scrollbar-inner
    > .scroll-element.scroll-y.scroll-scrollx_visible
    .scroll-element_size {
    top: -12px;
}

/* 설문 참여현황 관련 front에서 가져옴 */

.poll-area .poll-result-area ul {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 335px;
    padding: 35px 0;
    margin-top: 30px;
    background: url("/pc/images/bg_poll.png") no-repeat 200px top;
}

.poll-area .poll-result-area ul li {
    position: relative;
    padding-left: 200px;
    font-size: 0;
    vertical-align: top;
}

.poll-area .poll-result-area ul li + li {
    margin-top: 35px;
}

.poll-area .poll-result-area ul li .label,
.poll-area .poll-result-area ul li .result-bar {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.poll-area .poll-result-area ul li .label {
    position: absolute;
    top: 0;
    left: 40px;
    width: 128px;
    color: #333;
    font-weight: 600;
    line-height: 1.2;
}

.poll-area .poll-result-area ul li .result-bar {
    width: 100%;
    line-height: 1.2;
}

.poll-area .poll-result-area ul li .bar {
    display: inline-block;
    height: 20px;
    background: #5091f1;
    vertical-align: top;
}

.poll-area .poll-result-area ul li:nth-child(2) .bar {
    background: #5cbf0c;
}

.poll-area .poll-result-area ul li:nth-child(3) .bar {
    background: #fbc900;
}

.poll-area .poll-result-area ul li:nth-child(4) .bar {
    background: #df4e43;
}

.poll-area .poll-result-area ul li:nth-child(5) .bar {
    background: #f68d04;
}

.poll-area .poll-result-area ul li .result-bar em {
    margin-left: 15px;
}

/* 대시보드 배송처리지연 툴팁 */

.tip-box {
    display: none;
    position: absolute;
    width: 310px;
    padding: 14px;
    background: #f8f8f8;
    border: 1px solid #999;
    box-sizing: border-box;
    z-index: 1;
}

.tip-box:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-left: 8px;
    background: url("/pc/images/sprite.png") no-repeat -779px -514px;
    z-index: 5;
}

.fix-ico-list li {
    position: relative;
    padding-left: 0px;
}

.fix-ico-list li .ico {
    position: absolute;
    top: 0;
    left: 0;
}

/*매장픽업 대시보드*/

.jung__dashboard,
.jung__storeDetail {
    font-family: "맑은고딕", sans-serif;
}

.jung__dashboard__cont {
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    box-sizing: border-box;
}

.jung__dashboard .boardSection {
    display: inline-block;
    float: left;
    width: 630px;
    padding: 30px;
    margin-right: 20px;
    border: 3px solid #2997ef;
    border-radius: 10px;
    box-sizing: border-box;
}

.jung__dashboard .boardSection:nth-of-type(2n + 2) {
    margin-right: 0;
}

.jung__dashboard .boardSection__title {
    padding-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
    font-weight: 600;
    font-size: 30px;
    color: #000;
}

.jung__dashboard .boardSection__detail {
    padding: 0 45px 0 22px;
}

.jung__dashboard .boardSection__detail dl {
    position: relative;
    padding-left: 10px;
    margin-top: 20px;
    color: #000;
    font-size: 20px;
    letter-spacing: -1px;
}

.jung__dashboard .boardSection__detail dl:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    margin-top: -1.5px;
    border-radius: 50%;
    background: #000;
    content: "";
}

.jung__dashboard .boardSection__detail dl:after {
    display: block;
    clear: both;
    content: "";
}

.jung__dashboard .boardSection__detail dt {
    position: relative;
    float: left;
    width: 60%;
    line-height: 30px;
    vertical-align: middle;
}

.jung__dashboard .boardSection__detail dt:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 49px;
    height: 0;
    border-top: 1px dotted #666666;
    content: "";
}

.jung__dashboard .boardSection__detail dd {
    float: right;
    line-height: 30px;
    vertical-align: middle;
}

.jung__dashboard .boardSection__detail em {
    font-size: 24px;
}

.jung__dashboard .jung__dashboard__btn--detail {
    display: block;
    width: 100%;
    margin-top: 60px;
    background: #2997ef;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    line-height: 90px;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

/*상세*/

.jung__storeDetail__wrap {
    min-width: 1400px;
}

.jung__storeDetail .drawOrder {
    width: 100%;
    height: auto;
    margin-top: 20px;
    padding: 50px 0 50px 30px;
    border: 1px solid #999;
}

.jung__storeDetail .drawOrder__box {
    display: inline-block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 200px;
    height: 140px;
    /*padding: 20px 15px;*/
    border: 2px solid #000;
    border-radius: 10px;
    color: #000;
    text-align: center;
    line-height: 1.3;
    box-sizing: border-box;
}

.jung__storeDetail .drawOrder__box__title {
    display: block;
    padding: 20px 15px 10px;
    font-weight: bold;
    font-size: 22px;
}

.jung__storeDetail .drawOrder__box__num {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
}

.jung__storeDetail .drawOrder__box__num em {
    font-weight: bold;
    font-size: 22px;
}

.jung__storeDetail .drawOrder__box__desc {
    display: block;
    height: 41px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background: #666;
    line-height: 40px;
}

.jung__storeDetail .drawOrder__box__desc.drawOrder__box__desc--point {
    height: 40px;
    color: #fff;
    cursor: pointer;
    background: #d82228;
    line-height: 40px;
}

.jung__storeDetail .drawOrder__box__icon {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    background: url("../images/common/icon-store-detail-alert.png") no-repeat 0
        0;
    font-size: 0;
}

.jung__storeDetail [class^="drawOrder__arrow"] {
    display: inline-block;
    float: left;
    position: relative;
    height: 140px;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
}

.jung__storeDetail [class^="drawOrder__arrow"]:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 15px;
    margin-top: -7.5px;
    background: url(../images/common/img-arrow.png) no-repeat right 0;
    content: "";
}

.jung__storeDetail .drawOrder__arrow--dot:after {
    background: url(../images/common/img-arrow-dot.png) no-repeat left 0 !important;
}

.jung__storeDetail .drawOrder__arrow--dotColumn {
    position: absolute !important;
    bottom: 54px;
    left: 200px;
    width: 58px;
    height: 238px !important;
}

.jung__storeDetail .drawOrder__arrow--dotColumn:after {
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/common/img-arrow-dot-column.png) no-repeat right 0 !important;
}

.jung__storeDetail .drawOrder__arrow--shortSolid,
.jung__storeDetail .drawOrder__arrow--dot {
    width: 58px;
    padding-top: 25px;
    box-sizing: border-box;
}

.jung__storeDetail .drawOrder__arrow--longSolid {
    width: 574px;
    padding-top: 40px;
    margin-bottom: -40px;
    box-sizing: border-box;
}

.jung__storeDetail .drawOrder__arrow--midSolid {
    width: 316px;
    padding-top: 40px;
    margin-right: 10px;
    box-sizing: border-box;
}

.jung__storeDetail .drawOrder__wrap {
    display: inline-block;
    float: left;
    width: 574px;
    height: 140px;
    margin-right: 10px;
    text-align: center;
}

.jung__storeDetail .drawOrder__wrap .drawOrder__box {
    float: initial;
}

.jung__storeDetail .drawOrder__wrap .drawOrder__box:first-of-type {
    margin-right: 60px;
}

.jung__storeDetail .drawOrder__box--noArrow {
    margin-left: 58px;
}

.jung__storeDetail .drawOrder__firstLine {
    display: block;
}

.jung__storeDetail .drawOrder__secondLine {
    display: block;
    position: relative;
    padding-left: 268px;
    margin-top: 90px;
}

.drawOrder__popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 101;
    width: 953px;
    padding: 50px;
    background: #fff;
    transform: translate(-50%, -50%);
}

.drawOrder__popup__bg {
    display: none;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.6);
}

#contents .drawOrder__popup h3.popup__title {
    margin-bottom: 31px;
    padding-left: 0;
    font-size: 24px;
    background: none;
}

#contents .drawOrder__popup h3.popup__title:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 24px;
    background: #2997ef;
    margin-right: 6px;
    vertical-align: bottom;
}

.drawOrder__popup .popup__title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 22px;
    background: #ddd;
}

.drawOrder__popup .popup__conts {
    overflow: hidden;
}

.drawOrder__popup .popup__conts__list {
    display: inline-block;
    float: left;
    width: 33.333%;
    height: 281px;
    padding: 10px;
    border-right: 1px dotted #dfdfdf;
    box-sizing: border-box;
    text-align: center;
}

.drawOrder__popup .popup__conts__list:nth-child(3) {
    border-right: none;
}

.drawOrder__popup .popup__conts__list:nth-child(4) {
    float: left;
    border-top: 1px dotted #dfdfdf;
}

.drawOrder__popup .popup__conts__list:nth-child(5) {
    width: 66.6666%;
    border-top: 1px dotted #dfdfdf;
    border-right: none;
}

#contents .drawOrder__popup .popup__conts__list h3 {
    margin-bottom: 19px;
    padding-left: 0;
    font-size: 20px;
    background: none;
    text-align: center;
}

#contents .drawOrder__popup .popup__conts__list p {
    font-size: 18px;
    line-height: 26px;
    word-break: keep-all;
}

#contents .drawOrder__popup .popup__conts__inner {
    padding: 20px;
}

.popup__conts__inner .expire__desc {
    padding-top: 10px;
    color: #666;
    font-size: 16px;
}

.popup__conts__inner .expire__desc li {
    margin-bottom: 5px;
    text-align: left;
}

#contents .drawOrder__popup .popup__conts__list.active .popup__conts__inner {
    height: 100%;
    color: #fff;
    border-radius: 13px;
    background: #80c342;
    text-align: center;
    box-sizing: border-box;
}

#contents .drawOrder__popup .popup__conts__list.active h3 {
    color: #fff;
}

#contents .drawOrder__popup .popup__conts__list.active .expire__desc li {
    color: #fff;
}

.drawOrder__popup .popup__close-btn {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 20px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background: url(../images/close.png) no-repeat;
}

.jung__storeDetail__wrap .store-pickup__order {
    height: 260px;
}

#contents .jung__storeDetail__wrap .wrap-tit .jung__storeDetail__title {
    padding-left: 27px;
    font-size: 30px;
    background: url(../images/bul_h3.gif) no-repeat 0 center;
    background-size: 19px 19px;
}

.drawOrder__popup.delivery-order__popup {
    width: 1243px;
}

.delivery-order__popup .popup__conts__list {
    width: 25%;
}

.delivery-order__popup .popup__conts__list:nth-child(3) {
    border-right: 1px dotted #dfdfdf;
}

.delivery-order__popup .popup__conts__list:nth-child(4) {
    border-top: none;
    border-right: none;
}

.delivery-order__popup .popup__conts__list:nth-child(5) {
    width: 25%;
    border-right: 1px dotted #dfdfdf;
}

.delivery-order__popup .popup__conts__list:nth-child(N + 5) {
    border-top: 1px dotted #dfdfdf;
}

.delivery-order__popup .popup__conts__list:last-child {
    border-right: none;
}

.jung__smartgift__info th {
    font-weight: bold;
    border-right: 1px solid #999;
}

.jung__smartgift__info tr {
    height: 34px;
    border-bottom: 1px solid #999;
}

.jung__smartgift__info tr:first-of-type {
    border-top: 1px solid #999;
}

.jung__smartgift__info td {
    padding-left: 20px;
}

.table-type.jung__table-type {
    margin-bottom: 30px;
}

/*.jung__orderlist .k-widget.k-window {*/

/*height: 555px !important;*/

/*}*/

.point__expire {
    width: 114px;
}

.point__expire .k-input {
    height: auto !important;
}

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

.fb__t {
    font-family: "NotoSansCJKkr", sans-serif;
}

.fb__sub__title {
    margin-bottom: 25px;
}

.fb__sect {
    position: relative;
    margin-top: 10px;
    background: #fff;
    box-sizing: border-box;
}

.fb__sect::after {
    display: block;
    clear: both;
    content: "";
}

.fb__sect:first-of-type {
    margin-top: 0;
}

.fb__sect__sub {
    margin-top: 30px;
}

.fb__sect__sub:first-of-type {
    margin-top: 0;
}

.fb__dashboard {
    display: inline-block;
    float: left;
    width: calc(33.33333% - 18px);
    margin: 0 9px;
    padding: 30px;
    background: #fff;
    box-sizing: border-box;
}

.fb__dashboard__wrapper {
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    overflow: hidden;
    margin: 20px -9px 0 -9px;
}

.fb__dashboard__wrapper--2 .fb__dashboard {
    width: calc(50% - 18px);
}

.fb__dashboard table {
    width: 100%;
    border: none;
}

.fb__dashboard table tr {
    border-top: 1px solid #eee;
}

.fb__dashboard table tr:first-of-type {
    border-top: none;
}

.fb__dashboard__title {
    font-weight: bold;
}

.fb__dashboard__sub-title {
    padding: 13px 0;
    background: #f7f8f9;
    color: #666;
    font-weight: bold;
}

.fb__dashboard__heading {
    height: auto;
    padding: 20px 0;
    color: #666;
    font-size: 15px;
    text-align: left;
}

.fb__dashboard__text {
    padding: 20px 0;
    border: none;
    font-size: 15px;
    text-align: right;
}

.fb__dashboard__text__counting {
    color: #80c342;
    font-size: 22px;
    font-weight: bold;
}

.fb__dashboard__text__counting-case {
    font-weight: bold;
}

.fb__dashboard__text__counting-case.dark {
    color: #000;
}

.fb__input__btn-with {
    display: inline-block !important;
    position: relative;
    width: calc(100% - 66px) !important;
}

.fb__input__icon-btn-with {
    display: inline-block !important;
    position: relative;
    width: calc(100% - 45px) !important;
}

.fb__input__area {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
}

.fb__input__btn--remove {
    position: absolute;
    font-size: 0;
}

.fb__input__btn--remove::before {
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 9px;
    width: 12px;
    height: 12px;
    background: url(/contents/images/ic/k_i_delete.png) no-repeat center center;
    content: "";
}

.fb__margin__top--10 {
    margin-top: 10px;
}

.fb__margin__right--10 {
    margin-right: 10px;
}

.fb__margin__left--10 {
    margin-left: 10px;
}

/* button */

.fb__move__btn__wrapper {
    width: 55px;
}

.fb__move__btn__wrapper + .fb__wrap--right {
    padding-left: 55px !important;
}

.fb__move__btn__wrapper .btnTitle {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.fb__move__btn__wrapper  .fb__btn__arrow--left + .btnTitle {
    margin-top: 5px;
}

/* excel */

.fb__btn-excel {
    float: right;
    /* width: 96px; */
    height: 32px;
    margin: 0;
    padding: 0 17px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: url("../images/common/icon_excel.png") no-repeat 10px 6px;
    text-indent: 22px;
}

#EXCEL_DN.dv-set-btn-type4 {
    height: 32px;
    padding: 0 11px;
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 0;
    line-height: 32px;
    box-sizing: border-box;
}

#EXCEL_DN.dv-set-btn-type4:hover {
    background-color: #fff;
    border: 1px solid #ddd;
    border-color: #ddd;
    color: #000;
}

#EXCEL_DN.dv-set-btn-type4::before {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(../images/common/icon-btn-excel.png);
    vertical-align: middle;
    opacity: 1;
    content: "";
}

#EXCEL_DN.dv-set-btn-type4.k-button.k-state-active:hover,
#EXCEL_DN.dv-set-btn-type4.k-button.k-state-focused,
#EXCEL_DN.dv-set-btn-type4.k-button:active,
#EXCEL_DN.dv-set-btn-type4.k-button:active:hover {
    border-color: #ddd;
    background-color: #fff;
    color: #000;
    box-shadow: none;
}

/* kendo */

.k-icon.k-i-search {
    display: none;
}

/* modal */

.k-window {
    /*overflow: auto;*/
    /* padding: 25px 30px !important; */
    padding: 60px 20px 20px;
    border-radius: 0;
}

.k-window .k-resize-handle {
    /*display: none;*/
}

.k-window .k-window-actions {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    /*padding: 25px 30px !important; */
}

.k-window .k-window-action .k-icon.k-i-refresh {
    display: none;
}

.k-window .k-window-action .k-icon.k-i-close {
    /* width: 19px;
    height: 19px;
    background: url(../images/common/btn-modal-close.png) no-repeat center
        center;*/
    width: 24px;
    height: 24px;
    background: url(../images/close.png) no-repeat center
    center;
}

.k-window .k-window-action .k-icon.k-i-close::before {
    display: none;
}

.k-window .k-window-titlebar.k-header {
    position: relative;
    margin-bottom : 15px;
    padding: 10px 0;
    background: #fff;
    border-bottom: 1px solid #000;
    font-size: 22px;
}

.k-window .k-window-content.k-content.k-dialog-content{
    height: auto;
}

/* tree */

.k-treeview {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-width: 1px !important;
}

.k-treeview .k-icon.k-i-collapse::before,
.k-treeview .k-icon.k-i-expand::before {
    display: none;
    content: "";
}

.k-treeview .k-item.k-first {
    margin-top: 0;
}

.k-treeview .k-item {
    /* margin-top: 11px; */
    margin-top: 5px;
}

.k-treeview .k-icon.k-i-collapse {
    width: 19px;
    height: 17px;
    background: url(../images/common/icon-folder-fold.png) no-repeat center
        center;
    border-radius: 0;
}

.k-treeview .k-icon.k-i-expand {
    width: 19px;
    height: 17px;
    background: url(../images/common/icon-folder-exist.png) no-repeat center
        center;
    border-radius: 0;
    position: absolute;
}

/* 아이콘이 없는 경우도 margin-left가 있어야함 */
/*
.k-treeview .k-icon+.k-in {
    margin-left: 10px;
}
*/

.k-treeview .k-in {
    margin-left: 10px;
    color: #333;
    font-size: 13px;
    position: relative;
}

.k-treeview .k-icon.k-i-expand + .k-in::before,
.k-treeview .k-icon.k-i-collapse + .k-in::before {
    display: none;
}

/*
.k-treeview .k-mid>.k-in::before {
    display: inline-block;
    width: 19px;
    height: 17px;
    margin-right: 10px;
    background: url(../images/common/icon-folder-not-exist.png) no-repeat center center;
    border-radius: 0;
    vertical-align: middle;
    content: "";
}
*/

.k-treeview .k-in .k-icon.k-no-expand {
    display: inline-block;
    width: 20px;
    height: 17px;
    background: url(../images/common/icon-folder-not-exist.png) no-repeat center
        center;
    border-radius: 0;
    position: absolute;
    left: -28px;
    top: -1px;
    pointer-events: none;
}

.fb__sub__tabs.k-tabstrip-top .k-tabstrip-items .k-state-active {
    border: 1px solid #80c342 !important;
}

.fb__sub__tabs .k-panelbar .k-tabstrip-items .k-item,
.fb__sub__tabs.k-tabstrip-top > .k-tabstrip-items .k-item {
    width: 100%;
    height: 40px;
    background: #fff;
    color: #666;
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: 600;
    line-height: 40px;
    box-sizing: border-box;
}

.fb__sub__tabs .k-panelbar .k-tabstrip-items .k-item .k-loading.k-complete,
.fb__sub__tabs.k-tabstrip-top
    > .k-tabstrip-items
    .k-item
    .k-loading.k-complete {
    display: none;
}

.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-top > .k-tabstrip-items .k-item {
    width: 140px;
    height: 40px;
    /* margin: 0 0 0 -1px; */
    background: #f7f8f9;
    color: #999;
    border: 1px solid #ddd;
    line-height: 40px;
    box-sizing: border-box;
}

.k-tabstrip > .k-content {
    margin-top: 15px !important;
    padding: 0;
    border: none;
}

/*
.k-tabstrip > .k-content {
    margin: 0;
    padding: 0;
    border: 1px solid #999999;
    margin-top: -1px;
} */

.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active,
.k-tabstrip-top .k-tabstrip-items .k-state-active {
    background: #fff;
    border-top: 2px solid #80c342;
    border-bottom: none;
}

.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active,
.k-tabstrip-top .k-tabstrip-items .k-state-active .k-link {
    color: #80c342 !important;
    font-weight: normal;
}

.k-panelbar .k-tabstrip-items .k-link,
.k-tabstrip-items .k-link {
    display: block;
    padding: 0;
    text-align: center;
    color: #999 !important;
}

.k-tabstrip:focus {
    box-shadow: none !important;
}

#tabstrip.k-tabstrip:focus {
    box-shadow: none;
}

#tabstrip > .k-tabstrip-items {
    /* margin: 0 !important; */
    margin-bottom: 20px;
    padding: 0 !important;
}

.k-tabstrip-items {
    padding: 0 !important;
}

.k-filtercell > .k-operator-hidden {
    /* padding: 0 10px; */
}

/* YHJ 200417 */

.k-tabstrip-items .k-loading {
    border-top: none;
}

/*
#tabstrip > .k-tabstrip-items .k-loading.k-complete {
	border-top: none;
}
*/

#tabstrip > .k-tabstrip-items .k-loading.k-complete {
    border-top: none !important;
}

/*
.k-button {
	margin: unset;
    padding: unset;
    box-sizing: unset;
    border-width: unset;
    border-style: unset;
    background-repeat: unset;
    background-position: unset;
    font: unset;
    line-height: unset;
    text-align: unset;
    text-decoration: unset;
    display: unset;
    display: unset;
    overflow: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    vertical-align: unset;
    -webkit-user-select: unset;
    -ms-user-select: unset;
    user-select: unset;
    cursor: poiner;
    outline: unset;
    -webkit-appearance: unset;
    position: unset;
}

.k-button::before {
	border-radius: unset;
    content: unset;
    background: unset;
    opacity: unset;
    display: unset;
    pointer-events: unset;
    position: unset;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    z-index: unset;
    transition: unset;
}

.k-button::after {
    border-radius: unset;
    content: unset;
    opacity: unset;
    display: unset;
    pointer-events: unset;
    position: unset;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    z-index: unset;
    transition: unset;
}

*/

.k-i-arrow-60-down:before {
    width: 12px;
    height: 7px;
    background: url(../images/common/icon-dropdown.png) no-repeat center center;
    content: "";
}

.k-i-calendar:before {
    width: 15px;
    height: 15px;
    background: url(../images/common/icon-calendar.png) no-repeat center center;
    content: "";
}

.k-widget.k-upload.k-upload-sync.k-upload-empty {
    /* border-top: none; */
    border-radius: 0;
    /* text-align: center; */
    vertical-align: middle;
}

.addImgArea {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}

.addImgArea .input-border {
    width: 200px;
    height: 200px;
    border: 1px solid #d5d5d5;
    border-bottom: none;
    padding: 10px;
    box-sizing: border-box;
}

.addImgArea:last-of-type {
    margin-right: 0;
}

.addImgArea img {
    display: block;
    position: relative;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.addImgArea .k-button.k-upload-button {
    display: inline-block;
    margin: auto;
    padding: 10px 15px;
    background: #fff;
    color: #666;
    font-size: 13px;
}

.float--none {
    float: none !important;
}

.ml--wrap {
    margin-left: 30px !important;
}

.mt--default {
    margin-top: 10px !important;
}

.mr--default {
    margin-right: 10px !important;
}

.mb--default {
    margin-bottom: 10px !important;
}

.ml--default {
    margin-left: 10px !important;
}

.pt--default {
    padding-top: 10px !important;
}

.pr--default {
    padding-right: 10px !important;
}

.pb--default {
    padding-bottom: 10px !important;
}

.pl--default {
    padding-left: 10px !important;
}

.mt--20 {
    margin-top: 20px !important;
}

.mr--20 {
    margin-right: 20px !important;
}

.mb--20 {
    margin-bottom: 20px !important;
}

.ml--20 {
    margin-left: 20px !important;
}

.pt--20 {
    padding-top: 20px !important;
}

.pr--20 {
    padding-right: 20px !important;
}

.pb--20 {
    padding-bottom: 20px !important;
}

.pl--20 {
    padding-left: 20px !important;
}

.k-button.k-grid-add,
.k-button.k-grid-cSave,
.k-button.k-grid-cancel-changes {
    /* margin-right: 10px; */
    padding: 9px 17px;
    background: #80c342;
    border: 1px solid #80c342;
    color: #fff;
    margin: 0 0 0 10px;
}

/* buttons */
.k-button.k-grid-cancel-changes {
    background: #f8f8f8;
    border: 1px solid #ddd;
    color: #999;
}

a.k-button.k-button-icontext.k-grid-add .k-icon,
a.k-button.k-button-icontext.k-grid-cancel-changes .k-icon,
a.k-button.k-button-icontext.k-grid-cSave .k-icon {
    display: none;
}

a.k-button.k-button-icontext.f-grid-minus {
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 0;
}

a.k-button.k-button-icontext.k-grid-add:last-of-type,
a.k-button.k-button-icontext.k-grid-cancel-changes:last-of-type,
a.k-button.k-button-icontext.k-grid-cSave:last-of-type {
    margin-right: 0 !important;
}

.k-pager-wrap.k-pager-lg {
    position: static;
}

.dynamic__center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.fb__btn__wrapper {
}

.fb__wrap {
}

.fb__wrap--right {
    padding-left: 30px;
}

.fb__input--last {
    width: calc(100% - 10px) !important;
}

.fb__btn__arrow--right {
    display: block;
    width: 7px;
    height: 9px;
    margin: auto;
    padding: 15.5px 11.5px;
    border: 1px solid #ccc;
    background: url(../images/common/btn-arrow-right.png) no-repeat center
        center;
}

.fb__btn__arrow--left {
    display: block;
    width: 7px;
    height: 9px;
    margin: auto;
    padding: 15.5px 11.5px;
    border: 1px solid #ccc;
    background: url(../images/common/btn-arrow-left.png) no-repeat center center;
}

.fb__btn__arrow:nth-of-type(2) {
    margin-top: 5px;
}

.fb__tree__section {
    width: 350px !important;
    /* float: left; */
}

.fb__tree__section + .fb__tree__input__section {
    /* width: calc(100% - 430px) !important;  */
    /*float: right; */
    width : auto !important;
}

.fb__btn__wrapper span {
    margin-right: 17px;
}

.fb__btn__wrapper span:last-of-type {
    margin-right: 0;
}

.fb-btn {
    display: inline-block;
    font-size: 13px;
    text-align: center;
}

.fb__btn__inner {
    min-height: 32px;
    padding: 9px;
    border: none;
    font-size: 13px;
}

.fb__btn__inner--s {
    height: 32px;
    padding: 0 9px;
    border: none;
    font-size: 13px;
    line-height: 30px;
}

.fb__btn__excel-down {
    height: 32px;
    margin-left: 10px;
    padding: 0 9px;
    font-size: 13px;
    vertical-align: middle;
    line-height: 32px;
}

.fb__btn__excel-down:first-of-type {
    margin-left: 0;
}

.btn-s {
    display: inline-block;
    min-width: 56px;
    padding: 7px 10px;
    line-height: 1;
}

.btn-m {
    display: inline-block;
    min-width: 84px;
    padding: 9.5px 20px;
    /* line-height: 1.2; */
    line-height: 1;
}

.btn-l {
    display: inline-block;
    min-width: 120px;
    padding: 11px 20px;
    line-height: 1;
}

.btn-point {
    background: #80c342;
    border: 1px solid #ddd;
    color: #fff;
}

.btn-white {
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
}

.btn-gray {
    background: #747474;
    border: 1px solid #ddd;
    color: #fff;
}

.btn-lightGray,
.btn-lightgray {
    background: #f8f8f8;
    border: 1px solid #ddd;
    color: #999;
}

.btn-blue {
    background: #258ffc;
    border: 1px solid #ddd;
    color: #fff;
}

.btn-red {
    background: #c92a2a;
    border: 1px solid #ddd;
    color: #fff;
}

.table-btn {
    display: table-cell;
    margin-left: 10px;
    padding: 0;
    background: transparent;
    vertical-align: middle;
}

.table-btn::after {
    display: block;
    clear: both;
    content: "";
}

.table-btn span {
    display: inline-block;
}

.btn-point.k-button.k-state-active:hover,
.btn-point.k-button.k-state-focused,
.btn-point.k-button:active,
.btn-point.k-button:active:hover {
    border-color: #ddd;
    background-color: #80c342;
    color: #fff;
    box-shadow: none;
}

.btn-point[disabled="disabled"],
.btn-point[disabled="disabled"]:hover {
    background: #80c342;
    border: 1px solid #ddd;
    color: #fff;
}

.btn-white.k-button.k-state-active:hover,
.btn-white.k-button.k-state-focused,
.btn-white.k-button:active,
.btn-white.k-button:active:hover {
    border-color: #ccc;
    background-color: #fff;
    color: #666;
    box-shadow: none;
}

.btn-white[disabled="disabled"],
.btn-white[disabled="disabled"]:hover {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
}

.btn-gray.k-button.k-state-active:hover,
.btn-gray.k-button.k-state-focused,
.btn-gray.k-button:active,
.btn-gray.k-button:active:hover {
    border-color: #747474;
    background-color: #747474;
    color: #fff;
    box-shadow: none;
}

.btn-gray[disabled="disabled"],
.btn-gray[disabled="disabled"]:hover {
    background: #747474;
    border: 1px solid #747474;
    color: #fff;
}

.btn-lightgray.k-button.k-state-active:hover,
.btn-lightgray.k-button.k-state-focused,
.btn-lightgray.k-button:active,
.btn-lightgray.k-button:active:hover {
    border-color: #ddd;
    background-color: #f8f8f8;
    color: #999;
    box-shadow: none;
}

.btn-lightgray[disabled="disabled"],
.btn-lightgray[disabled="disabled"]:hover {
    background: #f8f8f8;
    border: 1px solid #ddd;
    color: #999;
}

.fb__sect .title {
    margin-bottom: 15px;
}

.section .title {
    margin-bottom: 15px;
}

.btn-l + .fb__btn-excel {
    height: 40px;
    background-position: 10px 10px;
}

.heightAuto {
    height: auto !important;
}

.btn-xl {
    width: auto;
    padding: 10px 20px;
}

.fb__btn-excel.type2 {
    float: inherit;
    width: 120px;
    height: 40px;
    border-color: #ccc;
    background-position: 20px 10px;
}

.remtWish #aGrid .k-pager-sizes.k-label,
.remtFinish #aGrid .k-pager-sizes.k-label {
    top: -55px;
    right: 0;
}

.remtWish .fb__btn-excel,
.remtFinish .remtWish .fb__btn-excel {
    margin-right: 120px;
}

.remtWish #aGrid .k-pager-sizes.k-label .k-state-default,
.remtFinish #aGrid .k-pager-sizes.k-label .k-state-default {
    height: 32px;
    line-height: 32px;
    font-size: 13px;
}

.remtWish #aGrid .k-pager-sizes.k-label:before,
.remtFinish #aGrid .k-pager-sizes.k-label:before {
    font-size: 13px;
}

.remtWish #aGrid .k-pager-sizes.k-label .k-input,
.remtFinish #aGrid .k-pager-sizes.k-label .k-input {
    height: 32px;
    line-height: 32px;
}

.d-inline-flex {
    display: inline-flex;
}

/* YHJ 200416 */

.cpnMgmIssueCrmList .btn-area {
    margin-right: 140px;
}

.cpnMgmIssueCrmList .btn-area button {
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
}

.cpnMgmIssueCrmList .btn-area .fb__btn-excel {
    float: initial;
}

.d-inline-block {
    display: inline-block !important;
}

/* menuUrl */

.menuUrl__grid,
.authUser__grid {
    overflow-y: hidden;
    height: 710px;
}

.list2WidthTop__grid {
    overflow-y: auto;
    height: 1092px;
}

.itemMgm__make__option {
}

/* .k-content .inner-tab {
	border-bottom:1px solid #666;
} */

/* bizInfo */

.k-content .inner-tab li {
    border-bottom: 1px solid #9f9f9f !important;
}

.k-content .inner-tab .k-state-active {
    border: 1px solid #9f9f9f;
    border-bottom: 1px solid #fff !important;
}

.k-content .inner-tab .k-state-active .k-link {
    color: #000 !important;
}

/* table > tr > td filter icon */

.k-header > .k-grid-filter,
.k-header > .k-header-column-menu {
    float: inherit;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

/* 약관관리 */

.caluse-part1 {
    max-height: 250px;
}

.caluse-part + .caluse-part {
    margin-top: 30px;
}

/* 상점설정 */

.shopSet .innerbox + .innerbox {
    margin-top: 30px;
}

.shopSet .right {
    padding-left: 50px;
}

/* 주문엑셀 템플릿 설정 */

.wrap-grid + button {
    margin-top: 30px;
}

/* 결제모듈설정 */

.payConfig .right {
    padding-left: 50px;
}

/* 결제옵션설정 */

.payOpt #tabstrip {
    margin-top: 50px;
}

/* 고객상담 및 문의 등록 */

.qna001 #ds {
    display: block;
    margin-top: 10px;
    font-size: 15px;
}

.qna001 h3 {
    margin-top: 30px;
}

/* warehouse.html 팝업창 & warehousepopup.html 출고처 항목*/

/* 거래처 등록 공급업체 행 input */
#clientCompanyDiv .k-dropdown-wrap {
    width: 100%;
}

#clientCompanyDiv .k-dropdown,
.selectHolidayDate-container .k-datepicker {
    margin-bottom: 10px;
    width: 100%;
}

.inputWarehouse-container {
    margin-bottom: 10px;
    width: 100%;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.supplierCompany-box__list,
.dateBox__list,
.addedWarehouse-conatiner__list,
.addedSeller-conatiner__list {
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.supplierCompany-box__list > li,
.dateBox__list > li,
.addedWarehouse-conatiner__list > li,
.addedSeller-conatiner__list > li {
    width: 46%;
    margin-left: 1%;
    margin-top: 10px;
    position: relative;
}

.supplierCompany-box__list > li > input,
.dateBox__list > li > input,
.addedWarehouse-conatiner__list > li > input,
.addedSeller-conatiner__list > li > input {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.supplierCompany-box__list > li > span {
    height: 32px;
    display: block;
    padding-left: 5px;
    line-height: 32px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.supplierCompany-box__list > li > button,
.dateBox__list > li > button,
.addedWarehouse-conatiner__list > li > button,
.addedSeller-conatiner__list > li > button {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: none;
    outline: none;
    transition: 0.3s ease;
    font-size: 24px;
    font-weight: bold;
}

.supplierCompany-box__list > li > button:hover,
.dateBox__list > li > button:hover,
.addedWarehouse-conatiner__list > li > button:hover,
.addedSeller-conatiner__list > li > button:hover {
    opacity: 0.7;
}

.supplierCompany-box__list > li:nth-child(3n),
.dateBox__list > li:nth-child(3n),
.addedWarehouse-conatiner__list > li:nth-child(3n),
.addedSeller-conatiner__list > li:nth-child(3n) {
    margin-right: 0px;
}

#holiday-addBtn {
    margin-bottom: 10px;
    margin-left: 10px;
}

/* 출고가능요일 */
#clientCompanyDiv div {
    font-size: 13px;
}

.day-checkboxContainer {
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    justify-content: space-around;
    align-items: center;
}

.day-checkboxContainer li {
    height: 20px;
    line-height: 20px;
}

.day-checkboxContainer li label {
    margin: 0;
    margin-left: 5px;
    font-size: 16px;
}

/* 주소 검색 */
.address-container > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 5px;
}

.address-container > div:first-child {
    width: 50%;
    margin-top: 0px;
}

.address-container > div:first-child > input {
    flex: 1 1;
    margin-right: 5px;
}
/* warehouse 팝업창 End */

/**** BOS List Template ****/
/* 수정 사항 start */
.singlelist-section .k-header.k-grid-toolbar {
    position: absolute;
    right: 130px;
    top: -112px;
    background-color: transparent;
    border: none;
}

.singlelist-section .k-pager-wrap {
    position: static;
}

.singlelist-section .k-pager-wrap .k-pager-sizes {
    top: -93px;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
}

.singlelist-section .wrap-tit {
    margin-bottom: 60px;
}

.update-date {
    font-size: 14px;
    font-weight: bold;
}

.singlelist-section .hidden {
    display: none;
}

/* 수정 사항 End */
/**** BOS List Template End ****/

/*** 2020-08-06 BOS align item with k-pager-sizes ****/

.k-align-with-pager-sizes {
    position: absolute;
	top: -53px;
	right : 140px;
    height : 36px;
    background: #fff;
    border: none;
}

/* 2020-08-19 Template 작업  */
/* 리스트1 */

.cell__desc {
    font-size: 13px;
    font-weight: 600;
    line-height: 32px;
}

.req-circle {
    position: relative;
}

.req-circle:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: -10px;
    width: 4px;
    height: 4px;
    background-color: red;
    border-radius: 50%;
    vertical-align: top;
}

.req-circle-th {
    position: relative;
}

.req-circle-th:before {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: -9px;
    margin-right: 5px;
    background-color: red;
    border-radius: 50%;
    vertical-align: top;
    content: "";
}

.req-star:before {
    content: "*";
    display: inline-block;
    margin-right: 3px;
    color: black;
}

.req-star-back,
.req-star-front{
    position: relative;
}

.req-star-back:before{
    display: block;
    position: absolute;
    top: -1px;
    right: -10px;
    color: red;
    content: "*";
}

.req-star-front:before {
    display: block;
    position: absolute;
    top: -1px;
    left: -10px;
    color: red;
    content: "*";
}

.req-star-th {
    position: relative;
}

.req-star-th:before {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: -9px;
    margin-right: 5px;
    color: red;
    vertical-align: top;
    content: "*";
}

/*엑셀 버튼 영역*/

.excel-btn-wrapper {
    height: 100%;
    float: right;
}

.excel-btn {
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.excel-btn:hover {
    opacity: 0.7;
}

.excel-btn::before {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(../images/common/icon-btn-excel.png);
    vertical-align: middle;
    opacity: 1;
    content: "";
}

.excel-btn-wrapper > input,
.excel-btn-wrapper > button {
    height: 100%;
    font-size: 13px;
    font-weight: 600;
    line-height: inherit;
    vertical-align: middle;
}

.excel-btn-wrapper > *:not(:first-child) {
    margin-left: 10px;
}

/* 리스트3 이미지 등록 */

.addImage-container {
    width: 100%;
}

.addImage {
    display: inline-block;
    width: 200px;
    border: 1px solid #ddd;
}

.addImage:not(:last-child) {
    margin-right: 20px;
}

.addImage__image-wrapper {
    width: 100%;
    height: 210px;
    border-bottom: 1px solid #ddd;
}

.addImage__image-wrapper > figure {
    position: relative;
    width: 100%;
    height: 100%;
}

.addImage__image {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 90%;
    max-width: 90%;
    margin: auto;
}

.addImage__btn-wrapper {
    padding: 10px 0;
}

.addImage__addBtn,
.addImage__removeBtn {
    display: block;
    padding: 10px 15px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    background: inherit;
    border: 1px solid #ddd;
}

.addImage__addBtn:hover {
    opacity: 0.7;
}

.hidden-title {
    position: absolute;
    top: -10000px;
}

/* 풀무원_상세1 */
.table__search-wrapper {
    width: 60%;
}

.table__search-wrapper button {
    width: 60px;
    margin-left: 10px;
    float: right;
}

.table__search-wrapper input {
    display: inline-block;
    width: calc(100% - 70px);
}

/* 풀무원_상세2 */
/* menu__grid */
.menu__grid {
    min-height: 710px;
    /* border: 1px solid #e5e5e5; */
}

.menu__grid .k-filter-row th {
    background-color: #f5f5f5;
}

.menu__grid td,
.menu__grid th,
.menu__grid th.k-header {
    border: 1px solid #e5e5e5;
}

.menu__grid th.k-header {
    text-align: center;
}

.menu__grid .k-grid-norecords {
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
}

.menu__grid .k-pager-wrap {
    /* border-top: 1px solid #e5e5e5; */
    padding: 7.5px;
}
/*
.divide-line:before {
    content: "";
    display: block;
    position: absolute;
    left: -17px;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-color: #e5e5e5;
} */

.k-textbox.search-textbox {
    position: relative;
}

.k-textbox.search-textbox::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/common/icon-search.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* 2020-08-19 Template 작업  End*/

/*
  2020-08-27~
*/

.fb__tabSect {
    position: relative;
}

.fb__sect select,
.fb__tabSect select,
.wrap-section select,
.input-wrap select {
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0 20px 0 10px;
    border: 1px solid #ddd;
    border-radius: 0;
    outline: none;
    overflow: hidden;
    color: #666;
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    line-height: 30px;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.date-set-buttons {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}

/* 로딩 영역 */
#container .loading,
#container .loading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
}

#container .loading div,
#container .loading div {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/loader.gif") no-repeat center center;
    font-size: 0;
}

/* Input Form */
.inputForm {
    width : 100%;
}

.inputForm__section:not(:last-child) {
    margin-bottom: 30px;
}

/* InputForm 헤더 영역 */
.inputForm__section__header {
    overflow: hidden;
    margin-bottom: 15px;
}

.inputForm__textarea {
    overflow: auto;
    padding: 10px;
    width: 100%;
    max-width: 100%;
    border: 1px solid #ddd;
    font-size: 13px;
    box-sizing: border-box;
}

/* Input Form Readonly 속성이 적용된 태그들 */
.inputForm__button-wrapper {
    display: inline-block;
    height: 100%;
    margin-left: 10px;
}

/* Input Form 기본 버튼 */
.inputForm__button {
    padding : 0 10px;
    height: 32px;
    min-width: 56px;
    line-height: 32px;
    vertical-align: middle;
}

/* 파일 첨부 버튼 */
.inputForm__fileBtn {
    width: 100px;
    height: 32px;
    border: 1px solid #ddd;
    color: #666;
    background-color: #fff;
    line-height: 32px;
}

/* Input Form 저장 버튼 */
.inputForm__saveBtn {
    width: 70px;
    height: 32px;
    border: 1px solid #ddd;
    color: #fff;
    background-color: #80c342;
    line-height: 32px;
}

.inputForm__section__header .inputForm__saveBtn {
    float: right;
}

/* Tab 영역 */
.fb__tabSect {
    display: block;
    margin-top: 15px;
    width: 100%;
    background-color: #fff;
}

.fb__tabSect__nav {
    float: left;
    width: 100%;
}

/* 탭 */

.fb__tabSect__tabs,
.tabSect__section__tabs {
    overflow: hidden;
    width: 100%;
    font-size: 0;
}

/* Tabs__tab 공통 */
.tabs__tab > a {
    display: block;
    width: 100%;
    height: 42px;
    padding: 10px 0;
    font-size: 13px;
    text-align: center;
}

.fb__tabSect__tabs > .tabs__tab {
    float: left;
    width: 20%;
}

.fb__tabSect__tabs > .tabs__tab > a {
    border: none;
    border: 1px solid #ddd;
    border-bottom: 1px solid #666;
    background-color: #f8f8f8;
}

/* 선택 된 경우 */
.fb__tabSect__tabs > .tabs__tab.active > a {
    background-color: #fff;
    border: 1px solid #666;
    border-bottom: none;
    font-weight: bold;
}

/* 탭 하위 섹션 */
.fb__tabSect__section {
    padding: 62px 20px 20px;
    border: 1px solid #666;
    border-top: none;
}

/* 탭 하위 섹션 탭 */
.tabSect__section__nav {
    width: 100%;
    margin-bottom: 20px;
}

.tabSect__section__tabs {
    width: 100%;
}

.tabSect__section__tabs > .tabs__tab {
    float: left;
    width: 33.3%;
}

.tabSect__section__tabs > .tabs__tab > a {
    border: 1px solid #ccc;
}

/* 선택 된 경우 */
.tabSect__section__tabs > .tabs__tab.active > a {
    border-color: #80c342;
    border-width: 1.5px;
    color: #80c342;
    font-weight: bold;
}

.datepicker-wrapper {
    position: relative;
    display: inline-block;
}

.datepicker-wrapper.startdate-wrapper {
    margin-right: 20px;
}

.datepicker-wrapper.startdate-wrapper:after {
    content: "~";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}

.datepicker-input {
    width: 100%;
}

.timepicker-input {
    display: inline-block;
}

/* datePicker */
.datepicker-wrapper .ui-datepicker-trigger {
    position: absolute;
    top: 0px;
    right: 0;
    width: 30px;
    height: 100%;
    background: url("../images/common/icon-calendar.png") no-repeat center
        center;
    border: 1px solid #ddd;
}

.ui-datepicker-header .ui-datepicker-next span.ui-icon {
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: 0;
    background: url("../images/common/btn-arrow-right.png") no-repeat 0 0;
    transform: translate3d(-50%, -50%, 0);
}

.ui-datepicker-header .ui-datepicker-prev span.ui-icon {
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: 0;
    background: url("../images/common/btn-arrow-left.png") no-repeat 0 0;
    transform: translate3d(-50%, -50%, 0);
}

/* 공통 : 상품 리스트 09/01 */
.fb__sect-wrapper,
.main-section {
    background-color: #fff;
}

.section-navigation label {
    margin-right: 20px;
}

.desc-section {
    /* margin-top: 20px; */
}

.btn-nav:after {
    display: block;
    clear: both;
    content: "";
}
/* 상세 검색 버튼 */
.openForm-btn {
    position: relative;
    float: right;
    width: 90px;
    height: 40px;
    margin-top: 5px;
    padding: 0 15px 0 10px;
    line-height: 40px;
}

.openForm-btn > span:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 12px;
    height: 7px;
    background: url("../images/common/icon-dropdown.png") no-repeat 0 0;
    transform: translateY(-50%);
}

.openForm-btn.opened > span:after {
    transform: translateY(-50%) rotate(180deg);
}

/* 체크박스 disabled 시 */
input[type="checkbox"]:disabled + span {
    color: lightgrey;
}

.form--hide {
    display: none;
}

.form--show {
    display: block;
}

/* ksw 2020.09.03 */
/* button 정의 */
.btn-area {
    display: block;
    margin-top: 10px;
    text-align: center;
}

.btn-area button,
.btn-area select
 {
    display: inline-block;
    margin-left : 5px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}

.btn-area input{
    margin-left : 5px;
    font-size: 13px;
    font-weight: 600;
    vertical-align: middle;
}

.btn-area  > *:first-child {
    margin-left: 0;
}

.btn-area.align-right {
    text-align: right;
}

.complex-condition .btn-area{
    margin: 0;
    width: 100%;
}

.fb__sect.grid-sect .wrap-tit,
.grid-sect .wrap-tit {
    height: 32px;
    line-height: initial;
}

.fb__sect.grid-sect .wrap-tit .ea-title,
.grid-sect .wrap-tit .ea-title {
    vertical-align: middle;
}

.fb__sect.grid-sect .wrap-tit .btn-area,
.grid-sect .wrap-tit .btn-area {
    height: 100%;
}

.ea-title__period{
    display: inline-block;
    color : black;
    font-size : 14px;
    vertical-align: middle;
}

.grid-sect .wrap-tit .btn-area  button,
.grid-sect .wrap-tit .btn-area  a,
.grid-sect .wrap-tit .btn-area  input[type="button"],
.grid-sect .wrap-tit .btn-area  input[type="submit"] {
    max-height: 100%;
    padding: 0 10px;
}

.grid-sect .wrap-tit .btn-area input,
.grid-sect .wrap-tit .btn-area select {
    max-height: 100%;
}

.fb__sect .k-pager-sizes,
.grid-sect .k-pager-sizes {
    top: -52px;
}

/* .fb__sect.grid-sect.excelPaging-sect .k-pager-sizes,
.grid-sect.excelPaging-sect .k-pager-sizes {
    right : 130px;
}

.fb__sect.grid-sect.excelPaging-sect .excel-btn,
.grid-sect.excelPaging-sect .excel-btn {
    margin-left : 130px;
} */

/* 엑셀 다운로드 버튼이 있고, 다른 추가 버튼이 있을 경우 */
.fb__sect.grid-sect.excelPaging-sect .btn-area,
.grid-sect.excelPaging-sect .btn-area {
    position: relative;
    padding-right : 250px;
}

.fb__sect.grid-sect.excelPaging-sect .excel-btn,
.grid-sect.excelPaging-sect .excel-btn,
.grid-sect.excelPaging-sect #EXCEL_DN,
.fb__sect.grid-sect.excelPaging-sect #EXCEL_DN {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.fb__sect.grid-sect.excelPaging-sect .k-pager-sizes,
.grid-sect.excelPaging-sect .k-pager-sizes {
    right : 130px;
    top: -51px !important;
}

th > label {
    cursor: default;
}

.complex-condition.multi-tags .comm-input:not(:last-child){
    display : inline-block;
    margin-right : 10px;
}

.complex-condition.multi-divs .multi-divs__item{
    display : inline-block;
    margin-right: 10px;
}

.complex-condition.multi-divs .multi-divs__item .comm-input{
    margin-left: 10px;
}
.complex-condition.multi-divs .multi-divs__item .comm-input + span{
    vertical-align: middle;
}

.comm-input {
    font-size : 13px;
}

/* comm-input readonly 속성 */
/*.comm-input:read-only:not([data-role="datepicker"]) {
    background-color : transparent;
    border : none;
    font-weight: bold;
}*/

.comm-input:disabled{
    background-color : rgba(239, 239, 239, 0.3) !important;
    border: 1px solid #ddd !important;
    pointer-events: none;
}

.comm-input.disabled{
    background-color : rgba(239, 239, 239, 0.3);
    border: 1px solid #ddd;
    pointer-events: none;
}

.k-grid-toolbar .k-button{
    /* margin-right : 10px !important;
    padding : 0 10px !important;
    height: 100% !important; */
}

.k-grid-toolbar .k-button:last-child{
    margin-right : 0px;
}

.fb__custom__fileInput input.imgFileName{
    display: inline-block;
    margin : 0 20px 0 0;
}

.fb__custom__fileInput .k-upload{
    display: inline-block;
    border: none;
}

.fb__custom__fileInput .k-dropzone{
    padding : 0;
}

.fb__custom__fileInput .k-dropzone .k-upload-button{
    margin: 0;
}

/* 전시페이지 레이아웃
    수정일 : 2020.09.10
*/

.fb__sect.cols:after{
    display : block;
    clear : both;
    content : "";
}

.fb__sect.cols .tree-section,
.fb__sect.cols .section:first-child{
    float: left;
    width : 350px;
}

.fb__sect.cols .section.form-section,
.fb__sect.cols .section:last-child{
    padding-left : 380px;
}

.form-section .datatable.v-type td{
    border : 1px solid #e5e5e5;
}

.fb__tree-wrapper{
    overflow : auto;
    width : 100%;
    min-height : 500px;
    max-height: 710px;
    border: 1px solid #e5e5e5;
}


.fb__tree-wrapper .k-treeview{
    overflow : visible;
    border : none;
}

.fb__tree-wrapper .k-treeview .k-state-selected,
.fb__tree-wrapper .k-treeview .k-state-selected.k-state-focused{
    background-color : transparent !important;
    border : none !important;
    color : #80c342;
}

.fb__tree-wrapper ul.k-treeview-lines {
    padding-bottom : 20px;
}

/* 상세2 그리드 Css 케이스별 정의 */
.fb__grid .k-grid-content{
    width : 100%;
    border: 1px solid #e5e5e5;
    min-height: 50px;
}

.cols--case1 .section .k-grid-content{
    min-height : 710px;
    max-height: 710px;
}

.fb__grid.content-size-1  .k-grid-content{
    min-height : 710px;
    max-height: 710px;
}

.fb__grid.content-size-2  .k-grid-content{
    min-height : 550px;
    max-height: 550px;
}

/* 전시페이지 레이아웃 2번 케이스
    수정일 : 2020.09.11
*/
.cols--case2 .fb__tree-wrapper{
    max-height : 500px;
}

.cols--case2 .section .k-grid-content{
    min-height : 550px;
    max-height : 550px;
}

/* fb__grid 데이터 없는 경우 처리 */
.fb__grid .noRecords,
.noRecords{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 24px;
    font-weight: bold;
}

.k-animation-container,.k-animation-container *,.k-animation-container :after,.k-block .k-header,.k-dialog .k-window-content,
.k-list-container,.k-widget,.k-widget *,.k-widget :before{
    box-sizing:border-box !important
}

.k-animation-container {
    /* z-index: 10 !important; */
}


/*
* 2020.09.17 grid toolbar 버튼 영역 디자인 수정
*/

.k-grid.with-paging .k-header.k-grid-toolbar{
    padding-right: 120px;
}

.k-grid.toolbar-grid .k-header.k-grid-toolbar{
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    top : -52px;
    height : 32px;
}

.k-grid.toolbar-grid .k-header.k-grid-toolbar > .k-button,
.k-grid.toolbar-grid .k-header.k-grid-toolbar > input,
.k-grid.toolbar-grid .k-header.k-grid-toolbar > select {
    margin: 0;
    height : 32px;
}

.k-grid.toolbar-grid .k-header.k-grid-toolbar > .k-button,
.k-grid.toolbar-grid .k-header.k-grid-toolbar > input,
.k-grid.toolbar-grid .k-header.k-grid-toolbar > select {
    margin: 0 0 0 10px;
    height : 32px;
}

.datatable-inner-wrapper:not(:last-child) {
    margin-bottom: 10px;
}

.datatable.datatable-inner td {
    text-align: center;
}


/*
* 2020.09.22 popup 디자인 수정
*/

.popup-document #ng-view{
    padding : 0;
    min-width : 200px;
}

.popup-document #contents{
    padding-bottom: 0;
}

.k-window.k-dialog {
    padding : 20px;
}

.k-window .k-window-title{
    padding-right: 30px;
}

.k-window-titlebar .k-window-action[aria-label="Close"] {
    padding : 0;
    width : 24px;
    height : 24px;
}

.k-window-titlebar .k-window-action[aria-label="Close"]::before{
    background: none !important;
}


table.k-editor {
    width : 100% !important;
}

.k-editor-dialog.k-viewhtml-dialog .k-edit-buttons .k-button {
    padding: 0.1em 0.3em;
}

.k-editor-dialog.k-viewhtml-dialog .k-edit-buttons .k-button.k-dialog-update {
    background-color: #80c342;
}


.k-button.item-command-btn {
    margin-bottom: 2.5px !important;
    padding: 0 !important;
    width : 90px;
}

.k-button.item-command-btn:last-child {
    margin: 0;
}

.border-grid-wrapper {
    border : 1px solid #e5e5e5;
    overflow-y: auto;
}

.k-grid.border-grid-wrapper table {
    border : none;
}

.k-editor-dialog.k-viewhtml-dialog .k-edit-buttons {
    background-color: transparent;
    border : none;
}

/*
* 2020.10.03 CSS 수정 작업
*/
.isErpItemLink-wrapper input {
    width : 30% !important;
}

.date-controller {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.date-controller > button:not(:last-child) {
    /* margin-right : 5px; */
}

/*마스터 품목 등록*/
.nutiritionQuantity-wrapper {
    display: inline-block;
    width : 40%;
}

.nutiritionQuantity-wrapper:first-child {
    margin-right: 4%;
}

.nutiritionQuantity-wrapper > span {
    width : 50px;
    margin-right : 10px;
}

.datatable.v-type .complex-condition .nutiritionQuantity-wrapper > input.comm-input.pr--default {
    width : calc(100% - 65px);
    max-width : 250px;
    min-width: 130px;
}

.addNewNutrition-wrapper {
    display: inline-block;
    width : calc(100% - 180px);
}

.addNewNutrition-wrapper > span {
    max-width: 250px;
}

#norecords-message {
    width : 100%;
    height : 50px;
    line-height: 50px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #e5e5e5;
    border-top : none;
}

/* 2020.10.08 마스터품목등록/수정 상품 인증 정보 이미지 영역 */
.imgWrapper {
    position: relative;
    padding-top : 100%; /* 1 : 1 비율 */
    width : 100%;
    overflow : hidden;
}

.imgWrapper figure{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}

.imgWrapper figure img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* max-width: 100%; */
    max-width: 126px;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.textarea-wrapper {
    font-size: 0;
}

.noResize-textarea-wrapper {
    position: relative;
}

.noResize-textarea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
}

.noResize-textarea > textarea.comm-textarea {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
}

.textarea-wrapper .comm-textarea {
    min-width: 100%;
    min-height: 32px;
}

.grab-icon {
    margin-right: 20px;
}

/*
    2020.10.13 전시관리 페이지 팝업
*/

#inventoryPopup .datatable:last-child {
    margin-top : 0;
    border-top: none;
}

#inventoryPopup .datatable:last-child thead th {
    border-top: none;
}

.limit-control > .comm-input {
    width : 80% !important;
    margin-right: 5px;
}

 .showLimit {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
}

.url-link {
    position: relative;
}

.url-link .link-header {
    position: absolute;
    width: 50px;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}

.url-link .comm-input {
    /*2020.11.18 - kyh196201 : URL 인풋 태그 패딩 값*/
    /*padding-left: 50px;*/
}

.exposeText-wrapper {
    display: table;
    width: 100%;
}

.exposeText-wrapper  .exposeText-wrapper__sec {
    display: table-cell;
}

.exposeText-wrapper  .exposeText-wrapper__sec:first-child {
    width : 25%;
    padding-right: 10px;
}

.exposeText-wrapper  .exposeText-wrapper__sec .colorCode {
    width : 100%;
}

.exposeText-wrapper  .exposeText-wrapper__sec:last-child {
    /* width : calc(100% - 170px); */
    width: 75%;
}

/* 2020.10.15 혜택 관리 */
.fb__section button:hover {
    opacity: 0.5;
}

.fb__table-title {
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.fb__table-title > p {
    font-weight: normal;
    font-size: 16px;
}
.fb__table-title .table__updated-date {
    font-weight: bolder;
}

.fb__table {
    width : 100%;
    border-collapse: collapse;
}

.fb__table__header > ul {
    display: table;
    width: 100%;
}

.fb__table__header > ul > li{
    display: table-cell;
    border: 1px solid #ddd;
    border-bottom : none;
    border-collapse: collapse;
    background-color: #f5f5f5;
}

.fb__table__header > ul > li:first-child{
    width : 10%;
}

.fb__table__header > ul > li:nth-child(2){
    width: 20%;
}

.fb__table__header > ul > li:nth-child(3) {
    width: 30%;
}

.fb__table__header > ul > li:nth-child(4),
.fb__table__header > ul > li:nth-child(5) {
    width: 15%;
}

.fb__table__header > ul > li:last-child {
    width : 10%;
}

.table-head {
    padding: 5px 20px;
    text-align : center;
    font-weight: bold;
}

.fb__table__contents > ul > li {
    border-collapse: collapse;
}

.list-table {
    width: 100%;
}

.list-table td,
.list-table th {
    padding: 5px;
    border: 1px solid #ddd;
    border-collapse: collapse;
}

.list-table th {
    text-align: center;
}

.list-table__inner {
    width: 100%;
}

.list-table__inner.textCenter  {
    text-align: center;
}

.company__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;
}

.company__item:last-child {
    margin-bottom: 0px;
}

.company__item > input,
.company__item > span {
    flex: 1 1;
    margin-right: 5px;
    max-width: 300px;
}

.company__item > div:not(:last-child) {
    margin-bottom: 10px;
}

.table-cell {
    display: table-cell;
    padding: 5px;
    border: 1px solid #ddd;
}

.fb__table__group:before {
    content: "";
    display: block;
    clear: both;
}

.fb__table__group:not(:last-child) {
    border-bottom: 1px solid #ddd;
    border-width: 0 0 1px 0;
}

.fb__table__group .group__item {
    border:none;
    vertical-align: middle;
}

.fb__table__group .group__item:first-child {
    vertical-align: top;
}

.fb__table__group .group__item:not(:first-child) {
    text-align: center;
}

.fb__table__group .group__item:not(:last-child) {
    border-right: 1px solid #ddd;
    border-width: 0 1px 0 0;
}

.group__item-inner {
    display: inline-block;
    width: 100%;
    text-align: center;
}


.group__item__content {
    vertical-align: top;
}

.fb__table button {
    height: 32px;
    vertical-align: middle;
}

 .fb__table__contents .contents__list .contents__list__item:not(:first-child) tr:first-child td,
 .fb__table__contents .contents__list .contents__list__item:not(:first-child) tr:first-child th{
    border-top: none;
}

.group__item__select {
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    width: 100%;
    flex-wrap: nowrap;
}

.group__item__select > input {
    margin-right: 5px;
    max-width: 300px;
    box-sizing: border-box;
}

.group__item__select > input:first-child,
.group__item__select > .fb__custom__select {
    flex : 1 1;
}
.group__item__wrapper .group__item__select {
    margin-top :  5px;
}

/* 2020.10.16 임직원 할인율 그룹 관리 페이지  */
.fb__discountGroup__header,
.fb__benefitGroup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.fb__discountGroup__updated-wrapper,
.fb__benefitGroup__updated-wrapper{
    font-size: 20px;
}


.fb__discountGroup .datatable.v-type td,
.fb__benefitGroup .datatable.v-type td {
    padding: 0;
    text-align : center;
}

.fb__discountGroup .brandList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 5px;
    width: 100%;
    justify-content: center;
}

.fb__discountGroup .brandList .brandList__item {
    border-top: 1px solid #ddd;
}

.fb__discountGroup .brandList__item > input {
    margin-right: 5px;
    max-width: 300px;
    flex : 1 1;
}

.fb__discountGroup .brandList__item > span {
    margin-right: 5px;
    max-width: 300px;
    flex : 1 1;
}

/* 할인율 그룹 관리 */
.fb__benefitGroup .datatable.v-type {
    table-layout: auto;
}

.fb__benefitGroup .datatable.v-type td {
    border-top: none;
}

.inner__table td {
    padding: 5px !important;
    table-layout: auto;
}

.fb__benefitGroup .compant__item-wrapper .company__item {
    margin-top: 5px;
}

.fb__benefitGroup table.inner__table {
    border-top : none;
}

.fb__benefitGroup .k-grid-norecords {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #ddd;
    border-top: none;
}

.btn-sw {
    background-color: #1864ab;
    color: #fff;
    /* border-radius: 5px; */
}

/* 2020.10.27 */

.fb__mask.goodsContent__popup .fb__layer__cont {
    max-height: 300px !important;
    min-height: 150px;
    height: auto;
    padding: 20px;
}

.fb__mask.goodsContent__popup .fb__layer__cont > button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}

.fb__mask.goodsContent__popup .fb__layer__cont > .popup__header {
    width: 200px;
    margin: 0 auto 20px;
    text-align : center;
    font-size: 13px;
    font-weight: bold;
}

.fb__mask.goodsContent__popup .fb__layer__cont > .popup__content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 130px;
    padding : 0 10px 10px;
    text-align : left;
    font-size: 14px;
    font-weight: normal;
    word-break: break-all;
}

.fb__mask.goodsContent__popup .fb__layer__cont > .popup__content > strong {
    margin-right: 5px;
    line-height: 20px;
}

.fb__mask.goodsContent__popup .fb__layer__cont > .popup__content > p {
    display: inline;
    line-height: 20px;
}

.removeRow-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    background-color: #1864ab;
}

.wrap-location .title h2 {
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
}

.wrap-location .title .tooltip-container {
    vertical-align: top;
}

/* kendo editor css 수정
2020-11-19 */
.k-editor-toolbar-wrap .k-colorpicker .k-picker-wrap {
    width: 24px !important;
    height: 24px !important;
    background-position: 50% 50% !important;
    background-color: #ececec !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
}

.k-editor-dialog .k-edit-field .k-textbox {
    border: 1px solid #d5d5d5;
}

.k-button.k-dialog-insert.k-primary {
    background-color: #80c342 !important;
    border-color : #80c342 !important;
}

.k-button.k-dialog-close,
.k-button.k-dialog-insert.k-primary {
    padding: 5px 10px;
}

.hidden-form {
    visibility: hidden;
    height: 0px;
    overflow : hidden;
}

/* 전시 페이지, 전시 컨텐츠 관리 UI 수정 2020.11.20 : displayPageMgm, displayContsMgm */
.displayMgm.wrap-section {
    display: block;
}

.displayMgm .section-wrapper::after {
    display : block;
    clear: both;
    content: "";
}

.displayMgm.wrap-section .section {
    display: block;
    float: left;
    padding: 0;
}

.displayMgm.wrap-section .section.tree-section {
    width: 20%;
    margin-right : 30px;
}

.displayMgm.wrap-section .section:last-child {
    width: calc(80% - 30px);
}

.displayMgm.displayContsMgm.wrap-section .section.tree-section {
    width: 300px;
    margin-right : 30px;
}

.displayMgm.displayContsMgm.wrap-section .section:last-child {
    width: calc(100% - 330px);
}

.displayContsMgm .flex-tit {
    height: auto;
}

.displayMgm table .btn-area {
    margin-top : 0;
}

.displayMgm .pageInfo-table .complex-condition {
    display : block;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}

.displayMgm .datatable .btn-area {
    white-space : nowrap;
}

.displayMgm .tree-section .tree-section__btnArea {
    margin-top : 10px;
}

.displayMgm .tree-section .tree-section__btnArea button.btn-s {
    line-height : 1.3;
}

.displayMgm .tree-section .tree-section__btnArea button.btn-s:first-child {
    margin-left : 0;
}

.displayMgm .fb__grid .k-grid-content {
    border: none;
}

.notice {
    display : block;
    margin: 5px 0;
    font-size : 13px;
    font-weight : bold;
    color: red;
}

/* employeeMgm */
.employeeMgm table .comm-input,
.employeeMgm table .k-dropdown-wrap {
    width : 200px !important;
}

.employeeMgm table .comm-input {
    margin-right : 10px;
}

.employeeMgm table button {
    height : 32px;
}

.k-filtercell .filter-input {
    width : 100%;
    height : 32px;
    margin-right: 5px;
    padding: 5px;
    border: 1px solid #ddd;
}

/* .fb__sect .k-filtercell > span {
    padding-right : 70px;
} */

.k-filtercell .k-dropdown-operator .k-input {
    font-size : 0px;
}

/* .k-filtercell .k-clear-value.k-i-close {
    display: none;
} */

/* 개인정보 처리 이력 : privacyMenuOperHist */
.privacyMenuOperHist .search-wrapper {
    display : flex;
    align-items : center;
}

.privacyMenuOperHist .search-wrapper .k-dropdown.select-box {
    flex-shrink : 0;
    width: 30%;
    margin-right: 10px;
}

.privacyMenuOperHist .search-wrapper .comm-input {
    flex: 1 1 auto;
}

.narrow-picker .datepicker-wrapper {
    display : block;
}

.narrow-picker .datepicker-wrapper.startdate-wrapper {
    display: inline-block;
    margin-bottom : 10px;
}

.narrow-picker .date-controller {
    display: block;
    margin: 10px 0 0 0;
}

.between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* 2020.12.02 켄도 Pdf export */
.pdf-page,
.caluse-box {
    font-family: "NotoSansCJKkr", sans-serif !important;
}

.pdf-page *,
.caluse-box * {
    font-family: "NotoSansCJKkr", sans-serif !important;
}

.url-prefix {
    width: 5%;
    display: inline-block;
    text-align: center;
    line-height: 32px;
}

.pMenuPopup .datatable.v-type tbody th {
    font-size: 13px;
}

.k-list-container .k-item,
.k-list-container .k-list-optionlabel {
	font-weight: normal;
}

.customerQna__answerDiv textarea:disabled {
	background-color: #f2f2f2;
}

/* 상품 상세 이미지 다운로드 팝업 */
/*div.k-window-content.screen {
	overflow: hidden;
	height: 100%;
}*/

.screen-container {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.screen__header {
	width: 100%;
	height: 36px;
	margin: 0 0 10px 0;
	text-align: right;
}

.screen {
    overflow-x: hidden;
    overflow-y: auto;
	width: 100%;
	padding: 0 20px 200px 15px;
}

.screen.hide {
	visibility: hidden;
}

.screen__header button {
	display: inline-block;
}

.screen__content {
    width: 100%;
}

.screen__content .screen__content__inner {
    width: 100%;
}

.screen .btn-popup-close {
	display: block;
	margin: 0 auto;
}

/* 일반상품 등록 > 에디터 내에 리스트 기호 표시  */
.goodsMgm__description-wrapper {
    width: 100%;
    height: 550px;
}

.goodsMgm__description {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

.goodsMgm__description ul {
	list-style: disc;
	padding-left: 2.5em;
	margin-block-start: 1em;
    margin-block-end: 1em;
}

.goodsMgm__description ol {
	list-style: decimal;
	padding-left: 2.5em;
	margin-block-start: 1em;
    margin-block-end: 1em;
}

.goodsMgm__description table td {
	border: 1px solid #ddd;
}

.goods__download-Btn-wrapper {
	text-align: right;
	margin: 15px 0 0 0;
}

.goods__download-Btn-wrapper button {
	display: inline-block;
	font-weight: bold;
}

.goodsReservationOption .datatable {
	table-layout: auto;
}

/* 2021.06.04 HGRM-8527: 샵풀무원 상품코드 추가 */
.goods-code-wrapper {
    display: flex;
    align-items: center;
}

.goods-code-wrapper:not(:last-child) {
    margin-bottom: 5px;
}

.goods-code-wrapper .comm-input.goods-code {
    margin-right: 5px;
}

.goods-code-wrapper button {
    height: 32px;
}

/* 2021.06.04 HGRM-8527: 풀무원샵 상품코드 영역 추가 */
.promotion-name-container .k-widget.k-datepicker {
    width: 120px !important;
}

.promotion-name-container .promotion-name-wrapper {
    display: inline-block;
}

.goods-package__form .promotion-name-container .promotion-name-wrapper {
    display: block;
    margin-bottom: 5px;
}

/* 마스터 품목 등록, 상품 등록 테이블 노티스 */
.itemMgm__info-title,
.description-title-notice {
    color: red;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
}
.itemMgm__info-title::before,
.description-title-notice::before {
    content: "*";
    margin: 0 3px 0 10px;
}

/* CS 관리 > 회원 정보 영역 height */
#csContents .k-tabstrip .k-content,
#csRefundContents .k-tabstrip .k-content,
#csShippingContents .k-tabstrip .k-content,
#csCouponContents .k-tabstrip .k-content,
#csPointContents .k-tabstrip .k-content {
    height: auto !important;
}

.hover-card {
    overflow: hidden;
    position: fixed;
    /* top: auto;
    left: auto; */
    top: 50%;
    left: 0%;
    width: auto;
    height: auto;
    min-width: 100px;
    min-height: 100px;
    max-width: 700px;
    max-height: 700px;
    margin: 0;
    cursor: pointer;
    background-color: white;
    visibility: hidden;
    opacity: 0;
    box-shadow:  0 10px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    transition: visibility 0.4s linear, opacity 0.4s linear;
    box-sizing: border-box;
}

.hover-card.center{
	transform: translate(38%, -40%);
}

.hover-card.open {
    visibility: visible;
    opacity: 1;
}

.hover-card .hover-card__inner {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.hover-card .hover-card__content {
    overflow: auto;
    width: 100%;
    height: 100%;
}

.hover-card .table-wrapper {
    margin-bottom: 20px;
}

.hover-card .table-wrapper .table-title {
    display: flex !important;
    justify-content: space-between;
}

.hover-card .table-wrapper:last-child {
    margin: 0;
}

.hover-card .table-wrapper .datatable.v-type.datatable--header td,
.hover-card .table-wrapper .datatable.v-type.datatable--header th {
    text-align: center;
}

.hover-card .table-wrapper .datatable.v-type.datatable--header tr th:last-child,
.hover-card .table-wrapper .datatable.v-type.datatable--header tr td:last-child {
    font-weight: normal;
}

.hover-card .hover-card__close {
    font-size: 24px;
    border: none;
    outline: none;

}

/* 헤더 종 아이콘 */
.user-notice-area {
    float: left;
}

.user-notice-icon {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 19px;
    background: transparent url('../images/bell-icon.png') no-repeat center/100%;
    font-size: 0px !important;
    vertical-align: middle;
    cursor: pointer;
}

.user-notice-new {
    position: absolute;
    top: 6px;
    right: 1px;
    width: 5px;
    height: 5px;
    background-color: #ff732a;
    border-radius: 50%;
    font-size: 0 !important;
}

.poList__ogGrid thead th {
	text-align: center !important;
    vertical-align: middle !important;
}

.new-button .wrap-tit .btn-area {
    float: right;
    margin-right : 120px;
}

.new-button .k-pager-sizes {
    right: 0px;
    top : -52px !important;
}

/* 발주 리스트 그리드 CSS 수정 */
.poList__grid-sect .k-grid .k-grid-header th.k-header {
    padding: 3px 0;
}

.poList__grid-sect .k-grid td {
    padding: 3px;
    font-size: 12px;
}

/* 상품 일괄 업로드 CSS 수정 */
.upload-container:after {
    display: block;
    clear: both;
    content: "";
}

.upload-container .upload-link-wrapper {
    float: left;
    width: 45%;
    margin-right: 5px;
}

.upload-container .upload-link {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    cursor: pointer;
}

.upload-container .upload-btn {
    height: 32px;
}

/* 대시보드 그리드 2021.04.12 ~ 2021.04.16 */
.dashboard {
    width: 100%;
    /* max-width: 1400px; */
    margin: 0 auto;
}

.dashboard__header {
    margin-bottom: 10px;
}

.dashboard__header,
.dashboard__controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard__controls .dashboard__init,
.dashboard__controls .dashboard__edit,
.dashboard__controls .dashboard__roll-back {
    margin-left: 10px;
}

.dashboard__controls .roll-back-btn {
    padding: 9.5px;
    font-size: 0px;
}

.dashboard__controls .roll-back-btn:before {
    display: block;
    width: 13px;
    height: 13px;
    background: url("../images/ic/k_i_refresh.png") no-repeat center/100%;
    content: "";

}

.dashboard__controls .init-btn {
    display: flex;
    height: 32px;
    padding: 9.5px;
    align-items: center;
}

.dashboard__controls .edit-btn {
    display: flex;
    height: 32px;
    padding: 9.5px;
    align-items: center;
}

.dashboard__controls .edit-btn:before {
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: url("../images/system.png") no-repeat center/100%;
    content: "";
}

.grid-layout {
    position: relative;
    width: 100%;
    min-width: 1210px;
    /* max-width: 1400px; */
}

.grid-layout::after {
    display: block;
    clear: both;
    content: "";
}

.grid-layout .grid-item {
    float: left;
    width: 22%;
    height: 400px;
    border: 1px solid hsla(0, 0%, 0%, 0.5);
    -webkit-box-shadow: 3px 3px 1px -2px rgba(0,0,0,0.34);
    box-shadow: 3px 3px 1px -2px rgba(0,0,0,0.34);
}

.grid-layout .grid-sizer {
    /* width: 22%; */
    width: calc((100% - 30px) / 4);
}

.grid-layout .gutter-sizer {
    /* width: 4%; */
    width: 10px;
}

.grid-layout.isEditing .grid-item:hover {
    opacity: 0.7;
    border-color: #ddd;
    cursor: move;
}

.grid-layout .grid-item.w100 {
    width: 100%;
}

.grid-layout .grid-item.w50 {
    width: calc((100% - 30px) / 4 * 2 + 10px);
}

.grid-layout .grid-item.w25 {
    width: calc((100% - 30px) / 4);
}

.grid-layout .grid-item.is-dragging,
.grid-layout .grid-item.ui-draggable-dragging,
.grid-layout .grid-item.is-positioning-post-drag {
    opacity: 0.6;
    background-color: black;
    z-index: 2;
}

.grid-layout .packery-drop-placeholder {
    position: relative;
    outline: 3px dashed hsla(0, 0%, 0%, 0.5);
    outline-offset: -6px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}

.grid-layout .packery-drop-placeholder:before {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22px;
    transform: translate(-50%, -50%);
    content: "+";
}

.grid-item .module {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 10px;
}

.grid-item .module__body {
    overflow: auto;
    width: 100%;
    height: 100%;
}

.grid-item .module .module__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.grid-item .module .module__title {
    display: flex;
    align-items: center;
}

.grid-item .module .module__title .title {
    font-size: 22px;
    font-weight: bold;
}

.grid-item .module .module__timestamp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-item .module .module__timestamp .timestamp {
    margin-right: 5px;
}

.grid-item .module .module__link-btn {
    margin-left: 10px;
}

.grid-item .module .module__controls {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.grid-item .module .module__tabs:after {
    display: block;
    clear: both;
    content: "";
}

.grid-item .module .module__tab {
    width: 100px;
    float: left;
}

.grid-item .module .module__tab label {
    display: block;
    width: 100%;
}

.grid-item .module .module__tab label span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
}

.grid-item .module .module__tab label input:checked + span {
    background-color: #80c342;
    color: white;
    font-weight: bold;
}

.grid-item .module .module__tab:not(:last-child) label span {
    border-right: none;
}

.grid-item .module .module__tab input {
    display: none;
}

.order-module .module__table table {
    border-bottom: 1px solid black;
}

.order-module .module__table thead th {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.module .module__table tbody td .item-link {
    color: #1971c2;
    font-weight: bold;
}

.module .module__table.align-right tbody td {
    text-align: right;
}

.list__item__link td .list-item-link {
    color: #1971c2;
    font-weight: bold;
}

.module__list {
    width: 100%;
    border-top: 1px solid #ddd;
}

.module__list .module__list__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
}

.module__list .module__list__title {
    flex: 1;
    margin-right: 20px;
    color: black;
    text-decoration: underline;
}

.module__list .module__list__timestamp {
    color: gray;
    font-size: 11px;
}

.module .module__options .search-periodse {
    width: 130px;
}

/* 상품 조회 팝업 최소 너비 지정 */
.ifr_popup .goods-search-form {
    min-width: 1330px;
}

/* 승인 관리자 선택 테이블 폰트 및 간격 */
.ifr_popup .approval-manager-search-popup .datatable td label {
    font-size: 12px;
}

.ifr_popup .approval-manager-search-popup .inner-table tbody th {
    padding: 3px;
}

/* 2021.06.11 HGRM-8662: 재고 조정 항목 추가  */
.goodsStockMgmPopup .stockDeadline .select-box {
    width: calc(100% - 60px);
}

.goodsStockMgmPopup .stockDeadline button {
    margin: 0 0 0 4px;
}

.goodsStockMgmPopup .stock-control {
    position: relative;
}

.goodsStockMgmPopup .stock-control .datatable.v-type {
    width: calc(100% - 60px);
}

.goodsStockMgmPopup .stock-control .datatable.v-type th,
.goodsStockMgmPopup .stock-control .datatable.v-type td {
    text-align: center;
}

.goodsStockMgmPopup .stock-control .stock-control__btn-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* 2021.06.11 HGRM-8664: 폐기임박 재고정보 테두리 변경  */
.goodsStockMgmPopup tr.discardStockArea > th,
.goodsStockMgmPopup tr.discardStockArea > td  {
    border-top: 2px solid black !important;
    border-bottom: 2px solid black !important;
}

/* 2021.06.25 > BOS 계정관리 > 공급업체 권한 설정 */
.select-items {
    /* margin-top: 10px; */
}

.select-items li {
    display: inline-block;
    margin-top: 10px;
}

.select-items li:not(:last-child) {
    margin-right: 10px;
}

.select-items .select-items__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 40px 5px 5px;
    height: 32px;
    border: 1px solid #ddd;
}

.select-items .select-items__item input {
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 80px;
    height: auto;
    border: none;
}

.select-items .select-items__item .select-items__close-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
/* 미디어 쿼리 */
/* 2021.06.04 HGRM-8527: 풀무원샵 상품코드 영역 추가 */
@media screen and (max-width: 2280px ) {
    /* 상품 등록/수정 기본 정보 > 프로모션 상품명 레이아웃 깨지는 이슈 때문에 미디어 쿼리 작성 */
    .promotion-name-container .promotion-name {
        width: 110px !important;
    }
}

@media screen and (max-width: 2120px ) {
    .promotion-name-container .promotion-name-wrapper {
        display: block;
        margin-bottom: 5px;
    }
}

@media screen and (max-width : 1680px) {
    th .fb__custom__radio label span,
    th .fb__custom__checkbox label span {
        display: inline-block;
        position: relative;
        width: calc(100% - 35px);
        font-size: 13px;
        vertical-align: middle;
    }
}

@media screen and (max-width : 1520px) {
    .promotion-name-container .datepicker-wrapper.startdate-wrapper {
        margin-bottom: 5px;
    }
}

@media screen and (max-width : 1450px) {
    #goodsReservationOptionTable .datepicker-wrapper.startdate-wrapper {
        margin-bottom: 8px;
    }
}

@media (max-width: 980px) {
    .cpnMgmIssueList__form .date-controller {
        display: block;
        margin: 10px 0 0 0;
    }
}
@media screen and (max-width: 1920px) {
    .k-grid.order_table td{overflow: visible;text-overflow:inherit;word-wrap: break-word;white-space:normal;}
}
.k-grid.order_table .row_line{border-right:3px solid #bbb;}
.k-grid.order_table .admin_name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.k-grid.order_table .admin_name span{background: #26ffcd}