@charset "utf-8";

body {min-width: 100%;}

.wrap {height: 100%; background: #f8f8f8;}
/* .wrap-inner {width: 1380px; height: 100%; display: flex; } */
.wrap-inner {width: 100%; height: 100%; display: flex; }

.left-side {width: 250px; height: 100%; flex-shrink: 0; background: #2f2f2f;}

.left-side .top {height: 269px; padding: 50px 10px 0 19px; flex-shrink: 0; border-bottom: 1px solid #efefef;}
.left-side .top h1 {display: inline-block;}
.left-side .top h1 img {display: block; width: 180px; height: 30px;}
.left-side .top .private-info {margin-top: 14px;}
.left-side .top .private-info strong {display: block; margin-bottom: 20px; color: #fff; font-size: 19px; font-weight: 700; letter-spacing: -0.4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.left-side .top .private-info dl {display: table; padding-bottom: 4px;}
.left-side .top .private-info dl:last-child {padding-bottom: 0;}
.left-side .top .private-info dl > * {display: table-cell; height: 20px; color: #999; font-size: 13px; line-height: 20px; letter-spacing: -0.5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.left-side .top .private-info dl dt {width: 57px; font-weight: 700;}
.left-side .top .btn-area {margin-top: 21px;}

.navigation {height: calc(100% - 270px); overflow-y: auto; overflow-x: hidden;}
.navigation::-webkit-scrollbar {display:none;}
.navi-wrap > ul > li > a {display: block; position: relative; height: 60px; padding: 0 45px 0 20px; color: #fff; font-size: 15px; font-weight: 400; line-height: 60px; letter-spacing: -1.5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.navi-wrap > ul > li > a::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background: url(../images/ico_plus.png) no-repeat center; background-size: contain;}
/* .navi-wrap > ul > li > a.on {background: rgba(255, 204, 0, 0.03);} */
.navi-wrap > ul > li > a.on {color: #222; font-weight: 700; background: #ffcc00;}
/* .navi-wrap > ul > li > a.on::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 60px; background: #ffcc00;} */
.navi-wrap > ul > li > a.on::after {background: url(../images/ico_minus.png) no-repeat center; background-size: contain;}
.navi-wrap > ul > li > ul {display: none;}
.navi-wrap > ul > li > ul > li > a {display: block; position: relative; height: 50px; padding: 0 35px 0 20px; border-bottom: 1px solid #eee; color: #ccc; font-size: 14px; line-height: 50px; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.navi-wrap > ul > li > ul > li {background: #414141;}
.navi-wrap > ul > li > ul > li > a.on,
.navi-wrap > ul > li > ul > li > a:hover {color: #fff; font-weight: 700;}
.navi-wrap > ul > li > ul > li > a.on::after,
.navi-wrap > ul > li > ul > li > a:hover::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background: url(../images/ico_arrow_right4x8.png) no-repeat; background-size: contain;}

.top-menu {display: block; position: relative; height: 50px; padding: 0 35px 0 20px; border-bottom: 1px solid #eee; background: #ffd338; color: #000!important; font-size: 15px!important; line-height: 50px; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight:600;}
.mid-menu {display: block; position: relative; height: 50px; padding: 0 35px 0 20px; border-bottom: 1px solid #eee; background: #000000; color: #fff!important; font-weight: 400!important;font-size: 14px!important; line-height: 50px; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.detail-menu {display: block; position: relative; height: 50px; padding: 0 35px 0 20px; border-bottom: 1px solid #eee; background: #666; color: #fff!important; font-weight: 400!important;font-size: 14px!important; line-height: 50px; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.selected-menu {font-weight:bold!important;background:#999;color:yellow!important;}


.container {flex-grow: 1; overflow-y: auto; overflow-x: hidden;}
.contents-wrap {min-width: 1130px;}
.contents {position: relative; padding: 50px 20px 0 20px;}

.contents-top {display: table; /* margin-bottom:30px; */ width: 100%;}
.contents-top > * {display: table-cell; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.contents-top .left-col {width: 70%;}
.contents-top .left-col h2 {color:#ff5a5f; font-size: 24px; font-weight: bold;  margin-bottom: 10px; letter-spacing: -3px;}
.contents-top .right-col {width: 30%; text-align: right; font-size: 0;}
.contents-top .right-col > span {display: inline-block; height: 20px; color: #666; font-size: 14px; line-height: 20px; vertical-align: top;}
.contents-top .right-col > span::after {content: ">"; display: inline-block; margin: 0 3px 0 4px; color: #666; font-size: 9px; vertical-align: 2px;}
.contents-top .right-col > span:last-child::after {content: none;}

.footer {padding: 60px 0 30px 0;}
.footer p {color: #888; font-family: AppleGothic, Malgun Gothic, sans-serif; font-size: 14px; text-align: center;}


/* Login : 이용기관포탈 로그인 */
.login {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 480px; border: 1px solid #ddd; background: #fff;}
.login .head {padding-top: 50px; text-align: center;}
.login .head h1 {display: inline-block;}
.login .head h1 img {display: block;}
.login .head p {margin-top: 10px; color: #222; font-size: 20px; font-weight: 700; line-height: 32px; letter-spacing: -0.4px;}
.login .input-box {position: relative; margin-top: 30px;}
.login .input-box dl {display: table; width: 348px; margin-bottom: 10px;}
.login .input-box dl dt {display: table-cell; width: 87px; padding: 0 10px 0 30px; color: #222; font-size: 18px; font-weight: 700;}
.login .input-box dl dd {display: table-cell; width: auto;}
.login .input-box .btn-type {position: absolute; right: 32px; top: 0; width: 90px; height: 90px; background: #ffcc00;}
.login .input-box .f-chk {padding-left: 87px; color: #666; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.2px;}
.login .bottom {margin-top: 30px; padding-bottom: 30px; font-size: 0; text-align: center;}
.login .bottom a {display: inline-block; color: #666; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.4px;}
.login .bottom a::after {content: ""; display: inline-block; width: 1px; height: 15px; margin: 0 10px; background: #979797; vertical-align: middle;}
.login .bottom a:last-child::after {content: none;}

.login .certificate {margin-top: 30px; padding: 0 30px 30px;}
.login .certificate button {width: 100%; height: 75px; color: #222; font-size: 18px; font-weight: 700; line-height: 26px; letter-spacing: -0.4px; background: #ffcc00;}

.login .bottom-outside {position: absolute; left: 0; bottom: -105px; width: 480px;}
.login .bottom-outside button {width: 230px; flex-shrink: 0; margin-right: 10px;}
.login .bottom-outside button:last-child {margin-right: 0;}
.login .bottom-outside .bot-link {display: block; height: 24px; margin-top: 20px; line-height: 24px; text-align: right;}
.login .bottom-outside .bot-link a {color: #666; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.4px; text-decoration: underline;}

/* MOTP */
.motp {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 480px; height: 170px; padding: 20px; border: 1px solid #ddd; background: #fff;}
.motp h1 {color: #222; font-size: 20px; font-weight: 700; line-height: 32px; letter-spacing: -0.5px;}
.motp .close {position: absolute; right: 20px; top: 30px; width: 19px; height: 19px; font-size: 0; text-indent: -9999px; background: url(../images/ico_popup_close.png) no-repeat;}
.motp .frm {margin-top: 12px;}
.motp .error-txt {margin-top: 10px; color: #ff0000; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.2px;}



/* Layer popup */
.l-dim {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .4; z-index: 10;}

.l-pop {position: fixed; left: 50%; top: 50%; width: 960px; transform: translate(-50.1%, -50.1%); z-index: 10;}
.l-pop-wrap {padding: 25px 20px 30px 20px; background: #fff;}

.l-header {position: relative;}
.l-header h1 {height: 32px; color: #222; font-size: 20px; font-weight: 700; line-height: 32px; letter-spacing: -0.4px;}
.l-header .close {position: absolute; right: 0; top: 5px; width: 19px; height: 19px; font-size: 0; text-indent: -9999px; background: url(../images/ico_popup_close.png) no-repeat;}

.l-container {overflow-y: auto; overflow-x: hidden;}

.l-footer .btn-group {margin-top: 30px; text-align: center;}



/* Popup */
body.popup {min-width: auto;}

.pop-header {height: 100px; padding: 0 30px; background: #f8f8f8;}
.pop-header h1 {display: inline-block; color: #222; font-size: 30px; font-weight: 700; line-height: 100px; letter-spacing: -0.6px;}

.pop-container {padding: 30px;}

.pop-footer .btn-group {text-align: center;}



/* Layout */
.lo-content {display: table; width: 100%;}
.lo-content > div {display: table-cell;}
.lo-content.half > div {width: 50%;}
.lo-content.half > div + div {width: auto;}


/* [21-07-09] 추가 */
/* 제휴기관 - SDK 버전 매칭 */
.manage-partners {display:flex;height:calc(100% - 50px);}
.manage-partners__left,
.manage-partners__right {flex-grow:1;border:1px solid #ddd;}
.manage-partners__title {padding:10px 20px;text-align:center;font-weight:bold;background-color:#eee;}
.manage-partners__list {overflow-y:auto;height:calc(100% - 40px);}
.manage-partners__item {border-bottom:1px solid #ddd;}
.manage-partners__link {display:block;padding:10px 20px;color:#666;font-size:14px;border:1px solid transparent}
.manage-partners__link.-active {background-color:#cbe8f6;border-color:#26a0da;}
.manage-partners__buttons {padding-left:20px;padding-right:20px;padding-top:140px;}
.manage-partners__button {display:block; margin-right: -1px;width: 30px; height: 30px;font-size: 0; text-indent: -9999px; background: #fff;border: 1px solid #ddd;}
.manage-partners__button + .manage-partners__button {margin-top:10px;}
.manage-partners__button.-left,
.manage-partners__button.-right {cursor:pointer;}
.manage-partners__button.-left {background: #fff url(../images/ico_paging_prev.png) no-repeat center;}
.manage-partners__button.-right {background: #fff url(../images/ico_paging_next.png) no-repeat center;}

/* 2023 - 04 - 24 admin css추가 및 수정 작업 [작업자 : 허재성] * 

/* ========================================================================== 
GLOBAL STYLE
========================================================================== */ 
.storeManager .disT{display:table;table-layout:fixed;}
.storeManager .disC{display:table-cell;}
.storeManager a:link,
.storeManager a:visited,
.storeManager a:hover,
.storeManager a:active {text-decoration: none;}
.storeManager{background:#efefef;}
.storeManager *{font-size:12px;font-family:'Malgun Gothic', 'Dotum', sans-serif;box-sizing: border-box;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);zoom:1;color:#757270;}
.storeManager table{font-size:12px;}
.storeManager table td{word-break:break-word;word-wrap:break-word;}
.storeManager table td a:link{text-decoration: underline;}
.storeManager input,
.storeManager select,
.storeManager textarea{padding:7px;font-size:12px;border:1px solid #ccc;border-radius:4px;background-color: #fff;-webkit-transition: background-color 0.3s ease 0s;-ms-transition: background-color 0.3s ease 0s;transition: background-color 0.3s ease 0s;-webkit-box-shadow: none;box-shadow: none;}
.storeManager select{width:100%;height:32px; -webkit-appearance:checkbox;}
.storeManager textarea{width:100%;height:6em;}
.storeManager input,
.storeManager select,
.storeManager textarea{background-color: #fff;}
.storeManager input[type=tel][readonly],
.storeManager input[type=text][readonly],
.storeManager input[type=password][readonly],
.storeManager input[type=email][readonly],
.storeManager input[type=tel][disabled],
.storeManager input[type=text][disabled],
.storeManager input[type=password][disabled],
.storeManager input[type=email][disabled],
.storeManager input[disabled],
.storeManager input.disabled,
.storeManager select[readonly],
.storeManager textarea[readonly],
.storeManager select[disabled],
.storeManager textarea.disabled{background:#f5f5f5;}
.storeManager input.datetimepicker[readonly]{background:#fff;}
.storeManager input:focus,
.storeManager select:focus,
.storeManager textarea:focus{background-color: #fff;-webkit-box-shadow: none;box-shadow: none;outline: 0 !important;}
.storeManager select:focus::-ms-value{color:#111;background: none;}
.storeManager input.disabled,
.storeManager input:disabled{color:#ddd;background:#ddd;outline:0;cursor:not-allowed;}
.storeManager input[type=radio].disabled,
.storeManager input[type=radio]:disabled{background:transparent;}
.storeManager input:required:invalid{outline:0;}
.storeManager i{font-style: normal;}
.use-table{position:absolute;right:2px;top:-35px;opacity: 0.6;}
*:-ms-input-placeholder{color:#ccc;!important;}
.disabled *:-ms-input-placeholder{color:#ddd !important;border-color:#ccc;background:#ddd;}
.required::after{content:'*';position:absolute;margin:2px 0 0 3px;color:red;}

.text-centered{text-align:center !important;}
.divider{clear:both;width:100%;height:1px;margin:25px 0 15px 0;border:0;background:#ddd;}
textarea ~ .pull-left{margin:5px 0 0 0;}
.form-group > textarea:first-child{margin-top:5px;}
.form-group > textarea:first-child + .counter{margin-top:-15px;}

.placeholder_bx{position:relative;display:inline-block;}
.placeholder_bx .placeholder{position:absolute;top:0;left:0;height:32px;line-height:30px;width:100%;padding:0 7px;font-size:12px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.placeholder_bx input[type="text"],
.placeholder_bx input[type="password"]{width:100%;}
.placeholder_bx input[type="password"]:focus + .placeholder,
.placeholder_bx input[type="text"]:focus + .placeholder,
.placeholder_bx .placeholder.hide{display:none;}
.storeManager td label.placeholder_bx{margin-right:0;}

/* ========================================================================== 
COMMON STYLE
========================================================================== */ 


/* ========================================================================== 
content
========================================================================== */ 
/*box*/
.storeManager .box{padding:15px 20px 15px 20px;border-radius: 6px;box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);background-color: #fff;margin:10px 0;animation: fadein 0.5s;-moz-animation: fadein 0.5s;/* Firefox */-webkit-animation: fadein 0.5s;/* Safari and Chrome */-o-animation: fadein 0.5s;/* Opera */}
@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{/* Firefox */from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{ /* Safari and Chrome */from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{ /* Opera */from{opacity:0;}to{opacity: 1;}}
.storeManager .box .buttons{margin:20px 0 5px 0;}
.storeManager .search-group .buttons{margin:10px 0 0 0;}
.storeManager .box h3{margin:5px 0 8px 0;color:#111;font-size:16px;font-weight:700;letter-spacing:-0.5px;}
.storeManager .box h3 small,
.storeManager .box h4 small{margin:0 0 0 10px;color:#aaa;font-weight:normal;letter-spacing:0;}
.storeManager .box h3 select{width:70px;margin:0 0 5px 0;}
.storeManager .preview h3{margin:0 0 7px 0;}
.storeManager .box h4{padding:10px 0 0 0;color:#111;font-size:14px;font-weight:700;letter-spacing:-0.5px;}
.storeManager .form-group label small{position: absolute;margin:0 0 0 8px;color:#aaa;font-weight:normal;letter-spacing:0;}
.storeManager .form-group label.required small{margin:0 0 0 15px;}
.storeManager .paging{clear: both;position: relative;width: 100%;margin:20px 0 5px 0;padding: 0;font-size: 11px;text-align: center;overflow: hidden;}
.storeManager .paging a {display:inline-block;width:25px;line-height:25px;margin-left:-1px;border:1px solid #ddd;text-align:center;vertical-align:top;}
.storeManager .paging .prev img,
.storeManager .paging .next img{display:none}
.storeManager .paging .prev {margin-right: 15px;}
.storeManager .paging .next {margin-left: 15px;}
.storeManager .paging .recentList {font-weight: bold;}
.storeManager .paging i{position:absolute;width:1px;height:12px;background:#444;margin:-5px 0 0 0;}
.storeManager .paging .last i{margin-left:8.5px;}
.storeManager .paging .first,
.storeManager .paging .prev,
.storeManager .paging .next,
.storeManager .paging .last{width:27px;height:27px;border: 1px solid #ddd;background:transparent;cursor:pointer;}
.storeManager .paging .prev{margin-left:-1px;}
.storeManager .paging .next{margin-right:-1px;}
.storeManager .paging .prev::before,
.storeManager .paging .prev::after,
.storeManager .paging .next::before,
.storeManager .paging .next::after,
.storeManager .paging .first::before,
.storeManager .paging .first::after,
.storeManager .paging .last::before,
.storeManager .paging .last::after{position:absolute;content:'';margin-left:4px;width:1px;height:8px;background:#444;}
.storeManager .paging .prev::before,
.storeManager .paging .first::before,
.storeManager .paging .next::before,
.storeManager .paging .last::before{margin-top:-6px;transform: rotate(45deg);}
.storeManager .paging .prev::after,
.storeManager .paging .first::after,
.storeManager .paging .next::after, 
.storeManager .paging .last::after{margin-top:-0.5px;transform: rotate(-45deg);}
.storeManager .paging .next::before,
.storeManager .paging .last::before{margin-top:-0.5px;}
.storeManager .paging .next::after, 
.storeManager .paging .last::after{margin-top:-6px;}

/* pagination */
.storeManager .paging .page{position:relative;text-align:center;}
.storeManager .paging .first::before,
.storeManager .paging .first::after{left:10px;}
.storeManager .paging .first i{left:7px;}
.storeManager .paging .last::before,
.storeManager .paging .last::after{right:14px;}
.storeManager .paging .last i{right:7px;}
.storeManager .paging .prev::before,
.storeManager .paging .prev::after{left:8px;}
.storeManager .paging .next::before,
.storeManager .paging .next::after{right:12px;}
.storeManager .paging .recentList{color:#fff;border-color: #ff5a5f;background:#ff5a5f;}

/* result */
.storeManager .result{width:100%;height:150px;line-height:150px;font-size:20px;text-align:center;}
.storeManager .result.empty{color:#aaa;}
.storeManager .result span{font-size:14px;color:#111;}
.storeManager .result button{margin-left:15px;}

/*info_box*/
.storeManager .title_box{margin-top:80px;background:#fff;}
.storeManager .title_box:first-child{margin-top:0;}
.storeManager .title_box {font-size:12px; clear:both;/* position:relative;*/ border:solid 5px #ddd; padding:20px;}
.storeManager .title_box ul.mgb li {margin-bottom:7px;}
.storeManager .title_box ul li {background:url(https://img1.kbcard.com/LT/images/common/icon_dot01.gif) no-repeat 0 7px;padding-left:6px;}
.storeManager .title_box ul li.title {background:none;padding-left:0px;}
.storeManager .title_box ul li.nolistImg {background:none;padding-left:0px;}

/*tree*/
.storeManager .tree_wrap{padding:10px 0;}
.storeManager .tree_wrap .list_box{margin-top:20px;border:1px solid #ddd;padding:20px 32px;}
.storeManager .tree_wrap *{box-sizing:border-box;}
.storeManager .tree_wrap:after{content:"";display:block;clear:both;}
.storeManager .tree_wrap>.box{margin:0;}
.storeManager .tree_wrap .v_align{display:inline-block;vertical-align:middle;}
.storeManager .tree_wrap .v_align button{display:inline-block;width:16px;height:16px;font-size:0;color:transparent;background:none;border-radius:4px;border:1px solid #ccc;vertical-align:top;box-sizing:border-box;}
.storeManager .tree_wrap .v_align button + button{margin-left:2px;}
.storeManager .tree_wrap .v_align .down{background:url("https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/bg_arrow_down.png") no-repeat 50% 50% / 5px auto;}
.storeManager .tree_wrap .v_align .up{background:url("https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/bg_arrow_up.png") no-repeat 50% 50% / 5px auto;}
.storeManager .tree_wrap h3{margin-top:0;margin-bottom:15px;}
.storeManager .tree_wrap .box h3{margin:5px 0 8px 0;}
.storeManager .tree_wrap .tree_list{float:left;width:300px;padding:20px 20px 30px;}
.storeManager .tree_wrap .tree_list input{display:inline-block;width:110px;height:20px;padding:0 2px;line-height:16px;border:0;background:#fff;vertical-align:top;box-sizing:border-box;}
.storeManager .tree_wrap .tree_list input:focus{border:1px solid #ccc;}
.storeManager .tree_wrap .tree_list p{display:inline-block;width:150px;height:20px;padding:0 2px 0 25px;line-height:16px;border:0;vertical-align:top;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.storeManager .tree_wrap .tree_list p:focus{border:1px solid #ccc;}
.storeManager .tree_wrap .tree_list ul li{margin-top:5px;}
.storeManager .tree_wrap .tree_list ul ul{margin:2px 0 8px 22px;display:none;}
.storeManager .tree_wrap .tree_list ul li:first-child{margin-top:0;}
.storeManager .tree_wrap .tree_list ul li.no_folder{position:relative;padding-left:15px;}
.storeManager .tree_wrap .tree_list ul li.no_folder:after{position:absolute;content:"-";top:-2px;left:5px;font-size:12px; }
.storeManager .tree_wrap .tree_list ul li .forder{display:inline-block; position: absolute; margin-left:-25px; width:22px;height:20px;color:transparent;font-size:0;background:url("https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/icon_folder_on.gif") no-repeat 0 2px;cursor:pointer; }
.storeManager .tree_wrap .tree_list ul li.atv>.forder{background:url("https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/icon_folder_off.gif") no-repeat 0 2px; margin-left:-25px;}
.storeManager .tree_wrap .tree_list ul.dep2 li{/*height:14px;*/}
.storeManager .tree_wrap .tree_list ul.dep2 li::after{display:block;content:'';clear:both;}
.storeManager .tree_wrap .tree_list ul.dep2 li .forder{float:left;width:22px;height:22px;background-size:22px auto;margin-top:0px; margin-left:-20px;}
.storeManager .tree_wrap .tree_list ul.dep2 li p{float:left;line-height:12px;height:12px;vertical-align:-2px;}
.storeManager .tree_wrap .tree_list .faq li.on>span{color:#ff5a5f;}
.storeManager .tree_wrap .tree_list ul li.on>input{color:#ff5a5f;}
.storeManager .tree_wrap .tree_list ul li.on>p{color:#ff5a5f;}
.storeManager .tree_wrap .tree_list ul li.atv > ul{display:block;}
.storeManager .tree_wrap .tree_setting{display:block;margin-left:330px;}


/* button */
.storeManager a.btn,
.storeManager button.btn,
.storeManager button.btn-type{display:inline-block;line-height:30px;padding:0 22px;text-align:center;color:#111;font-size:13px;font-weight:normal;letter-spacing:-1px;border:1px solid #aaa;border-radius:4px;background:#fff;cursor:pointer;vertical-align: middle;}
.storeManager a.btn.small,
.storeManager button.btn.small{line-height:23px;padding:0 10px;font-size:11px;}
.storeManager .target-left i::before { display: inline-block; content:"?"; margin-right: 8px; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; text-align: center; background: #8c949e; color:#fff;}
.storeManager .btn.square{width:32px;padding:0;}
.storeManager .btn:disabled{color:#bbb;border-color:#ccc;}
.storeManager button[type=submit].btn,
.storeManager .btn.btn-primary{color:#fff;border-color:#ff5a5f;background:#ff5a5f;}
.storeManager .btn-success{border-color:chartreuse !important;}
.storeManager .btn + input[type=checkbox].hidden{display:none;}
.storeManager table {table-layout:fixed;}
.storeManager .buttons{clear:both;width:100%;text-align:right;margin:10px 0 20px 0;}
.storeManager .buttons .hidden{display:none;}
.storeManager .buttons .btn{margin-left:7px;}
.storeManager div .btn:first-child{margin-left:0;}
.storeManager .header-buttons{margin:20px 0 0 0;}

/* table */
.storeManager .table{width:100%;border-collapse: collapse;}
.storeManager .table .download{display:inline-block;margin-left:15px;color:#ff5a5f;}
.storeManager .table .download:hover{text-decoration:underline;}
.storeManager .table th{}
.storeManager .table th,
.storeManager .table td{padding:7px;text-align:left;border-top:1px solid #ddd;}
.storeManager .table .td_tit{font-weight:700;color:#707070;}
.storeManager .table .t_center{text-align:center;}
.storeManager .table tr:first-child td{border-color:#bbb;}
.storeManager .table tr:nth-child(odd) td{}
.storeManager .table tr.strong td{color:#111;background:#e1f2fe;}
.storeManager .table tr.disabled td{color:#ccc;}
.storeManager .table tr.disabled td a:link,
.storeManager .table tr.disabled td a:visited,
.storeManager .table tr.disabled td a:hover,
.storeManager .table tr.disabled td a:active{color:#ccc !important;}
.storeManager .table input[type=checkbox]{width:1.4em;height:1.4em;}
.storeManager .table tr:last-child td{border-bottom:1px solid #bbb;}
.storeManager td label{margin-right:0px;}
.storeManager td label:last-child{margin-right:0;}
.storeManager td label input[type=checkbox]{float:none;margin-right:3px;}
.storeManager td img.thumb{max-width:5em;width:auto;height:40px;}
.storeManager td .btn:link{text-decoration:none;}
.storeManager span.counter{position:absolute;right:0;margin-top:-1.9em;color:#aaa;font-weight:normal;}
.storeManager span.counter::before{content:'(';}
.storeManager span.counter::after{content:')';}
.storeManager span.counter.strong{color:red;}
.storeManager .caret-down{color:#bbb;padding:1px 2px;border:1px solid #ddd;font-size:8px;cursor:pointer;}
.storeManager .caret-down.active{color:#ff5a5f;border:1px solid #ff5a5f;}
.storeManager .timer_wp{display:inline-block;}
.storeManager .timer_wp select,
.storeManager .timer_wp input{width:55px;}
.storeManager .img_bx{display:inline-block;width:60px;height:60px;overflow:hidden;border:1px solid #ebebeb;}
.storeManager .img_bx img{width:100%;}

/* Banner Management */
.preview-banner .banner{background-color:#aaa;background-repeat:no-repeat;background-position:center;background-size:cover;}
.main-banner{position:relative;padding:20px;width:720px;height:210px;}
.main-banner h3{color:#fff;margin-left:0;font-size: 21px;}
.main-banner h4{width:25em;color:#fff;font-size: 15px;margin-top:5px;overflow: hidden;}
.main-banner p{width:29em;margin:10px 0 0 0;color:#fafafa;letter-spacing:-1px;font-size: 12px;}
.main-banner label{position: absolute;top: 20px;right: 20px;color: #fff;line-height: 28px;font-weight: 400;height: 30px;padding: 0 15px;border: 1px solid #fff;border-radius: 50px;}
.main-banner .pagination{position: absolute;width:100%;left:0;bottom: 15px;text-align:center;}
.main-banner .pagination li{display:inline-block;margin:0 3px;width:10px;height:10px;background:#eee;border-radius:50px;}
.main-banner .pagination li:first-child{width:18px;border-radius:25px;background:#ff5a5f;}
.top-banner,
.promotion-banner{width:720px;line-height:39px;text-align:center;}
.top-banner{height:42px;}
.top-banner h4,
.promotion-banner h4{display: inline-block;margin: 0;color:#111;font-size:1.2em;}
.top-banner h4{line-height: 40px !important;}
.top-banner p,
.promotion-banner p{display:inline-block;color:#444;}
.preview-double .preview-banner{display:inline-block;width:49.7%;}
.preview-double .preview-banner .banner{width:100%;}
.preview-image .image{position:absolute;top:0;margin:-2px 0 0 150px;font-size:12px;color:#eee;text-align:center;background-color:#aaa;background-repeat:no-repeat;background-position:center;background-size:cover;}
.preview-image .category-image{width:66px;height:66px;line-height:66px;border-radius:100%;}
.preview-image .product-image{top:12px;width:84px;height:49px;line-height:49px;}
.preview-image .title-image{width:228px;height:60px;line-height:60px;}
.preview-image .banner-image{margin-top:0;width:70px;height:56px;line-height:56px;}
/* Category Management */
ul.category{float:left;width:195px;min-height:350px;margin-right:20px;font-size:14px;}
ul.category ~ div{display:inline-block;width:calc(100% - 215px);}
ul.category li{margin:5px 0;}
ul.category .depth-2 li::before{content:'';position:absolute;width:9px;height:10px;margin-left:-14px;border-left:1px dotted #888;border-bottom:1px dotted #888;}
ul.category h5{float:left;}
ul.depth-3 h5{float:none;}
ul.category li > span{margin:-10px 0 0 10px;}
ul.category ul{display:none;padding-left:20px;}
ul.category .selected{color:#ff5a5f;}
[data-toggle] + [data-toggle]{display:none;}
.tab-selection .form-group > label{color:#aaa;}
.tab-selection .form-group > label:hover{color:#ff5a5f;background:#eee;cursor: pointer;}
.tab-selection .active label{color:#111;font-weight: bold;}
.popup{display:none;position:fixed;top:5%;left:50%;padding-bottom:65px;margin-left:-300px;width:600px;background:#fff;border-radius: 12px;box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);animation: fadein 0.5s;-moz-animation: fadein 0.5s;/* Firefox */-webkit-animation: fadein 0.5s;/* Safari and Chrome */-o-animation: fadein 0.5s;/* Opera */z-index:10;}
.popup-header{padding:15px 20px 0 20px;color:#fff;background:#ff5a5f;border-top-left-radius:12px;border-top-right-radius:12px;}
.popup-header h2{display:inline-block;font-family:'Malgun Gothic' !important;font-size:18px !important;color:#fff !important;}
.popup-header h2 small{margin-left:10px;color:#f7f7f7 !important;font-size:0.9em;font-weight:normal;}
.popup-header .btn-close{position:absolute;top:9px;right:20px;width:25px;height:25px;cursor:pointer;}
.popup-header .btn-close::before,
.popup-header .btn-close::after{position:absolute;content:'';left:15px;width:2px;height:26px;background:#fff;}
.popup-header .btn-close::before{transform: rotate(45deg);}
.popup-header .btn-close::after{transform: rotate(-45deg);}
.popup-body{padding:20px;max-height:563px;overflow-y:auto;}
.storeManager .popup-footer{position:absolute;bottom:0;width:100%;padding:15px 20px;text-align:right;border-top:1px solid #ddd;}
..popup-body th,
.popup-body td{padding:5px 7px;}
.popup-body select{width:5em;}
.popup-body .search{margin-bottom:20px;}
.popup-body .search select{width:8em;}
.popup-body input[type=search]{width:22em;}
.popup-footer .btn{margin-left:10px;}
.table-list td input[name=item],
.table-list td input[name=item] ~ ul{display:none;}
.table-list td input[name=item]:checked ~ ul{display:block;padding:10px 12px;border:1px solid #ddd;border-radius:5px;margin:10px 0;}
.table-list td label{margin-left:0;}
.table-list td input[name=item] + label::after{content:'▲';color:#bbb;padding:1px 2px;border:1px solid #ddd;font-size:8px;margin-left:10px;cursor:pointer;}
.table-list td input[name=item]:checked + label::after{content:'▼';color:#ff5a5f;border:1px solid #ff5a5f;}
.table-primary td label *{display:inline-block !important;}
.sp-replacer.sp-transparent{margin-left:5px;}
.sp-transparent .sp-preview{margin-right:0;}

.tabs-margin{margin:20px 0;}
.box .table.table-write:first-child{margin-top:10px;}
.table.table-write{border-bottom:1px solid #bbb;}
.table.table-write + .table.table-write{margin-top:10px;}
.table.table-write tbody tr:first-child th{border-color:#bbb;}
.table.table-write tr:nth-child(2n+1) td,

.table.table-write td{}
.table.line_st th,
.table.line_st td{border:1px solid #ddd}
.table.line_st tr:first-child th,
.table.line_st tr:first-child td{border-color:#ddd;}
.table.line_st th:first-child,
.table.line_st td:first-child{border-left:none;}
.table.line_st th:last-child,
.table.line_st td:last-child{border-right:none;}
.table.line_st{border-bottom:1px solid #bbb;}
.table.line_st thead tr:first-child th{border-top-color:#bbb !important;}
.table.inner_st td,
.table.inner_st th{border-color:#ddd !important;}
.table.inner_st thead tr:first-child th{border-top-color:#bbb !important;}
.table.tac th,
.table.tac td{text-align:center;}
.table td.nodata{padding:100px 0;}


.storeManager .table tr.notice td{background:#fefac2;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease;}
.storeManager .table tr.notice.no:nth-child(odd) td,
.storeManager .table tr.notice.no:nth-child(odd) td{animation-name:none;}
.storeManager .table tr.notice:nth-child(odd) td{animation-name:import;}
.storeManager .table tr.notice:nth-child(even) td{animation-name:import2;}
@keyframes import{ 0%,100% {background:#fafafa;} 50% {background:#fefac2;}}
@keyframes import2{ 0%,100% {background:#fefac2;} 50% {background:#fafafa;}}

/*star result*/
.star_result{display:inline-block;width:120px;height:24px;font-size:0;color:transparent;background:url(https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/star_m.png) no-repeat 0 0 / 120px auto;vertical-align:top;}
.star_result.st0{background-position:0 0;}
.star_result.st1{background-position:0 -24px;}
.star_result.st2{background-position:0 -48px;}
.star_result.st3{background-position:0 -72px;}
.star_result.st4{background-position:0 -96px;}
.star_result.st5{background-position:0 -120px;}

/*star rating*/
.star_rating_box{}
.star_rating_box button {border: 0 none;background-color: transparent;cursor: pointer;-webkit-tap-highlight-color: transparent;}
.star_rating_box:after{content:"";display:block;clear:both;}
.star_rating_box .star{float:left;display:inline-block; width:28px; height:28px; background:url(https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/star_b_off.png) no-repeat center center / 28px auto;}
.star_rating_box .star.active,
.star_rating_box .star.on{background-image:url(https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/star_b_on.png);}

.storeManager .t_desc{font-size:10px;}
/* .storeManager .t_desc2{font-size:10px;} */
.storeManager .t_desc{color: #ff5a5f;}
.storeManager .t_desc2 {color: #757270;}
.storeManager .box table + .buttons{margin-top:10px;}
.storeManager .box:after{display:block;content:'';clear:both;}
.storeManager .box .buttons {float:right;width:auto;clear:none;margin:10px 0 5px 0;}
.storeManager table td.inrTb{padding:0;}
.storeManager table td.inrTb table{width:100%;}
.storeManager table td.inrTb table td{border:none !important;}
.storeManager table td.inrTb table td .btn{padding-left:5px;padding-right:5px;margin-top:3px;}
.storeManager table td.inrTb table td .btn:first-child{margin-top:3px;}
.storeManager table td.inrTb table + table,
.storeManager table td.inrTb table tr+tr td{border-top:1px solid #ddd !important;}

/* file upload */
.filebox{position:relative;padding-left:39px;}
.filebox:after{display:block;content:'';clear:both;}
.filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.filebox input[type="text"]{width:100%;background:none;line-height: 22px;height:34px;padding:5px;color: #000;font-size: 12px;font-family: 'Malgun Gothic', 'Dotum', sans-serif;}
.filebox .btn{position:absolute;top:0;left:0;width:34px;height:34px;font-size:0;color:transparent;border: 1px solid #ccc;border-radius: 4px;background-color: #f7f7f7;box-sizing:border-box;display: inline-block;cursor: pointer;}
.filebox label{background:url(https://img1.kbcard.com/LT/cxl/mlife/images/shpn2020/common/ico/ico_file.png) no-repeat 50% 50% / 16px auto;}
.filebox .filename,
.filebox .action{display:none;}
.filebox.st2{padding-right:139px;min-height:34px;margin-bottom:5px;}
.filebox.st2 .btn03_01{position:absolute;top:0;right:45px;}
.filebox.st2 .btn03_01 + .btn03_01{right:0;}
.filebox .placeholder_bx{display:block;}


/*로딩*/
.loading {width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; background:rgba(255,255,255,0.8);}
.loading img{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%, -50%);border-radius:50%;overflow:hidden;}

.t_blue{color:#526aff !important;font-weight:bold;}
.storeManager .bold{font-weight:700;}
.storeManager .point {color: #be4c31 !important;vertical-align: top;}
.storeManager .btn_txt{color:#ff5a5f !important;text-decoration:underline !important;}
.storeManager .btn_blue{color:#526aff !important;text-decoration:underline !important;}
.storeManager #main_contents{line-height: 160%;}
.storeManager .editor,
.storeManager #editor{min-height:30em;font-size:12px;padding:7px;border:1px solid #ccc;border-radius:4px;overflow:hidden;}
.storeManager .form-change{display:none;}
.storeManager .form-change.active{display:block;}
.storeManager .disabled .form-group label{color:#bbb;border-color:#ccc;}
.storeManager .disabled .form-group label::after{color:#bbb;}
.storeManager .form-select{margin:-6px 0 0 0;}
.storeManager .form-group{position:relative;}
.storeManager .form-group input[type=text],
.storeManager .form-group input[type=number]{display:inline-block;width:100%;}
.storeManager .form-group input[type=number].age{width:4em;}
.storeManager .form-group input[type=number].age + span{padding:0 3px;}
.storeManager .form-group.split-2 input{width:47%;margin-right:3%;}
.storeManager .form-group.split-3 input{width:30.3%;margin-right:3%;}
.storeManager .form-group.split-4 input{width:24%}
.storeManager .form-group.split-2 input:first-child,
.storeManager .form-group.split-3 input:first-child{margin-right:0;}
.storeManager .form-group > label:first-child{display:block;margin-bottom:5px;color:#666;font-size:13px;}
.storeManager .form-group{width:100%;}
.storeManager .form-group .checkbox{display:inline-block;margin-right:15px;line-height:32px;}
.storeManager .form-group .checkbox input{margin-top:7px;}
.storeManager .form-group .checkbox:last-child{margin-right:0;}
.storeManager .form-group.color-picker input{width:calc(100% - 55px);}
.storeManager .form-group.color-picker-alpha input{width:calc(100% - 88px);}
.storeManager .form-group.btn-group input{width:75%;margin-right:10px;}
.storeManager .sp-replacer{float:right;border:1px solid #999;border-radius:5px;}
.storeManager .bg-color + .sp-replacer{float:none;}
.storeManager .sp-preview{width:20px;}
.storeManager input.datepicker,
.storeManager input.datetimepicker{position: relative;width:100%;}
.storeManager .file-upload label{display:inline-block;margin:0 0 0 5px;padding:0 10px;line-height:30px;text-align:center;color: #000;font-size: 12px;border: 1px solid #ccc;;border-radius: 4px;background: #f7f7f7;vertical-align: middle;cursor:pointer;}
.storeManager .file-upload label:first-child{margin-left:0;}
.storeManager .file-upload input{position:absolute;width:0;height:0;overflow:hidden;opacity: 0;}
.storeManager .file-upload + .description{margin:7px 0 0 0;}
.storeManager .col-4 .description textarea{width:100%;}
.storeManager .col-5 .file-upload{display:inline-block;}
.storeManager .col-5 .description{position:absolute;margin:-34px 0 0 147px;}
.storeManager .col-5 .description textarea{min-width:24em;height:34px;}
.storeManager .description i{position:absolute;width:15px;height:15px;border:1px solid #888;margin:-25px 0 0 -15px;cursor:pointer;}
.storeManager .description i::before{content:'';position:absolute;width:5px;height:20px;margin:-3px 0 0 4px;background:#fff;}
.storeManager .description i::after{content:'';position:absolute;width:20px;height:5px;margin:4px 0 0 -3px;background:#fff;}
.storeManager .col-5 .description i{display:none;}
.storeManager .expand textarea{height:20em;}
.storeManager .form-group input[type=url]{width:calc(100% - 60px);}
.storeManager input[type=checkbox],
.storeManager input[type=radio]{padding:0;width:20px;height:20px;border:1px solid #ccc;border:none;border-radius:0;transition:0s;}
.storeManager input[type=checkbox] + label,
.storeManager input[type=radio] + label{margin-left:5px;vertical-align: middle;}
.storeManager input[type=checkbox]:checked + label,
.storeManager input[type=radio]:checked + label{color:#ff5a5f;}
.storeManager label input[type=checkbox],
.storeManager label input[type=radio]{float:left;margin:0 5px 0 0;}
.storeManager .target-blank{float:right;width:50px;line-height:32px;}
.storeManager .target-blank input[type=checkbox]{margin:6px 5px 0 0;}
.storeManager .tabs li{display:table-cell;width:1%;border:1px solid #ddd;border-left:0;color:#aaa;background:#f2f2f2;font-size:13px;padding:7px 0;border-top-left-radius:4px;border-top-right-radius:4px;text-align:center;cursor:pointer;}
.storeManager .tabs li:first-child{border-left:1px solid #ddd;}
.storeManager .tabs li.active,
.storeManager .tabs li.active span{color:#ff5a5f;font-weight:bold;background:#fff;}
.storeManager .tabs li.active a{color:#ff5a5f;font-weight:bold;background:#fff;}
.storeManager .tab-content{display:none;}
.storeManager .tab-contents-container .tab-content:first-child{display:block;}
.storeManager .target-left{display:inline-block;}
.storeManager .target-left + .target-left{margin-left:10px;}
.storeManager .target-left:after{content:"";display:block;clear:both;}
.storeManager .target-only input{float:none !important;margin-right:0 !important;}
.storeManager .target-only span{display:inline-block;color:transparent;font-size:0;width:0;height:0;}



/*POPUP-WINDOW*/
html.winpopup{min-width:inherit;}
.lifeshop.winpopup{background:#fff;min-width:inherit;overflow-x:hidden;}
.lifeshop.winpopup .popup{display:block;margin-left:0;position:static;width:inherit;height:100%;padding-bottom:62px;box-shadow:none;border-radius:0;animation:fadein 0s;-moz-animation:fadein 0s;/* Firefox */-webkit-animation:fadein 0s;/* Safari and Chrome */-o-animation:fadein 0s; /* Opera */}
.lifeshop.winpopup .popup-header{padding-bottom:15px;border-radius:0;height:48px;}
.lifeshop.winpopup .popup-body{max-height:inherit;overflow-y:visible; padding-bottom:62px;}
.lifeshop.winpopup .popup-body select{width:auto;}
.lifeshop.winpopup .popup-header{padding-bottom:15px;border-radius:0;}
.lifeshop.winpopup .popup-footer{position:fixed;background:#fff;}
.lifeshop.winpopup input,
.lifeshop.winpopup select,
.lifeshop.winpopup textarea{background-color: #fff;}
.lifeshop.winpopup input[type=tel][readonly],
.lifeshop.winpopup input[type=text][readonly],
.lifeshop.winpopup input[type=password][readonly],
.lifeshop.winpopup input[type=email][readonly],
.lifeshop.winpopup input[type=tel][disabled],
.lifeshop.winpopup input[type=text][disabled],
.lifeshop.winpopup input[type=password][disabled],
.lifeshop.winpopup input[type=email][disabled],
.lifeshop.winpopup input[disabled],
.lifeshop.winpopup input.disabled,
.lifeshop.winpopup select[readonly],
.lifeshop.winpopup textarea[readonly],
.lifeshop.winpopup select[disabled],
.lifeshop.winpopup textarea.disabled{background:#f5f5f5;}
.lifeshop.winpopup .terms_revision{padding:24px;font-size: 12px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;webkit-box-shadow: none;box-shadow: none;min-height:30em;}


.lifeshop .box .subMs span{display:inline-block;width:78px;}
.storeManager a.btn.square.top,
.storeManager a.btn.square.bottom{display:inline-block;width:19px;line-height: 17px;padding: 0 4px;margin-top:-2px;}
.storeManager a.btn.square.top + a.btn.square.bottom{margin-left:-2px;}
.storeManager a.btn.top{transform:rotate(-90deg);}
.storeManager a.btn.bottom{transform:rotate(90deg);}

.lifeshop .box:after{display:block;content:'';clear:both;}
.lifeshop .box h3 > .buttons{margin-top:-5px;}
.lifeshop .box table + .buttons{margin-top:10px;}

.lifeshop .t_desc{font-size:10px;color:#ff5a5f;}
.lifeshop .hor_2 input,
.lifeshop .hor_2 input.datetimepicker,
.lifeshop .hor_2 span{float:left;margin-right:7px;}
.lifeshop .hor_2 span{display:inline-block;line-height:34px;}
.lifeshop .hor_2 ul{float:left;margin:3px 0 4px;}
.lifeshop .hor_2 ul li{font-size: 10px;line-height:14px;}
.lifeshop .hor_2 input[type="text"]{width:auto;}
.lifeshop .hor_2 input{width: auto;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.lifeshop .hor_2 input.datetimepicker{width: auto;}
.lifeshop .hor_2:after{display:block;content:'';clear:both;}
.lifeshop .box .buttons {float:right;width:auto;clear:none;margin:0 0 5px 0;}
.lifeshop .hor_3 label {margin:5px 7px 5px 0;}
.lifeshop .mul > div {margin-bottom:8px;}
.lifeshop .mul > div:last-child {margin-bottom:0;}
.lifeshop .hor_4{/*line-height:24px;*/}
.lifeshop .fcr {color:#ff5a5f;}

.lifeshop .tab_con .inner{display:none;}
.lifeshop .tab_con .inner + .inner{margin-top:20px;}
.lifeshop .tab_con .inner.on{display:block;}

.lifeshop .new_shop a.btn.small,
.lifeshop .new_shop button.btn.small{line-height:23px;padding:0 10px;font-size:11px;;}

.lifeshop a.btn.square{width:32px;padding:0;}
.lifeshop table td a.btn:link{text-decoration:none;}
.lifeshop table{table-layout:fixed;}
.lifeshop .inp_box_1{display:inline-block;margin-right:18px;}
.lifeshop .inp_box_1 input{width:70px;}
.lifeshop .content>.title_box:first-child{margin-top:0;}

.lifeshop .new_shop input,
.lifeshop .new_shop select,
.lifeshop .new_shop textarea{background-color: #fff;}
.lifeshop .new_shop input[type=tel][readonly],
.lifeshop .new_shop input[type=text][readonly],
.lifeshop .new_shop input[type=password][readonly],
.lifeshop .new_shop input[type=email][readonly],
.lifeshop .new_shop input[type=tel][disabled],
.lifeshop .new_shop input[type=text][disabled],
.lifeshop .new_shop input[type=password][disabled],
.lifeshop .new_shop input[type=email][disabled],
.lifeshop .new_shop input[disabled],
.lifeshop .new_shop input.disabled,
.lifeshop .new_shop select[readonly],
.lifeshop .new_shop textarea[readonly],
.lifeshop .new_shop select[disabled],
.lifeshop .new_shop textarea.disabled{background:#f5f5f5;}

.lifeshop .new_shop input.datetimepicker[readonly]{background:#fff;}

/* .lifeshop .new_shop .table tr:nth-child(2n+1) td{background-color:#fff;} */
.lifeshop .new_shop .table{border-bottom:1px solid #bbb;}

.tree_wrap{padding:10px 0;}
.tree_wrap .list_box{margin-top:20px;border:1px solid #ddd;padding:20px 15px;}

.tree_wrap *{box-sizing:border-box;}
.tree_wrap:after{content:"";display:block;clear:both;}
.tree_wrap>.box{margin:0;}
.tree_wrap .v_align{display:inline-block;vertical-align:middle;}
.tree_wrap .v_align button{display:inline-block;width:16px;height:16px;font-size:0;color:transparent;background:none;border-radius:4px;border:1px solid #ccc;vertical-align:top;box-sizing:border-box;}
.tree_wrap .v_align button + button{margin-left:2px;}
.tree_wrap .v_align .down{background:url("https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/bg_arrow_down.png") no-repeat 50% 50% / 5px auto;}
.tree_wrap .v_align .up{background:url("https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/bg_arrow_up.png") no-repeat 50% 50% / 5px auto;}
.tree_wrap h3{margin-top:0;margin-bottom:15px;}
.tree_wrap .tree_list{float:left;width:300px;padding:20px 20px 30px;}
.tree_wrap .tree_list input{display:inline-block;width:110px;height:20px;padding:0 2px;line-height:16px;border:0;background:#fff;vertical-align:top;box-sizing:border-box;}
.tree_wrap .tree_list input:focus{border:1px solid #ccc;}
.tree_wrap .tree_list p{display:inline-block;width:150px;height:20px;padding:0 2px;line-height:16px;border:0;vertical-align:top;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tree_wrap .tree_list p:focus{border:1px solid #ccc;}
.tree_wrap .tree_list ul li{margin-top:5px;}
.tree_wrap .tree_list ul ul{margin:2px 0 8px 22px;display:none;}
.tree_wrap .tree_list ul li:first-child{margin-top:0;}
.tree_wrap .tree_list ul li.no_folder{position:relative;padding-left:15px;}
.tree_wrap .tree_list ul li.no_folder:after{position:absolute;content:"-";top:-2px;left:5px;font-size:12px;}
.tree_wrap .tree_list ul li .forder{display:inline-block;width:22px;height:20px;color:transparent;font-size:0;background:url("https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/icon_folder_on.gif") no-repeat 0 2px;cursor:pointer;}
.tree_wrap .tree_list ul li.atv>.forder{background:url("https://img1.kbcard.com/LT/cxl/pc2018/shpn2020/icon_folder_off.gif") no-repeat 0 2px;}

.tree_wrap .tree_list ul.dep2 li{/*height:14px;*/}
.tree_wrap .tree_list ul.dep2 li::after{display:block;content:'';clear:both;}
.tree_wrap .tree_list ul.dep2 li .forder{float:left;margin-right:2px;width:16px;height:16px;background-position:-5px 0;}
.tree_wrap .tree_list ul.dep2 li p{float:left;line-height:12px;height:12px;vertical-align:-2px;}

.tree_wrap .tree_list .faq li.on>span{color:#ff5a5f;}
.tree_wrap .tree_list ul li.on>input{color:#ff5a5f;}
.tree_wrap .tree_list ul li.on>p{color:#ff5a5f;}
.tree_wrap .tree_list ul li.atv > ul{display:block;}
.tree_wrap .tree_setting{display:block;margin-left:330px;}

/* ========================================================================== 
GLOBAL STYLE
========================================================================== */ 
html, body {
    min-width:1240px;
}
.lifeshop {
    background:#efefef;
}
.lifeshop * {
    font-size:12px;
    font-family:'Malgun Gothic', 'Dotum', sans-serif;
    box-sizing: border-box;    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop); 
    zoom: 1;     
    /*
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    */
}
.lifeshop table {
    font-size:12px;
}
.lifeshop table td a:link {
    text-decoration: underline;
}
.lifeshop input,
.lifeshop select,
.lifeshop textarea {
    padding:7px;
    font-size:12px;    
    border:1px solid #ccc;
    border-radius:4px;
    background-color: #f5f5f5;
    -webkit-transition: background-color 0.3s ease 0s;
    -ms-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
    -webkit-box-shadow: none;
    box-shadow: none;    
}
.lifeshop select {
    width:100%;
    height:32px;
}
.lifeshop textarea {
    width:100%;    
    height:6em;
}
.lifeshop input:focus,
.lifeshop select:focus,
.lifeshop textarea:focus {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important;
}
.lifeshop select:focus::-ms-value {
    color:#111;
    background: none;
}
.lifeshop input.disabled,
.lifeshop input:disabled {
    color:#ddd;
    background:#ddd;
    outline:0;
    cursor:not-allowed;
}
.lifeshop input[type=radio].disabled,
.lifeshop input[type=radio]:disabled {
    background:transparent;
}
.lifeshop input:required:invalid {
    outline:0;
}
.lifeshop i {
    font-style: normal;
}
.lifeshop .use-table {
    position:absolute;
    right:2px;
    top:-35px;
    opacity: 0.6;
}
.lifeshop *:-ms-input-placeholder {
    color:#ccc; !important;
}
.lifeshop .disabled *:-ms-input-placeholder {
    color:#ddd !important;
    border-color:#ccc;    
    background:#ddd;
}
.lifeshop .required::after {
    content:'*';
    position:absolute;
    margin:2px 0 0 3px;
    color:red;
}
.lifeshop .pull-left {
    float:left !important;
}
.lifeshop .pull-right {
    float:right !important;
}
.lifeshop .text-left {
    text-align:left !important;
}
.lifeshop .text-right {
    text-align:right !important;
}
.lifeshop .text-centered {
    text-align:center !important;
}
.lifeshop .divider {
    clear:both;
    width:100%;
    height:1px;
    margin:25px 0 15px 0;
    border:0;
    background:#ddd;
}
.lifeshop .hidden {
    display:none !important;
}
.lifeshop textarea ~ .pull-left {
    margin:5px 0 0 0;
}
.form-group > textarea:first-child {
    margin-top:5px;
}
.form-group > textarea:first-child + .counter {
    margin-top:-15px;
}

/* ========================================================================== 
LAYOUT STYLE
========================================================================== */ 
/*
.lifeshop #wrap {
    width:100%;
}
.lifeshop #logo {
    display:none;
}
.lifeshop #top {
    padding:0;
}
.lifeshop #top #topmenu {
    padding-left:190px;
}
.lifeshop #topNavi ul.navi {
    position:relative;
    font-family:'Dotum';
    z-index:2;
}
*/ 
.lifeshop #main {
    top:20px;
    left: 215px;    
    width:calc(100% - 240px);
    min-height: calc(100vh - 150px);    
}
.lifeshop #main #main_contents {
    padding-top:2px;
}
.lifeshop #main #map_navi {
    position:absolute;
    right:0;
}
.lifeshop #footer {
    width:calc(100% - 245px);
    height:70px;
    margin:15px 0 0 218px;
    background:#fff;
}
.lifeshop .title_box {
    margin-top:80px;
    background:#fff;
}
/*
.lifeshop #left {
    position:fixed;
    top:0;	
    left:0;    
    width:190px;
    height:100%;
    padding:0;
    margin:0;
    background:#fff;
    overflow:hidden;
    z-index:2;
}

.lifeshop #left #leftmenu { 
    padding-top:0;
    overflow: auto; 
    height: calc(100% - 70px);
}

.lifeshop #left #loginout {
    position:fixed;
    top:0;
    bottom:0;
    width:auto;
}
.lifeshop #left #Box-top, 
.lifeshop #left #Box-bottom {
    display:none;
}
.lifeshop #left #Box-middle {
    position:absolute;
    bottom:0;
    padding:5px 0 20px 0;
    background:transparent;
}
.lifeshop #left #Box-middle .bold,
.lifeshop #left #Box-middle li {
    font-size:11px;
}
.lifeshop #left #TextTitle01 {
    width:auto;
    height:auto;
    padding:0 20px;    
    background:transparent;
    border:0;
}
.lifeshop #left # TextTitle01 h1 {
    padding:0;
    line-height:40px;    
    text-align:center;
    color:rgb(84, 80, 69);
    border-bottom:1px solid #ddd;
}
*/
.lifeshop #Lsub_menu #Lmenu_list li h2 {
    padding:0;
    background:transparent;    
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    transition: all 150ms ease-in;    
    opacity: 0.8;
}
.lifeshop #Lsub_menu #Lmenu_list h2:hover {
    opacity: 1;
}
.lifeshop #Lsub_menu #Lmenu_list li a {
    display:block;
    padding:5px 20px;
    font-size:13px;
    line-height:26px;
}
.lifeshop #Lsub_menu #Lmenu_list .on h2,
.lifeshop #Lsub_menu #Lmenu_list .on h2 a {
    color:#ff5a5f;
}
.lifeshop #Lsub_menu #Lmenu_list li ul li a {
    padding:0 0 0 25px;
    font-size:11px;    
    background:#fff;
}
.lifeshop #Lsub_menu #Lmenu_list li ul li.on a {
    background:#ff5a5f;    
}
.lifeshop #Lsub_menu #Lmenu_list li.on ul,
.lifeshop #Lsub_menu #Lmenu_list li:hover ul {
    display:block !important;
}
.lifeshop #Lsub_menu #Lmenu_list li:not(.on):hover ul {
    position: fixed;
    margin-top: -30px;
    left: 190px;
    width:auto;
    padding: 15px 25px 15px 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-left: 0;
}
.lifeshop #Lsub_menu #Lmenu_list li:not(.on):hover ul a {
    font-size:13px;
    padding-left:0;
}
.lifeshop #Lsub_menu #Lmenu_list li:not(.on):hover ul a:hover {
    text-decoration: underline;
    color:#111;
}
.lifeshop .box {
    padding:15px 20px 15px 20px;
    border-radius: 6px;
    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
    background-color: #fff;
    margin:10px 0;
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */    
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.lifeshop .box .buttons {
    margin:20px 0 5px 0;
}
.lifeshop .search-group .buttons {
    margin:10px 0 0 0;
}
.lifeshop .box h3 {
    margin:5px 0 8px 0;
    color:#111;
    font-size:16px;
    font-weight:700;
    letter-spacing:-0.5px;
}
.lifeshop .box h3 small,
.lifeshop .box h4 small {
    margin:0 0 0 10px;
    color:#aaa;
    font-weight:normal;
    letter-spacing:0;
}
.lifeshop .box h3 select {
    width:70px;
    margin:-5px 0 5px 0;
}
.lifeshop .preview h3 {
    margin:0 0 7px 0;
}
.lifeshop .box h4 {
    padding:10px 0 0 0;
    color:#111;
    font-size:14px;
    font-weight:700;
    letter-spacing:-0.5px;
}
.lifeshop .form-group label small {
    position: absolute;
    margin:0 0 0 8px;
    color:#aaa;
    font-weight:normal;
    letter-spacing:0;
}
.lifeshop .form-group label.required small {
    margin:0 0 0 15px;
}

.lifeshop .paging {
    clear: both;
    position: relative;    
    width: 100%;    
    margin:20px 0 5px 0;
    padding: 0;
    font-size: 11px;
    text-align: center;
    overflow: hidden;    
}
.lifeshop .paging a  {
    display:inline-block;
    width:40px;
    line-height:25px;
    margin-left:-1px;
    border:1px solid #ddd;
    text-align:center;
}
.lifeshop .paging .prev img,
.lifeshop .paging .next img {
    display:none
}
.lifeshop .paging i {
    position:absolute;
    width:1px;
    height:12px;
    background:#444;  
    margin:-5px 0 0 0;
}
.lifeshop .paging .last i {
    margin-left:8.5px;
}
.lifeshop .paging .first,
.lifeshop .paging .prev,
.lifeshop .paging .next,
.lifeshop .paging .last {
    width:27px;
    height:27px;
    border: 1px solid #ddd;
    background:transparent;
    cursor:pointer;
    top:1px;
}
.lifeshop .paging .prev {
    margin-left:-1px;
    top:-4px;
}
.lifeshop .paging .next{
    margin-right:-1px;
    top:-4px;
}
.lifeshop .paging .prev::before,
.lifeshop .paging .prev::after,
.lifeshop .paging .next::before,
.lifeshop .paging .next::after,
.lifeshop .paging .first::before,
.lifeshop .paging .first::after,
.lifeshop .paging .last::before,
.lifeshop .paging .last::after {
    position:absolute;
    content:'';
    margin-left:4px;
    width:1px;
    height:8px;
    background:#444;
}
.lifeshop .paging .prev::before,
.lifeshop .paging .first::before,
.lifeshop .paging .next::before,
.lifeshop .paging .last::before {
    margin-top:-6px;
    transform: rotate(45deg);
}
.lifeshop .paging .prev::after,
.lifeshop .paging .first::after,
.lifeshop .paging .next::after, 
.lifeshop .paging .last::after {
    margin-top:-0.5px;
    transform: rotate(-45deg);
}
.lifeshop .paging .next::before,
.lifeshop .paging .last::before {
    margin-top:-0.5px;
}
.lifeshop .paging .next::after, 
.lifeshop .paging .last::after {
    margin-top:-6px;
}
.lifeshop .paging .recentList {
    color:#fff;
    border-color: #ff5a5f;
    background:#ff5a5f;
}
.lifeshop .result {
    width:100%;
    height:150px;  
    line-height:150px;
    font-size:20px;    
    text-align:center;
}
.lifeshop .result.empty {
    color:#aaa;
}
.lifeshop .result span {
    font-size:14px;
    color:#111;
}
.lifeshop .result button {
    margin-left:15px;
}

.lifeshop .table {
    width:100%;
    border-collapse: collapse;
}
.lifeshop .table th,
.lifeshop .table td {
    padding:7px;
    text-align:left;
    border-top:1px solid #ddd;
}
.lifeshop .table tr:first-child td {
    border-color:#bbb;
}
.lifeshop .table tr:nth-child(odd) td {
    background:#fafafa;
}
.lifeshop .table tr.strong td {
    color:#111;
    background:#e1f2fe;
}
.lifeshop .table tr.disabled td {
    color:#ccc;
}
.lifeshop .table tr.disabled td a:link,
.lifeshop .table tr.disabled td a:visited,
.lifeshop .table tr.disabled td a:hover,
.lifeshop .table tr.disabled td a:active {
    color:#ccc !important;
}
.lifeshop .table input[type=checkbox] {
    width:1.4em;
    height:1.4em;
}
.lifeshop td label {
    margin-right:15px;
}
.lifeshop td label:last-child {
    margin-right:0;
}
.lifeshop td label input[type=checkbox] {
    float:none;
    margin-right:3px;
}
.lifeshop td img.thumb {
    max-width:5em;
    width:auto;
    height:40px;
}

.lifeshop span.counter {
    position:absolute;
    right:0;
    margin-top:-1.9em;
    color:#aaa;
    font-weight:normal;    
}
.lifeshop span.counter::before {
    content:'(';
}
.lifeshop span.counter::after {
    content:')';
}
.lifeshop span.counter.strong {
    color:red;
}
.lifeshop .caret-down {
    color:#bbb;
    padding:1px 2px;
    border:1px solid #ddd;
    font-size:8px;
    cursor:pointer;
}
.lifeshop .caret-down.active {
    color:#ff5a5f;
    border:1px solid #ff5a5f;
}

.lifeshop a.btn,
.lifeshop button.btn {
    display:inline-block;
    line-height:30px;
    padding:0 22px;
    text-align:center;
    color:#111;
    font-size:13px;
    font-weight:normal;
    letter-spacing:-1px;
    border:1px solid #aaa;
    border-radius:4px;
    background:#fff;
    cursor:pointer;
    vertical-align: middle;
}
.lifeshop .btn:disabled {
    color:#bbb;
    border-color:#ccc;
}
.lifeshop button[type=submit].btn,
.lifeshop .btn.btn-primary {
    color:#fff;
    border-color:#ff5a5f;
    background:#ff5a5f;
}
.lifeshop .btn-success {
    border-color:chartreuse !important;
}
.lifeshop .btn + input[type=checkbox].hidden {
    display:none;
}
.circle-loader {
    width:4em;
    height:30px;
    text-align:center;
}
.circle-loader span {
    position:relative;
    display:inline-block;    
    width: 22px;
    height: 22px;
    margin:4px 0 0 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    border-radius: 50%;
}
.circle-loader span.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 0.5s ease-out;
}
.checkmark {
    display: none;
}
.checkmark.draw::after {
    animation-duration: 0.8s;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}
.checkmark::after {
    position: absolute;        
    content: "";    
    top:11px;
    left:3px;
    width: 5px;
    height: 10px;
    transform-origin: left top;
    border-right: 2px solid #5cb85c;
    border-top: 2px solid #5cb85c;
    opacity: 1;    
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 5px;
        opacity: 1;
    }
    40% {
        width: 5px;
        height: 10px;
        opacity: 1;
    }
    100% {
        width: 5px;
        height: 10px;
        opacity: 1;
    }
}

.lifeshop .buttons {
    clear:both;
    width:100%;
    text-align:right;
    margin:10px 0 20px 0;
}
.lifeshop .buttons .hidden {
    display:none;
}
.lifeshop .buttons .btn {
    margin-left:7px;
}
.lifeshop div .btn:first-child {
    margin-left:0;
}
.lifeshop .header-buttons {
    margin:20px 0 0 0;
}

.lifeshop .sp-choose {
    width:60px;
}
.daterangepicker .drp-buttons .btn {
    min-width:5em;
    padding:0 4px !important;
}
.daterangepicker td.today {
    background:#eee;
    color:#666;
}
.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background:#ff5a5f !important;
}


.lifeshop .tab-pop li {
    background:#ccc;
}
.lifeshop .tab-pop li.active {
    background:#111;
}

.lifeshop ul.images {
    font-size:0;
}
.lifeshop ul.images li {
    position:relative;
    display:inline-block;
    width:20%;
    padding:2px;
}
.lifeshop ul.images input[type=radio] {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:80px;
    opacity: 0;
    z-index:1;
}
.lifeshop ul.images label {
    display:block;
    width:100%;
    height:80px;
    margin-left:0;
    border:2px solid #fff;
    background-color:#ccc;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    z-index:-1;
}
.lifeshop ul.images input[type=radio]:checked + label {
    border-color:#ff5a5f;
}
.lifeshop .grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
    opacity:0.5;
}
.lifeshop .dimmed {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.7);
    z-index:8;
}
.lifeshop strong {
    color:#ff5a5f;
}
/* Top Navigation */
/*
.lifeshop #topNavi {
    position:fixed;
    top:0;
    width:100%;
    height:41px;
    border-bottom:1px solid #ddd;
}
.lifeshop #topNavi ul.navi li {
    width:auto !important;
    height:auto !important;
    line-height:40px !important;
}
.lifeshop #topNavi ul.navi li a {
    display:block;
    padding:0 20px;
    color:rgb(84, 80, 69);
    font-size:14px;
    cursor:pointer;    
}
.lifeshop #topNavi ul li:first-child {
    padding-left:25px;
}
.lifeshop #topNavi ul.navi li.on {
    background:transparent;
}
.lifeshop #topNavi ul.navi li.on a {
    color:#ff5a5f;
}
.lifeshop #topNavi ul.navi li.on li a {
    color:#fff;
}
.lifeshop #topNavi ul.navi li ul {
    display:none;
    position: fixed;
    top:40px;
    padding-left:190px;
    width:100% !important;
    left:0 !important;
    margin-left:0 !important;
    height:auto;
    text-align:center;
    background:rgb(84, 80, 69);
    z-index:2;
}
.lifeshop #topNavi ul.navi li a:hover + ul,
.lifeshop #topNavi ul.navi li.on a:hover + ul,
.lifeshop #topNavi ul.navi li:hover ul,
.lifeshop #topNavi ul.navi li.on:hover ul {
    display:block;
}
.lifeshop #topNavi ul.navi li ul li {
    float:none;
    display:inline-block;
    padding-right:0;
}
.lifeshop #topNavi ul.navi li ul li a {
    display:block;
    color:#fff;
    font-weight:normal;
    font-size:13px;
}
.lifeshop #topNavi ul.navi li ul li.on a {
    color:#ff5a5f !important;
    font-size:13px;
    font-weight:bold;
}
.lifeshop #topNavi ul.navi li.on ul li a:hover {
    font-size:13px;
}
.lifeshop #topNavi ul.navi li ul li.on a:hover {
    color:#ff5a5f;
    font-size:13px;
}
.lifeshop #topNavi ul.navi ul.fixed {
    display:block;
    top:0;
    text-align:left;
    background:#efefef;
    border-bottom:1px solid #ddd;
}
.lifeshop #topNavi ul.navi ul.fixed li a {
    font-weight:bold;
    line-height: 40px;
    color: rgb(84, 80, 69);
    font-size: 14px !important;
}
.lifeshop #topNavi ul.navi ul.fixed li a:hover,
.lifeshop #topNavi ul.navi ul.fixed li.on a:hover {
    color:#ff5a5f !important;
    font-size:14px;
} 
*/
/* Content */
.lifeshop #main_contents h2 {
    font-size: 28px;
    font-family:'KBFGDisplay', 'Malgun Gothic', sans-serif;
    line-height: 1.0;
    font-weight: bold;
    color: #ff5a5f;
    margin-bottom: 10px;
    letter-spacing: -3px;
}
.lifeshop #main_contents h2 small {
    color:#999;
    margin-left:10px;
    font-weight:normal;
    font-size:0.6em;
    letter-spacing: -1px;
}

/* Banner Management */
.lifeshop .preview-banner .banner {
    background-color:#aaa;    
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.lifeshop .main-banner {
    position:relative;
    padding:20px;
    width:720px;
    height:210px;
}
.lifeshop .main-banner h3 {
    color:#fff;
    margin-left:0;
    font-size: 21px;
}
.lifeshop .main-banner h4 {
    width:25em;
    color:#fff;
    font-size: 15px;
    margin-top:5px;
    overflow: hidden;    
}
.lifeshop .main-banner p {
    width:29em;
    margin:10px 0 0 0;
    color:#fafafa;
    letter-spacing:-1px;
    font-size: 12px;
}
.lifeshop .main-banner label {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    line-height: 28px;
    font-weight: 400;
    height: 30px;
    padding: 0 15px;
    border: 1px solid #fff;
    border-radius: 50px;
}
.lifeshop .main-banner .pagination {
    position: absolute;
    width:100%;
    left:0;
    bottom: 15px;
    text-align:center;
}
.lifeshop .main-banner .pagination li {
    display:inline-block;
    margin:0 3px;
    width:10px;
    height:10px;
    background:#eee;
    border-radius:50px;
}
.lifeshop .main-banner .pagination li:first-child {
    width:18px;
    border-radius:25px;
    background:#ff5a5f;   
}
.lifeshop .top-banner,
.lifeshop .promotion-banner {
    width:720px;
    line-height:39px;
    text-align:center;
}
.lifeshop .top-banner {
    height:42px;
}
.lifeshop .top-banner h4,
.lifeshop .promotion-banner h4 {
    display: inline-block;
    margin: 0;
    color:#111;
    font-size:1.2em;
}
.lifeshop .top-banner h4 {
    line-height: 40px !important;
}
.lifeshop .top-banner p,
.lifeshop .promotion-banner p {
    display:inline-block;
    color:#444;
}
.lifeshop .preview-double .preview-banner {
    display:inline-block;
    width:49.7%;
}
.lifeshop .preview-double .preview-banner .banner {
    width:100%;
}

.lifeshop .preview-image .image {
    position:absolute;
    top:0;
    margin:-2px 0 0 150px;
    font-size:12px;
    color:#eee;
    text-align:center;
    background-color:#aaa;    
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;    
}
.lifeshop .preview-image .category-image {
    width:66px;
    height:66px;
    line-height:66px;
    border-radius:100%;    
}
.lifeshop .preview-image .product-image {
    top:12px;
    width:84px;
    height:49px;
    line-height:49px;
}
.lifeshop .preview-image .title-image {
    width:228px;
    height:60px;
    line-height:60px;
}
.lifeshop .preview-image .banner-image {
    margin-top:0;
    width:70px;
    height:56px;
    line-height:56px;
}

/* Category Management */
.lifeshop ul.category {
    float:left;
    width:195px;
    min-height:350px;
    margin-right:20px;
    font-size:14px;    
}
.lifeshop ul.category ~ div {
    display:inline-block;
    width:calc(100% - 215px);
}
.lifeshop ul.category li {
    margin:5px 0;
}
.lifeshop ul.category .depth-2 li::before {
    content:'';
    position:absolute;
    width:9px;
    height:10px;
    margin-left:-14px;
    border-left:1px dotted #888;
    border-bottom:1px dotted #888;
}
.lifeshop ul.category h5 {
    float:left;
}
.lifeshop ul.depth-3 h5 {
    float:none;
}
.lifeshop ul.category li > span {
    margin:-10px 0 0 10px;
}
.lifeshop ul.category ul {
    display:none;
    padding-left:20px;
}
.lifeshop ul.category .selected {
    color:#ff5a5f;
}
.lifeshop [data-toggle] + [data-toggle] {
    display:none;
}
.lifeshop .tab-selection .form-group > label {
    color:#aaa;
}
.lifeshop .tab-selection .form-group > label:hover {
    color:#ff5a5f;
    background:#eee;
    cursor: pointer;
}
.lifeshop .tab-selection .active label {
    color:#111;
    font-weight: bold;
}


.lifeshop .popup {
    display:none;
    position:fixed;
    top:5%;    
    left:50%;
    padding-bottom:65px;
    margin-left:-300px;
    width:600px;
    background:#fff;
    border-radius: 12px;
    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */        
    z-index:10;
}
.lifeshop .popup-header {
    padding:15px 20px 0 20px;
    color:#fff;
    background:#ff5a5f;
    border-top-left-radius:12px;    
    border-top-right-radius:12px;    
}
.lifeshop .popup-header h2 {
    display:inline-block;
    font-family:'Malgun Gothic' !important;
    font-size:18px !important;
    color:#fff !important;
}
.lifeshop .popup-header h2 small {
    margin-left:10px;
    color:#f7f7f7 !important;
    font-size:0.9em;
    font-weight:normal;
}
.lifeshop .popup-header .btn-close {
    position:absolute;
    top:9px;
    right:20px;
    width:25px;
    height:25px;
    cursor:pointer;
}
.lifeshop .popup-header .btn-close::before,
.lifeshop .popup-header .btn-close::after {
    position:absolute;
    content:'';
    left:15px;
    width:2px;
    height:26px;
    background:#fff;
}
.lifeshop .popup-header .btn-close::before {
    transform: rotate(45deg);
}
.lifeshop .popup-header .btn-close::after {
    transform: rotate(-45deg);
}
.lifeshop .popup-body {
    padding:20px;
    max-height:563px;
    overflow-y:auto;
}
.lifeshop .popup-footer {
    position:absolute;
    bottom:0;
    width:100%;
    padding:15px 20px;
    text-align:right;    
    border-top:1px solid #ddd;
}
.lifeshop .popup-body th,
.lifeshop .popup-body td {
    padding:5px 7px;
}

.lifeshop .popup-body select {
    width:5em;
}
.lifeshop .popup-body .search {
    margin-bottom:20px;
}
.lifeshop .popup-body .search select {
    width:8em;
}
.lifeshop .popup-body input[type=search] {
    width:22em;
}

.lifeshop .popup-footer .btn {
    margin-left:10px;
}
.lifeshop .table-list td input[name=item],
.lifeshop .table-list td input[name=item] ~ ul {
    display:none;
}
.lifeshop .table-list td input[name=item]:checked ~ ul {
    display:block;
    padding:10px 12px;
    border:1px solid #ddd;
    border-radius:5px;
    margin:10px 0;
}
.lifeshop .table-list td label {
    margin-left:0;
}
.lifeshop .table-list td input[name=item] + label::after {
    content:'▲';
    color:#bbb;
    padding:1px 2px;
    border:1px solid #ddd;
    font-size:8px;
    margin-left:10px;
    cursor:pointer;
}
.lifeshop .table-list td input[name=item]:checked + label::after {
    content:'▼';
    color:#ff5a5f;
    border:1px solid #ff5a5f;
}
.lifeshop .table-primary td label * {
    display:inline-block !important;
}

.lifeshop .sp-replacer.sp-transparent {
    margin-left:5px;
}
.sp-transparent .sp-preview {
    margin-right:0;
}

/* ========================================================================== 
custoom select box 
========================================================================== */

.custoom-box ul{
	display:none;
	max-height:200px;
	position:absolute; 
	background:#fff; 
	overflow:scroll;
	padding-left:10px;
	border:1px solid #ccc; 
	}
.custoom-box ul.active{display:block;}
.custoom-box li{display:block;}
.custoom-box li.off{display:none;}
.custoom-box li.focus{background: rgb(175, 93, 93);} 

.input-group{
position:relative;
width: 50%;  
} 
  
#선택입점사::-ms-clear{display: none;}   
#searchclear 
{
position: absolute;
right: 3px;
top: 0;
bottom: 5px; 
width: 10px;
height: 14px;
margin: auto;
font-size: 12px;
cursor: pointer;
color: #ccc;
background-color: #fff;
} 


/*넓이*/
.w5{width:5% !important}
.w6{width:6% !important}
.w7{width:7% !important}
.w8{width:8% !important}
.w9{width:9% !important}
.w10{width:10% !important}
.w13{width:13% !important}
.w15{width:15% !important}
.w17{width:17% !important}
.w18{width:18% !important}
.w20{width:20% !important}
.w25{width:25% !important}
.w28{width:28% !important}
.w30{width:30% !important}
.w35{width:35% !important}
.w36{width:36% !important}
.w38{width:38% !important}
.w40{width:40% !important}
.w42{width:42% !important}
.w45{width:45% !important}
.w50{width:50% !important}
.w52{width:52% !important}
.w55{width:55% !important}
.w60{width:60% !important}
.w70{width:70% !important}
.w75{width:75% !important}
.w80{width:80% !important}
.w90{width:90% !important}
.w95{width:95% !important}
.w98{width:98% !important}
.w99{width:99% !important}
.w100{width:100% !important}
/*여백*/
.m0{margin:0 !important;}
.p0{padding:0 !important;}
.mT0{margin-top:0 !important;}
.mt4{margin-top:4px !important;}
.mT5{margin-top:5px !important;}
.mT8{margin-top:8px !important;}
.mT12{margin-top:12px !important;}
.mT16{margin-top:16px !important;}
.mT20{margin-top:20px !important;}
.mB0{margin-bottom:0px !important;}
.mB5{margin-bottom:5px !important;}
.mB12{margin-bottom:12px !important;}
.mB16{margin-bottom:16px !important;}
.mB20 {margin-bottom: 20px !important;}
.mL0{margin-left:0px !important;}
.mL2{margin-left:2px !important;}
.mL3{margin-left:3px !important;}
.mL4{margin-left:4px !important;}
.mL5{margin-left:5px !important;}
.mL6{margin-left:6px !important;}
.mL8{margin-left:8px !important;}
.mL10{margin-left:10px !important;}
.mL15{margin-left:15px !important;}
.mL20{margin-left:20px !important;}
.mL24{margin-left:24px !important;}
.mL25{margin-left:25px !important;}
.mL30{margin-left:30px !important;}
.mL34{margin-left:34px !important;}
.mL36{margin-left:36px !important;}
.mL40{margin-left:40px;}
.mL50{margin-left:50px;}
.mL60{margin-left:60px;}
.mL70{margin-left:70px;}
.mL75{margin-left:75px;}
.mL80{margin-left:80px;}
.mL90{margin-left:90px;}
.mL100{margin-left:100px;}
.mL200{margin-left:200px;}



/* 임시 css */

.article-top {display:none !important;}
.storeManager .popup_on {display:block !important;}


/* 카테고리 css */

 .category-box {position: relative; display: flex; }
 .category {padding-right: 15px;}
 .category-box a {font-size: 16px; text-decoration: none; color: #000;}
 .category-box span {padding-left: 10px; font-size: 12px; color: #dcdcdc;}
 .category-box span em {color: red; font-style: normal;}

 .category01 { display: flex;}
 .category01_list {width: 100%; height: 600px; overflow-y: auto; border: 1px solid #dcdcdc;}
 .category01_list li {padding: 10px;}   
 .category-bt ul {position: relative; top:40%; transform:translateY (-50%);}
 .category01 button {margin-top: 5px; margin-left: 5px; width: 70px; height: 25px; background: #fff; border: 1px solid #000; border-radius: 4px;}

 .category-bt01, .category-bt02 {margin-top: 16px;  margin-right: 6px; width: 40%; line-height: 40px; border: 1px solid #000; background: #fff; border-radius: 8px;}
 .category-bt02 {color: #fff; background:#000; }


/* 배송조회 */
.deliv-state .tit-dep2 {text-align:center; margin-bottom:2.4rem;}
.deliv-state__cont .track-list__num i {display:block;  width:3.2rem; height:3.2rem; position:absolute; top:.8rem; left:.8rem;}
.deliv-state__ico-1 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv--before.svg) no-repeat center / 3.2rem;}
.deliv-state__ico-2 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv2--before.svg) no-repeat center / 3.2rem;}
.deliv-state__ico-3 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv3--before.svg) no-repeat center / 3.2rem;}
.deliv-state__ico-4 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv4--before.svg) no-repeat center / 3.2rem;}
.track-list__state.pass .deliv-state__ico-1 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv--after.svg) no-repeat center / 3.2rem;}
.track-list__state.pass .deliv-state__ico-2 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv2--after.svg) no-repeat center / 3.2rem;}
.track-list__state.pass .deliv-state__ico-3 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv3--after.svg) no-repeat center / 3.2rem;}
.track-list__state.on .deliv-state__ico-1 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv.svg) no-repeat center / 3.2rem;}
.track-list__state.on .deliv-state__ico-2 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv2.svg) no-repeat center / 3.2rem;}
.track-list__state.on .deliv-state__ico-3 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv3.svg) no-repeat center / 3.2rem;}
.track-list__state.on .deliv-state__ico-4 {background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-deliv4.svg) no-repeat center / 3.2rem;}

.deliv-reference .items--list .product-item-view .img-box {width: 8.8rem; height: 8.8rem;}
.deliv-reference .product-item-view .img-box img {width: 8.8rem; height: 8.8rem;}
.deliv-reference .product--item__row { min-height: 8.8rem; padding: 0 0 0 10rem}
.deliv-reference .product-info + .order__opt-name {margin-top:0.8rem;}
.deliv-reference .order__opt-name em { margin-right: .8rem; width:auto;}

.oder-cancel .items--list .product-item-view .img-box {width: 8.8rem; height: 8.8rem;}
.oder-cancel .product-item-view .img-box img {width: 8.8rem; height: 8.8rem;}
.oder-cancel .product--item__row { min-height: 8.8rem; padding: 0 0 0 10rem}
.oder-cancel .order__opt-name em { margin-right: .8rem; width:6.5rem;}

.order__txt {font-size:1.2rem; line-height:1.6rem; position:absolute; bottom:0;}
.order__txt em {margin-right: .8rem; color: var(--gray040);}
.order__box {background-color:#eff2f7; border-radius:0.8rem; padding:1.6rem 1.6rem;}
.order__box li + li {margin-top: .4rem;}
.order__box li strong {position: relative; margin-left:0.8rem; padding-left: 0.8rem;}
.order__box li strong::before { content: ""; position: absolute; top: 0.3rem; left: -0.2rem;  width: 0.1rem; height: 1.2rem; background-color: rgba(38,40,44,.2); }
.deliv-track {margin-top:3.2rem;}
.deliv-track .tit-dep1 {margin-bottom:1.2rem;}
.deliv-track__step {position:relative; padding:0 0 2.4rem 1.6rem;}
.deliv-track__step:last-child {padding-bottom:0;}
.deliv-track__step:before {content:""; border-left:0.1rem dashed #c6cbd0; height:100%; position:absolute; top:0.5rem; left:0.3rem;}
.deliv-track__step:nth-last-child(1)::before {border:0;}
.deliv-track__local {display:flex; align-items:center; justify-content:space-between; position:relative;}
.deliv-track__local:before {content:""; background-color:#26282c	; border-radius:50%; display:block; width:0.8rem; height:0.8rem; position:absolute; top:.5rem; left:-1.6rem;}
.deliv-track--state {font-weight:600;}
.deliv-track__step p {margin-top:0.4rem; font-size: 1.2rem;}