@charset "utf-8";
/* @font-face {
    font-family: 'AppleSDGothicNeo';
    font-weight: 300;
    src: url('../../font/AppleSDGothicNeoL.eot');
    src: local(※), url('../font/AppleSDGothicNeoL.woff') format('woff'), url('../../font/AppleSDGothicNeoL.ttf') format('truetype');
}

@font-face {
    font-family: 'AppleSDGothicNeo';
    font-weight: 400;
    src: url('../../font/AppleSDGothicNeoR.eot');
    src: local(※), url('../font/AppleSDGothicNeoR.woff') format('woff'), url('../../font/AppleSDGothicNeoR.ttf') format('truetype');
}

@font-face {
    font-family: 'AppleSDGothicNeo';
    font-weight: 500;
    src: url('../../font/AppleSDGothicNeoM.eot');
    src: local(※), url('../font/AppleSDGothicNeoM.woff') format('woff'), url('../../font/AppleSDGothicNeoM.ttf') format('truetype');
}

@font-face {
    font-family: 'AppleSDGothicNeo';
    font-weight: 600;
    src: url('../../font/AppleSDGothicNeoSB.eot');
    src: local(※), url('../font/AppleSDGothicNeoSB.woff') format('woff'), url('../../font/AppleSDGothicNeoSB.ttf') format('truetype');
}

@font-face {
    font-family: 'AppleSDGothicNeo';
    font-weight: 700;
    src: url('../../font/AppleSDGothicNeoB.eot');
    src: local(※), url('../font/AppleSDGothicNeoB.woff') format('woff'), url('../../font/AppleSDGothicNeoB.ttf') format('truetype');
} */


/* Reset */
html{height: 100%;}
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family: 'AppleSDGothicNeo', sans-serif;font-weight:400;word-break: keep-all;overflow-x: hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=button],input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:inherit;text-decoration:none}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, button, textarea, select {font-family: 'AppleSDGothicNeo', sans-serif;outline: none}
hr {content: '';display:block;padding:0;border:0;margin: 0;}


