@charset "utf-8";

/*
css name : content
use : all page css
*/

/* ==================================================
	아이콘
================================================== */
[class^=icon-] {vertical-align:middle;}
.icon-logout {width:20px; height:28px; background:url(../img/icon/icon_logout.png) no-repeat;}
.icon-home {width:32px; height:28px; background:url(../img/icon/icon_home.png) no-repeat;}
.icon-photo {width:26px; height:22px; background:url(../img/icon/icon_photo.png) no-repeat;}
.icon-dimm-panel {width:44px; height:34px; background:url(../img/common/template_panel_dimm.png) no-repeat;}
.icon-round-del {width:17px; height:17px; background:url(../img/btn/btn_input_del.png) no-repeat; text-indent:-9999px;}
.icon-people {margin-top:-3px; width:16px; height:20px; background:url(../img/icon/icon_people.png) no-repeat;}
.icon-shop {margin-top:-3px; width:22px; height:20px; background:url(../img/icon/icon_shop.png) no-repeat;}
.icon-reload {margin-top:-3px; width:12px; height:14px; background:url(../img/icon/icon_reload.png) no-repeat;}
.icon-heart-wh {width:16px; height:14px; background:url(../img/icon/icon_heart_wh.png) no-repeat;}
.icon-lineHeart {width:16px; height:14px; background:url(../img/icon/icon_heart_line.png) no-repeat;}
.icon-play {width:10px; height:13px; background:url(../img/icon/icon_play.png) no-repeat;}
.icon-volume {width:24px; height:20px; background:url(../img/icon/icon_volume.png) no-repeat;}
.icon-volume.off {background-position:0 -20px;}
.icon-x {width:19px; height:19px; background:url(../img/icon/layer_close_small.png) no-repeat;}
.icon-star {width:32px; height:32px; background:url(../img/icon/icon_star.png) no-repeat;}
.icon-star.active {background-position:0 -32px;}

