@charset "utf-8";

/*
css name : component
use : list,title,btn,table,select,input,page,linemap
*/


/* component.css 는 버튼,테이블,인풋,페이징,타이틀등 요소별로 가져다 쓰기 편하게 모아놓습니다. */



/* ==================================================
	인풋,체크박스,라디오
================================================== */
input[type="checkbox"] {margin:0 5px 0 0; width:14px;height:14px; border:1px solid #a0a0a0; background:#fff; outline:0; appearance:none;-webkit-appearance:none;-moz-appearance:none; vertical-align:middle;}
input[type="checkbox"]:checked {background:#fff url(../img/icon/icon_checked.png) center no-repeat;}
input[type="radio"] {margin:0 5px 0 0; width:14px;height:14px; background:#fff url(../img/icon/icon_radiobox.png) 0 -14px no-repeat; outline:0; appearance:none;-webkit-appearance:none;-moz-appearance:none; vertical-align:middle;}
input[type="radio"]:checked {background-position:0 0; }

textarea { border:1px solid #ddd; padding:10px; }

input[type="password"],
input[type="email"],
input[type="number"],
input[type="text"] {padding:0 10px; height:34px; border:1px solid #c7ced6; font-size:1.3rem; }
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {color:#c7c7c7;}

input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="text"]:disabled {background:#dbebf4;}

/* readonly 추가 */
input[type="password"]:read-only,
input[type="email"]:read-only,
input[type="number"]:read-only,
input[type="text"]:read-only {background:#dbebf4;}

select {height:34px; padding-left:5px; padding-right:25px; background:#fff; border:1px solid #c7ced6; color:#666; font-size:1.4rem; appearance:none; -webkit-appearance:none;
outline:0; border-radius: 0px; background:#fff url(../img/common/bg_form_selects.png) 100% 50% no-repeat; background-size:auto 4px;
}

.input-withDel {position:relative; }
.input-withDel button.del {position:absolute; top:0; right:0; bottom:0; width:32px; background:url(../img/btn/btn_input_del.png) 5px 50% no-repeat; text-indent:-9999px;}

/* 2017-04-12 추가 */
.check-OnOff {position:relative; margin-left:10px; display:inline-block; vertical-align:middle;}
.check-OnOff span {padding-right:5px; vertical-align:middle; font-size:1.4rem; font-weight:700;}
.check-OnOff label {overflow:hidden; width:70px; height:32px; background:url(../img/icon/bg_check.png) no-repeat; vertical-align:middle;}
.check-OnOff input[type="checkbox"] {height:0px; width:0px; position:absolute; top:-1px; background:#fff; border:none;}
.check-OnOff input[type="checkbox"]:checked + label {background-position:0 -32px;}

/* 2017-04-18 추가 */
.check-OnOff2 {position:relative; margin-left:10px; display:inline-block; vertical-align:middle;}
.check-OnOff2 span {padding-right:5px; vertical-align:middle; font-size:1.4rem; font-weight:700;}
.check-OnOff2 label {overflow:hidden;width:36px;height:34px;background:url(../img/icon/bg_check2.png) no-repeat;vertical-align:middle;}
.check-OnOff2 input[type="checkbox"] {height:0px; width:0px; position:absolute; top:-1px; background:#fff; border:none;}
.check-OnOff2 input[type="checkbox"]:checked + label {background-position:0 -34px;}



/* ==================================================
	 컬러
================================================== */
/* 사이트 포인트 컬러 */
.point-color {color:#2e4c97 !important; }
.select-color {color:#ed5151 !important;font-weight: bold;}
.sub-color {color:#ed5151 !important; }
.reservation-color {color:#2d9d78 !important;}

/* 컬러톤 */
.txt-toneA {color:#000 !important;}
.txt-toneB {color:#555 !important;}
.txt-toneC {color:#999 !important;}

/* 대표 배경색 */
.bg-grey {background:#f9f9f9;}

/* ==================================================
	btn
================================================== */
/* 기본형 */
.btn-basic {display:inline-block; padding:0 5px; height:34px; line-height:32px; border:1px solid #999; border-radius:3px; background:#999; text-align:center; color:#fff !important; font-size:1.3rem; }

/* 포인트컬러형 */
.btn-point {display:inline-block; padding:0 5px; height:34px; line-height:32px; border:1px solid #2e4c97; border-radius:3px; background:#2e4c97; text-align:center; color:#fff !important; font-size:1.3rem; }
.btn-point2 {display:inline-block; padding:0 5px; height:34px; line-height:32px; border:1px solid #e43aa0; border-radius:3px; background:#e43aa0; text-align:center; color:#fff !important; font-size:1.3rem; }

/* 삭제컬러형 -- 20180221 오찬호 */
.btn-del {display:inline-block; padding:0 5px; height:34px; line-height:32px; border:1px solid darkred; border-radius:3px; background:darkred; text-align:center; color:#fff !important; font-size:1.3rem; }

/* 라인형 */
.btn-line {display:inline-block; padding:0 5px; height:34px; line-height:32px; border:1px solid #656565; border-radius:3px; background:#fff; text-align:center; color:#000 !important; font-size:1.3rem; ;}

/* 테이블 또는 기능성 */
.btn-util {display:inline-block; padding:0 5px; height:34px; line-height:32px; border:1px solid #95aabb; border-radius:3px; background:#95aabb; text-align:center; color:#fff !important; font-size:1.3rem; }


/* 높이지정 */
.h-small {height:26px; line-height:24px; font-size:1.2rem;}
.h-medium {height:34px; line-height:32px; font-size:1.3rem;}
.h-large {height:40px; line-height:38px; font-size:1.6rem;}


/* ==================================================
	순서 버튼
================================================== */
.turn-change {width:25px; height:25px; border:1px solid #bdbdbd; background:url(../img/icon/turn_change.gif) no-repeat; text-indent:-9999px;}
.turn-change.down {background-position:-25px 0;}

/* ==================================================
	Radius
================================================== */
.radius {border-radius:3px}

/* ==================================================
	정렬
================================================== */
.ofh {overflow:hidden}
.fl {float:left}
.fr {float:right}


/* ==================================================
	파일 찾기
================================================== */
/* file name preview */
.filebox {position:relative; }
.filebox.no-photo .upload-display {display:none !important;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; font-weight:700;}
.filebox label {cursor: pointer;}
.filebox .upload-nm { display: inline-block; height:32px; background:none; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box;}
.filebox .btn-basic {height:32px; width:80px; line-height:30px;}

/* imaged preview */
.filebox.preview-image {display:inline-block;}
.filebox .photoBox {position:relative; display:inline-block; width:120px; height:90px; border:1px solid #ededed; cursor:pointer; box-sizing:border-box; text-align:center;}
.filebox.big .photoBox {position:relative; display:inline-block; width:240px; height:180px; border:1px solid #ededed; cursor:pointer; box-sizing:border-box; text-align:center;}
.filebox .photoBox span {display:block; content:""; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); }
.filebox .photoBox .del {display:none; position:absolute; top:-1px; right:-1px; z-index:20; width:20px; height:20px; background:url(../img/btn/btn_file_del.png) no-repeat; background-size:20px auto; text-indent:-9999px;}
.filebox .photoBox.after {position:absolute; top:0; left:0; background:none;}
.filebox .photoBox.after span {font-size:0;  opacity:0;}
.filebox .photoBox.after .del {display:block;}
.filebox .upload-thumb-wrap {position:relative; display:block; width: 120px; height:90px; border:1px solid #ededed; box-sizing:border-box;}
.filebox.big .upload-thumb-wrap {position:relative; display:block; width: 240px; height:180px; border:1px solid #ededed; box-sizing:border-box;}
.filebox .upload-display img {display: block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);  width:120px; height:90px;  box-sizing:border-box;}
.filebox.big .upload-display img {display: block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);  width:240px; height:180px;  box-sizing:border-box;}

/* ==================================================
	파일 찾기
================================================== */
.list-scroll {}
.list-scroll .half {float:left; width:50%;}
.list-scroll .half:nth-of-type(1) {padding-right:10px;}
.list-scroll .half:nth-of-type(2) {padding-left:10px;}
.list-scroll ul {height:160px; overflow-y:scroll; border:1px solid #c7ced6;}
.list-scroll li {padding:7px 10px; color:#666;}
.list-scroll li:nth-child(even) {background:#f9f9f9;}
.list-scroll li.active {background:#c2dff0;}


/* ==================================================
	타이틀
================================================== */
.table-title {position:relative; font-weight:700;}
.table-title .btns {position:absolute; top:-5px; right:0;}
.table-title .btns [class^=btn-] {font-weight:400;}
.table-title + .align-right {position:absolute; top:50%; right:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.frm-title {position:relative; color:#2e4c97; font-size:1.6rem; font-weight:700;}
.frm-title:before {display:inline-block; content:""; margin-right:8px; width:3px; height:13px; border-radius:2px; background:#2e4c97; vertical-align:-1px;}
.frm-title .comment {display:inline-block; margin-left:6px; padding-left:10px; border-left:1px solid #c1c1c1; color:#222; line-height:1;}
.frm-title + .align-right {position:absolute; top:50%; right:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);}

/* ==================================================
	paging
================================================== */
.list-paginate {margin-top:30px; text-align:center; font-size:0;}
.list-paginate a {position:relative; display:inline-block;width:30px;height:30px; color:#777;line-height:30px;font-size:1.3rem;text-align:center; background:#FFF url(../img/common/paginate_arrow.png) -300px -300px no-repeat; vertical-align:middle;}
.list-paginate a.on,
.list-paginate a:hover {color:#000; font-weight:700; }
.list-paginate a.number.on:before,
.list-paginate a.number:hover:before {display:block; content:""; position:absolute; right:10px; bottom:3px; left:10px; height:1px; background:#424242;}

.list-paginate a.prev {background-position:0px 0px;}
.list-paginate a.prev-all {background-position:-30px 0px;}
.list-paginate a.next {background-position:0 -30px;}
.list-paginate a.next-all {background-position:-30px -30px;}

/* 페이징과 함께 나열 */
.btn-withPainate {position:relative;}
.btn-withPainate [class^=btn-] {position:absolute; top:-2px; right:0;}

/* ==================================================
	Layer pop
================================================== */
/* 2017-03-30 수정 */
.layer-dimm-wrap {display:none; position:fixed; z-index:500; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.4);}
.layer-dimm-wrap .layer-inner {
    padding:0;position:absolute; top:50%; left:50%; width:1000px; min-height:150px; background:#fff;  border:1px solid #2e4c97;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
}
.layer-dimm-wrap .layer-inner .layer-title {padding-left:20px; font-size:2rem; line-height:57px; border-bottom:1px solid #2e4c97; background:#2e4c97; color:#fff;}
.layer-dimm-wrap .layer-inner .layer-title.hidden {visibility:hidden; padding-top:39px; font-size:0; line-height:0px;}
.layer-dimm-wrap .layer-inner .popup-summary p { text-align:center; color:#555; font-size:1.3rem; line-height:19px;}
.layer-dimm-wrap .layer-inner .btn-close {position:absolute; top:19px; right:15px; width:19px; height:19px; background:url(../img/icon/layer_close_small_wh.png) no-repeat; text-indent:-9999px; cursor:pointer}
.layer-dimm-wrap .layer-inner .layer-content {margin:20px 15px; max-height:610px; overflow-y:auto;}

.no-image {background:#fafafa url(../img/common/no_image.png) 50% no-repeat}
.ing-image {background:#fafafa url(../img/icon/icon_photo.png) 50% no-repeat}
.off-image {background-color:#fafafa;}

/* ==================================================
	공통 탭
================================================== */
[data-content="content"] {display:none;}
[data-content="content"].active {display:block;}
[data-content="content2"] {display:none;}
[data-content="content2"].active {display:block;}


/* ==================================================
	테이블 - 항목이 상단
================================================== */
.th-top {border-collapse:collapse; width:100%;}
.th-top caption {visibility:hidden; font-size:0; height:0;}
.th-top thead th {height:38px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; background:#f9f9f9; text-align:center; font-size:1.4rem; color:#222; font-weight:700;}
.th-top tbody td {height:25px; padding:9px 0 ; border-bottom:1px solid #ededed; text-align:center; color:#666; font-size:1.3rem; }
.th-top .bdl {border-left:1px solid #ededed;}

/* 조건검색 부분 */
.searchTerms td {padding-top:10px !important;}
.searchTerms th label {padding-top:18px !important;}


/* ==================================================
	테이블 - 항목이 좌측
================================================== */
.th-left {border-collapse:collapse; width:100%; }
.th-left caption {visibility:hidden; font-size:0; height:0;}
.th-left tbody th {text-align:left; font-weight:700; vertical-align:top;}
.th-left tbody th label { padding-left:5px; color:#222; padding-top:18px;}
.th-left tbody td {padding-top:10px; color:#555; }

.th-left.full td,
.th-left.full th {display:block;}
.th-left.full td {padding-left:5px; margin-bottom:5px;}

.th-left.with-bg {border-top:1px solid #ededed;}
.th-left.with-bg th {padding-left:20px; background:#f9f9f9; border-bottom:1px solid #ededed;}
.th-left.with-bg td { padding:11px; border-bottom:1px solid #ededed;}

/* 상세 정보 출력 */
.th-left.view {border-top:1px solid #ededed;}
.th-left.view th {padding-left:10px; background:#f9f9f9; border-bottom:1px solid #ededed; vertical-align:middle;}
.th-left.view td {padding:13px 10px 14px; border-bottom:1px solid #ededed; font-size:1.3rem;}


/* ==================================================
	브랜드 선택
================================================== */
.select-choice{position:relative; padding:8px; background:#dbebf4;}
.select-choice select {width:120px;}
.select-choice .align-right {position:absolute; top:8px; right:8px;}

/* 배경 없는경우 */
.select-choice.no-bg {padding:0; background:#fff;}
.select-choice.no-bg .align-right {top:0; right:0;}

/* ==================================================
	버튼 나열
================================================== */
.btnPlace {text-align:center; font-size:0; font-weight:700;}
.btnPlace [class*=btn-] {margin-left:10px; width:180px;}
.btnPlace [class*=btn-]:first-child {margin-left:0px;}

/* ==================================================
	에디터에서 출력되는 영역
================================================== */
.editor-output p {padding:3px 0; min-height:14px;}
.editor-output img {max-width:600px;}


/* ==================================================
	날짜&시간 설정
================================================== */
.calendar {}
.calendar {display:inline-block; position:relative;}
.calendar input[type="text"] {padding:0 30px 0 10px;  width:150px; height:34px; border:1px solid #c7ced6;  box-sizing:border-box;}
.calendar button {position:absolute; top:50%; right:5px; margin-top:-11px; width:22px; height:22px; background:url(../img/icon/icon_calendar.png) 0 0 no-repeat; text-indent:-9999px;}
.calendar .dash {display:inline-block; margin:0 6px; width:8px; height:1px; background:#555; vertical-align:4px; }

.quick-date {}
.quick-date a {padding:0px !important; width:50px;}


/* ==================================================
	검색창 & 조건 검색
================================================== */
.btn-storeTerms {background:#5985c1;  border-color:#5985c1; width:80px;}
.btn-storeTerms:before {display:inline-block; content:""; margin-right:5px; width:10px; height:13px; background:url(../img/icon/icon_filter.png) no-repeat; vertical-align:middle;}

.find-form {display:inline-block;}
.find-form .cover {position:relative; display:inline-block; }
.find-form input[type="text"] {margin-left:6px; width:260px;}
.find-form .btn-find {display:inline-block; margin-left:4px; width:50px; height:34px; border-radius:3px; background:#5985c1; text-align:center; color:#fff !important; font-size:1.3rem; }

/* ==================================================
	등록폼
================================================== */
.reg-box {}
.reg-box label {font-weight:700; margin-bottom:5px;}
.reg-box .inner {padding:20px 10px;border-bottom:1px solid #ededed;}
.reg-box .bd-none {border:none;}

.time-setting {}
.time-setting .btn-basic {background:#5985c1; border:1px solid #5985c1; border-radius:0px;}


/* ==================================================
	모니터 현황
================================================== */
.monitor-total {display:inline-block; text-align:left;}
.monitor-total .monitor {position:relative;display:inline-block; margin:3px; padding-top:13px; width:70px; height:50px; border:1px solid #fff; background:#fff url(../img/common/template_panel.png) center no-repeat; text-align:center; color:#666; font-weight:700;}
.monitor-total .monitor.off {background:#fff url(../img/common/template_panel_dimm.png) center no-repeat; color:#a9a9a9;}
.monitor-total .monitor.active {border-color:#5cb6ea; background-color:#f9f9f9;}

/* 모니터 마우스오버 */
.monitor-total .monitor .location {display:none;position:absolute;left:50%;top:90%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:1;padding:10px 15px;border:1px solid #000;border-radius:5px;background-color:#fff;color:#000;font-weight:normal;white-space:nowrap;}
.monitor-total .monitor .location:before,
.monitor-total .monitor .location:after {position:absolute;left:50%;top:-10px;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);display:block;width:0;height:0;content:"";}
.monitor-total .monitor .location:before {border-bottom:10px solid #000;border-left:8px solid transparent;border-right:8px solid transparent;}
.monitor-total .monitor .location:after {margin-top:1px;border-bottom:9px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;}
.monitor-total .monitor:hover .location {display:block;}


/* ==================================================
	탭
================================================== */
.tabs {}
.tabs ul {border-left:1px solid #3c5185;}
.tabs ul:after {display:block; clear:both; content:"";}
.tabs li {float:left;}
.tabs li a {display:block; border:1px solid #3c5185; border-width:1px 1px 1px 0; text-align:center; color:#2d3a5c; font-size:1.5rem; line-height:38px; font-weight:700;}
.tabs .active a {background:#3c5185; color:#fff; }

.tabs .two li {width:50%;}
.tabs .three li {width:33.33%;}
.tabs .four li {width:25%;}
.tabs .five li {width:20%;}
.tabs .six li {width:16.66%;}

/* 작은 탭 */
.tabs.mini {display:inline-block; vertical-align:middle;}
.tabs.mini a {padding:0 25px;  border-color:#5985c1; background-color:#fff; font-size:1.3rem; color:#666;  line-height:32px; font-weight:400;}
.tabs.mini .active a {background-color:#5985c1; color:#fff; }

/* ==================================================
	메뉴변경 / 화면구성변경 리스트
================================================== */
.menu-list li{border-bottom:1px solid #ededed;}
.menu-list li:first-child{border-top:1px solid #ededed;}
.template-list .menu-list li{border-bottom:1px solid #3c5185;}
.template-list .menu-list li:first-child{border-top:1px solid #3c5185;}
.menu-list li>strong{display: block;font-size: 16px;width: 100%;text-align: left;padding: 0 4%;line-height: 38px;position:relative;background:#f9f9f9;cursor:pointer;}
.template-list .menu-list li>strong{background: #ecf3f9;}
.menu-list li>strong.on{color:#fff;background: #3c5185;}
.menu-list li>strong:after{content:'-';position: absolute;right: 15px;top: 50%;margin-top: -11px;font-size: 20px;font-weight: bold;border: 1px solid #000;border-radius: 20px;width: 20px;line-height: 20px;text-align: center;}
.menu-list li>strong.on:after{content:'+';border-color:#fff;}
.menu-list li>strong+table{display:none;margin-bottom:20px;}
.menu-list li>strong.on+table{display:table;}

/* ==================================================
	loading - 추가 불필요 (개발 편의를 위한 제공)
================================================== */
.dimm-loading {display:none; text-align:center; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(255,255,255,.9); vertical-align:middle; z-index:10;}
.dimm-loading:before {content:""; display:inline-block; width:0.01%; height:100%; vertical-align:middle;}

#loading {
    position:relative; z-index:11; vertical-align:middle;
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 4px solid rgba(0,0,0,.3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    -moz-animation: spin 1s ease-in-out infinite;
    -ms-animation: spin 1s ease-in-out infinite;

}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}
/* ==================================================
	테이블 순서 인풋
================================================== */
input[type="text"].turn{width:70%;text-align:center;}

/* ==================================================
	메뉴추가 버튼
================================================== */
/*
.select-choice.pr195{padding-right:195px}
.select-choice>label, .select-choice>strong{margin-right:10px}
.select-choice>label:after{content:'/';margin-left:10px;font-size:16px;font-weight:bold;}
.choice_btns{position:absolute;right:8px;top:8px;}
.menu_list thead th{position:relative;}
.menu_list .btn_con{width:24px;height:24px;background:url('../img/icon/menu_minus.png') no-repeat;position:absolute;right:-12px;top:50%;margin-top:-12px;z-index:99;}
.menu_list tbody td{border-bottom-color:#fff;}
.menu_list tbody td.line_area{border-right:1px solid #dcdcdc;}
.menu_list tbody td>ul{margin:9px 0;text-align:left;display: table;width: 100%;}
.menu_list tbody td>ul:first-child{margin-top:0;}
.menu_list tbody td>ul:last-child{margin-bottom:0;}
.menu_list tbody td>ul li{display: table-cell;text-align:center;}
.menu_list tbody td>ul li input{width:90%;}
.menu_list tbody td>ul li:nth-child(2){width: 25%;}
.menu_list tbody td>ul li:nth-child(3){width: 25%;}
.menu_list tbody td>ul li:nth-child(4){width: 37.5%;}
.menu_list tbody td>ul li:nth-child(5){width: 12.5%;}
.menu_list .product_name{display:table-cell;}
.menu_list tbody td.product_name{border-bottom-color:#e1e5e7; background:#f2f6f9;}
.menu_list.fold .btn_con{background-image:url('../img/icon/menu_plus.png');}
.menu_list.fold tr{width:66%;}
.menu_list.fold .product_name{display:none;}
.menu_list .sub_pro_area{background:#f2f6f9;overflow:hidden;}
.menu_list .sub_pro_area table{width:100%;}
.menu_list .sub_pro_area table td{text-align:left;}
.menu_list .sub_pro_area table td:last-child{}
.menu_list .sub_pro_area table div{margin-bottom:10px}
.menu_list .sub_pro_area table div:last-child{margin-bottom:0;}
.menu_list .sub_pro_area table .sub_num{width:6%;text-align:center;}
.menu_list .sub_pro_area table span{margin:0 2% 0;}
.menu_list .sub_pro_area table .opt{width: 15.4%;margin-right: 1%;}
.menu_list .sub_pro_area table .sub_kcal{width:22.5%;margin-left:0.5%;}
*/

/* 2017-11-24 임시메뉴변경 */
/* ==================================================
	메뉴추가 버튼
================================================== */
.select-choice.pr195{padding-right:195px}
.select-choice>label, .select-choice>strong{margin-right:10px}
.select-choice>label:after{content:'/';margin-left:10px;font-size:16px;font-weight:bold;}
.select-choice>label.is-solo:after{display:none;}
.choice_btns{position:absolute;right:8px;top:8px;}
.menu_list{border-collapse:collapse; width:100%;}
.menu_list caption {visibility:hidden; font-size:0; height:0;}
.menu_list thead th {height:38px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; background:#f9f9f9; text-align:center; font-size:1.4rem; color:#222; font-weight:700;position:relative;}
/*.menu_list>tbody>tr>td{border-bottom:1px solid #ececec;}*/
.menu_list .bdl {border-left:1px solid #ededed;}
.menu_list .btn_con{width:24px;height:24px;background:url('../img/icon/menu_minus.png') no-repeat;position:absolute;right:-12px;top:50%;margin-top:-12px;z-index:99;}
.menu_list table{width:100%}
/*.menu_list table tbody td {height:25px; padding:9px 0 ; border-bottom:1px solid #fff; text-align:center; color:#666; font-size:1.3rem;}*/
.menu_list table tbody td {height:25px; padding:9px 0 ; text-align:center; color:#666; font-size:1.3rem;}
/*.menu_list table tbody td.line_area{border-right:1px solid #dcdcdc;}*/
.menu_list table tbody td img.turn{max-height:inherit !important;}
.menu_list table tbody td>ul{margin:9px 0 9px 3px;text-align:left;display: table;width: 100%;}
.menu_list table tbody td>ul:first-child{margin-top:0;}
.menu_list table tbody td>ul:last-child{margin-bottom:0;}
.menu_list table tbody td>ul li{display: table-cell;text-align:center;}
.menu_list table tbody td>ul li input, .menu_list table tbody td>ul li select{width:90%;}
.menu_list table tbody td>ul li.op1{width: 5%;}
.menu_list table tbody td>ul li.op2{width: 5%;}
.menu_list table tbody td>ul li.op3{width: 5%;}
.menu_list table tbody td>ul li.op4{width: 10%;}
.menu_list table tbody td>ul li.op5{width: 10%;}
.menu_list table tbody td>ul li.op6{width: 10%;}
.menu_list .product_name{display:table-cell;}
/*.menu_list table tbody td.product_name{border-bottom-color:#e1e5e7; background:#f2f6f9;}*/
.menu_list.fold .btn_con{background-image:url('../img/icon/menu_plus.png');}
.menu_list.fold tr{width:66%;}
.menu_list.fold .product_name{display:none;}
.menu_list .sub_pro_area{background:#f2f6f9;overflow:hidden;}
/*.menu_list .sub_pro_area table{width:100%;}
.menu_list .sub_pro_area table td{text-align:left;}
.menu_list .sub_pro_area table td:last-child{}
.menu_list .sub_pro_area table div{margin-bottom:10px}
.menu_list .sub_pro_area table div:last-child{margin-bottom:0;}
.menu_list .sub_pro_area table .sub_num{width:6%;text-align:center;}
.menu_list .sub_pro_area table span{margin:0 2% 0;}
.menu_list .sub_pro_area table .opt{width: 15.4%;margin-right: 1%;}
.menu_list .sub_pro_area table .sub_kcal{width:22.5%;margin-left:0.5%;}*/
button.plus{font-size: 20px;font-weight: bold;border: 1px solid #5cb6ea;border-radius: 25px;width: 25px;line-height: 25px;text-align: center;color:#5cb6ea;}
button.plus.none{color:#ccc;border-color:#ccc;}
.td_plus { height: 25px; padding: 9px 0; text-align: center; color: #666; font-size: 1.3rem;}
/* ==================================================
	메뉴변경 / 화면구성변경 리스트
================================================== */
.menu-list li{border-bottom:1px solid #ededed;}
.menu-list li:first-child{border-top:1px solid #ededed;}
.template-list .menu-list li{border-bottom:1px solid #3c5185;}
.template-list .menu-list li:first-child{border-top:1px solid #3c5185;}
.menu-list li>strong{display: block;font-size: 16px;width: 100%;text-align: left;padding: 0 4%;line-height: 38px;position:relative;background:#f9f9f9;cursor:pointer;}
.template-list .menu-list li>strong{background: #ecf3f9;}
.menu-list li>strong.on{color:#fff;background: #3c5185;}
.menu-list li>strong:after{content:'-';position: absolute;right: 15px;top: 50%;margin-top: -11px;font-size: 20px;font-weight: bold;border: 1px solid #000;border-radius: 20px;width: 20px;line-height: 20px;text-align: center;}
.menu-list li>strong.on:after{content:'+';border-color:#fff;}
.menu-list li>strong+table{display:none;margin-bottom:20px;}
.menu-list li>strong.on+table{display:table;}

.main_row input.ko_name{width:90%}
.main_row input.en_name{width:90%}
.line_area {width:24.5%}
.product_name {width:24.5%}
.slt_category{width:90%}
.slt_menu{width:90%}
.sub_slt_menu{width:90%}

/* ==================================================
	권한관리 / 메뉴 권한 설정 2017-10-26
================================================== */
.left, .right{width:49%;}
.juris{border-bottom: 1px solid #ededed;margin-bottom:20px;}
.juris strong{display: block;font-size: 16px;width: 100%;text-align: left;padding: 0 4%;line-height: 38px;position:relative;background:#f9f9f9;cursor:pointer;background: #ecf3f9;}
.juris.on strong{color:#fff;background: #3c5185;}
.juris strong:after{content:'-';position: absolute;right: 15px;top: 50%;margin-top: -11px;font-size: 20px;font-weight: bold;border: 1px solid #000;border-radius: 20px;width: 20px;line-height: 20px;text-align: center;}
.juris strong.on:after{content:'+';border-color:#fff;}
.juris strong+ul{display:none;}
.juris strong.on+ul{display:block;}
.juris ul li {text-align: center;line-height: 25px;text-align: left;}
.juris ul li label{display:block;color: #666;font-size: 1.3rem;cursor:pointer;padding: 9px 0 9px 30px;}
.juris ul li ul label{padding-left:60px;}
.juris ul li ul ul label{padding-left:90px;}

/* ==================================================
	외부연동관리 / 인기순위 연동
================================================== */
.lank_cms div label{display:block;font-size: 1.6rem;font-weight: 700;margin-bottom:5px;}
.lank_cms .fl-l{width:49%;margin-bottom:20px;}
.lank_cms .fl-l select{width:80%;}
.lank_cms .fl-r{width:49%;margin-bottom:20px;}
.lank_cms .fl-r select{width:80%;}
.lank_cms .cb input{width:60%;}
.product_lank{overflow:hidden;width:2000px;}
.product_lank .products{float:left;width:221px;padding:10px;background:#ecf3f9;margin-right:15px;}
.product_lank .products dt{font-weight:bold;margin-bottom:5px;}
.product_lank .products dd{overflow:hidden;margin-bottom:10px}
.product_lank .products dd input{width:100%;}
.product_lank .products dd img{display:block;width:355px;height:200px;margin:30px 0;}
.product_lank .products dd button{width:49%;}
.product_lank button.plus{float: left;width: 70px;height: 70px;color: #fff;border: 1px solid #aaa;background: #ccc;font-size: 50px;margin: 9% 0 0 30px;border-radius: 10px;}


.tooltip-inner {background-color: #EEF4C8 !important; color: #000; }
.hidden {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.td_container {padding: 0px !important; border-bottom: 0 !important;}
/*
.category .main_cate .main_cate_body .cate_main_product  td {border-top : 1px solid black; border-left : 1px solid black; border-right : 1px solid black;}
.category .main_cate .main_cate_body .cate_comment  td {border-top : 1px solid black; border-left : 1px solid black; border-right : 1px solid black;}
.category .main_cate .main_cate_body {border : 1px solid black;}
#sortable {border-top : 2px solid black; border-left : 1px solid black; border-right : 1px solid black; border-bottom : 2px solid black;}
*/
.op4 {text-align: left !important; padding-left : 10px;}
.main_menu > tbody > tr{border-bottom: 2px solid #DBEBF4;}
.main_menu > tbody > tr > .option{border-right: 0;}
.main_menu > tbody > tr > td{border-right: 2px solid #DBEBF4;}
.cate_comment .comment_tr{border-bottom: 2px solid #DBEBF4;}
.cate_comment .comment_tr:last-child{border-bottom: 0px;}
.cate_main_product{border-left: 5px solid #DBEBF4; border-right: 5px solid #DBEBF4;}
.sub_tr > td{border-right: 2px solid #DBEBF4;}
.sub_tr > td:last-child{border-right: 0;}
.sub_tr{border-bottom: 2px solid #DBEBF4;}
.cate_comment .comment_tr td:first-child{border-left: 5px solid #DBEBF4;}
.cate_comment .comment_tr td:last-child{border-right: 5px solid #DBEBF4;}
.main_cate_body > tr:first-child{background : #DBEBF4}
.cate_comment .comment_tr > td:first-child{border-right: 2px solid #DBEBF4;}
.category:last-child{border-bottom: 5px solid #DBEBF4;}
.main_row > .sub_pro_area:last-child >.sub_tr{border-bottom: 0 !important;}
.sub_area{border-bottom:0 !important;}
.op5 .logo{display: none;}

/* ==================================================
	장애접수
================================================== */
.th-left tbody td div.fault_text{width:100%; min-height:150px;border:1px solid #ddd; padding:10px;}
.th-left tbody td div.fault_answer_text{width:100%; min-height:150px;border:1px solid #ddd; padding:10px;}
.order{overflow:hidden;text-align: center;margin-bottom:20px;}
.order li{display: inline-block;width:209px;height:60px;text-indent:-999999px;background-image:url('../img/fault/order.png');margin-right: 50px;}
.order li.two{background-position:0 -60px;}
.order li.thr{background-position:0 -120px;}
.order li.fou{background-position:0 -180px;}
.order li.fiv{background-position:0 -240px;}
.order li.six{background-position:0 -300px;}
.order li.on{background-position-x:-209px;}

.order2{overflow:hidden;text-align: center;margin-bottom:20px;}
.order2 li{display: inline-block;width:209px;height:60px;text-indent:-999999px;background-image:url('../img/fault/order2.png');margin-right: 50px;}
.order2 li.two{background-position:0 -60px;}
.order2 li.thr{background-position:0 -120px;}
.order2 li.fou{background-position:0 -180px;}
.order2 li.fiv{background-position:0 -240px;}
.order2 li.six{background-position:0 -300px;}
.order2 li.on{background-position-x:-209px;}


/*==========
cs
=========*/
.td_layout > tbody > tr > td {width : 150px;}
.td_layout .panel {padding-top:8px; margin:auto; width:53px; height:41px; background:url(../img/common/menuboard_monitor.png) no-repeat; font-weight:700; color:#666;}


/*==========
paging
=========*/
.paginate {margin-top:30px; text-align:center; font-size:0;}
.paginate a {position:relative; display:inline-block;width:30px;height:30px; color:#777;line-height:30px;font-size:1.3rem;text-align:center; background:#FFF url(../img/common/paginate_arrow.png) -300px -300px no-repeat; vertical-align:middle;}
.paginate a.on,
.paginate a:hover {color:#000; font-weight:700; }
.paginate a.number.on:before,
.paginate a.number:hover:before {display:block; content:""; position:absolute; right:10px; bottom:3px; left:10px; height:1px; background:#424242;}

.paginate a.prev {background-position:0px 0px;}
.paginate a.prev-all {background-position:-30px 0px;}
.paginate a.next {background-position:0 -30px;}
.paginate a.next-all {background-position:-30px -30px;}


.cs_manage table > tbody > tr > td {font-size : 12pt !important;}

/*.floating { background-color:#5CB6EA; border:2px solid #ECF3F9; position: fixed; right: 50px; top: 180px; text-align:center; width:100px; border-radius: 8px; -webkit-border-radius: 8px; }
.floating div { border:2px solid #ff3535; border-radius: 8px; color:#ffffff; cursor: pointer; }
*/
/* 퀵메뉴 */
.quick{position:fixed;right:10px;top:33%;}
.quick ul{background:#5cb6ea;border:1px solid #fff;border-bottom:none;}
.quick ul li{width:100px;font-size:15px; cursor:pointer; color:#fff;text-align:center;line-height:40px;border-bottom:1px solid #fff;}
.quick button{cursor:pointer;position:absolute;left:-15px;top:-15px;border:1px solid #000;border-radius:100%;width:20px;line-height:20px;font-size:15px;font-weight:bold;}


/* ==================================================
	모바일 화면 2019-01-29  추가
================================================== */
/* 탭 */
.is-mobile .tabs li a {font-size:1.2rem;}

/* 테이블 100% 적용시 */
.is-mobile .mobile-w100per {width:100% !important;}

/* 브랜드 옵션선택 */
.is-mobile .select-choice > .d-iblock,
.is-mobile .select-choice > label {margin:0 !important; width:100%;}
.is-mobile .select-choice > .d-iblock .shop_name,
.is-mobile .select-choice > label select {display:inline-block; margin:0 !important; width:calc(100% - 90px);}
.is-mobile .select-choice > .d-iblock .shop_name ,
.is-mobile .select-choice > label + label {margin-top:5px !important;}
.is-mobile .select-choice > label:after {display:none;}
.is-mobile .select-choice > .d-iblock .shop_name strong {width:100%;}
.is-mobile .select-choice > .d-iblock strong,
.is-mobile .select-choice > label strong {display:inline-block; width:80px;}
.is-mobile .select-choice.no-bg strong {display:block; width:auto; margin-top:10px; padding-bottom:8px; font-size:1.4rem;}
.is-mobile .select-choice.no-bg .calendar {width:48%;display:block; float:left;}
.is-mobile .select-choice.no-bg .dash {display:block; float:left; width:4%; text-align:center; line-height:34px;}
.is-mobile .select-choice.no-bg input {width:100%;}
.is-mobile .select-choice .tabs.mini {margin-left:0 !important; display:block; margin-top:10px;}
.is-mobile .select-choice .tabs.mini li {width:20%;}
.is-mobile .select-choice .tabs.mini li a {width:100%;}
.is-mobile .select-choice .align-right {position:static; margin-top:10px;}
.is-mobile .select-choice .find-form {display:block;}
.is-mobile .select-choice .find-form .cover {display:block; }
.is-mobile .select-choice .find-form .cover * {margin: 0 !important;}
.is-mobile .select-choice .find-form .cover label {width:80px;}
.is-mobile .select-choice .find-form .cover label select {width:100%;}
.is-mobile .select-choice .find-form .cover input {width:calc(100% - 170px);vertical-align:top;}
.is-mobile .select-choice .find-form .cover button {position:absolute; right:0; top:0; width:80px;}

/* .th-top 테이블 커버 */
.is-mobile .scroll-table {position:relative; margin-top:20px; overflow-x:scroll;}
/* .is-mobile .scroll-table:before {content:"↔ 좌 우로 스크롤 해주세요."; font-size:1.4rem; display:block; padding-bottom:10px;}
 */.is-mobile .scroll-table .th-top {width:1280px;}

/* th-left 테이블 커버 */
.is-mobile .mobile-table-write tr,
.is-mobile .mobile-table-write td,
.is-mobile .mobile-table-write th {display:block;}
.is-mobile .mobile-table-write td input {width:100% !important;}

/* 하단 버튼 사이즈 */
.is-mobile .btnPlace [class^="btn-"] {width:90px;}

/* paginate */
.is-mobile .list-paginate {margin-top:15px;}

/* Popup */
.is-mobile .layer-dimm-wrap .layer-inner {width:100% !important; }

/* 장애접수 flow */
.is-mobile .order{margin-bottom:10px;}
.is-mobile .order li{margin:5px 0 !important; width:105px;height:30px;text-indent:-999999px; background-size:209px auto;}
.is-mobile .order li.two{background-position:0 -30px; }
.is-mobile .order li.thr{background-position:0 -60px;}
.is-mobile .order li.fou{background-position:0 -90px;}
.is-mobile .order li.fiv{background-position:0 -120px;}
.is-mobile .order li.six{background-position:0 -150px;}
.is-mobile .order li.on{background-position-x:-313px;}


.sn_warning {display: none;}
.sn_warning td {color: red !important; font-weight: bold !important;}

.days_div .days{margin-right: 15px;}

.group_tbl tr:nth-child(1) td:nth-child(1) {width:2%;}
.group_tbl tr:nth-child(1) td:nth-child(2) {width:3%;}
.group_tbl tr:nth-child(1) td:nth-child(3) {width:5%; display: none;}
.group_tbl tr:nth-child(1) td:nth-child(4) {width:auto;}
.group_tbl tr:nth-child(1) td:nth-child(5) {width:12%;}
.group_tbl tr:nth-child(1) td:nth-child(6) {width:9%;}
.group_tbl tr:nth-child(1) td:nth-child(7) {width:9%;}
.group_tbl tr:nth-child(1) td:nth-child(8) {width:9%;}
.group_tbl tr:nth-child(1) td:nth-child(9) {width:9%;}
.group_tbl tr:nth-child(1) td:nth-child(10) {width:9%;}
.group_tbl tr:nth-child(1) td:nth-child(11) {width:10%;}
.group_tbl tr:nth-child(1) td:nth-child(12) {width:10%;}
.group_tbl tr:nth-child(1) td:nth-child(13) {width:4%;}

.m_btn {cursor: pointer; display: inline-block;margin-left: 4px;width: 50px;height: 25px;border-radius: 3px;background: #5985c1;text-align: center;color: #fff !important;font-size: 1.3rem;}
.hs_btn {cursor: pointer; display: inline-block;margin-left: 4px;width: 50px;height: 25px;border-radius: 3px;background: #e43aa0;text-align: center;color: #fff !important;font-size: 1.3rem;}
.fault_detail_div {margin-left: 30px; margin-top: 10px; margin-bottom: 10px; text-align: left; clear:both;}
.fault_detail_div div {margin-left: 20px; margin-bottom: 30px; float: left;}
.fault_list > tbody > tr > td:nth-child(2) {font-size: 15px;}

.btn-active-point {display:inline-block; padding:0 5px; height:34px; line-height:32px; border-radius:3px; border:1px solid #999; background:#999; text-align:center; color:#fff !important; font-size:1.3rem; }
.btn-active-point.active {border:1px solid #2e4c97; background:#2e4c97; }

/* 말풍선 */
.arrow_box {
    display: none;
    position: absolute;
    width: 300px;
    padding: 8px;
    left: -100px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #333;
    color: #fff;
    font-size: 14px;
}

.arrow_box:after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: #333;
    border-width: 10px;
    pointer-events: none;
    content: " ";
}

.select2-container--default .select2-results>.select2-results__options {max-height: 400px !important;}

.store-happy-tv-tr {cursor: pointer; background-color: rgb(255, 255, 255);}
.store-happy-tv-tr.active {background-color: rgb(194, 223, 240);}