/*사파리 버튼 초기화*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }


/*select style*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../img/ico_arrow_select1.gif');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 9px;
    background-color: #fff;
    cursor: pointer; 
}
select::-ms-expand { display: none; }


/*scrollbar style*/
* {
    scrollbar-arrow-color: #eee;
    scrollbar-base-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-face-color: #eee;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-track-color: transparent;
}
*::-webkit-scrollbar { width: 5px; }
*::-webkit-scrollbar-track { background : transparent; }
*::-webkit-scrollbar-thumb { width: 5px; background: #eee; }


/*placeholder*/
input::-ms-input-placeholder { font-weight: 300; color: #bbb; }
input::-webkit-input-placeholder { font-weight: 300; color: #bbb; }
input::-moz-placeholder { font-weight: 300; color: #bbb; }

textarea::-ms-input-placeholder { font-weight: 300; color: #bbb; }
textarea::-webkit-input-placeholder { font-weight: 300; color: #bbb; }
textarea::-moz-placeholder { font-weight: 300; color: #bbb; }


/*dray style*/
::selection { background:#00aae2; color: #fff; }
::-moz-selection { background:#00aae2; color: #fff; }


/*--------------------------------------------------------------------------------------------------------------------------*/


/*공통 CSS*/
body, .header { min-width: 1024px; }


/*header style*/
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; margin: 0 auto; background: #445163; }
.header .inner { padding: 0 30px; box-sizing: border-box; }
.hd-top { display: flex; justify-content: space-between; align-items: center; height: 60px; border-bottom: 1px solid #3d4959; box-sizing: border-box; }
.hd-top .hd-util { display: flex; justify-content: flex-end; align-items: center; }
.hd-top .hd-util a { position: relative; margin-right: 30px; font-size: 14px; font-weight: 500; color: #fff; }
.hd-top .hd-util a:last-child { margin-right: 0; }
.hd-top .hd-util a:after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: calc(0% - 15px); width: 1px; height: 10px; background: #828e9b; }
.hd-top .hd-util a:last-child:after { display: none; }


/*GNB style*/
.hd-gnb { display: flex; align-items: center; height: 50px; }
.hd-gnb a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 0 40px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #fff; }
.hd-gnb a.active { font-weight: 600; color: #a1c9e5; }


/*LNB style*/
.lnb { width: 220px; height: 100%; padding: 30px; border-right: 1px solid #eee; box-sizing: border-box; background: #fff; overflow-y: auto; }
.lnb .top { padding: 20px 0; border-bottom: 1px solid #eee; box-sizing: border-box; font-size: 24px; font-weight: 700; color: #2d2d2d; text-align: center; letter-spacing: -0.8px; }
.lnb .top:before { content: ''; display: block; width: 25px; height: 1px; margin: 0 auto 10px; background: #00aae2; }
.list-lnb li { padding: 20px 0; border-bottom: 1px solid #eee; box-sizing: border-box; }
.list-lnb .menu { position: relative; padding-left: 25px; box-sizing: border-box; font-size: 15px; font-weight: 600; color: #2d2d2d; letter-spacing: -0.8px; cursor: pointer; }
.list-lnb .menu:before { content: ''; position: absolute; top: calc(50% - 9px); left: 0; width: 17px; height: 17px; margin-right: 5px; background: url('../img/ico_category1_off.svg') center center no-repeat; background-size: contain; }
.list-lnb .menu.active:before { background-image: url('../img/ico_category1_on.svg'); }
.list-lnb .depth { display: none; margin-top: 20px; }
.list-lnb .depth.active { display: block; }
.list-lnb .depth a { display: block; margin-bottom: 8px; padding-left: 20px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; letter-spacing: -0.8px; }
.list-lnb .depth a:last-child { margin-bottom: 0; }
.list-lnb .depth a:hover { color: #00aae2; }
.list-lnb .depth a.active { font-weight: 600; color: #00aae2; }


/*layout style*/
.container { display: flex; height: 100%; padding-top: 110px; box-sizing: border-box; background: #f9f9f9; }
.container section { width: calc(100% - 220px); overflow-y: auto; }
.container .top-page { display: flex; align-items: center; height: 116px; padding: 0 30px; border-bottom: 1px solid #eee; box-sizing: border-box; }
.container .top-page .tit { font-size: 30px; font-weight: 500; color: #2d2d2d; letter-spacing: -1px; }
.container .content { padding: 50px; box-sizing: border-box; }
.container .box-content { margin-bottom: 30px; padding: 30px; border: 1px solid #eee; border-radius: 6px; box-sizing: border-box; background: #fff; }
.container .box-content .top-title { margin-bottom: 20px; font-size: 18px; font-weight: 600; color: #2d2d2d; letter-spacing: -1px; }


/*form style*/
.list-frm > li { padding: 15px 0; border-bottom: 1px solid #eee; box-sizing: border-box; }
.list-frm > li:last-child { padding-bottom: 0; border-bottom: none; }

.frm-group { display: flex; align-items: center; }
.frm-group .tit-frm { width: 170px; font-size: 14px; font-weight: 400; color: #949494; }

.inp-group { width: calc(100% - 170px); }
.inp-group .inp-frm { width: 100%; height: 30px; padding: 0 10px; border: 1px solid #e6ebeb; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; }
.inp-group .btn-frm { height: 30px; margin-left: 10px; padding: 0 10px; border: none; border-radius: 2px; box-sizing: border-box; background: #444; font-size: 13px; font-weight: 400; color: #fff; }
.inp-group .btn-frm-v1 { border: 1px solid #d3d9e1; box-sizing: border-box; background: #fff; color: #6a6a6a; }
.inp-group .select-frm { height: 30px; padding-right: 20px; border: none; border-bottom: 1px solid #eee; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; }
.inp-group .textarea-frm { width: 100%; height: 300px; padding: 20px; border: 1px solid #eee; box-sizing: border-box; resize: none; font-size: 14px; font-weight: 400; color: #2d2d2d; }

.inp-group2 { display: flex; align-items: center; }
.inp-group2 .inp-frm { width: 120px; text-align: right; }
.inp-group2 span { margin: 0 10px; font-size: 13px; font-weight: 400; color: #949494; }

.inp-group3 { display: flex; align-items: center; }
.inp-group3 .select-frm { margin-right: 10px; }
.inp-group3 .inp-frm { width: 170px; }
.inp-group3 span { margin: 0 10px; font-size: 13px; font-weight: 400; color: #949494; }

.inp-group-upload { display: flex; align-items: center; }
.inp-group-upload .inp-info { width: 250px; margin-right: 10px; border: none; font-size: 13px; font-weight: 400; color: #949494; }

.btn-upload { position: relative; cursor: pointer; }
.btn-upload label { display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; height: 30px; padding: 0 10px; border: none; border-radius: 2px; box-sizing: border-box; background: #6a6a6a; font-size: 13px; font-weight: 400; color: #fff; cursor: pointer; }
.btn-upload input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.preview-group { position: relative; margin-top: 20px; }
.preview-group .img-group { position: relative; width: 340px; height: 120px; border: 1px solid #eee; box-sizing: border-box; background: url('../img/ico_photo1.svg') center center no-repeat; background-size: 32px; overflow: hidden; }
.preview-group .img-group .btn-delete { position: absolute; top: 10px; right: 10px; z-index: 1; width: 20px; height: 20px; border: none; border-radius: 50%; box-sizing: border-box; background: url('../img/ico_x1.svg') center center no-repeat; background-size: contain; }

.preview-group .img-group-v1 { width: 120px; }

.inp-group-addr .box { display: flex; align-items: center; margin-bottom: 10px; }
.inp-group-addr .box .inp-frm { width: 200px; }

.inp-group-phone { display: flex; align-items: center; }
.inp-group-phone .select-frm { margin-right: 10px; }
.inp-group-phone .inp-frm { width: 80px; height: 30px; border: 1px solid #eee; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; text-align: center; }
.inp-group-phone span { margin: 0 10px; font-size: 13px; font-weight: 400; color: #949494; }


/*button style*/
.btn-custom,
a.btn-custom { display: flex; justify-content: center; align-items: center; min-width: 120px; height: 50px; padding: 0 20px; border: none; border-radius: 3px; box-sizing: border-box; background: #00aae2; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.8px; transition: .2s all ease-out; }
.btn-custom-v1,
a.btn-custom-v1 { background: #d6dce4; color: #2d2d2d; }

.btn-custom2,
a.btn-custom2 { display: flex; justify-content: center; align-items: center; min-width: 40px; height: 26px; padding: 0 10px; border: none; border-radius: 2px; box-sizing: border-box; background: #6a6a6a; font-size: 12px; font-weight: 400; color: #fff; letter-spacing: -0.8px; transition: .2s all ease-out; }
.btn-custom2:disabled,
a.btn-custom2:disabled { background: #d3d9e1; text-shadow: 1px 1px 1px rgb(156 166 179 / 90%); }
.btn-custom2-v1,
a.btn-custom2-v1 { border: 1px solid #d3d9e1; box-sizing: border-box; background: #fff; color: #6a6a6a; }

/*hover*/
.btn-custom:hover,
a.btn-custom:hover { background: #009ae2; }
.btn-custom-v1:hover,
a.btn-custom-v1:hover { background: #ced4dd; }

.btn-custom2:hover,
a.btn-custom2:hover { background: #333; }
.btn-custom2-v1:hover,
a.btn-custom2-v1:hover { border-color: #6a6a6a; background: #6a6a6a; color: #fff; }

.btn-group { display: flex; justify-content: center; align-items: center; }
.btn-group .btn { margin-right: 5px; }
.btn-group .btn:last-child { margin-right: 0; }

.btn-group-v1 { margin: 30px 0; }
.btn-group-v1:last-child { margin-bottom: 0; }


/*checkbox & radio button style*/
.ck-custom { display: none; }
.ck-custom + label { display: block; font-size: 13px; font-weight: 400; color: #949494; cursor: pointer; }
.ck-custom + label .custom { display: inline-block; width: 18px; height: 18px; margin-right: 6px; background: url('../img/ico_check1_off.svg') center center no-repeat; background-size: contain; vertical-align: -4px; }
.ck-custom:checked + label .custom { background-image: url('../img/ico_check1_on.svg'); }

.ck-custom2 { display: none; }
.ck-custom2 + label { display: flex; align-items: center; height: 100%; padding: 0 15px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; cursor: pointer; }
.ck-custom2 + label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ck-custom2:checked + label { background: #f0f0f0; }

.ck-custom3 { display: none; }
.ck-custom3 + label { display: block; width: 20px; height: 20px; margin: 0 auto; background: url('../img/ico_check2_off.svg') center center no-repeat; background-size: contain; cursor: pointer; }
.ck-custom3:checked + label { background-image: url('../img/ico_check2_on.svg'); }

.list-ck { display: flex; align-items: center; }
.list-ck li { margin-right: 30px; }
.list-ck li:last-child { margin-right: 0; }

.list-ck2 li { height: 40px; border-bottom: 1px solid #e6ebeb; box-sizing: border-box; }
.list-ck2 li:last-child { border-bottom: none; }


/*table style*/
.top-table { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.top-table .btn { display: flex; justify-content: center; align-items: center; height: 30px; padding: 0 20px; border: none; border-radius: 2px; box-sizing: border-box; background: #6a6a6a; color: #fff; }
.top-table .frm-group .tit-frm { width: auto; margin-right: 20px; }

.tbl { width: 100%; border-collapse: collapse; }
.tbl tr { border-bottom: 1px solid #eee; box-sizing: border-box; }
.tbl th { padding: 15px 0; box-sizing: border-box; background: #f9f9f9; font-size: 13px; font-weight: 400; color: #949494; }
.tbl td { padding: 15px 0; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; text-align: center; }
.tbl .select-frm { height: 30px; padding-right: 20px; border: none; border-bottom: 1px solid #eee; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; }
.tbl .item-info { display: flex; align-items: center; }
.tbl .item-info .img-group { width: 60px; height: 60px; margin-right: 15px; }
.tbl .item-info .txt { width: calc(100% - 75px); text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 400; color: #949494; }


/*paging style*/
.paging { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
.paging .btn-paging { width: 30px; height: 30px; border: none; background: center center no-repeat; }
.paging .btn-paging-prev { background-image: url('../img/ico_arrow_prev1_on.svg'); }
.paging .btn-paging-next { background-image: url('../img/ico_arrow_next1_on.svg'); }
.paging .num { display: flex; align-items: center; }
.paging .num a { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin: 0 2px; border: 1px solid #d3d9e1; border-radius: 3px; box-sizing: border-box; font-size: 12px; font-weight: 600; color: #949494; transition: .2s all ease-out; }
.paging .num a:hover { border-color: #949494; color: #2d2d2d; }
.paging .num a.active { border-color: #2d2d2d; background: #2d2d2d; color: #fff; }


/*tab menu style*/
.tab-menu { display: flex; }
.tab-menu a { display: flex; justify-content: center; align-items: center; height: 30px; margin-right: 5px; padding: 0 20px; border: 1px solid #d3d9e1; border-radius: 2px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #6a6a6a; }
.tab-menu a:last-child { margin-right: 0; }
.tab-menu a.active { border: none; background: #6a6a6a; color: #fff; }


/*thumbnail style*/
.thumb { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }


/*text style*/
.tl { text-align: left !important; }


/*로그인*/
.login { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; background: #f9f9f9; }
.box-login { padding: 40px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); box-sizing: border-box; background: #fff; }
.box-login .top-page { margin-bottom: 25px; font-size: 26px; font-weight: 700; color: #2d2d2d; text-align: center; letter-spacing: -1px; }

.frm-group-login { width: 400px; }
.frm-group-login .inp-frm { display: block; width: 100%; height: 45px; margin-bottom: 10px; padding: 0 15px; border: 1px solid #ddd; box-sizing: border-box; font-size: 15px; font-weight: 500; color: #2d2d2d; }
.frm-group-login .inp-frm:focus { border-color: #3a3a3a; }
.frm-group-login .btn-frm { display: block; width: 100%; height: 55px; margin-top: 30px; border: none; background: #3a3a3a; font-size: 18px; font-weight: 500; color: #fff; transition: .2s all ease-out; }
.frm-group-login .btn-frm:hover { background: #2d2d2d; }
.frm-group-login .signup-forgotten{margin-top:12px;display:flex;flex-flow:row wrap;position:relative;width:100%;font-size:13px;line-height:24px;letter-spacing:-1px}
.frm-group-login .signup-forgotten .sign_up{position:relative;font-weight:700;margin-right:20px}
.frm-group-login .signup-forgotten .forgotten,.login_input_wrap .signup-forgotten .link_rater,.login_input_wrap .signup-forgotten .sign_up{color:#373f57}
.frm-group-login .signup-forgotten .link_rater{margin-left:auto;letter-spacing:-.5px;text-decoration:underline}
.frm-group-login .signup-forgotten .sign_up:after{position:absolute;content:"";background-color:#373f57;width:1px;height:14px;top:6px;right:-8px}

/* 회원가입 */


/*상점관리 > 이용약관 및 개인정보보호정책*/
.agreement .textarea-frm,
.privacyinfo .textarea-frm { width: 100%; height: 500px; padding: 20px; border: 1px solid #eee; box-sizing: border-box; resize: none; font-size: 14px; font-weight: 400; color: #2d2d2d; }


/*상점관리 > 접근 IP 설정*/
.inp-group-ip { display: flex; align-items: center; margin-bottom: 15px; }
.inp-group-ip .inp-frm { width: 70px; text-align: center; }
.inp-group-ip span { margin: 0 5px; font-size: 13px; font-weight: 400; color: #949494; }

.list-ip li { display: flex; align-items: center; margin-bottom: 10px; }
.list-ip li:last-child { margin-bottom: 0; }
.list-ip .txt { width: 156px; font-size: 13px; font-weight: 400; color: #949494; }
.list-ip .btn-custom2 { margin-left: 10px; }


/*상점관리 > 쿠폰 기능 설정*/
.inp-group-date { display: flex; align-items: center; }
.inp-group-date .inp-frm { width: 100px; text-align: center; }
.inp-group-date span { margin: 0 5px; font-size: 13px; font-weight: 400; color: #949494; }

.inp-group-discount { display: flex; align-items: center; }
.inp-group-discount .inp-frm { width: 100px; text-align: right; }
.inp-group-discount span { margin-left: 5px; font-size: 13px; font-weight: 400; color: #949494; }


/*상점관리 > 상품 검색 설정*/
.inp-group-keyword { display: flex; justify-content: space-between; align-items: center; }
.inp-group-keyword > div { display: flex; align-items: center; }
.inp-group-keyword .tit { margin-right: 10px; font-size: 13px; font-weight: 400; color: #949494; }
.inp-group-keyword .inp-frm { width: 150px; margin-right: 20px; }
.inp-group-keyword .inp-frm:last-child { width: 250px; }


/*상점관리 > 상품 진열수/화면설정*/
.itemlayout .box-content:nth-child(2) .inp-group { width: 100%; }
.itemlayout .box-content:nth-child(2) .list-ck { justify-content: center; }
.itemlayout .box-content:nth-child(2) .list-ck li { margin: 0 30px; }
.itemlayout .box-content:nth-child(2) .list-ck .ck-custom + label { text-align: center; }
.itemlayout .box-content:nth-child(2) .list-ck .img-view { display: block; width: 500px; max-width: 100%; margin-top: 10px; }


/*회원관리 > 단체메일 발송내역 관리*/
.mailhistory .tbl td { width: 25%; }


/*상품관리 > 카테고리 관리*/
.category-group { display: flex; }
.category-group .group { display: flex; flex-direction: column; justify-content: space-between; margin-right: 20px; border: 1px solid #eee; border-radius: 4px; box-sizing: border-box; background: #fff; overflow: hidden; }
.category-group .group:first-child { width: 300px; }
.category-group .group:last-child { width: 500px; margin-right: 0; }
.category-group .top-title { display: flex; justify-content: center; align-items: center; height: 60px; background: #00aae2; font-size: 16px; font-weight: 600; color: #fff; }
.category-group .box { display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 60px); }
.category-group .btn-add { width: 22px; height: 22px; border: none; background: url('../img/ico_plus1.svg') center center no-repeat; background-size: contain; }
.category-group .btn-delete { width: 22px; height: 22px; border: none; background: url('../img/ico_minus1.svg') center center no-repeat; background-size: contain; }
.category-group .list-category { padding: 20px; box-sizing: border-box; }
.category-group .list-category li { display: flex; justify-content: space-between; align-items: center; height: 40px; border-bottom: 1px solid #eee; box-sizing: border-box; background: #fff; cursor: pointer; }
.category-group .list-category .tit { width: calc(100% - 30px); font-size: 14px; font-weight: 600; color: #949494; }
.category-group .inp-group-add { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; border-top: 1px solid #eee; box-sizing: border-box; }
.category-group .inp-group-add .inp-add { width: calc(100% - 30px); height: 30px; padding: 0 10px; border: 1px solid #eee; border-radius: 4px; box-sizing: border-box; font-size: 14px; font-weight: 600; color: #949494; }


/*상품관리 > 상품 관리*/
.productlist .state-group { display: flex; justify-content: space-between; align-items: center; width: 250px; margin: 0 auto; }
.productlist .state-group .txt { width: calc(100% - 190px); font-size: 13px; font-weight: 400; color: #949494; text-align: left; }


/*상품관리 > 상품 관리 > 상품 등록*/
.productregister .preview-group .img-group { width: 340px; height: 340px; }
.productregister .preview-group-v1 { display: flex; }
.productregister .preview-group-v1 .img-group { width: 60px; height: 60px; margin-right: 10px; }
.productregister .preview-group-v1 .img-group .btn-delete { top: 5px; right: 5px; width: 15px; height: 15px; }
.tbl-option { width: 100%; border-collapse: collapse; }
.tbl-option tr { border-bottom: 1px solid #eee; box-sizing: border-box; }
.tbl-option th { padding: 15px 0; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; text-align: center; }
.tbl-option td { padding: 15px; border-right: 1px solid #eee; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; text-align: center; }
.tbl-option td:last-child { border-right: none; }
.tbl-option td .inp-group3 { justify-content: center; }
.tbl-option td .inp-group3 .btn-group { margin-left: 10px; }
.tbl-option td .inp-group3 .btn-group .btn { height: 30px; }

.tbl-option th:nth-child(1),
.tbl-option td:nth-child(1) { width: 10%; }
.tbl-option th:nth-child(2),
.tbl-option td:nth-child(2) { width: 50%; }
.tbl-option th:nth-child(3),
.tbl-option td:nth-child(3) { width: 40%; }


/*상품관리 > 상품 진열순서 설정*/
.productsort .tbl .btn { width: 30px; height: 30px; border: none; background: center center no-repeat; }
.productsort .tbl .btn:nth-child(1) { background-image: url('../img/ico_arrow_top1.svg'); }
.productsort .tbl .btn:nth-child(2) { background-image: url('../img/ico_arrow_bottom1.svg'); }


/*상품관리 > 상품 스펙 노출관리*/
.spec-group { display: flex; }
.spec-group .box { width: calc(50% - 35px); margin: 0 35px; }
.spec-group .box .tit { margin-bottom: 20px; font-size: 16px; font-weight: 600; color: #2d2d2d; text-align: center; }
.spec-group .box:last-child .tit { color: #00aae2; }
.spec-group .box .list-ck2 { height: 322px; padding: 20px; border: 1px solid #e6ebeb; box-sizing: border-box; overflow-y: auto; }
.spec-group .btn-group-move { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 42px; }
.spec-group .btn-group-move .btn-move { width: 40px; height: 40px; margin: 10px 0; border: none; background: center center no-repeat; background-size: contain; }
.spec-group .btn-group-move .btn-move:nth-child(1) { background-image: url('../img/ico_arrow_right1.svg'); }
.spec-group .btn-group-move .btn-move:nth-child(2) { background-image: url('../img/ico_arrow_left1.svg'); }


/*상품관리 > 상품 다중이미지 설정*/
.imgmulti .inp-group { width: 100%; }
.imgmulti .list-ck { justify-content: center; }
.imgmulti .list-ck li { margin: 0 30px; }
.imgmulti .list-ck .ck-custom + label { text-align: center; }
.imgmulti .list-ck .img-multi { width: 200px; max-width: 100%; margin-top: 10px; }


/*상품관리 > 상품 일괄 간편 수정*/
.allupdate .tbl td { padding: 15px 10px; box-sizing: border-box; }
.allupdate .tbl td:nth-child(1) { width: 5%; }
.allupdate .tbl td:nth-child(2) { width: 55%; }
.allupdate .tbl td:nth-child(3) { width: 10%; }
.allupdate .tbl td:nth-child(4) { width: 10%; }
.allupdate .tbl td:nth-child(5) { width: 10%; }
.allupdate .tbl td:nth-child(6) { width: 10%; }
.allupdate .tbl .inp-frm { width: 100%; height: 30px; padding: 0 10px; border: 1px solid #e6ebeb; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; text-align: center; }
.allupdate .tbl .item-info .txt { width: calc(100% - 75px); text-align: left; }
.allupdate .tbl .item-info .txt .inp-frm { text-align: left; }


/*상품관리 > 가격 일괄수정*/
.inp-group-price { display: flex; align-items: center; }
.inp-group-price .inp-frm { width: 60px; text-align: center; }
.inp-group-price span { margin: 0 10px; font-size: 13px; font-weight: 400; color: #949494; }


/*상품관리 > 관련상품 검색/등록*/
.collectionlist .tbl .c1 { font-weight: 700; color: #00aae2; }
.collectionlist .top-title { display: flex; justify-content: space-between; align-items: center; }
.collectionlist .btn-item-select { width: 200px; height: 38px; border: none; border-radius: 3px; box-sizing: border-box; background: #00aae2; font-size: 15px; font-weight: 400; color: #fff; }


/*상품관리 > 사은품 제도 관리*/
.giftlist .inp-group2 .list-ck .inp-frm { margin: 0 10px; }


/*상품관리 > 상품 키워드 검색*/
.keywordsearch .inp-group3 .inp-frm { margin-right: 10px; }
.keywordsearch .inp-group3 .btn-frm { margin-left: 0; }


/*상품관리 > 상품상세내역 단어 필터링*/
.detailfilter-group .tit-group { display: flex; justify-content: center; align-items: center; }
.detailfilter-group .tit-group .tit { width: 50%; margin-bottom: 20px; font-size: 16px; font-weight: 600; color: #2d2d2d; text-align: center; }

.list-detailfilter li { display: flex; align-items: center; margin-bottom: 15px; }
.list-detailfilter li:last-child { margin-bottom: 0; }
.list-detailfilter .inp-frm { width: calc(50% - 35px); height: 30px; padding: 0 10px; border: 1px solid #e6ebeb; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; text-align: center; }
.list-detailfilter img { width: 30px; margin: 0 20px; }

.detailfilter-group .btn-custom { width: 100%; height: 40px; margin-top: 20px; }


/*주문매출결제배송 > 장바구니 상품분석*/
.ordercart .tbl .item-info .txt { width: auto; }
.ordercart .tbl .img-group { margin: 0 auto; }


/*주문매출결제배송 > 전체상품 매출분석*/
.allsale .btn-group { margin-bottom: 30px; }

.tbl-sale { width: 100%; border-collapse: collapse; border: 1px solid #eee; box-sizing: border-box; }
.tbl-sale tr { border-bottom: 1px solid #eee; box-sizing: border-box; }
.tbl-sale th { padding: 15px 0; box-sizing: border-box; background: #f9f9f9; font-size: 13px; font-weight: 400; color: #949494; }
.tbl-sale td { padding: 15px; border-right: 1px solid #eee; box-sizing: border-box; background: #f9f9f9; font-size: 13px; font-weight: 400; color: #949494; }
.tbl-sale td:last-child { border-right: none; }
.tbl-sale .t1 { width: 10%; text-align: center; }
.tbl-sale .t2 { width: 55%; }
.tbl-sale .t2 > div { display: flex; justify-content: space-between; align-items: center; width: 30%; margin-bottom: 10px; }
.tbl-sale .t2 > div:last-child { margin-bottom: 0; }
.tbl-sale .t3 { width: 35%; }
.tbl-sale .t3 > div { margin-bottom: 10px; }
.tbl-sale .t3 > div:last-child { margin-bottom: 0; }
.tbl-sale .t3 div { position: relative; padding-left: 20px; box-sizing: border-box; }
.tbl-sale .t3 div:after { content: ''; position: absolute; top: calc(50% - 7px); left: 0; width: 4px; height: 13px; }
.tbl-sale .t3 div.c1:after { background: #1984e8; }
.tbl-sale .t3 div.c2:after { background: #3edf4e; }
.tbl-sale .t3 div.c3:after { background: #eaa827; }
.tbl-sale .total td { background: #fff; }
.tbl-sale .c1 { color: #1984e8; }
.tbl-sale .c2 { color: #3edf4e; }
.tbl-sale .c3 { color: #eaa827; }


/*주문매출결제배송 > 개별상품 매출분석*/
.eachsale .btn-group { margin-bottom: 30px; }


/*커뮤니티 > 게시판 리스트 관리*/
.access-group { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.access-group .box > div { display: flex; align-items: center; margin: 5px 0; }
.access-group .tit { display: flex; justify-content: center; align-items: center; width: 36px; height: 24px; margin-right: 20px; border: 1px solid #d3d9e1; border-radius: 2px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; }


/*커뮤니티 > 게시판 공지사항 관리*/
.communitynotice .inp-group-notice { display: flex; align-items: center; }
.communitynotice .inp-group-notice .btn-group { margin-left: 10px; }
.communitynotice .inp-group-notice .btn-group .btn { height: 30px; }


/*커뮤니티 > 1:1 고객 게시판 관리*/
.personal .btn-group { margin-bottom: 30px; }


/*커뮤니티 > 쇼핑몰 일정관리*/
.communityschedule .box-content { width: 900px; max-width: 100%; margin: 0 auto; }

.calendar-control { display: flex; justify-content: center; align-items: center; position: relative; margin: 20px 0 15px; }
.calendar-control .calendar-date .year,
.calendar-control .calendar-date .month { font-size: 24px; font-weight: 600; color: #2d2d2d; }
.calendar-control .btn-calendar { width: 50px; height: 50px; margin-bottom: 8px; background: center center no-repeat; background-size: 30px; border: none; }
.calendar-control .btn-calendar-prev { background-image: url('../img/ico_arrow_prev1.svg'); }
.calendar-control .btn-calendar-next { background-image: url('../img/ico_arrow_next1.svg'); }

.calendar-custom { width: 100%; border-collapse: collapse; margin: 0 auto 30px; }
.calendar-custom th { width: 14.28%; height: 50px; font-size: 14px; font-weight: 400; color: #949494; text-align: center; }
.calendar-custom td { position: relative; width: 14.28%; height: 60px; cursor: pointer; }
.calendar-custom td .today { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; text-align: center; background: #e3e3e3; border-radius: 50%; box-sizing: border-box; margin: 0 auto; color: #000; }
.calendar-custom td .active { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; text-align: center; background: #00aae2; border-radius: 50%; box-sizing: border-box; margin: 0 auto; color: #fff; }
.calendar-custom .day { display: flex; justify-content: center; align-items: center; height: 100%; font-size: 18px; font-weight: 400; color: #2d2d2d; text-align: center; }
.calendar-custom td.inactive > .day { color: #e3e3e3; }
.calendar-custom td.inactive > .day.active { background: none; }
.calendar-custom .mark { position: absolute; top: 12px; left: 0; right: 0; width: 5px; height: 5px; margin: 0 auto; border-radius: 50%; box-sizing: border-box; background: #00aae2; }

.list-schedule li { position: relative; border-bottom: 1px solid #eee; box-sizing: border-box; }
.list-schedule li:last-child { border-bottom: 0; }
.list-schedule .schedule-group { display: flex; align-items: center; padding: 20px; box-sizing: border-box; }
.list-schedule .schedule-date { width: 100px; margin-right: 30px; text-align: center; }
.list-schedule .schedule-date .txt { font-size: 20px; font-weight: 500; color: #949494; }
.list-schedule .schedule-date .txt2 { font-size: 12px; font-weight: 400; color: #949494; }
.list-schedule .schedule-info { display: flex; align-items: center; width: calc(100% - 250px); }
.list-schedule .schedule-info .schedule-conts { width: 100%; }
.list-schedule .schedule-info .schedule-conts .tit { margin-bottom: 5px; font-size: 16px; font-weight: 500; color: #949494; }
.list-schedule .schedule-info .schedule-conts .txt { font-size: 14px; font-weight: 400; color: #949494; }
.list-schedule .schedule-info .schedule-conts .inp-frm { width: 100%; height: 30px; padding: 0 10px; border: 1px solid #e6ebeb; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #949494; }
.list-schedule .schedule-info .schedule-conts textarea.inp-frm { height: 60px; padding: 10px; box-sizing: border-box; resize: none; }
.list-schedule .btn-group-calendar { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; }
.list-schedule .btn-group-calendar .btn { height: 30px; margin-left: 10px; padding: 0 10px; border: none; border-radius: 2px; box-sizing: border-box; background: #444; font-size: 13px; font-weight: 400; color: #fff; }
.list-schedule .btn-group-calendar .btn:last-child { margin-right: 0; }
.list-schedule .btn-group-calendar .btn-v1 { border: 1px solid #d3d9e1; box-sizing: border-box; background: #fff; color: #6a6a6a; }


/*통계분석 > 접속통계 HOME*/
.box-graph { display: flex; justify-content: center; max-width: 60%; margin: 0 auto 80px; }

.box-count { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.box-count .box { width: 33.33%; margin-bottom: 30px; padding: 0 15px; box-sizing: border-box; }
.box-count .card { position: relative; height: 260px; padding: 25px; box-shadow: 0 4px 18px 0 rgba(158, 158, 158, 0.25); box-sizing: border-box; background: #fff; }
.box-count .card.inactive { opacity: .5; }
.box-count .card .top-title { margin-bottom: 10px; font-size: 20px; font-weight: 500; color: #2d2d2d; }

.box-count .card .btn-minus { display: none; position: absolute; top: calc(50% - 60px); left: 0; right: 0; width: 120px; height: 120px; margin: 0 auto; border: none; background: url('../img/ico_minus1.svg') center center no-repeat; background-size: contain; }
.box-count .card .btn-plus { display: none; position: absolute; top: calc(50% - 60px); left: 0; right: 0; width: 120px; height: 120px; margin: 0 auto; border: none; background: url('../img/ico_plus1.svg') center center no-repeat; background-size: contain; }
.box-count .card:hover .btn-minus,
.box-count .card.inactive:hover .btn-plus { display: block; }

.list-count li { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #dedede; box-sizing: border-box; }
.list-count .tit { font-size: 16px; font-weight: 400; color: #949494; }
.list-count .txt { font-size: 16px; font-weight: 400; color: #949494; }
.list-count .txt span { font-weight: 500; color: #2d2d2d; }


/*통계분석 > 카운터 디자인 선택*/
.refererdesign .inp-group { width: 100%; }
.refererdesign .list-ck { justify-content: center; }
.refererdesign .list-ck li { margin: 0 30px; }
.refererdesign .list-ck .ck-custom + label { text-align: center; }
.refererdesign .list-ck .img-graph { display: block; width: 600px; max-width: 100%; margin: 10px auto 0; }