/* ==================================================
	로그인
================================================== */
.login-page {}
.login-page .inner {width:640px; }
.login-page .login-box {padding:49px; border:1px solid #b4dcf2; }

.login-form {position:relative;}
.login-form label {width:102px; color:#2e4c97; font-size:1.3rem; font-weight:700; line-height:44px;}
.login-form input {width:290px; height:44px; border-color:#c7dded; color:#666; font-weight:700; font-size:1.5rem;}
.login-form > div:nth-of-type(2) {margin-top:6px;}
.login-form button {position:absolute; top:0; right:0;  width:130px; height:100%; font-size:1.8rem; font-weight:700;}

.login-box .submit-comment {padding:20px 0 50px 105px; font-size:1.2rem;}

.login-box .util {padding:19px 0 0 105px; border-top:1px solid #b4dcf2;}
.login-box .util label {color:#666; font-weight:400;}
.login-box input[type="checkbox"] {width:18px; height:18px; border-color:#9ad7fb;}

/* ==================================================
	메인
================================================== */
.main-page {height:100%;}

.main-menu {width:990px;}
.main-menu li {float:left; margin:10px 0 0 10px; width:240px;}
.main-menu li:nth-child(4n+1) {margin:10px 0 0 0;}
.main-menu li a {position:relative; display:block; width:100%; height:200px; border:1px solid #fff; text-align:center; background:#fff;}
.main-menu li a span {display:block; padding-top:30px; font-size:1.8rem; font-weight:700;}
.main-menu li a i {display:block; padding-top:37px;}
.main-menu li a:hover {display:block; background:#dbf0fc; border:1px solid #2e4c97;}


/* ==================================================
	정보관리
================================================== */
/* 02.매장관리 */
.characteristic-shop {font-size:0;}
.characteristic-shop label {margin:5px 0;width:33.33%; font-size:1.3rem;}

/* 03.제품관리 */
.goods-list {border-top:1px solid #ededed;}
.goods-list li {float:left; margin:5px 0; width:25%;}

.goods-item {padding:5px; border:1px solid #fff; text-align:center; }
.goods-item.active {border-color:#5cb6ea;}
.goods-item .thumb-img {margin:auto; width:120px; height:90px; border:1px solid #e3e3e3; text-align:center;}
.goods-item .thumb-img.non_phone {background:url(../img/icon/icon_photo.png) no-repeat center;}
.goods-item .goods-nm {padding:5px 0;font-size:1.3rem; font-weight:700;}
.goods-item .sale {display:inline-block; padding:0 5px; background:#f9f9f9; text-align:center; color:#e81515; line-height:24px;}
.goods-item .sale.stop {background:#999; color:#fff;}

.brandNm-lang {margin-top:-10px;}
.brandNm-lang li {margin-top:10px;}
.brandNm-lang li span {display:inline-block; width:60px;}

.goods-thumbDetail {display:inline-block; vertical-align:top;}
.goods-thumbDetail h5 {font-size:1.5rem; font-weight:700;}
.goods-thumbDetail .box {margin-top:10px; border:1px solid #e3e3e3; width:120px; height:90px; text-align:center;}
.goods-thumbDetail .box.images {background:url(../img/icon/icon_photo.png) no-repeat center;}
.goods-thumbDetail .box.movie {background:url(../img/icon/icon_movie.png) no-repeat center;}

/* 제품관리 등록 */
.goodsOpt-regBox {padding-bottom:10px;border-bottom:1px solid #ededed;}
.goodsOpt-regBox .title {margin:20px 0 5px;padding-left:5px; font-weight:700; font-size:1.5rem;}
.goodsOpt-regBox .title + .delete {position:absolute; top:0; right:0;}
.goodsOpt-regBox .title + .delete button { font-size:1.3rem; color:#666;}


/* ==================================================
	관리자 환경설정
================================================== */
/* 브랜드 등록 */
.facebook-url {margin:7px 0 26px 0; position:relative;}
.facebook-url span {font-size:13px; color:#666;}
.facebook-url .cover {position:absolute; top:-7px; right:0; left:178px;}

/* 인스타그램 해시태그 */
.instagram-hashTag {padding:0 0 5px 5px; min-height:75px; border:1px solid #c7ced6; font-size:0;}
.instagram-hashTag .tag {display:inline-block; margin:5px 5px 0 0; border:1px solid #c7ced6;}
.instagram-hashTag a {position:relative; padding: 0 0px 0 5px; line-height:25px;font-size:1.2rem;color:#666;}
.instagram-hashTag button {width:28px;height:27px; background:url(../img/icon/icon_del2.png) center no-repeat;text-indent:-9999px;}

/* 담당자관리 */
.incharge-storeList {max-height:349px; overflow-y:scroll;}


/* ==================================================
	메뉴보드 관리
================================================== */
/* 01 메뉴보드 기본구성 */
.icon-step {display:inline-block; position:relative; margin:0 15px 10px 0 ; width:58px; line-height:24px; font-size:1.3rem; color:#fff; text-align:center; border-radius:2px 0 0 2px; background:#5985c1; vertical-align:1px;}
.icon-step:after {position:absolute; top:0; right:-24px; display:block; width:0px; height:0px; border:12px solid transparent; border-left:12px solid #5985c1; content:"";}
.template-divide .step1 {float:left; width:22.95%; padding-right:30px;}
.template-divide .step2 {float:left; width:77.05%; }

/* Step1 메뉴보드 템플릿 선택 */
.step2 .align-right {position:absolute; top:-8px; right:0;}
.template-list {border:1px solid #e3e3e3; height:500px; overflow-y:scroll;}
.template-list li {padding:5px 0 0 0; text-align:center;}
.template-list li a {display:block;}
.template-list figure {display:inline-block; padding:10px 0; width:80%; border:1px solid #fff;}
.template-list figure.active {border-color:#5cb6ea;}
.template-list .thumb-img {display:inline-block; position:relative; border:1px solid #e3e3e3; font-size:0; height:90px; width:120px;}
.template-list .thumb-img img {width:118px; height:88px;}
.template-list .thumb-img span {display:block; position:absolute; bottom:0; left:0; width:45px; line-height:22px; color:#fff; font-size:1.3rem; text-align:center; background:#797979;}
.template-list .thumb-img .show {background:#5cb6ea;}
.template-list figcaption {padding-top:10px; font-weight:700;}

/* 02 매장 템플릿 구성 */
.tamplate-panel {max-height:427px; overflow-y:auto;}
.tamplate-panel .list-more {width:160px; background:#e7e7e7; text-align:center; line-height:30px; font-size:1.3rem;}

/* 03 매장 메뉴 설정 */
.template-list {position:relative;}/* 2017-07-14 수정*/
.template-list table th {border-top:none;}

/* 패널 템플릿 설정 */
.panel-setting {margin-top:-7px;}
.panel-setting li {float:left; margin-top:7px; width:16.6%; text-align:center;}
.panel-setting .item {margin:auto; padding-top:7px; width:130px; height:81px;}/* 2017-07-14 수정 */
.panel-setting .item.active {border:1px solid #5985c1; background:#f9f9f9;}
.panel-setting .item .number {display:inline-block; padding-top:5px; width:44px; height:34px; background:url(../img/common/template_panel.png) no-repeat; color:#666; text-align:center; font-size:1.4rem;}
.panel-setting .item .point-color {padding-top:5px; font-size:1.2rem; font-weight:700;word-break: break-all;}

/* 03 매장 메뉴 설정 */
.template-list {position:relative;}/* 2017-07-14 수정*/
.template-list table th {border-top:none;}

/* 04 메뉴보드 설정 */
.menuSetup-check {position:absolute; top:-4px; right:0;}
.menuSetup-check label {margin-right:30px;}

/* 2017-04-13 수정 */
.menuBoard-item {padding:16px 20px 16px 20px; position:relative; background:#f9f9f9;} /* 2017-04-18수정 */
.menuBoard-item .function-name {display:none; padding:10px; _width:144px; width:100px; height:350px;}  /* 2017-04-18수정 */
.menuBoard-item .function-name p {font-weight:700; font-size:1.4rem;}
.menuBoard-item .function-name p:nth-of-type(1) {padding-top: 219px;}
.menuBoard-item .function-name p:nth-of-type(2) {padding-top: 31px;}
.menuBoard-item .setup-wrap {_position:absolute; padding:0 0 10px 0; top:20px; right:10px; _left:144px; left:100px; overflow-x:scroll; white-space:nowrap;} /* 2017-04-18 수정 */
.menuBoard-item .setup-wrap li {display:inline-block; margin-left:20px; background:#fff;} /* 2017-04-18수정 */
.menuBoard-item .setup-wrap li:first-child {margin-left:0;}

.select-choice.flexible {} /* 2017-04-18 수정 */
.select-choice.flexible .select-area select {width:49%;}
.select-choice.flexible .select-area select:nth-of-type(1) {float:left;}
.select-choice.flexible .select-area select:nth-of-type(2) {float:right;}
.select-choice.flexible .find-form {position:relative; margin-top:5px; display:block;}
.select-choice.flexible .find-form input {margin-left:0; width:100%;}
.select-choice.flexible .find-form .cover {position:absolute; top:0; right:55px; left:85px;}
.select-choice.flexible .find-form .btn-find {float:right;}

.select-choice.flexible .sort-select {position:relative; margin-top:5px; text-align:right; height:32px;}
.select-choice.flexible .sort-select input[type="text"],
.select-choice.flexible .sort-select select {width:100%;}
.select-choice.flexible .sort-select:nth-of-type(1) {margin-top:0;}
.select-choice.flexible .sort-select .cover {position:absolute; top:0; left:0; right:68px; text-align:left;}
.select-choice.flexible .sort-select [class^="btn-"] {width:64px !important; background:#5985c1; border-color:#5985c1;}
/* // 2017-04-18 수정 */

.menuBoard-related-link {padding:7px; margin:0 10px; background:#dbebf4; border-width:1px 0;}
.menuBoard-related-link .btn-area {float:right; text-align:right; margin-top:4px; } /* 2017-04-18 수정 */
.menuBoard-related-link .line {display:inline-block;margin: 0 5px 0 9px;width:1px;height: 20px;background: #b7b7b7;vertical-align:middle;}  /* 2017-04-18 수정 */

.setup-item { border:1px solid #e3e3e3; text-align:center;} /* 2017-04-18 수정 */
.setup-item.active {border-color:#5cb6ea; border-width:2px;}
.setup-item .inner-defualt {padding:10px;}
.setup-item .inner-defualt .title-nm {padding-bottom:10px;}
.setup-item .menuGroup-nm {margin-top:15px; height:46px; line-height:20px; white-space:normal;}
.setup-item .thumb-img {position:relative; margin:auto; border:1px solid #e3e3e3; width:180px; height:160px;} /* 2017-04-18 수정 */
.setup-item .thumb-img span {display:block; position:absolute; top:0; right:0; left:0 ; background:rgba(0,0,0,.7); color:#fff; font-size:1.3rem;line-height: 17px;min-height: 26px;white-space: normal; width: 100%; padding: 4px 2% 5px;max-height: 41px; overflow: hidden;} /* 2017-07-14 수정 */
.setup-item .thumb-img .date {top:128px; left:12px; width: 154px; background:rgba(0,0,0,.3);} /* 2017-04-18 수정 */
.setup-item .thumb-img img {width:178px; height:158px;} /* 2017-05-14 수정 */
.setup-item .inner-control { border-top:1px solid #e3e3e3; _background:#f9f9f9;} /* 2017-04-18 수정 */
.setup-item .inner-control .control {position:relative; display:inline-block; vertical-align:middle;}
.setup-item .inner-control .control label {overflow:hidden; width:70px; height:32px; background:url(../img/icon/bg_check.png) no-repeat;}
.setup-item .inner-control .control input[type="checkbox"] {height:0px; width:0px; position:absolute; top:-1px; background:#fff; border:none;}
.setup-item .inner-control .control input[type="checkbox"]:checked + label {background-position:0 -32px;}
/* //2017-04-13 수정 */

.volume-wrap {padding:16px 0; border-top:1px solid #e3e3e3;}
.volume-wrap .icon-volume {margin:3px 5px 0 0;}
.volume-wrap .range {display:inline-block; width:80px;}
.volume-wrap .size { margin-left:10px; display:inline-block; width:43px; border:1px solid #c7ced6; background:#fff; line-height:32px; text-align:center; color:#666; font-size:1.3rem; vertical-align:-2px;}

/* 2017-04-18 추가 */
.divide-checkSet-wrap {padding:10px;}
.divide-checkSet {padding:2px 0;}
.divide-checkSet:after {display:block; clear:both; content:"";}
.divide-checkSet span {display:block; float:left; line-height:30px;}
.divide-checkSet .control {float:right;}
/* //2017-04-18 추가 */

.menuboard-list-wrap {position:relative; padding:0 40px; background:#f9f9f9; }
.menuboard-list-wrap:after,
.menuboard-list-wrap:before {display:inline-block; content:""; position:absolute; top:0; bottom:0; width:25px; }
.menuboard-list-wrap:after {right:0; background:#b0b0b0 url(../img/icon/arr_right_white.png) center no-repeat;}
.menuboard-list-wrap:before {left:0; background:#b0b0b0 url(../img/icon/arr_left_white.png) center no-repeat;}

.menuboard-list {overflow-x:scroll; padding:20px 0; white-space:nowrap;}
.menuboard-list .board {position:relative; padding-top:15px; margin:0 25px;display:inline-block; width:160px; height:111px; border:1px solid #e3e3e3; text-align:center;}/* 2017-07-14 수정 */
.menuboard-list .board button {position:absolute; top:0; bottom:0; width:24px; text-indent:-9999px;}
.menuboard-list .board .prev {left:-24px; background:url(../img/icon/arr_left_grey.png) center no-repeat;}
.menuboard-list .board .next {right:-24px; background:url(../img/icon/arr_right_grey.png) center no-repeat;}
.menuboard-list .panel {padding-top:8px; margin:auto; width:53px; height:41px; background:url(../img/common/menuboard_monitor.png) no-repeat; font-weight:700; color:#666;}
.menuboard-list .active {background:#3c5185;}
.menuboard-list .active .panel {background-position:0 -41px; color:#fff;}
.menuboard-list .name {margin-top:10px; padding:0 5px; font-weight:700;white-space:normal;height:32px;overflow:hidden;}/* 2017-07-14 수정 */
.menuboard-list .active .name {color:#fff !important;}

.menuboard-list.small .board {margin:0 2px; padding-top:20px; width:80px; height:80px;}

.menuboard-output {margin-top:10px; height:600px; overflow:auto;}
.menuboard-output img {max-width:inherit;}


/* 05 편성 설정 */

/* 편성설정 하위메뉴 */
.formation-nav {}
.formation-nav li {position:relative; float:left;}
.formation-nav li:before {display:block; content:""; position:absolute; top:2px; left:0; width:1px; height:13px; background:#c1c1c1;}
.formation-nav li:first-child:before {display:none;}
.formation-nav li a{display:block; padding:0 20px; color:#666; font-size:1.5rem; line-height:1;}
.formation-nav .active a {color:#3c5185; font-weight:700;}
.formation-nav .active:after {display:block; content:""; position:absolute; left:5px; right:5px; bottom:-13px; height:3px; background:#3c5185;}

/* 템플릿편성 */
.formation-templateReg .frm-wrap {height:750px; overflow-y:auto;}

/* 통판 영상설정 */
.horiz-scroll {overflow-x:scroll; white-space:nowrap;}
.horiz-scroll li {margin:10px; display:inline-block; vertical-align:top;}

.full-movie-reg {position:relative; padding:10px 0; width:170px; height:180px; border:1px solid #fff; text-align:center;}
.full-movie-reg.active {border-color:#5cb6ea;}
.full-movie-reg .btn-util {width:88px; margin-top:100px;}
.full-movie-reg .file-nm {width: 100%;margin-top: 10px;font-weight:700;white-space: initial;word-break: break-all;}/* word-break 추가 2017-08-02 오찬호 */

/* 메뉴보드 배경영상관리 */
.menuboard-movie-list {max-height:401px; overflow-y:auto;}


/* ==================================================
	운영관제
================================================== */
/* 대시보드 */
.shopCount-total {overflow:hidden; }
.shopCount-total .panel {position:relative; /* padding:0 59px;  */height:100px; /* background:#2d3a5c; */ color:#2d3a5c; text-align:center;}
.shopCount-total .brand-logo {display:none; height:78px; border-bottom:1px solid #415076;}
.shopCount-total .brand-logo:before {display:inline-block; content:""; width:0.01%; height:100%; vertical-align:middle;}
.shopCount-total .brand-logo span {display:inline-block; position:relative; z-index:2; vertical-align:middle;}
.shopCount-total .brand-logo img {max-height:35px;}
.shopCount-total .brand-nm {display:none; padding-top:18px; color:#afb8ce; font-size:1.6rem;}
.shopCount-total .count {padding-top:11px; font-size:4rem; font-weight:700; line-height:1; }
.shopCount-total .date {position:absolute; bottom:10px; right:10px; font-size:1.2rem;}

.chart-donut-wrap {position:relative; width:600px; margin:auto}
#stb-chart {float:right;}

.shopCount-list {position:absolute; top:50%; transform:translateY(-50%); margin-top:-20px;}
.shopCount-list li {padding:5px 0;text-align:right; font-size:1.6rem; color:#222; font-weight:700;}
.shopCount-list li span {display:inline-block; width:80px; text-align:left; color:#666; font-size:1.3rem; font-weight:400;}
.shopCount-list li i {display:inline-block; margin-right:5px; width:12px; height:12px; border-radius:50%; vertical-align:middle;}
.shopCount-list li .on {background:#5cb6ea;}
.shopCount-list li .off {background:#dc6263;}
.shopCount-list li .mix {background:#ff80d5;}
.shopCount-list li .usb {background:#ebc85e;}
.shopCount-list li .etc {background:#6E6E6E;}
.shopCount-list li .test {background:#B18904;}

.count-connect {position:absolute; top:133px; right:130px; padding-top:20px; width:100px; height:100px; border-radius:50%; text-align:center; }
.count-connect span {font-size:1.4rem;}
.count-connect .on {color:#5cb6ea;}
.count-connect .off {color:#dc6263;}
.count-connect .usb {color:#ebc85e;}
.count-connect .etc {color:#6E6E6E;}
.count-connect p {font-size:3.3rem; font-weight:700;color:#8e8071;}

.zip-chart-wrap {position:relative; width:600px; margin:auto}
#zip-chart {float:right;}

/* 매장 리스트 불릿 */
.shop-bull {display:inline-block; margin-right:5px; width:12px; height:12px; border-radius:50%; vertical-align:middle;}
.shop-bull.on {background:#5cb6ea;}
.shop-bull.mix {background:#ff80d5;}
.shop-bull.usb {background:#ebc85e;}
.shop-bull.off {background:#dc6263;}
.shop-bull.etc {background:#6E6E6E;}
.shop-bull.new {background:#5cb85c;}
.shop-bull.etc_on {background:#01DF01;}
.shop-bull.test {background:#B18904;}

/* 모니터 정보 */
.monitor-infoDetail {}
.monitor-infoDetail .align-right .btn-basic {background:#5985c1; border-color:#5985c1;}

.monitor-infoDetail .tabs {border-bottom:1px solid #3c5185;}
.monitor-infoDetail .tabs li {width:170px;}

/* 모니터 */
.menuBoard-monitors  {}
.menuBoard-monitors li {float:left; margin-top:10px; padding:7px 0; width:25%; height:180px; border:1px solid #fff; text-align:center;}
.menuBoard-monitors li.active {border-color:#5cb6ea;}
.menuBoard-monitors .state {margin-top:5px; padding-left:25px; text-align:left;}
.menuBoard-monitors .state p {padding:4px 0; font-size:13px; color:#666;}

.monitor-one .thumb-img {position:relative; margin:auto; border:1px solid #e3e3e3; width:120px; height:90px; text-align:center;}
.monitor-one .thumb-img span {display:block; position:absolute; right:0; bottom:-1px; left:0 ; background:rgba(0,0,0,.7); color:#fff; font-size:1.3rem; line-height:22px;}
.monitor-one .thumb-img img {max-width:100%;}

/* 사용율 */
.progress-bar {position:relative; padding-right:40px;}
.progress-bar .percent {position:absolute; top:0; right:0; line-height:20px; color:#5cb6ea; font-size:1.3rem; font-weight:700;}
.progress-bar .bar {border:1px solid #5cb6ea;}
.progress-bar .bar span {display:block; height:18px; background:#5cb6ea; }

/* 대시보드 추가 2020-02-19 */
.temp-update-summary {padding:15px 15px 5px; color:#2d3a5c; font-size:1.3rem;}
.temp-update-summary .tem-name {position:relative; display:inline-block;}
.temp-update-summary .tem-name:hover .temp-list {display:block;}
.temp-update-summary .tem-name:hover strong {color:#5cb6ea; text-decoration:underline;}
.temp-update-summary .ct + .ct {margin-top:10px;}
.temp-update-summary strong {font-weight:700;}
.temp-update-summary .temp-list {display:none;position:absolute; top:-50px; right:-100%;padding:10px 15px; background:#fff; border:1px solid #dee3e9; color:#666; z-index:10;}
.temp-update-summary .temp-list li {padding:3px 0;}

.calendar-hd {position:relative; padding:10px 10px 10px 270px; min-height:49px; text-align:right;}
.calendar-hd .year-month {position:absolute; top:10px; left:10px;}
.calendar-hd .year-month button {width:29px; height:29px; border:1px solid #c2ccd8; box-sizing:border-box; vertical-align:top; background:#fff;}
.calendar-hd .year-month .prev {margin-right:10px; border-radius:3px 0 0 3px}
.calendar-hd .year-month .next {margin-left:10px; border-radius:0 3px 3px 0}
.calendar-hd .year-month select {border:none; vertical-align:middle; height:29px; color:#2d3a5c; font-size:1.6rem; font-weight:700;}
.calendar-hd .brand-depth span {display:inline-block; margin:7px 0 0 5px;font-weight:700; font-size:1.2rem; color:#666;}
.calendar-hd .brand-depth span i {display:inline-block; margin:0 2px 1px 0; width:5px; height:5px; border-radius:50%;}

.calendar-ct {border:1px solid #dee3e9; border-width:1px 0 0 0; color:#666; font-size:1.2rem;}
.calendar-ct .day-num .brand-sort:after,
.calendar-ct .day-ko:after,
.calendar-ct .day-num:after {display:block; content:""; clear:both;}
.calendar-ct .day-ko span {display:block; float:left; width:14.28%; box-sizing:border-box; line-height:30px; text-align:center;}
.calendar-ct .day-ko span + span {border-left:1px solid #dee3e9;}
.calendar-ct .sun .day,
.calendar-ct .sun {color:#dc6263 !important;}
.calendar-ct .day-num > div {position:relative; float:left; width:14.28%; min-height:78px; box-sizing:border-box; border:1px solid #dee3e9; border-width:1px 0 0 1px; transition:all 0.3s}
.calendar-ct .day-num > div:before {display:block; content:""; position:absolute; top:0; right:0; left:0; bottom:0; border:1px solid #fff;}
.calendar-ct .day-num > div:nth-child(-n+7) {border-top-width:0px;}
.calendar-ct .day-num > div:nth-child(7n+1) {border-left-width:0px;}
.calendar-ct .day-num > div .day {display:block; padding:5px ; color:#999; text-align:right;}
.calendar-ct .day-num .brand-sort {padding:0 1px; }
.calendar-ct .day-num .brand-sort em {display:block; float:left; width:33.33%;}
.calendar-ct .day-num .brand-sort em span {display:block; margin:1px; color:#fff; font-size:1rem; text-align:center; line-height:16px; border-radius:2px; letter-spacing:-.5px;}
.calendar-ct .day-num > div.active:before{border-color:#5cb6ea;}
.calendar-ct .day-num.line4 > div {min-height:98px;}
.calendar-ct .day-num.line6 > div {min-height:65px;}

/* ==================================================
	승인이력관리
================================================== */
.request-confirm {position:relative;}
.request-confirm .layer {display:none; position:absolute; top:50%; right:0; z-index:10; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:10px 0; width:230px; background:#fff; border:1px solid #2d3a5c;}
.request-confirm .layer [class^="btn-"] {width:80px;}
.request-confirm .layer .close {margin-left:5px; width:30px; font-size:0;}


/* ==================================================
	외부연동관리
================================================== */
.sns-type-choice {}
.sns-type-choice .sns-type {padding:20px 0; border-bottom:1px solid #ededed;}

.sns-content {position:relative; margin:15px -10px 0 -10px; padding:20px 10px;background:#f9f9f9;}
.sns-content .title {position:relative; height:30px;  font-size:1.4rem;}
.sns-content .title button {position:absolute; top:-5px; right:0; }
.sns-content .title strong {display:inline-block;padding-top:3px;}
.sns-content .content-box-wrap.fixed {float:left; width:400px;}
.sns-content .content-box-wrap.new {position:absolute; top:20px; right:10px; bottom:0; left:400px;}

.sns-content .inner-box {display:inline-block; margin-left:10px; width:360px; padding:9px; height:120px; border:1px solid #c7ced6; background:#fff;}
.sns-content .inner-box:nth-of-type(1) {margin-left:0;}

.sns-content .content-box {font-size:0; white-space:nowrap;  overflow-y:auto;}
.sns-content .content-box .none {background:none;}
.sns-content .content-box .message {padding-top:40px;font-size:1.2rem; text-align:center;}

.sns-content .thumb {float:left; width:100px; height:100px; border:1px solid #e3e3e3;}
.sns-content .thumb img {width:98px; height:98px;}
.sns-content .info {position:relative; float:right; width:225px;}
.sns-content .info .del {position:absolute; top:0; right:0;}
.sns-content .info .nm {font-size:1.3rem;font-weight:700;}
.sns-content .info .like {margin-top:5px; font-size:1.2rem; font-weight:700;}
.sns-content .info .txt {margin-top:7px; font-size:1.2rem; color:#666; line-height:17px; white-space:normal;height:50px;}

.sns-list {}
.sns-list .title {margin-top:10px; padding-top:20px; font-size:1.4rem; font-weight:700; color:#222; border-top:1px solid #ededed;}
.sns-list .title:nth-of-type(1) {margin-top:0; border-top:none;}

.sns-list .list {margin-left:-9px; padding:0px 0 20px 0; font-size:0;}
.sns-list .list li {display:inline-block; margin:20px 0 0 9px;}

.sns-list figure {position:relative; width:113px; height:113px; border:1px solid #c7ced6;}
.sns-list figure .thumb img {width:111px; height:111px;}
.sns-list figure figcaption {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5);}
.sns-list figure .inner {position:absolute; top:50%; left:50%; width:100%; padding:0 10px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  color:#fff; font-size:1.2rem;}
.sns-list figure .txt {line-height:17px; height:34px; }
.sns-list figure .like {padding-top:1px; text-align:center;}
.sns-list .check {position:absolute; top:-16px; right:3px; z-index:5;}

.sns-list .btn-basic {margin-bottom:10px; padding:0 10px; background:#e7e7e7; border:#e7e7e7; color:#000 !important; border-radius:0}


/* 배포 */
.send {background:#5985c1; border-color:#5985c1;}


/* ==================================================
	인트로
================================================== */
.intro-page {width:100%;height:100%;background:#ecf3f8 url(../img/common/bg_intro.png) no-repeat 0 bottom;background-size:100% auto;}
.intro-page .inner {width:100%;text-align:center;}
.intro-page .intro-menu {font-size:0;}
.intro-page .intro-menu dl {display:inline-block;width:490px;margin:0 15px;border-radius:5px;background-color:#fff;box-shadow:1px 2px 15px 0px rgba(0,0,0,.15);}
.intro-page .intro-menu dt {height:60px;border-radius:5px 5px 0 0;background-color:#64a0d7;color:#fff;font-size:22px;line-height:60px;}
.intro-page .intro-menu dd {border-radius:0 0 5px 5px;}
.intro-page .intro-menu dd .list {border-radius:0 0 5px 5px;}
.intro-page .intro-menu dd .list li {float:left;width:50%;height:215px;border:1px solid #ededed;border-width:0 1px 1px 0;background-color:#fff;}
.intro-page .intro-menu dd .list li:nth-of-type(2n) {border-right:0;}
.intro-page .intro-menu dd .list li.btm_l {border-radius:0 0 0 5px;}
.intro-page .intro-menu dd .list li.btm_r {border-radius:0 0 5px 0;}
.intro-page .intro-menu dd .list li a {display:block;width:100%;height:100%;padding-top:45px;}
.intro-page .intro-menu dd .list li .icon {height:54px;}
.intro-page .intro-menu dd .list li .icon img {max-height:100%;}
.intro-page .intro-menu dd .list li .tit {margin-top:36px;color:#000;font-size:20px;line-height:28px;font-weight:bold;}
.intro-page .intro-menu dd .list li:hover {background-color:rgba(100,160,215,.15);}
.intro-page .intro-menu dd .list li.half {height:107.5px;}
.intro-page .intro-menu dd .list li.half a {padding-top:12px;}
.intro-page .intro-menu dd .list li.half .tit {margin-top:6px;}
.intro-page .intro-menu dl.r-ver dt {background-color:#dc6263;}
.intro-page .intro-menu dl.r-ver dd .list li:hover {background-color:rgba(220,98,99,.15);}


/* ==================================================
	레이어팝업
================================================== */
/* 그룹 제품 보기 */
.groupGoods-view {display:block;}

/* 검색조건 */
.pop-searchTerms {display:none;}
/* 미리보기 */
.pop-preView .layer-inner {width:90%;}
.pop-preView .layer-content {overflow:auto;}
.pop-preView .layer-content img {max-width:inherit;}

.pop-searchTerms select {width:174px; margin-right:6px;}
.pop-searchTerms td {padding-top:10px !important;}

/* 이미지 상세보기 */
.img-original {margin:20px 0px !important; }
.img-original img {max-width:inherit;}

/* 미리보기 */
.pop-preView .layer-inner {width:90%;}
.pop-preView .layer-content {overflow:auto;}
.pop-preView .layer-content img {max-width:inherit;}

/* 개인정보 수집 */
.pop-terms .attention {font-size:1.3rem; line-height:1.8;}
.pop-terms .terms-content {margin-top:20px; padding:15px; height:320px; overflow-y:scroll; border:1px solid #e3e3e3; }

/* ==================================================
	1280이하
================================================== */
@media all and (max-width:1279px) {
}


.icon-play {
    width: 10px;
    height: 13px;
    background: url(../img/icon/icon_play.png) no-repeat;
}

/* ==================================================
	장애접수
================================================== */
.error_list{text-align:center;padding-top:3px;position:absolute;right:0;top:50%;transform: translateY(-50%);}
.error_list li{display:inline-block;}
.error_list li.arrow{margin:7px 6% 0;vertical-align:top;}
.error_list li.arrow span{display:inline-block;width:27px;height:52px;background:url('../img/common/error.png') no-repeat -600px 0;}
.error_list li .error_img{display:block;width:200px;height:60px;background:url('../img/common/error.png') no-repeat;text-indent:-9999px;}
.error_list li .error_img.one{display:block;width:210px;height:60px;background:url('../img/common/new_before2.png') no-repeat;text-indent:-9999px;}
.error_list li .error_img.two{background-position:-200px 0;}
.error_list li .error_img.three{background-position:-400px 0;}
.error_list li .error_date{display:block;font-size:12px;color:#888;line-height:29px;}
.error_list li.on+li.arrow span{background-position:-600px -60px;}
.error_list li.on .error_img.one{background-position:0 -60px;}
.error_list li.on .error_img.two{background-position:-200px -60px;}
.error_list li.on .error_img.three{background-position:-400px -60px;}


.ad_cms{
    margin-top: -13px;
    color: #fff;
}

.j-pb-main-btn {
    margin-top: 10px; text-align: center
}

.m-t-title { width: 100%; border-left : 5px solid #DBEBF4; border-right : 5px solid #DBEBF4;border-bottom : 2px solid #DBEBF4;}
.m-t-title > thead > tr > th {height:35px;}

.shop_material_list > tr > .shop.on { background-color : #5cb6ea; color : white;}

.new-tr > td >.chk {background-color: rgb(241, 247, 61);}
.new-tr > td >.warning {background-color: rgb(255, 51, 51);}
.new-tr > td >.success {background-color: rgb(0, 204, 0);}

.download_check_list > tr > td {border : 1px solid #ededed}
.download_check_list > tr > td.ok {background-color: #5cb6ea; color: white;}
.download_check_list > tr > td.fail {background-color: #dc6263; color: white;}

.stb-check {margin-top:10px; border:1px solid #ededed; text-align:center;}
.stb-check h3 {padding:12px;  border-bottom:1px solid #ededed; background:#f9f9f9; text-align:left; font-weight:700;}
.stb-check .monitor {display:block; margin:auto}
.stb-check ul {padding:10px; margin-bottom:10px; }
.stb-check ul > li {display:inline-block; text-align:center;}
.stb-check .shop-bull {margin:0;}

.is-mobile .stb-check h3 {text-align:center; padding:7px;}


/* ==================================================
	모바일 화면 2019-01-29  추가
================================================== */
.is-mobile .sub-page {padding:70px 10px 48px 10px; }


/*  기사장애페이지 링크변경 */
.tr_link {cursor: pointer;}

/*  템플릿구성변경, 제품그룹관리 일시 */
#up_time.active {font-weight: bold; color:blue;}

.fault_files > li {display: inline-block; margin-left: 20px;}
.fault_files > li img {width:160px; height:100px; cursor: pointer;}
.answer_files > li {display: inline-block; margin-left: 20px;}
.answer_files > li img {width:160px; height:100px; cursor: pointer;}

.p_info_table > thead > tr > th {text-align: left; font-weight: bold; padding-bottom: 6px;}



/* ==================================================
	브랜드별 해피TV  / 카테고리별 데이터 리스트 추가 2020-06-08
================================================== */
.happyTv-playlist {display:flex; display:-ms-flex; justify-content:space-between;}
.happyTv-playlist .th-top {table-layout:fixed}
.happyTv-playlist .frm-wrap {width:100%;}
.happyTv-playlist .frm-wrap + .frm-wrap {margin-left:20px;}
.title-allshow {position:relative;height:17px;}
.title-allshow:hover {overflow:visible; white-space:normal;}
.title-allshow:hover span {display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); padding:6px; color:#3c5185; border:1px solid #5a5a5a; background:#fff; line-height:1.5; box-shadow:3px 3px 3px 0 rgba(0,0,0,0.1); border-radius:5px; font-weight:700;}


/* ==================================================
	메뉴보드&해피스테이션 신규 화면 추가 2020-06-03
================================================== */
.th-top.wide tbody td {height:44px;}
.th-top.wide tbody td p {line-height:1.6; min-height:20px;}
.th-top.wide tr:hover {background-color:#dbebf4;}

.as-progress {text-align:center; margin-top:20px;}
.as-progress li {display:inline-block; position:relative; background:#A8ADB9; padding-left:30px; width:180px; height:60px; line-height:60px; color:#222; font-size:2.5rem; text-align:center; box-sizing:border-box;}
.as-progress li + li {margin-left:60px;}
.as-progress li:before,
.as-progress li:after {position:absolute; top:0; display:block; content:""; border:30px solid transparent; border-left:30px solid #fff;}
.as-progress li:before {left:0;}
.as-progress li:after {right:-60px; border-left:30px solid #fff; border-left:30px solid #A8ADB9;}
.as-progress li.active:after {border-left:30px solid #fff; border-left:30px solid #E43AA0;}
.as-progress li.active {background:#E43AA0; color:#fff;}

.divide750 {position:relative;}
.divide750 .left-fix {width:750px;}
.divide750 .right-flex {position:absolute; top:0; right:0; left:770px}

.align-flex-centered {display:flex; display:-ms-flex; justify-content:center; align-items:center; }

.frm-menuboard-panel {position:relative;}
.frm-menuboard-panel .monitors {width:750px; height:410px; padding:20px; background:#fff; border:1px solid #DEE3E9; box-sizing:border-box;}
.frm-menuboard-panel .shop-info {position:absolute; top:0; right:0; left:770px; padding:20px; height:410px; background:#fff; border:1px solid #DEE3E9; box-sizing:border-box;}

.monitor-state-wrap {height:320px; margin-top:20px;}
.monitor-state-wrap ul {width:100%;}
.monitor-state-wrap ul:after {display:block; clear:both; content:"";}
.monitor-state-wrap ul li {float:left; padding:0 10px; box-sizing:border-box; }

.ul-count1 li {width:100%;}
.ul-count2 li {width:50%;}
.ul-count3 li {width:33.33%;}
.ul-count4 li {width:25%;}
.ul-count5 li {width:20%;}
.ul-count6 li {width:33.33%; padding:10px !important;}
.ul-count8 li {width:25%; padding:10px !important;}
.ul-count10 li {width:20%; padding:10px !important;}
.ul-count11 li {width:16.66%; padding:15px 5px !important;}

.monitor-state {text-align:center;color:#666;font-weight:700;}
.monitor-state .panel-count-shape {margin:auto; width:120px; height:92px; background:url(../img/common/bg_monitor.png) no-repeat; background-size:cover;}
.monitor-state .panel-count {height:80%; font-size:1.4rem;  }
.monitor-state .network-state {width:12px; height:12px; margin:20px auto; border-radius:50%;}
.monitor-state .network-state.on {background:#329BEC;}
.monitor-state .network-state.off {background:#DC6263;}
.monitor-state .network-state.usb {background:#ebc85e;}
.monitor-state .network-state.test {background:#B18904;}
.monitor-state .network-state.etc {background:#6E6E6E;}
.monitor-state .temp-nm {line-height:15px; font-size:1.3rem; height:30px; overflow:hidden;}

.size-m .monitor-state .panel-count-shape {width:100px; height:77px;}
.size-s .monitor-state .panel-count-shape {width:80px; height:61px;}
.size-xs .monitor-state .panel-count-shape {width:60px; height:46px; }
[class*="size-"] .monitor-state .network-state {margin:10px auto;}

.btn-comment-list {width:100%; height:40px; background:#DBEBF4; color:#000; font-weight:700; font-size:1.3rem;}
.btn-comment-list em,
.btn-comment-list.active span {display:none;}
.btn-comment-list span,
.btn-comment-list.active em {display:block;}

.comment-view {margin-top:20px; display:none; }
.comment-view.active {display:block; }

.active-menuboard td {color:#1F64DB !important; font-weight:700;}
.active-happystation td {color:#E43AA0 !important; font-weight:700;}

.as-dashboard .th-top td {height:44px;}

.align-flex-betweenEnd {display:flex; display:-ms-flex; justify-content:space-between; align-items: flex-end}
.color-menuboard {color:#003DA5;}
.color-happystation {color:#E43AA0;}
.color-tit-menuboard {color:#1F64DB;}
.dashboard-count {overflow:hidden; display:flex; display:-ms-flex; justify-content:space-between;}
.dashboard-count > .count {padding-top:15px; width:calc(33.33% - 5px); background:#F5F5F5; text-align:center; font-size:1.2rem; height:110px; box-sizing:border-box;}
.dashboard-count > .count strong {display:block; margin-bottom:10px; font-size:4rem; font-weight:700;}

.cs-progressBar {position:relative; width:80%; margin:10px auto 0 auto}
.cs-progressBar:before {display:block; content:""; width:100%; height:3px;background:#c7ced6; border-radius:1px 1px}
.cs-progressBar .bar {position:absolute; bottom:0; left:0; height:3px; }
.cs-progressBar .bar:after {display:block; content:""; position:absolute; top:-2px; right:0; width:8px; height:8px; border-radius:50%;}
.cs-progressBar .bar.blue:after,
.cs-progressBar .bar.blue {background:#1F64DB;}
.cs-progressBar .bar.pink:after,
.cs-progressBar .bar.pink {background:#E43AA0;}
.cs-progressBar .bar span {position:absolute; display:block; width:100px; bottom:6px; right:-50px; font-size:1.2rem; text-align:center;}

.new-tab .btns {font-size:0;}
.new-tab .btns button {background:#C7CED6; color:#fff; font-weight:700; transition:all 0.3s;}
.new-tab .btns button + button { margin-left:2px}
.new-tab .btns.is-mini button {width:100px; height:26px; font-size:1.1rem; }
.new-tab .btns.is-mini button.active {background:#2E4C97;}
.new-tab .btns.is-normal button {width:170px; height:40px; font-size:1.5rem; }
.new-tab .btns.is-normal #menuboard_tab.active {background:#1F64DB;}
.new-tab .btns.is-normal #station_tab.active {background:#E43AA0;}
.new-tab .btns.is-basic button {width:170px; height:40px; font-size:1.5rem; }
.new-tab .btns.is-basic button.active {background:#3C5185;}
[data-content="content"] {display:none; }
[data-content="content"].active {display:block;}

/* 통합관리자 */
.new-boardSetting {}
.new-boardSetting .link-move {color:#1EB5EB; text-decoration:underline;}

.set-status:before {display:inline-block; content:""; width:12px; height:12px; border-radius:50%; vertical-align:-2px;}
.set-status.on:before {background:#1EB5EB;}
.set-status.off:before {background:#DC6263;}

.tabs-content-hide-btn {position:relative; width:50px; height:30px; background:#3C5185; font-size:0;}
.tabs-content-hide-btn:before {display:inline-block;margin:8px 0 0; width:10px;height:10px;border-right:1px solid #fff;border-top:1px solid #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:''; transition:all 0.3s;}
.tabs-content-hide-btn.active:before {margin:-4px 0 0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}

.tabs-content-wrap {display:none;}
.tabs-content-wrap.active {display:block;}

.group-time {margin:15px 0 10px;}
.group-time .txt {line-height:30px; padding-right:10px; vertical-align:middle;}
.sub-tab {display:inline-block;vertical-align:middle}
.sub-tab button {background:#eee; height:30px; border-radius:5px; padding:0 20px;margin-left: 10px;}
.sub-tab button.active {background:#3c5185; font-weight:700; color:#fff}

/*
PB메뉴추가 레이아웃
 */
.list-items .row {display:table; width:100%;}
.list-items .hd {background:#fff; border-top:1px solid #000; border-bottom:1px solid #e6e6e6;}
.list-items .hd .cell {line-height:58px; font-weight:700;}
.list-items .body {background:#f9f9f9; max-height:500px; overflow-y:auto;}
.list-items .body .row {border-bottom:1px solid #e6e6e6;}
.list-items .body .cell {padding:15px 0;}
.list-items .row .cell {display:table-cell; text-align:center; font-size:14px; color:#333;}
.list-items .row .cell:nth-of-type(1),
.list-items .row .cell:nth-of-type(5) {width:10%;}
.list-items .row .cell:nth-of-type(2) {width:50%;}
.list-items .row .cell:nth-of-type(3),
.list-items .row .cell:nth-of-type(4) {width:15%;}
.list-items input[type="checkbox"] {position:relative; margin:0; border:1px solid #b7b7b7; width:22px; height:22px; border-radius:0; background:#fff; vertical-align:middle; appearance:none; cursor:pointer}
.list-items input[type="checkbox"]:checked {border-color:#2d3a5c;}
.list-items input[type="checkbox"]:before {display:block; content:"";  top:1px; left:5px; width:10px; height:8px; background:url(../img/icon/icon_checked.png) center no-repeat; opacity:0; transition:all 0.3s; }
.list-items input[type="checkbox"]:checked:before {opacity:1; top:6px;}

.ico-round-num {display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; color:#fff; background:#5cb6ea; font-size:11px; border-radius:50%; font-weight:700; vertical-align:middle;}

.line-tabs {font-size:0; border-bottom:1px solid #000;}
.line-tabs button {position:relative; height:56px; font-size:16px; font-weight:700; padding:0 40px; border:1px solid #ebebeb; border-width:1px 1px 0 0;}
.line-tabs button:first-child {border-width:1px 1px 0;}
.line-tabs button.active {border-color:#000;}
.line-tabs button.active:before {display:block; content:""; height:1px; background:#fff;  left:0; right:0; bottom:-1px;}


.bread-time-list thead th {background:#EDEDED; border-left:2px solid #fff; border-bottom:2px solid #fff}
.bread-time-list thead th:first-child {border-left-width:0;}
.bread-time-list tbody td {text-align:left; padding:5px 10px; font-size:14px;}
.bread-time-list tbody tr td:first-child {background:#F9F9F9; text-align:center;}
.bread-time-list .bread {display:inline-block; margin-right:20px; padding:5px 0;}
.bread-time-list .bread > i {display:inline-block; margin-right:5px; width:25px; height:25px; vertical-align:middle; background-size:cover !important; background-position:50% !important;}



/**
   2022-04-26
   Flavor Rank CMS css 추가
 */

ul.pagination {text-align:center;}
ul.pagination li {display: inline-block; margin: 10px 5px; vertical-align: middle;}
ul.pagination li.active {color: #0ba1b5;}
ul.pagination li a {display: inline-block;}


.br-king .top-content {background: #dbebf4;}
.br-king .top-content .time-setting {height: 60px;}

.br-king .bottom-content .first-item-area{background: #DBEBF4; width: 49%;}
.br-king .bottom-content .name-area{width: 200px;}
.br-king .bottom-content .name-area .name{width: 100%;}
.br-king .bottom-content .code-area{width: 210px;}
.br-king .bottom-content .code-area .code{width: 100%;}
.br-king .bottom-content .rate-area {width: 200px;}
.br-king .bottom-content .rate-area input{width: 100%;}
.br-king .bottom-content .image-area {width: 98%; text-align: center;}
.br-king .bottom-content .image-area img{width: 200px; height: 200px;}

.br-king .bottom-content .recommend {margin-top: 2px; position: absolute; background: white; padding: 2px; width: 400px; height: 200px; overflow: scroll;}
.br-king .bottom-content .recommend .warning{color: RED;}
.br-king .bottom-content .recommend .item {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.br-king .bottom-content .recommend .item:hover {background: #1ca3d4; color: #FFFFFF;}

.br-king .bottom-content .second-item-area {background: #dbebf4; width: 49%; margin-left: 14px;}