@charset "utf-8"; 
@import url("doc.css");

* {-webkit-text-size-adjust:none;}

html,body { /* min-width:1580px; */ width:100%; min-height: 100%; height: 100%; max-height: 100%; margin:0; padding:0; position:relative;} /* 파킹 페이지 포지션에 따른 height:100% 추가 */
div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, a {margin:0; padding:0; letter-spacing: -1px}
body {font-weight:500; font-family:'Noto Sans CJK KR', Apple SD Gothic Neo, sans-serif; font-size:14px; font-weight:400; color:#333; word-wrap:break-word}
table {width:100%;border:0;border-spacing:0;border-collapse:collapse; }
table caption,
form legend{visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
button::-moz-focus-inner {padding:0;border:0;}

button, input[type=submit], input[type=reset], input[type=button] {overflow:visible; margin:0; padding:0; cursor:pointer; border:0; background:transparent; /* outline:none;*/}
input[type=checkbox] {-webkit-appearance:checkbox;}
input[type=image]{vertical-align:middle;}
input, select, textarea, button {font-family:'Noto Sans CJK KR', Apple SD Gothic Neo, sans-serif; font-size:1rem;color:#333; border-radius:0;}
:-moz-input-placeholder{color:#bdbdbd}
:-ms-input-placeholder{color:#bdbdbd}
::-ms-input-placeholder{color:#bdbdbd}
:-webkit-input-placeholder{color:#bdbdbd}
::placeholder{color:#bdbdbd}
li {list-style:none;}
img, fieldset {border:none; vertical-align:middle;}
hr {display:none;}
em, address, cite {font-style:normal;}

a {color:#000; text-decoration:underline; color:blue}

/* font-color */
.font-color01 {color:#000 !important;} /* 블랙 */
.font-color02 {color:#999 !important;}  /* 그레이 */
.font-color03 {color:#dc8358 !important;} /* 오렌지 */
.font-color04 {color:red !important;} /* 레드 */
.font-color05 {color:skyblue !important;} /* 스카이블루 */
.font-color05 {color:blue !important;} /* 블루 */


.blind{display:none;}

body {background:#f4f4f4 url(../../img/ms/common/gnb_bg.png) repeat-y;}


/* 공통 */ 
table th.astar:before {display:inline-block; content:"*"; color:#ff2222; font-weight:bold; margin-right:4px}
table tr.cursor {cursor:pointer;} /* 개발 영역 관련 TR 링크시 포인터 */ 


.icon-file {display:inline-block; vertical-align: middle; width:17px; height:17px; background: url(../../img/ms/common/sp_pc.png) no-repeat -130px -63px;} /* 파일 아이콘 */
.space {display:inline-block; vertical-align: middle;width:20px;text-align:center; font-size:15px; height:34px; line-height:34px;} /* 인풋 사이 ~ 표시*/

.txt-info {font-size:14px; color:#998465; margin-top:10px;}
.txt-info strong {color:#998465; }
.txt-info + textarea{margin-top:10px}
/* .txt-info + .txt-info {margin-top:0px; margin-bottom:20px;} */


.astar-gold {color:#998465;}
.astar-gold:before {display:inline-block; content:"*"; vertical-align:top; color:#998465; margin-right:3px;}
.t-none {border-top:0 !important;}
.b-none {border-bottom:0 !important;}


/* margin */
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt30 {margin-top:30px !important;}


/* margin-bottom */
.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb50{margin-bottom:50px !important}

/* margin-left */
.ml0{margin-left:0px !important}
.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}

/* size */
.w70 {width:70px !important}
.w100 {width:100px !important}
.w150 {width:150px !important}
.w200 {width:200px !important}
.w300 {width:300px !important}
.w330 {width:330px !important}
.w400 {width:400px !important}
.pull {width:100% !important}

/* align */
.txt-l {text-align:left !important}
.txt-c {text-align:center !important}
.txt-r {text-align:right !important}
.vtc-t {vertical-align: top !important}


.making {border:1px solid #ff0000 !important}
.making-text {color:#ff0000; margin-top:5px; font-size:13px; }

.txt_line {text-decoration: underline}

/* txt */
table td .txt-in{display:inline-block;margin-right:10px;}

/* text area */ 
textarea {border:1px solid #c4c4c4; padding:10px; display:inline-block; resize: none; width:100%; min-height:100px; box-sizing:border-box; font-size:14px;}

/* input {box-sizing:border-box} */
label {display:inline-block; vertical-align:middle}
input[type='text'] { vertical-align:middle; border:1px solid #c4c4c4; width:150px; height:40px; padding:0 10px 0; font-size:14px; box-sizing:border-box}
input[type="checkbox"] {width:20px; height:20px; margin-top:-3px; margin-right:3px; background:#fff; vertical-align:middle} 
input[type="radio"] {width:20px; height:20px; margin-top:-3px; margin-right:3px; background:#fff; vertical-align:middle; background: none} 

select + select {margin-left:5px;}
select + input[type='text'] {margin-left:5px; box-sizing:border-box}
input[type='text'] + input[type='text'] {margin-left:5px; box-sizing:border-box}
input[type='text'] + input[type='checkbox'] {margin-left:5px; box-sizing:border-box}
input[type='text'] + button {margin-left:5px}
input[type='text']:disabled {background:#f4f4f4}
input[type='text'] + .addr-wrap, 
.btn + .addr-wrap {margin-top:10px;}
button + label {margin-left:5px}
input + label {margin-left:5px}
.board-btn + .registered-area {margin-top:40px;}

.addr-wrap {display:flex; } 
.addr-wrap input[type='text']:nth-child(1) {flex-grow:6;}
.addr-wrap input[type='text']:nth-child(2) {flex-grow:4; margin-left:10px}

/* 셀렉트 박스 */
select {
    vertical-align:middle;
    /* width:200px; */
    padding:0 34px 0 10px;height:40px;font-size:14px;color:#666;border:1px solid #c4c4c4;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    -ms-appearance: none  \9;
    appearance:none; 
    /* background:#fff url(../images/common/img_form_selectbox.png) no-repeat 95% 50%; */
    background:#fff url(../../img/ms/common/select_arrow.png) no-repeat right 0;
    position: relative;
}
select::-ms-expand {display: none;}
select:disabled {background:#f4f4f4 url(../../img/ms/common/select_arrow.png) no-repeat right 0;}




/* *PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC* */


/* layout */
.wrap {width:100%; min-height: 100%; height:100%; max-height: 100%; position: relative; }

.header {display:block; width:220px; background:#685e52; padding-bottom:80px; box-sizing: border-box; position:absolute; top:0; left:0; z-index:1}
.header h1 {display:block; width:220px; height:50px; background-color:#fff; box-sizing: border-box; text-align:center; padding-top:5px;}
.header h1 img{display:block; width:100px; margin:0 auto}/* width 관련된 부분 상의하기 */


/* GNB */
.gnb-area {position:relative; height:100%;}
.gnb-area ul {display:block; background:#685e52;}
.gnb-area .one-depth li {display:block;}
.gnb-area .one-depth li a {display:block; text-decoration: none;}
.gnb-area .one-depth > li {border-bottom:1px solid #726961;}
.gnb-area .one-depth > li > a{display:block; color:#fff; height:50px; line-height:50px; padding-left:20px; position:relative}
.gnb-area .one-depth > li > a:after{display:block; content:""; position:absolute; right:20px; top:50%; width:11px; height:7px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0 0;}
.gnb-area .one-depth > li.on > a{background:#fff; color:#222; background-position:0 -7px}
.gnb-area .one-depth > li.on > a:after{top:20px; background-position: 0 -7px}
.gnb-area .two-depth {display:none;}
.gnb-area .two-depth > li { color:#fff; background:#766d62;}
.gnb-area .two-depth > li.on{color:#fff;} 
.gnb-area .two-depth > li > a {display:block ; color:#fff; height:40px; line-height:40px; padding-left:20px;}
.gnb-area .two-depth > li.on > a{color:#fff; background:#918a7f}
.gnb-area .three-depth {display:none; background:#918a7f;}
.gnb-area .three-depth > li a{display:block; color:#e2dad0; font-size:13px; height:32px; line-height:32px; padding-left:20px; }
.gnb-area .three-depth > li.on a {color:#fff; }
.gnb-area .three-depth > li a:before {display:inline-block; content:"-"; margin-right:5px; vertical-align:top;}
.gnb-area .btn-area {padding:20px; background:#685e52; /*margin-top:110px;*/ width:100%; box-sizing: border-box;}
.gnb-area .btn-area button {display:block; text-align:center; width:100%; margin-bottom:7px; background:#867e75; color:#fff; font-size:16px; font-weight:bold; border-radius:3px; height:50px; 
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, .2);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, .2);
}
.gnb-area .btn-area button .num {color:#ffa800}
.gnb-area .btn-area button .num:nth-child(2) {color:#1bdcff}


/* 컨테이너 */
.container {height:100%; min-height:100%; box-sizing: border-box; width:100%; }

/* 컨텐츠 */
.content {padding:0 30px 30px 240px; box-sizing: border-box; }
.content-section {background:#fff; padding:30px;
    -moz-box-shadow:  0px 2px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow:  0px 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .1);
}


.content-section.dev01 {padding:0; background:#fff;}  

/* *PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC**PC* */






/* 스위치 버튼 */
.switch{position:relative; width:70px; height:30px}
.switch span{position:absolute; display:block; top:0; width:70px; height:30px; padding:0 4px; font-size:14px; color:#fff; border-radius:30px; background-color:#e0e0e0; box-sizing:border-box}
.switch span:after{content:""; display:inline-block; position: absolute; top:50%; left:5px; width:22px; height:22px; margin-top:-11px; border-radius:100%; background-color:#fff}
.switch span:before{content:"OFF"; position:absolute; top:50%; right:12px; margin-top:-10px; letter-spacing:0.5px; display:inline-block}
.switch input{font-size:0; width:0; height:0}
.switch input:checked ~ span{background-color:#ae9e87}
.switch input:checked ~ span:after{content:""; right:5px; left:auto}
.switch input:checked ~ span:before{content:"ON"; right:auto; left:14px}




.date-wrap {text-align:center; padding:30px 0 30px; position: relative; margin-bottom:20px;} 

.date-wrap .po-l {position:absolute; left:0;} 
.date-wrap .icon-box {position:absolute; right:0; top:5px} 
.date-wrap .icon-box li {display:inline-block; }
.date-wrap .icon-box li:first-child:before {display:none;}
.date-wrap .icon-box li:before {display:inline-block; content:""; width:1px; height:22px; background: #d8d8d8; margin:0 15px 0; vertical-align: middle}
.date-wrap .icon-box li button {display:inline-block; vertical-align: middle; background: url(../../img/ms/common/sp_pc.png) no-repeat 0 -134px; width:22px; height:23px; font-size:0;}
.date-wrap .icon-box li button.list-icon {background-position: -240px -255px}
.date-wrap .icon-box li button.calendar-icon {background-position: -280px -255px}
.date-wrap .icon-box li button.list-icon.on {background-position: -240px -213px}
.date-wrap .icon-box li button.calendar-icon.on {background-position: -280px -213px}





.date-wrap.t2 {padding:0;}
.date-wrap .date-area {display:inline-block; line-height:37px; vertical-align:middle; margin-right:15px;} 
.date-wrap .floor-area,
.date-wrap .time-area{display:inline-block; line-height:37px}
.date-wrap .floor-area select,
.date-wrap .time-area select{width:170px}
.date-wrap .date-num {display:inline-block; vertical-align:middle;font-size:24px; margin:0 15px 0} 
.date-wrap .date-num span{font-size:16px}
.date-wrap .prev,
.date-wrap .next {display:inline-block; margin-top:3px; vertical-align:middle; width:28px; height:28px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0 -134px;} 
.date-wrap .next {background-position:-40px -134px;} 
.date-wrap .btn-wrap {position:absolute; top:15px; right:20px} 

/* 좌표 */
.date-wrap .position-area {position:absolute; top:50%; right:20px; margin-top:-20px;} 
.date-wrap .position-area li {display:inline-block; margin-left:20px; font-weight:bold; color:#333;}
.date-wrap .position-area li span {display:inline-block; margin-right:5px;}
.date-wrap .position-area li input[type="text"] {width:100px}


.schedule-btn {float:right; vertical-align:middle; font-size:0; } 
.schedule-btn li {display:inline-block; margin-left:2px;} 
.schedule-btn li:first-child {margin-left:0;}
.schedule-btn li:first-child .btn{border-radius:3px 0 0 3px }
.schedule-btn li:last-child .btn{border-radius:0 3px 3px 0}
.schedule-btn li .btn {display:block; -moz-box-shadow:none;-webkit-box-shadow:none; box-shadow:none; border-radius:0; background:#c3c3c3; font-size:16px; color:#fff;} 
.schedule-btn li .btn.on {background:#da9139;} 

.schedule-select-area {position: relative; min-height:20px; margin:20px 0 20px;}
.schedule-select-area .icon-area{display:inline-block; margin-left:30px; vertical-align:middle;}
.schedule-select-area .icon-area li{display:inline-block; vertical-align:middle; font-size:14px; color:#222}
.schedule-select-area .icon-area li img{margin:-4px 5px 0 0}
.schedule-select-area .icon-area li + li:before{content:""; display:inline-block; width:1px; height:17px; margin:-2px 15px 0; vertical-align:middle; background-color:#dedede;}
.schedule-select-area .right-area{position:absolute; top:50%; right:0; margin-top:-12px}
.schedule-select-area .right-area > ul > li{display:inline-block; margin-left:25px; position:relative}
.schedule-select-area .right-area .time:after{display:inline-block; margin-left:7px; vertical-align: middle; content:""; background: url(../../img/ms/common/sp_pc.png) no-repeat; width:25px; height:25px; background-position:-60px -350px; cursor:pointer}
.schedule-select-area .right-area .time.on + .calendar-text{display:block}
.schedule-select-area .right-area .holiday:before,
.schedule-select-area .right-area .unable:before{display:inline-block; vertical-align: middle; content:""; width:16px; height:17px; margin-right:5px; background: url(../../img/ms/common/sp_pc.png) no-repeat}
.schedule-select-area .right-area .holiday:before{background-position:-100px -350px; }
.schedule-select-area .right-area .unable:before{background-position:-130px -350px; }
.schedule-select-area .calendar-text{display:none; position:absolute; right:10px; bottom:10px; width:215px; padding:17px 19px; border:solid 1px #dfdfdf; background-color:#fff; box-sizing:border-box}
.schedule-select-area .calendar-text li:before {display:inline-block; vertical-align:middle; content:""; width:12px; height:12px; border-radius:6px; margin-top:-3px; margin-right:9px;}
.schedule-select-area .calendar-text li.t01:before{background:#6fc18c}
.schedule-select-area .calendar-text li.t02:before {background:#dfa62b}
.schedule-select-area .calendar-text li.t03:before {background:#92b6e1}
.schedule-select-area .calendar-text li.t04:before {background:#e2805e}
.schedule-select-area .calendar-text li.t05:before {background:#5e7ae2}
.schedule-select-area .calendar-text li {font-size:14px; color:#555; margin-bottom:5px}
.schedule-select-area .calendar-text .close{position:absolute; top:10px; right:10px; width:13px; height:13px; background: url(../../img/ms/common/sp_pc.png) no-repeat -150px -350px; font-size:0; text-indent:-9999px; cursor:pointer}


/* 상단 대시보드 */
.dashboard-area {margin-bottom:20px; display:flex;}
.dashboard-area > div {display:table; height:100px; background:#fff; border-radius:5px; padding:30px; box-sizing:border-box;
    -moz-box-shadow:  0px 2px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow:  0px 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .1);
}

.dashboard-area div.box1 {flex-grow:5; margin-right:10px;}
.dashboard-area .icon:before {display:inline-block; vertical-align: middle; content:""; background: url(../../img/ms/common/sp_pc.png) no-repeat 0 0; margin-right:15px;}
.dashboard-area .cell {display:table-cell; vertical-align:middle; }
.dashboard-area > div .text {display:inline-block; vertical-align:middle; font-size:15px; font-weight:bold; margin-right:25px; margin-top:-5px;}
.dashboard-area > div .cell:first-child {position: relative;}
.dashboard-area div.box1 .cell:first-child .num {position: absolute; left:0; top:-15px; padding-left:150px; width:100%; text-align:center; font-size:50px; color:#6388e7; box-sizing:border-box; margin-top:0;}
.dashboard-area div.box1 .cell .num {display:inline-block; vertical-align:middle; font-size:30px; margin-top:-5px;}
.dashboard-area div.box1 .text.icon {width:150px; height:42px; font-size:18px; color:#222; margin-top:5px;}
.dashboard-area div.box1 .text.icon:before {width:37px; height:42px; background-position:-105px 0; margin-top:-5px}
.dashboard-area div.box2, 
.dashboard-area div.box3 {flex-grow:2; margin-right:10px;}
.dashboard-area div.box2 .cell .num {position: absolute; left:0; top:-15px; padding-left:175px; width:100%; text-align:center; font-size:50px; color:#222; box-sizing:border-box; margin-top:0; }
.dashboard-area div.box2 .text.icon { height:42px; font-size:18px; color:#222; margin-top:5px;}
.dashboard-area div.box2 .icon:before {width:43px; height:42px; background-position:-210px 0; margin-top:-5px}
.dashboard-area div.box3 .cell .num {position: absolute; left:0; top:-15px; padding-left:190px; width:100%; text-align:center; font-size:50px; color:#b8282c; box-sizing:border-box; margin-top:0; }
.dashboard-area div.box3 .text.icon {height:42px; font-size:18px; color:#222; margin-top:5px;}
.dashboard-area div.box3 .icon:before {width:43px; height:42px; background-position:-155px 0; margin-top:-5px}

.dashboard-area div.box1{width: calc(50% - 10px)}
.dashboard-area div.box2{width: calc(25% - 10px)}
.dashboard-area div.box3{margin-right:0 !important; width:25%}



/* 헤더 */
.top-header {background:#ae9e87; height:50px; padding:0 0px 0 240px; box-sizing: border-box; 
    -moz-box-shadow:  0px 2px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow:  0px 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);
    margin-bottom:20px;
    position: relative;
}


/* 버튼 */
.board-btn {text-align:right;}
.board-btn .btn {min-width:120px; box-sizing: border-box}
.board-btn.txt-l {text-align:left; position: relative;}
.board-btn.txt-l .pa-r {position:absolute; top:0; right:0;}
.board-btn + .table-area {margin-top:50px;}


/* btn */
.btn:first-child {margin-left:0;}
.btn {display:inline-block; background:#8c7a61; border-radius:3px; color:#fff; min-width:120px; height:40px; min-width:120px;padding:0 20px 0; font-size:14px; vertical-align: middle; box-sizing:border-box;
    margin-left:5px;
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, .2);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, .2);
}

.btn.small {background:#7f7f7f; color:#fff; box-sizing:border-box; font-size:13px; min-width: 100px;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 rgba(0, 0, 0, .2);
}

.btn.grey {background:#7f7f7f;}
.btn.grey02 {background:#aaa;}
.btn.light {background:#ae9e87}
.btn.white {background:#fff; border:2px solid #b09d82; color:#8c7a61; font-weight: bold;}
.btn-plus,
.btn-minus {display:inline-block; vertical-align:middle;width:35px; height:40px; font-size:0; background: url(../../img/ms/common/sp_pc.png) no-repeat -195px -88px; margin-left:5px}
.btn-plus {background-position: -240px -88px; }
.btn.floor{font-size:16px; background-color:#b29c84; box-shadow:none}
.btn.floor-disabled{font-size:16px; color:#888;background-color:#ededed; box-shadow:none}
.btn.close-black{width:17px; height:17px; min-width:auto; padding:0; background: url(../../img/ms/common/sp_pc.png) no-repeat -280px -62px; border-radius:0; box-shadow:none}


.top-header .btn .color01 {color:#fffc00;}
.top-header .btn {display:inline-block; background:#967070; border-radius:3px; color:#fff; height:40px; padding:0 20px 0; font-size:15px; vertical-align: middle; box-sizing:border-box;
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, .2);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, .2);
}
.top-header .btn.search {position:relative; vertical-align: middle; padding-top:2px;}
.top-header .btn.search:before {display:inline-block; content:""; vertical-align: middle; width:13px; height:14px; background: url(../../img/ms/common/sp_pc.png) no-repeat -35px -30px; margin:-3px 5px 0 0;}
.top-header .btn.login {font-size:0; padding:0 12px 0;}
.top-header .btn.login:after {display:inline-block; content:"";  width:16px; height:24px; background: url(../../img/ms/common/sp_pc.png) no-repeat -0 -63px; }


.top-header .select-btn {position: relative; display:inline-block; vertical-align: top; height:100%;}
.top-header .select-btn .top-choice[type='button'] {color:#fff; border-right:1px solid #c9bba9; width:220px; height:100%; position: relative; text-align:left; font-size:14px; padding-left:15px; margin-right:5px;}
.top-header .select-btn .top-choice[type='button']:after {display:block; content:""; width:12px; height:12px; background: url(../../img/ms/common/sp_pc.png) no-repeat -61px 0; position:absolute; top:45%; right:10px;}
.top-header .select-pop {display:none; border:2px solid #7d746b; background:#fff; width:350px; text-align:center; padding:30px 20px 30px; box-sizing:border-box; z-index:10; position: absolute; top:10px}
.top-header .select-pop.on{display:block}
.top-header .select-pop .title {font-size:20px; color:#222; margin-bottom:15px;}
.top-header .select-pop .title span {font-size:16px; color:#999}
.top-header .select-pop ul {margin-bottom:20px;}
.top-header .select-pop li:first-child {margin-top:0px;}
.top-header .select-pop li {margin-top:10px;}
.top-header .select-pop select {width:100%;}
.top-header .select-pop .btn {background:#8c7a61}
.top-header .close-btn {background: url(../../img/ms/common/sp_pc.png) no-repeat -280px -63px; font-size:0; width:16px; height:16px; position:absolute; top:20px; right:20px;}



.top-header .combo-box {position:absolute; top:0; right:0; font-size:0;}
.top-header .combo-box button {font-size:0; color:#fff; border-left:1px solid #c9bba9; width:50px; height:50px; position:relative; box-sizing: border-box}
.top-header .combo-box button:before {display:block; content:""; background: url(../../img/ms/common/sp_pc.png) no-repeat;  position:absolute; top:50%; left:50%;}
.top-header .combo-box button:nth-child(1):before { background-position:-310px -63px; width:26px; height:19px; margin:-9px 0px 0 -13px}
.top-header .combo-box button:nth-child(2):before { background-position:0px -390px; width:17px; height:19px; margin:-9px 0px 0 -10px}
.top-header .combo-box button:nth-child(3):before { background-position:0px -63px; width:16px; height:24px;  margin:-11px 0px 0 -8px}


.top-header .combo-box .select-pop{top:10px; right:10px; width:270px; height:185px; text-align:left; font-size:16px; color:#333}
.top-header .combo-box .select-pop .btn-box{margin:10px 0 15px; padding:10px 0; border:solid 1px #c0bcbc; border-left:none;  border-right:none}
.top-header .combo-box .select-pop .btn-box span{display:inline-block; width:66px}
.top-header .combo-box .select-pop button{min-width:0; width:70px; padding:0; height:30px; font-size:14px; border:none}
.top-header .combo-box .select-pop button.gray{background-color:#aaa}
.top-header .combo-box .select-pop button:before{display:none}
.top-header .combo-box .select-pop .logout-btn{font-size:16px; color:#333}
.top-header .combo-box .select-pop .close-btn{position:absolute; min-width:0; width:16px; height:16px; top:20px; right:20px; font-size:0; text-indent:-9999px}




.top-header .top-btn {display:inline-block; font-size:0; height:100%; box-sizing: border-box}
.top-header .top-btn button {font-size:16px; color:#fff; border-right:1px solid #c9bba9; height: 100%; padding:0 15px; box-sizing: border-box; vertical-align:middle}
.top-header .top-btn button strong.num:nth-child(1) {color:#855c1c; padding-right:10px; margin-right:5px; border-right:1px solid #c1b19d;}
.top-header .top-btn button strong.num:nth-child(2) {color:#5fffe3; }
.top-header .top-btn button .calendar {display:inline-block; margin-right:10px;}
.top-header .top-btn button .calendar:before {display:inline-block; vertical-align: middle; content:""; width:24px; height:24px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0 -30px; margin-right:10px;}

.top-header .top-btn button .plus:before {display:inline-block; content:""; background: url(../../img/ms/common/sp_pc.png) no-repeat -60px -110px;  width:14px; height:14px; vertical-align: middle; box-sizing: border-box; }
.top-header .top-btn button .lunch {display:inline-block; border-radius: 3px; background:#fff; color:#6a5e50; padding:0 13px 0; font-size:12px;}
.top-header .top-btn button .color01 {color:#f9ff60;}




.top-header .util-btn {position:absolute; right:30px; top:15px;}
.top-header .util-btn .btn {background:#8c7a61; height:40px; min-width:auto }


/* 타이틀 영역 */
.title-area {position: relative;}
.title-area h2 {font-size:18px; margin-bottom:30px; font-weight: bold; color:#000}
.title-area h3 .btn {margin-left:20px;}
.title-area .path {position:absolute; top:0; right:0;}
.title-area .path li {display:inline-block; font-size:0;}
.title-area .path li:first-child:before {display:none;}
.title-area .path li:before {display:inline-block; content:""; width:5px; height:8px; background: url(../../img/ms/common/sp_pc.png) no-repeat  -35px -63px; margin:0 10px 0 }
.title-area .path li a {font-size:12px; text-decoration:none; color:#333}
.title-area h3:first-child {margin-top:0;}
.title-area h3 {font-size:18px; margin-bottom:20px; margin-top:30px; font-weight: bold; color:#998465}
div + .title-area {margin-top:30px}


/* 게시판 검색 */
.content-section .top-search {margin:0px 0 15px; text-align: right; margin-bottom:20px}
.content-section .top-search:after{content:""; display:block; clear:both}
.content-section .top-search input[type='text'] {width:630px;}
.content-section .top-search select { vertical-align: middle; width:100px;}



.content-section .top-search .search-result {text-align: left; margin-top:10px; font-size:16px;}


/* 검색유형 2 - 2단 */
.top-search.type02 {position:relative; padding-top:20px}
.top-search.type02 .left-area{text-align: left}
.top-search.type02 .left-area select{width:130px}
.top-search.type02 .right-area{position: absolute; top:50%; right:0; margin-top:-10px}
.top-search.type02 .right-area input[type="text"]{width:300px}

.top-search.type03 {position:relative; padding-top:20px; text-align:left; border-bottom:1px solid #ccc; padding:30px 0 30px} 

.top-search.type03 .right-area{position: absolute; top:50%; right:0; margin-top:-20px}
.top-search.type03 .right-area input[type="text"]{width:300px}
.top-search.type03 .list-reservation li:first-child {padding-left:0;}
.top-search.type03 .list-reservation li:first-child:before {display:none;}
.top-search.type03 .list-reservation li {display:inline-block; padding:0 0 0 35px;}
.top-search.type03 .list-reservation li:before {display:inline-block; content:""; width:1px; height:15px;  margin-right:35px; background:#e6e4e4;}
.top-search.type03 .list-reservation li strong{font-size:20px; color:#000}
.top-search.type03 .list-reservation li {font-size:14px; color:#555}

/* 필터 검색 */
.filter-area {border-bottom:2px solid #685e52; position:relative; margin-bottom:30px;}
.filter-area .filter-btn {width:100px; height:35px; font-size:13px; color:#fff; background:#685e52; border-radius: 0 0 3px 3px; position:absolute; bottom:-35px; text-align:left; padding-left:15px;}
.filter-area .filter-btn:before {display:block; content:""; width:13px; height:8px; background: url(../../img/ms/common/sp_pc.png) no-repeat  -60px -0px; position:  absolute; top:15px; right:15px; }
.filter-area .filter-box {display:none;}
.filter-area .filter-box.on {display:block}
.filter-area .filter-btn.on:before {transform: rotate(180deg);}


.filter-area .filter-box .box:first-child{margin-left:0;}
.filter-area .filter-box .box {width:100%; margin-left:60px;}


/* 게시판 페이징 */
.page-area {text-align:center; font-size:0; margin-top:38px;}
.page-area.btn-page {position:relative;margin-top:20px; padding-top:6px;}
.page-area.btn-page .btn {position:absolute; right:0; top:0;}
.page-area a.prev {font-size:0; position:relative; margin-right:10px;}
.page-area a.next {font-size:0; position:relative; margin-left:10px;}
.page-area a.prev:before,
.page-area a.next:before {position:absolute;top:50%; left:50%; margin:-5px 0 0 -3px; display:block; content:""; width:7px; height:11px; background: url(../../img/ms/common/sp_pc.png) no-repeat -35px 0;}
.page-area a.next:before {background-position: -45px 0;}
.page-area a {display:inline-block; color:#787878; font-size:14px; width:24px; height:24px; line-height:23px; vertical-align: middle}
.page-area a.on {background:#a49e96; color:#fff;}


/* 테이블 타이틀 */
table td .text-box li:first-child {margin-top:0}
table td .text-box li {margin-top:20px;}
table td .text-box li textarea {display:inline-block; width: calc(100% - 140px); min-height:40px !important; vertical-align: middle; box-sizing: border-box;}
table td .text-box li .file-box {display:block; margin-top:5px;}

/* 테이블 리스트 */
.table-area {margin-top:30px; }
.table-type01.list td {border-left:0; border-right:0;}
.table-type01.list td a {display:block; text-align:left;}
.table-type01.list td a.alink {display:block; text-align:center; text-decoration: underline}
.table-type01 .num-icon span:first-child {margin-left:0;}
.table-type01 .num-icon span {display:inline-block; background:#9aba91; color:#fff; min-width:50px; height:22px; line-height:20px; border-radius:11px; padding:0 15px 0; box-sizing: border-box; font-size:14px; margin-left:10px; }
.table-type01 .num-icon span:nth-child(2) {background: #eea081}
.table-type01 .num-icon span:nth-child(3) {background: #bbb}

.table-type01 thead th .arrow {display:inline-block; vertical-align: bottom; width: 12px; height: 13px; background: url(../../img/ms/common/sp_pc.png) no-repeat -61px 0;}
.table-type01 thead th .arrow.up {transform: rotate(180deg); vertical-align: top;}
.table-type01 td .through {text-decoration: line-through;}



/* 게시판 상세 */
.detail-area .detail {border-top:2px solid #c0bcbc; border-bottom:2px solid #c0bcbc;}
.detail-area .detail li:first-child {border-top:0}
.detail-area .detail li{border-top:1px solid #e6e4e4; padding:20px; }
.detail-area .detail li.text {font-size:14px; min-height:450px;}
.detail-area .detail li .detail-box {position: relative;}
.detail-area .detail li .detail-box strong {font-size:18px; color:#555;}
.detail-area .detail li .detail-box .poa-r {position: absolute; top:0; right:0;}
.detail-area .detail li .detail-box .name {display:inline-block; font-size:14px; font-weight:bold; color:#222; min-width:80px;}
.detail-area .detail li .detail-box .file {font-size:14px; color:#ae9e87;}
.detail-area .detail li .detail-box .cell {display:inline-block;}
.detail-area .detail li .detail-box .cell + .cell {margin-left:80px;}


/**/
.page-list {margin-bottom:20px;}
.page-list li{border-bottom:1px solid #e6e4e4;}
.page-list li .label {display:inline-block; font-weight:bold; padding:20px}
.page-list li a {display:inline-block; padding:20px; padding-left:0;}


/* 쓰기 :: 공지사항 쓰기만 */
.write-area {margin-bottom:20px;}
.write-area .write table {text-align:left; border-top:2px solid #c0bcbc; border-bottom:2px solid #c0bcbc;}
.write-area .write tr:first-child th,
.write-area .write tr:first-child td{border-top:0;}
.write-area .write th {padding:0 20px 0; font-size:14px; color:#222; border-top:1px solid #e6e4e4;}
.write-area .write td {padding:10px; border-top:1px solid #e6e4e4;}
.write-area .write td input[type='text'] {width:100%; box-sizing:border-box}
.write-area .write td.text-write textarea {min-height:550px;}


/* 등록 */
.registered-area {margin-bottom:20px; width:100%;}
.registered-area .registered table {text-align:left; border-top:1px solid #c0bcbc; border-bottom:1px solid #c0bcbc;}
.registered-area .registered tr:first-child th,
.registered-area .registered tr:first-child td{border-top:0;}
.registered-area .registered th {padding:0 20px 0; font-size:14px; color:#222; border-top:1px solid #e6e4e4; height:65px; box-sizing:border-box; text-align:left;}
.registered-area .registered th.color01 {color:#888;}
.registered-area .registered td {padding:10px; border-top:1px solid #e6e4e4; height:66px; box-sizing:border-box; font-size:16px}

.registered-area .registered td .table-type01 table tfoot th {height:50px; background:#a49e96; }
.registered-area .registered td .table-type01 table tfoot td {height:50px; border-top:1px solid #c0bcbc; text-align: center; box-sizing: border-box}


.registered-area table tr.chk-tr td {background:#f7f7f7;}
.registered-area table tr.chk-tr td .chk ul {margin-left:-30px; }
.registered-area table tr.chk-tr td .chk li:first-child {margin-top:0;}
.registered-area table tr.chk-tr td .chk li {display: inline-block; margin:5px 0  5px 30px;}
.registered-area table tr.chk-tr td .chk.t02 li {display:block;}
.registered-area table tr.chk-tr td .chk.t02 .tit {display:inline-block; margin-right:5px;}
.registered-area table tr.chk-tr th {background:#f7f7f7;}
.registered-area table tr.chk-tr th .chk ul {margin-left:-30px; }
.registered-area table tr.chk-tr th .chk li:first-child {margin-top:0;}
.registered-area table tr.chk-tr th .chk li {display: inline-block; margin:5px 0  5px 30px;}
.registered-area table tr.chk-tr th .chk.t02 li {display:block;}
.registered-area table tr.chk-tr th .chk.t02 .tit {display:inline-block; margin-right:5px;}

.registered-area table tr td .adr-list li:first-child {margin-top:0;}
.registered-area table tr td .adr-list li {margin-top:10px;}
.registered-area table tr td .adr-list li .tit {display:inline-block; padding:0 20px 0}
.registered-area table tr td .adr-list li .box {margin-top:10px; padding-left:20px}

.registered-area table tr.reservations th {vertical-align:top; padding-top:20px; border-top:0;}
.registered-area table tr.reservations td {border-top:0;}
.registered-area table tr.reservations td .box {margin-top:10px;}
.registered-area table tr.reservations td .box P{margin-top:10px;}

.registered-area table .table-modify {display:inline-block; margin-left:10px; vertical-align: middle}
.registered-area table .table-modify ul {display:inline-block;}
.registered-area table .table-modify ul > li strong {margin-right:5px;}
.registered-area table .table-modify ul > li {display:inline-block; margin-left:10px; letter-spacing: 0}
.registered-area td .registered-area {margin-top:30px}




/* 검색 */
.registered-area .select-search input[type='text'] {width: calc(100% - 210px);}



/*  테이블 인원 체크  */
.registered.totalFn .count-box {display:inline-block; vertical-align:middle; border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4; background:#fff; /*position:absolute; top:0; right:0;*/}
.registered.totalFn .count-box .num {display:inline-block; vertical-align:middle; width:80px; height:38px; background:#fff; font-size:14px; color:#333; text-align:center; line-height:38px; }
.registered.totalFn button.minus,
.registered.totalFn button.plus {display:inline-block; vertical-align:middle; width:35px; height:38px; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4;}
.registered.totalFn button.minus {background: url(../../img/ms/common/sp_pc.png) no-repeat -105px -87px; font-size:0; }
.registered.totalFn button.plus {background: url(../../img/ms/common/sp_pc.png) no-repeat -150px -87px; font-size:0;}
.registered.totalFn .total-area {font-size:15px}
.registered.totalFn .total-area .count-total {font-size:20px; color:#ff0000;}
.registered.totalFn .total-area .total + span {margin-left:45px;}
.registered.totalFn .total-area .total2 {font-size:20px; color:#3000ff;}


/* 테이블 */
.table-type01 {/*border-bottom:2px solid #c0bcbc;*/ margin-bottom:20px;}
.table-type01 table thead tr th:last-child {border-right:0;}
.table-type01 table thead tr th:first-child {border-left:0;}
.table-type01 table thead tr th {background:#a49e96; color:#fff; height:50px; font-weight:normal; border-left:1px solid #c8c5c0; padding:0 5px 0; box-sizing: border-box;}
.table-type01 table thead tr.bg01 th {background:#b9ae9d; border-top:1px solid #c8c5c0; border-left:1px solid #c8c5c0;}
.table-type01 table thead tr.bg01 th:last-child {border-right:0;}

.table-type01 table tbody tr td:last-child {border-right:0;}
.table-type01 table tbody tr td {background:#fff; color:#565656; height:60px; border-bottom:1px solid #e6e4e4; border-right:1px solid #e6e4e4; text-align:center; padding:0 10px 0}
.table-type01 table tbody tr td .tbl-btn {display:block; min-width:68px; background:#8c7a61; color:#fff; font-size:12px; height:22px; padding:0 10px 0; margin:3px auto;
    border-radius: 2px;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
}
.table-type01 table tbody tr td .tbl-btn.t2 {background:#888;}


.table-type01 table tfoot tr th {background:#f9f8f8; height:60px; color:#000; padding:0 10px 0 ; border-bottom:1px solid #c8c5c0; text-align:center}
.table-type01 table tfoot tr td {background:#f9f8f8; height:60px; color:red; padding:0 10px 0; border-bottom:1px solid #c8c5c0; text-align:center}

/* 테이블 내 테이블 */
.registered button + .table-area {margin-top:10px}
.registered .table-type01.t02 th {background:#aaa; color:#fff; text-align:center; height:50px; font-size:14px; vertical-align:middle; padding-top:0}
.registered .table-type01.t02 td {border:0; height:60px; font-size:14px;  vertical-align:middle}
.registered .table-type01.t02 tbody tr + tr{border-top:solid 1px #c0bcbc}


.calendar-input {display:inline-block; vertical-align: middle; position: relative; }
.calendar-input .icon {position:absolute; right:8px; top:8px; width:21px; height:22px; background: url(../../img/ms/common/sp_pc.png) no-repeat -60px -30px;}
.calendar-input .icon02 {position:absolute; right:8px; top:8px; width:22px; height:24px; background: url(../../img/ms/common/sp_pc.png) no-repeat -150px -134px;}
.calendar-input + select {margin-left:5px;}


/* 고객 관리 */
.customer-box {margin-bottom:30px; padding:30px; border:2px solid #b7b7b7; border-radius: 5px; background:#f9f9f9;}
.customer-box .top-box {border-bottom:1px solid #dfdfdf; color:#333; padding-bottom:15px; position:relative; }
.customer-box .top-box .name {font-size:40px; font-weight:bold; }
.customer-box .top-box span {font-size:18px; font-weight:600}
.customer-box .po-r {position:absolute; right:0; top:5px;}
.customer-box .b-box {position: relative;}
.customer-box .management {font-size:18px; padding-top:20px;}
.customer-box .management span {color:#8c7a61;}
.customer-box .b-box .count-box {position: absolute; top:20px; right:0;}
.customer-box .b-box .count-box > ul {font-size:0; display:inline-block;}
.customer-box .b-box .count-box > ul > li {display:inline-block; font-size:20px; color:#000}
.customer-box .b-box .count-box > ul > li:nth-child(1) {color:#489234;}
.customer-box .b-box .count-box > ul > li:nth-child(2) {color:#cd3a00;}
.customer-box .b-box .count-box > ul > li:first-child:before {display:none}
.customer-box .b-box .count-box > ul > li:before {display:inline-block; content:""; width:1px; height:16px; background:#dbdbdb; margin:0 15px 0;}
.customer-box .b-box .count-btn  {display:inline-block; margin-left:20px; vertical-align: middle; position: relative;}
.customer-box .b-box .count-btn button {width:23px; height:23px; background: url(../../img/ms/common/sp_pc.png) no-repeat -80px -134px;}
.customer-box .b-box .count-btn .box {display:none; position:absolute; right:0; background:#fbf9f7; padding:20px; width:400px; border:1px solid #ae9e87; box-sizing:border-box; border-radius:3px}
.customer-box .b-box .count-btn .box li:first-child {margin-left:0;}
.customer-box .b-box .count-btn .box li {display:inline-block; margin-left:25px;}
.customer-box .b-box .count-btn .box li:before {display:inline-block; content:""; width:11px; height:11px; background:#489234; border-radius:6px; margin-right:5px;}
.customer-box .b-box .count-btn .box li:nth-child(2):before {background: #cd3a00}
.customer-box .b-box .count-btn .box li:nth-child(3):before {background: #000}
.customer-box .b-box .count-btn .box button {position:absolute; top:10px; right:10px; width:11px; height:11px; background: url(../../img/ms/common/sp_pc.png) no-repeat -130px -134px;}



/* 탭 */
.tab-area {margin-bottom:20px;}
.tab-area > ul {font-size:0; border-bottom:2px solid #555;}
.tab-area > ul li{display:inline-block; border-right:1px solid #c4c4c4; border-top:1px solid #c4c4c4; border-bottom:0; text-align:center; height:50px;}
.tab-area > ul li:first-child {border-left:1px solid #c4c4c4;}
.tab-area > ul li.on {position: relative;}
.tab-area > ul li.on:after {display:block; content:""; position:absolute; top:-2px; left:-2px; bottom:0; width:100%; height:100%; border:2px solid #555; border-bottom:2px solid #fff;}
.tab-area > ul li a {display:block; min-width:200px; height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#555; text-decoration:none }
.tab-area > ul li.on a {color:#222; height:100%;}


.tab-area .tab-box .box .choice {text-align: right; margin-top:20px;}
.tab-area .tab-box .box .choice + .title-area.line {padding:0}

.tab-box .title-area  {margin:35px 0 0px; margin-bottom:0}
.tab-box .title-area h3 {font-size:18px; color:#998465;}
.tab-box .title-area.line {border-bottom:1px solid #e6e4e4; position:relative;}
.tab-box .title-area.line .label-text {position:absolute; right:0; top:50%; margin-top:-20px;}
.tab-box .title-area.line .label-text .txt { margin-right:10px;}

.tab-box .title-area.line h3 {margin-bottom:10px;}

.tab-area .tab-box .box {display:none}
.tab-area .tab-box .box.on {display:block;}

.tab-area .tab-box .box.on .dot-list li {margin-top:15px}
.tab-area .tab-box .box.on .dot-list li .txt-box {display:inline-block}
.tab-area .tab-box .box.on .dot-list li .txt-box .txt {display:inline-block}
.tab-area .tab-box .box.on .dot-list li .tit {display:inline-block; min-width:80px;}
.tab-area .tab-box .box.on .dot-list li .tit:before {display:inline-block; content: ""; vertical-align: middle; margin-right:15px; width:3px; height:3px; border-radius: 50%; background:#666}
.tab-area .tab-box .box.on .dot-list li .space {height:10px; vertical-align: middle; line-height:6px}







/* 체크 리스트 */
.chk-list {display:inline-block; font-size:0;}
.chk-list li{display:inline-block; font-size:14px; margin-right:40px; padding:5px 0 5px;}




/* 탭 안의 탭이 들어갈 경우 감싸는 영역 */
.depth-tab {padding:40px; border:1px solid #cecece; margin-bottom:20px}
.depth-tab .registered table tbody th {color:#888; font-size:14px; font-weight:normal}
.depth-tab .registered table tbody td {color:#555; font-size:14px; font-weight:700}



/* 옵션 선택 */
.calendar-input + .option-select {margin-left:10px}
.option-select {display:inline-block; font-size:0; margin-left:-5px; vertical-align: middle;}
.option-select span {display:inline-block; border:1px solid #c8c8c8; height:28px; line-height:25px; font-size:13px; color:#666; padding:0 15px 0; border-radius: 14px; box-sizing:border-box;}
.option-select .btn-option {display:inline-block; vertical-align: middle; margin:0 0 5px 5px; border:1px solid #c8c8c8; font-size:13px; padding:0 12px 0; height:28px; line-height:26px; border-radius:14px }
.option-select .btn-option.on {background:#da9139; color:#fff; border:1px solid #da9139}
.option-select.t02 .btn-option:first-child {border-radius: 3px 0 0 3px; border-left:1px solid #ccc}
.option-select.t02 .btn-option:last-child  {border-radius: 0 3px 3px 0 }
.option-select.t02 .btn-option {background:#fff; color:#000; min-width:38px; margin:0; border-radius:0; border:0; border:1px solid #ccc; border-left:0; height:40px; padding:0 12px 0; box-sizing: border-box; letter-spacing:-1px}
.option-select.t02 .btn-option.on {background:#92b6e1; color:#fff}
.option-select.t03 span {background:#fff; color:#000; min-width:38px; margin:0; border-radius:0; border:0; padding:0 12px 0; border:1px solid #ccc; border-left:0; height:40px; line-height:40px; box-sizing: border-box; letter-spacing:-1px}
.option-select.t03 span.on {background:#e4e4e4;}
.option-select.t03 span:first-child {border-radius: 3px 0 0 3px; border-left:1px solid #ccc}
.option-select.t03 span:last-child  {border-radius: 0 3px 3px 0 }



/* 실시간 좌석현황 - 미니맵 */
.mini-map-wrap{position: absolute; top:500px; left:250px; width:360px; height:360px; padding:15px; background-color:#fff; border:solid 2px #000; z-index:2}
.mini-map-btn{position: absolute; top:0; left:0; width:100%; padding:15px; text-align: right; box-sizing:border-box}


/* 스크립트 input file 인풋 파일 */
.file-box {display:inline-block; }
.file-box .file-name {display:inline-block; height:40px !important; padding-left:10px; line-height:40px;border:1px solid #ccc;background-color:#fff;vertical-align:middle}
.file-box .btn-file {display:inline-block;text-align:center; color:#fff; font-size:14px; line-height:40px; padding:0 20px 0; /*background:#4f5eaf;*/ vertical-align:middle; border-radius:3px; cursor: pointer;}
.file-box .btn-file.type2 {background:#8c92a0;}
.file-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.file-box.images {text-align:left;}
.file-list {display:inline-block; margin-left:20px;}

.file-list.t02 li:first-child {margin-left:0;}
.file-list.t02 li {display:inline-block; margin-left:20px; vertical-align: middle}
.file-list.t02 li button {vertical-align: top}

.file-list.t03 {display:block; margin-left:0; margin-top:10px}
.file-list.t03 li:first-child {margin-left:0;}
.file-list.t03 li {display:inline-block; margin-right:20px;vertical-align: middle}
.file-list.t03 li button {vertical-align: top}






.file-list li a {color:#ae9e87;}
.file-list li .btn-del {display:inline-block; vertical-align: middle; margin-left:10px; width:20px; height:20px; background: url(../../img/ms/common/sp_pc.png) no-repeat -195px -63px; font-size:0;}

/* 파일 */ 
.drop-file .file {border:1px dotted #c4c4c4; background:#f7f7f7; font-size:14px; color: #999; text-align:center; padding:30px;}
.drop-file .file strong {color:#555;}
.drop-file .file-list {margin-left:0px;}
.drop-file .file-list li {display:block; margin-top:10px; font-size:14px; color:#ae9e87}
.drop-file .file-list li button {vertical-align: top;}
.drop-file .file-list.t02 {margin-left:-20px; font-size:0;}
.drop-file .file-list.t02 li {display:inline-block; margin-left:20px;}
.drop-file .file-list.t02 li div {position:relative}
.drop-file .file-list.t02 li div .btn-del {display:block; width:20px; height:20px; background: url(../../img/ms/common/sp_pc.png) no-repeat -195px -63px; position:absolute; top:0; right:0;}
.drop-file-wrap{display:table; width:100%}
.drop-file-wrap + .drop-file-wrap{border-top:1px solid #e6e4e4}
.drop-file-wrap > div{display:table-cell; padding:0 20px; vertical-align:middle}
.drop-file-wrap .drop-file-tit{width:100px; font-size:14px; color:#222; font-weight:bold; vertical-align: middle}
.drop-file-wrap .drop-file-cont{width:calc(100% - 180px)}
.drop-file-wrap .drop-file-cont > ul > li{display: table; width:100%; padding:0 0 10px; border-bottom:1px solid #e6e4e4}
.drop-file-wrap .drop-file-cont > ul > li:last-child{border-bottom:none; padding-bottom:0}
.drop-file-wrap .drop-file-cont .drop-file-lang{display:table-cell; width:100px; font-size:14px; color:#222; font-weight:bold; vertical-align: middle}
.drop-file-wrap .drop-file-cont .drop-file-box{display:table-cell; width: calc(100% - 100px); padding:20px 0}
.drop-file-wrap .drop-file-cont .drop-file-box textarea + .drop-file{margin-top:5px}
.drop-file-wrap .drop-file-btn{width:40px;text-align:right}
.drop-file-wrap .drop-file-btn .btn-plus{margin-bottom:10px}


/* 개발팀 버튼 */
.dev01{position: relative; /*height:1030px; min-height:1030px*/}
.dev01 .date-wrap, 
.dev-btm-wrap{width:100%; height:70px; padding: 15px 20px; text-align:left; box-sizing:border-box; z-index:1}
.dev{position: relative}
.dev-btn {display:inline-block; padding-bottom:3px; background-color:#c4c4c4; border-radius:5px}
.dev-btn .btn {min-width:80px; height:40px; overflow:hidden; font-size:14px; border-radius:5px 0 0 5px; background:#7f7f7f; box-shadow:none}
.dev-btn .btn.map{border-left:solid 1px #c4c4c4;}
.dev-btn .box-btn {display:inline-block; vertical-align: middle; height:40px; overflow:hidden; font-size:14px; background:#7f7f7f; box-shadow:none; margin-left:-5px; padding:0 13px 0; border-left:solid 1px #c4c4c4; border-radius:0}
.dev-btn .box-btn .minus {display:inline-block; vertical-align: middle; width:20px; height:20px; line-height:15px; cursor: pointer;}
.dev-btn .box-btn .minus:before {display:inline-block; vertical-align: middle; content:""; width:16px; height:2px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0px -100px; }
.dev-btn .box-btn .plus {display:inline-block; vertical-align: middle; width:20px; height:auto;}
.dev-btn .box-btn .plus:before {display:inline-block; content:""; width:16px; height:16px; line-height:14px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0px -110px; cursor: pointer;}
.dev-btn .box-btn .num-text {display:inline-block; vertical-align: middle; text-align:center; width:70px; height:40px; line-height:36px; font-size:18px; color:#fff;}
.dev-btn .btn.preview{min-width:95px; margin-left:-5px; background-color:#b29c84; border-radius:0 5px 5px 0}
.dev-btm-wrap{padding:10px 20px; border-top:solid 2px #c0c0c0; background-color:#fff; position: relative;}
.dev-btm-wrap .txt-box{display:inline-block; line-height:40px}
.dev-btm-wrap .dev-btn + .txt-box{padding-left:30px}
.dev-btm-wrap .txt-box li{position:relative; display:inline-block; padding-left:36px; vertical-align: middle}
.dev-btm-wrap .txt-box li::before{content:""; position: absolute; top:10px; left:7px; width:20px; height:21px; background: url(../../img/ms/common/sp_pc.png) no-repeat -195px -133px;}
.dev-btm-wrap .txt-box .table-num{font-size:14px;}
.dev-btm-wrap .txt-box .table-pp{margin-left:30px}
.dev-btm-wrap .txt-box .table-pp::before{background-position-x:-239px}
.dev-btm-wrap .txt-box li .tb-tit{display:inline-block; padding-right:5px; color:#555}
.dev-btm-wrap .txt-box li .tb-num{display:inline-block; font-size:15px; color:#000}
.dev-btm-wrap .dev-btn-right{position:absolute; top:50%; right:20px; margin-top:-20px;}
.dev-btm-wrap .dev-right{position:absolute; top:50%; right:20px; margin-top:-26px; font-size:16px}
.dev-btm-wrap .dev-right strong{display:inline-block; margin-right:15px; vertical-align:middle}
.dev-btm-wrap .dev-right .txt-box li .tb-tit{color:#555; font-size:16px}
.dev-btm-wrap .dev-right .txt-box li .tb-num{font-size:16px}
.dev-btm-wrap .dev-right .txt-box .table-pp{margin-left:50px}





/* 예약 관리 kap02-0000 */
.date-box-wrap{padding-bottom:20px; text-align:center; border-bottom:solid 2px #ccc}
.calendar-combi-wrap{display:inline-block; padding:0 26px; text-align:center; vertical-align:top}
.calendar-wrap{display:inline-block}
.calendar-wrap + .calendar-wrap{position:relative; padding-left:70px}
.calendar-wrap + .calendar-wrap:before{content:""; position:absolute; top:21px; left:20px; width:30px; height:2px; background-color:#999}
.calendar-wrap .date-number{width:145px; font-size:30px; padding-right:10px}
.calendar-wrap .date-btn{width:31px; height:31px; background:url(../../img/ms/common/sp_pc.png) no-repeat -280px 0px; vertical-align:-4px}

.badge{display:inline-block; width:56px; height:28px; font-size:13px; color:#fff; line-height:27px; text-align:center; border-radius:20px}
.badge.type01{background-color:#de783a}
.badge.type02{background-color:#67afd4}
.badge.type03{background-color:#ccc}
.badge.type04{background-color:#999}
.badge.type05{background-color:#ed7979}


/* 테이블 스크롤 */
.table-area-wrap.type01 {overflow-x:auto; overflow-y:hidden; margin-bottom:20px;}
.table-area-wrap.type01 .table-type01{/*width:2030px;*/ margin-bottom:0}
.table-area-wrap.type01 table{width:100%}
.table-area-wrap.type01 thead{width:100%}


/* 테이블 헤더 고정 css */
.table-box-wrap {position: relative; /*width:509px;*/ margin-top: 20px; padding-top: 49px;}
.table-box-wrap .table-box {max-height: 300px; overflow: auto; overflow-x: hidden; margin-top:0;}
.table-box-wrap .table-box table {width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse;}
.table-box-wrap .table-box table thead tr {position: absolute; top: 0;}
.table-box-wrap .table-box table thead tr th {font-weight: normal; /* width: 120px; */ /* height: 40px; */ color:#fff; }
.table-box-wrap .table-box table td {text-align: center; /* height: 40px; */ border-top: 1px solid #ccc;}
.table-box-wrap .table-box table tr {display: inline-table; width: 100%; table-layout: fixed;}
.table-box-wrap .table-box table tbody tr {display: table-row;}


/*
스크롤 테이블 엣지 대응 핵
.table-box-wrap .table-box.tn01 {width:1790px} 
@supports (-ms-ime-align:auto) {
	.table-box-wrap .table-box.tn01 {width:2070px} 
}*/

/* 테이블 아이콘 선택 */
.circle{display:inline-block; width:33px; height:33px; margin-top:-3px; vertical-align:middle; border-radius:50%}
.circle.type01{background-color:#6fc18c}
.circle.type02{background-color:#dfa62b}
.circle.type03{background-color:#e2805e}
.circle.type04{background-color:#92b6e1}
.circle.type05{background-color:#5e7ae2}
.circle.type06{background-color:#b481df}


.calendar-circle {font-size:12px;}
.calendar-circle p:first-child {margin-top:0;}
.calendar-circle p {margin-top:5px; }
.calendar-circle .circle {width:14px; height:14px; vertical-align:top; margin-top:1px}


.comment-text ul li:first-child {border-top:0;}
.comment-text ul li { position:relative; border-top:1px solid #e6e4e4; padding:10px;}
.comment-text ul li .date {position:absolute; top:12px; right:0; color:#888; }
.comment-text ul li .date .btn-del {display: inline-block; vertical-align: top; margin-left: 10px; width: 20px; height: 20px; background: url(../../img/ms/common/sp_pc.png) no-repeat -195px -63px; font-size: 0;} 


.group-box {display:inline-block;}
.group-box .icon {display:inline-block; width:20px; height:20px; background:#6fc18c; text-align:center; border-radius: 50%; color:#fff; font-size:13px; vertical-align:top; margin-top:1px;}




/* 인원 */
.table-rsv{margin:30px 0 10px; text-align:right}
.table-rsv ul li{display:inline-block; text-align:right}
.table-rsv .rsv-title{display:inline-block;margin:0 7px 0 30px; font-size:14px;}
.table-rsv .v-np{font-size:20px; color:#f00}
.table-rsv .t-np{font-size:20px; color:#3000ff}



/* 테이블 상단 정보 텍스트 */
.top-info {margin-bottom:10px; position: relative;}
.top-info .astar {display:inline-block;}
.top-info .astar:before {display:inline-block; content:"*"; color:#ff0000; margin-right:5px; }
.top-info .astar-gold {display:inline-block;}
.top-info .astar-gold a {color:inherit; text-decoration:underline; margin-left:5px;}

.top-info + .registered-area {margin-top:40px;}



/* radio + text */
.registered-area .combi-wrap li + li {margin-top:10px; padding-top:10px; border-top:solid 1px #e6e4e4}
.registered-area .combi-wrap li .combi-box {display:inline-block; margin-left:40px}
.registered-area .combi-wrap input[type="text"]{width:100px; margin-left:10px}
.registered-area .combi-wrap li .btn-minus{margin-left:40px}

.registered-area .prm-box .prm-num{display:inline-block; margin-left:10px}




/* 오른쪽 메뉴 스크롤 */
.right-layer .right-area .layer-content{overflow-y:auto;overflow-x:hidden}
.right-layer .right-area .layer-content.st02{overflow-y:auto;overflow-x:hidden}
.right-layer .right-area .layer-content .layer-cont{width:436px}


.right-layer .tab-area .tab li:after {height:49px; top:-1px};


/* 아코디언 */
.accordion {margin-top:20px; border-top:1px solid #c0bcbc}
.accordion a {text-decoration: none; color:#333}
.accordion > ul > li:first-child{border-top:none;}
.accordion > ul > li{border-bottom:1px solid #e6e4e4;}
.accordion > ul > li a {display:block; padding:20px; position:relative; }
.accordion > ul > li .arrow {display:block; background: url(../../img/ms/common/sp_pc.png) no-repeat -195px -192px ;  position:absolute; top:50%; right:10px; margin-top:-6px; width:21px; height:12px;}
.accordion > ul > li.on .arrow{background-position:-195px -175px;}
.accordion > ul > li a .tit {display:inline-block; min-width:150px;}
.accordion ul li a .tit.astar:before {display:inline-block; content:"*"; color:#ff0000; margin-right:5px;} 
.accordion .box {padding:10px; color:#333; display:none; border-top:1px solid #555050;}
.accordion li.on .box {display:block;}


.right-menu .right-area.dfl,
.right-menu .right-area.rsv,
.right-menu .right-area.inf{display:none}
.right-menu .right-layer .right-area.on{display:block}


/* 시스템 오류 페이지 */
.system-wrap {background:none}
.system-area {width:100%; margin:0 auto 200px;}
.system-area .top-box {border-bottom:1px solid #ccc; text-align:center; background:url("../../img/ms/error/error_img01.png") no-repeat center 115px; padding-top:250px; padding-bottom:70px;}
.system-area .top-box.t02 {background:url("../../img/ms/error/error_img03.png") no-repeat center 115px;}
.system-area .top-box .title {display:block; font-weight: normal; font-size:40px; color:#998465; margin-bottom:30px; }
.system-area .bottom-box {text-align:center; font-size:20px; color:#333; padding-top:30px; }
.system-area .bottom-box .text {display:inline-block; background:url("../../img/ms/error/error_img02.png") no-repeat 0 0; padding-left:40px; height:30px;}
.system-area .bottom-box span {color:#555} 
.system-area .bottom-box .menu ul {display:table; width:100%;}
.system-area .bottom-box .menu li:first-child {border-left:0;}
.system-area .bottom-box .menu li {display:table-cell; width:20%; text-align: center;  border-left:1px solid #ccc}
.system-area .bottom-box .menu li a {display:block; text-align: center; width:100%;}





/* 우측 영역 베너 */ 
body.layer {height:100%; height:100%; min-height:100%; overflow:hidden;}
.right-menu .layer-btn {position: fixed; right:0; top:50%; margin-top:-30px; background:#7b746c; width:50px; min-width:auto; height:60px; border-radius: 28px 0 0 28px; font-size:0; z-index: 3;}
.right-menu .layer-btn:after {display:block; content:""; width:11px; height:21px; background: url(../../img/ms/common/sp_pc.png) no-repeat -80px -63px; position: absolute; top:20px; left:25px;}
.right-menu .layer-btn.close:after {background-position:-60px -63px;}

.right-layer {display:none;}
.right-layer .right-area {display:block; position:fixed; right:0px; top:0; background:#fff; width:498px; height:100%; border-left:2px solid #777; box-sizing: border-box; z-index: 10;}
.right-layer .right-area .layer-content {height: calc(100% - 140px); box-sizing: border-box; padding:0 30px} 
.right-layer .right-area .layer-content:after{content:""; display:block; padding-bottom:30px}
.right-layer .right-area .layer-content.t02 {height: calc(100% - 120px); padding:0 30px 0px;}
.right-layer .right-area .title-area {position: relative;}
.right-layer .right-area .title-area.on {background:#fbf9f7;}
.right-layer .right-area .title-area .btn-info {background: url(../../img/ms/common/sp_pc.png) no-repeat  0 -352px; position:absolute; top:50%; right:30px; font-size:0; width:29px; height:28px; margin-top:-14px}
.right-layer .right-area .title-area.on .btn-info{width:16px; height:16px; background-position:-35px -352px; margin-top:-8px}
.right-layer .right-area .title-area h3{margin:0px 30px 15px; padding:20px 0 15px; border-bottom:2px solid #888; font-size:22px; color:#ae9e87; }
.right-layer .right-area .title-area .btn-prev {width:12px; height:21px; background: url(../../img/ms/common/sp_pc.png) no-repeat  -151px -175px; margin-right:10px;}
.right-layer .right-area h4{font-size:18px; margin-bottom:20px;}


/* 하단 버튼 */
.right-layer .right-area .btn-area.foot {text-align: center; display:inline-block; font-size:0; width:100%; height:60px; background:#ccc} 
.right-layer .right-area .btn-area.foot button {text-align: center; box-shadow:none; margin:0; border-radius:0; width:50%; height:100%; font-size:18px;} 

/* 우측 테이블 인포 */
.right-layer .title-area .table-info.on {display:block;}
.right-layer .title-area .table-info {display:none; padding: 20px 30px 10px; background:#fbf9f7; position: absolute; top:66px; z-index:3; width:100%;}
.right-layer .title-area .table-info ul {font-size:0; margin-bottom:15px;}
.right-layer .title-area .table-info ul li:first-child:before {display:none}
.right-layer .title-area .table-info ul li:before {display:inline-block; content:""; width:1px; height:14px; background:#adadad; margin:0 15px 0 15px}
.right-layer .title-area .table-info ul li {display:inline-block; font-size:14px; color:#555;}
.right-layer .title-area .table-info ul li strong {font-size:16px; color:#222;}
.right-layer .right-title {border-top:2px solid #222; border-bottom:2px solid #222;text-align: center; padding:13px 0  10px; margin-bottom:40px;}
.right-layer .right-title .title {display:inline-block; width:205px;}
.right-layer .right-title .prev,
.right-layer .right-title .next {display:inline-block; vertical-align:middle; width:28px; height:28px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0 -134px; font-size:0;} 
.right-layer .right-title .next {background-position:-40px -134px;} 


/* 딤 */
.right-layer .dim {position:fixed; top:0; left:0; background:#ccc; width:100%; height:100%; z-index:1; background: rgba(0, 0, 0, .0)}



/* 우측 담당자 메모 */
.right-layer .memo-text {border-top:1px solid #e8e8e8; margin-bottom:20px}
.right-layer .memo-text li {border-bottom:1px solid #e8e8e8; padding:20px 0 20px;}
.right-layer .memo-text li p {text-align: right; font-size:14px; margin-top:10px; color:#777; }


/* 우측 레이어 타임 라인 */
.right-layer .booking-nothing {position:absolute; top:66px; left:0; width:100%; height: calc(100% - 66px); background: rgba(255, 255, 255, .5); z-index: 3; }
.right-layer .booking-nothing .txt-box {text-align:center; position:absolute; top:50%; left:0; margin-top:-40px; width:100%;}
.right-layer .booking-nothing .txt-box p {font-size:16px; margin-bottom:20px}

.right-layer .time-line {margin:10px 25px 0 5px; padding:15px 0 15px 5px;}
.right-layer .time-line > ul > li {border-left:2px solid #e2e2e2;  height:40px; position:relative;}
.right-layer .time-line > ul > li:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#e2e2e2;}
.right-layer .time-line > ul > li:last-child {border-left:0}
/* .right-layer .time-line > ul > li:nth-child(odd) */
.right-layer .time-line > ul > li .time {display:inline-block; position:absolute; top:-16px; left:-5px; }
.right-layer .time-line > ul > li .time span {display:inline-block; background:#fff; margin-left:10px; font-size:14px; color:#555; letter-spacing:0; padding:5px;}
.right-layer .time-line > ul > li .time:before{display:inline-block; content:""; background:#acacac; width:10px; height:10px; border-radius:5px; }
.right-layer .time-line .info-box {background:#eaa300; padding:10px 20px 10px; font-size:14px; border-radius: 0px 3px 3px; position:absolute; top:0px; left:75px; width: calc(100% - 75px); z-index:2; color:#fff; box-sizing:border-box; height:40px;}
.right-layer .time-line .info-box .time-chk {margin-bottom:5px;}
.right-layer .time-line .info-box .name {margin-bottom:5px;}
.right-layer .time-line .info-box .arrow {width:13px; height:13px; background: url(../../img/ms/common/sp_pc.png) no-repeat -303px -87px; position:absolute; left:-11px; top:0px;}
.right-layer .time-line .info-box.t02 { background:#87b7e5}
.right-layer .time-line .info-box.t02 .arrow { background-position:-321px -87px;}
/* .right-layer .time-line .info-box .arrow {width:12px; height:16px; background: url(../../img/ms/common/sp_pc.png) no-repeat -240px -63px; position:absolute; left:-12px; top:50%; margin-top:-8px}
.right-layer .time-line .info-box.t02 { background:#87b7e5}
.right-layer .time-line .info-box.t02 .arrow { background-position:-258px -63px;} */


/* 레이아웃 */
.layout-area {font-size:0;}
.layout-area li {display:inline-block; width:33%; margin-bottom:20px;}
.layout-area li button{font-size:0; position: relative;width:67px; height:67px;}
.layout-area li button:after {display:block; content:""; width:67px; height:67px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0px -213px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.layout-area li:nth-child(2) button:after{background-position:-80px -213px}
.layout-area li:nth-child(3) button:after{background-position:-150px -213px}
.layout-area li:nth-child(4) button:after{background-position:0px -289px; width:51px; height:38px; }
.layout-area li:nth-child(5) button:after{background-position:-80px -289px; width:59px; height:52px; }
.layout-area li:nth-child(6) button:after{background-position:-150px -289px; width:53px; height:53px; }


/* 팝업 */
.pop {height:100%; min-height:100%; overflow:hidden; }

.popup-wrap {display:none; width:100%; background:#ccc; }
.popup-wrap .t-box {margin-bottom:20px}

/* 테이블 배정 - filter 위 title */
.popup-wrap .pop-title02{margin-bottom:20px; font-size:16px}

/* 팝업 스타일 추가 */
.popup-wrap.type02 .pop-content{overflow:auto; max-height:680px}
.popup-wrap.type02 .btn-area{margin-top:20px}


/* 팝업 사이즈 */
.popup-wrap .popup-area.w1200 {width:1200px;} /* big */
.popup-wrap .popup-area.w990 {width:990px;} /* big */
.popup-wrap .popup-area.w930 {width:930px;} /* middle */
.popup-wrap .popup-area.w740 {width:740px;} /* small */


.popup-wrap .popup-area { background:#fff; position:fixed; left:50%; top:50%; z-index:4; transform: translate(-50%, -50%);}
/* .popup-wrap .popup-area{ background:#fff; position:fixed; left:50%; top:25%; z-index:4; transform: translateX(-50%); -webkit-transform: translateX(-50%);} */
.popup-wrap .pop-title {padding:15px 30px 20px; background:#685e52; color:#fff; font-size:20px; position:relative}
.popup-wrap .pop-title .pop-close {display:block; position:absolute; top:50%; right:20px; margin-top:-9px; width:17px; height:17px; background: url(../../img/ms/common/sp_pc.png) no-repeat -105px -63px; font-size:0;}

.popup-wrap .pop-title.t02 {padding:10px 30px 10px;}
.popup-wrap .pop-title .btn-box {display:inline-block; margin-left:10px; }
.popup-wrap .pop-title .btn-box .btn {background:#e0e0e0; color:#777;}
.popup-wrap .pop-title .btn-box .btn.on {background:#ae9e87;  color:#fff;}


.popup-wrap .pop-content {padding:30px 30px 0; box-sizing: border-box}
.popup-wrap .pop-content:after{content:"";  display:block; padding-bottom:50px}
.popup-wrap .pop-content .new-date {position: relative; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #e6e4e4}
.popup-wrap .pop-content .new-date .icon {display:block; padding:0 20px 0; height:26px; line-height:24px; background:#dfa62b; font-size:14px; color:#fff; position:absolute; right:0; top:0; border-radius:2px; }
.popup-wrap .pop-content .new-date .tit:before {display:inline-block; vertical-align: middle; content:""; margin-right:8px; width:23px; height:23px; background: url(../../img/ms/common/sp_pc.png) no-repeat -23px -88px;}
.popup-wrap .pop-content .new-date .tit {font-size:16px; height:22px; line-height:18px; color:#000;}

/* 아이프레임 */
.popup-wrap .pop-content .frame {width:100%; margin-bottom:30px;}
.popup-wrap .pop-content .frame iframe {width:100%; border:0}

.popup-wrap .btn-area {text-align:center}
.popup-wrap .btn-area.txt-r {text-align: right;}
.popup-wrap .dim {position:fixed; top:0; left:0; background:#ccc; width:100%; height:100%; z-index:3; background: rgba(0, 0, 0, .5)}
/* .popup-wrap .pop-btn {border:1px solid #ccc;} */


/* 팝업 공통 */
.popup-wrap select.meal-time + select {margin-left:5px;}
.popup-wrap select.meal-time {width:200px; margin-left:5px;}
.popup-wrap .check-area {text-align:right; font-size:15px; margin-top:10px; }
.popup-wrap .check-area label {padding-left:0; width:auto !important}

/* 팝업 상단 기간 검색 */
.popup-wrap .top-search {margin-bottom:30px;}
.popup-wrap .top-search li:first-child {margin-top:0;}
.popup-wrap .top-search li {margin-top:10px; font-size:0;}
.popup-wrap .top-search li select {width:170px;}
.popup-wrap .top-search .search {width:400px}
.popup-wrap .calendar-input .input-box + button,
.popup-wrap .top-search input[type='text'] + button {margin-left:5px}
.popup-wrap .top-search label {display:inline-block; vertical-align: middle; font-size:15px; margin-right:20px;}

/* 팝업 상단 검색 영역 */
.popup-wrap .top-search .box {display:inline-block; width: calc(100% - 130px);}
.popup-wrap .top-search .box input[type='text'] {width: calc(100% - 160px); }




/* 테이블 배정 */
.popup-wrap .top-select {margin-bottom:30px;}
.popup-wrap .top-select li:first-child {padding-top:0;}
.popup-wrap .top-select li {border-bottom:1px solid #e6e4e4; padding:20px 0 20px}
.popup-wrap .top-select li label {margin-right:10px;}
.popup-wrap .top-select li label + input[type='checkbox'] {margin-left:70px}
.popup-wrap .top-select li select {width:170px;}
.popup-wrap .top-select li select + label{margin-left:60px}
.popup-wrap .total-area {/*text-align:right;*/ padding: 0 0 20px; font-size:15px}
.popup-wrap .total-area .total {font-size:20px; color:#ff0000;}
.popup-wrap .total-area .total + span {margin-left:45px;}
.popup-wrap .total-area .total2 {font-size:20px; color:#3000ff;}


/* 신규 예약 등록 */
.popup-wrap .registration {margin-bottom:30px;}
.popup-wrap .registration li:first-child {padding-top:0;}
.popup-wrap .registration li {border-bottom:1px solid #e6e4e4; padding:20px 0 20px; font-size:0;}
.popup-wrap .registration li label {width:90px; font-size:15px;}
.popup-wrap .registration li label.astar:before {display:inline-block; content:"*"; vertical-align:top; color:#ff0000;}
.popup-wrap .registration li .two-area {display:table;}
.popup-wrap .registration li .two-area .cell {display:table-cell; width:50%}
.popup-wrap .registration li .two-area .cell label.tit {margin:0 10px 0 30px; width:auto}
.popup-wrap .registration li .textarea {display:inline-block; vertical-align:middle; width:775px;}


/* 정보가 없을 경우 */
.inquiry-box {margin-top:50px; border:2px solid #d6d6d6; background: #fafafa; font-size:16px; color:#222; padding:20px; position: relative;}
.inquiry-box .box {width: calc(100% - 125px); margin-left:-10px; margin-top:-10px; }
.inquiry-box .box li{display:inline-block; margin-left:10px; margin-top:10px; }
.inquiry-box .box li.on { background:#fff; position:relative;}
.inquiry-box .box li.on:after {display:inline-block; content:""; border-radius: 3px; width:100%; height:100%; border:1px solid #87a9e0; position:absolute; left:0; top:0; }
.inquiry-box .box li a {display:block; padding:5px 7px 5px;}
.inquiry-box .text {text-align:center;}
.inquiry-box .btn {position:absolute; top:50%; right:20px; margin-top:-20px;}

.inquiry-box .tit {display: inline-block; min-width:130px}
.inquiry-box .list {display: inline-block; }
.inquiry-box .list li:first-child {margin-left:0}
.inquiry-box .list li {display: inline-block; color:#998465; margin-left:20px;}
.inquiry-box .btn-del {display: inline-block; vertical-align: top; margin-left: 10px; width: 20px; height: 20px; background: url(../../img/ms/common/sp_pc.png) no-repeat -195px -63px; font-size: 0; }






/* 아이스크롤 CSS */
.right-area .scroll-wrap {position: relative; min-height:100%; }
.right-area .scroll-wrap .iscroll-area {
	position: absolute;
	z-index: 1;
	top:0;
	left: 0;
	width: 100%;
    overflow: hidden;
    height:100%;
	/* height: calc(100% - 30px); */
	
}


/* 아이스크롤 CSS */
.scroll-wrap {position: relative; height:200px}
.scroll-wrap .iscroll-area.t02 {
	position: absolute;
	z-index: 1;
	top:0;
	left: 0;
	width: 2020px;
    overflow: hidden;
    height:100%;
    /* height: calc(100% - 30px); */
}

.scroll-wrap #scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); /* 스크롤 라인 */
    width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}






/* 미디어쿼리 영역 */
@media all and (max-width:1280px){
  
}


/**/
.reservation-info {margin-top:10px;}
.reservation-info li {font-size:15px; margin-top:5px;}
.reservation-info li .tit {display:inline-block; min-width:120px;}
.reservation-info li .box {display:inline-block; min-width:70px;}
.reservation-info li .box span {display:inline-block; min-width:70px; }
.reservation-info li .box span:nth-child(1) {padding-left:0; }
.reservation-info li .box span:first-child:before {display:none}
.reservation-info li .box span:before {display:inline-block; content:""; width:1px; height:10px; background: #e6e4e4; margin-right:20px}
.reservation-info li .box span strong {display:inline-block; min-width:15px; text-align:center;}
.reservation-info li a {border-bottom:1px solid blue;}


.txt-byte {text-align:right; font-size:13px; color:#999}
.txt-byte span {color:#333}
.txt-byte span + span {color:#999;}


/* 테이블 예약 내역 */
.table-reservation {border-bottom:2px solid #ccc; width:435px; margin:0 auto 30px; font-size:18px; font-weight: bold; padding:5px 0 20px; position: relative;}
.table-reservation .icon-list {position:absolute; top:0; right:0;}
.table-reservation .icon-list li {display:inline-block; font-size:14px; vertical-align: middle; color:#777; line-height:14px}
.table-reservation .icon-list li:after {display:inline-block; content:""; width:30px; height:30px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0 -420px; vertical-align: middle; margin-left:10px; margin-bottom:5px;}
.table-reservation .icon-list li:nth-child(2) { margin-left:10px;}
.table-reservation .icon-list li:nth-child(2):after {background: url(../../img/ms/common/sp_pc.png) no-repeat -35px -420px;}


/*테이블 정보 아이콘 */
.add-icon01 {width:30px; height:30px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0 -420px; font-size:0; }
.add-icon02 {width:30px; height:30px; background: url(../../img/ms/common/sp_pc.png) no-repeat -35px -420px; font-size:0; }




/* 테이블 인풋 */
.calc70 input[type='text']:last-child {width: calc(100% - 80px);}
.calc100 input[type='text']:last-child {width: calc(100% - 110px);}
.calc110 input[type='text'] {width: calc(100% - 110px);}


.title-area .btn {position:absolute; right:0; top:50%; margin-top:-20px}
.pop-txt {font-size:16px; color:#333; padding-bottom:10px; border-bottom:1px solid #e8e8e8; margin-bottom:30px}

/* 우측 레이어 아코디언 재 정의 */
.right-menu .accordion li > a {padding-left:0;}
.right-menu .accordion li .tit {font-size:18px;} 
.right-menu .accordion li .box {padding:0;}
.right-menu .accordion li .box .registered-area {margin-bottom:0;}
.right-menu .accordion li .box .registered-area table {border:0}


/* 테이블 우측 정렬 버튼 */
.btn-calc {position: relative;}
.btn-calc button {position: absolute; right:0; top:50%; margin-top:-20px}


/* 이용 금액 정보 */
.price-wrap .price-box {border:2px solid #e6e4e4; margin-top:20px; padding:0 20px 0;}

.price-wrap .price-box ul li:first-child {border-top:0}
.price-wrap .price-box ul li {border-top:1px solid #e6e4e4; padding:20px 0 20px}
.price-wrap .price-box ul li .tit {font-size:16px;}
.price-wrap .price-box ul li p {font-size:16px;}
.price-wrap .price-box ul li span.through {text-decoration: line-through; font-size:14px; color:#888}

.price-wrap .price-box ul li .box {border:0; position:relative; margin-top:15px;}
.price-wrap .price-box ul li .box strong {font-size:16px;}
.price-wrap .price-box ul li .box .price {position:absolute; top:0; right:0;}
.price-wrap .txt-r {padding:10px 0 10px;}
.price-wrap .total {position: relative; padding-bottom:10px; height:40px; line-height:40px;}
.price-wrap .total > .price {position: absolute; top:0; right:0; color:red; font-size:20px;}
.price-wrap .total > .price span.through {text-decoration: line-through; font-size:14px;}
.price-wrap .registered-area {border-top:1px solid #e6e4e4; border-bottom:1px solid #e6e4e4;}



.layer-cont .accordion .title-area h5 {font-size:16px !important; color:#333 !important; border-bottom:1px solid #e6e4e4; padding-bottom:10px;}


/**/
.dis_bg {background:#f4f4f4}



.graph-area {margin:30px 0 30px; border:1px solid #e6e4e4;}
.graph-area p { padding:20px; text-align: center;  }





/* 데시보드  */
.dev02 { padding-top:0; }
.dev02 .date-wrap {width:100%; height:70px; text-align:left; box-sizing:border-box; z-index:1; padding-top:15px;}
.dev02 .date-wrap .btn-wrap {top:15px; right:0}

/* 데시보드 버튼 */
.dash-btn {min-width: 100px; height: 40px; padding: 0 20px 0; background:#999; color:#fff; box-sizing:border-box; font-size:13px; border-radius: 3px;}
.dash-btn.bg01 {background:#47b1d8;}
.dash-btn.bg02 {background:#7b4a8c;}
.dash-btn.bg03 {background:#b29c84;}

.table-area .table-type01 tr.bg02 td {background:#fdf2f0;}
.table-area .table-type01 tr.bg03 td {background:#f9f7f8;}


.tbl-over {height:400px; overflow:auto; /*margin-top:30px;*/}

.top-total li {display:inline-block; }
.top-total li strong {font-size:20px; color:#726a5e; margin-left:10px;display:inline-block; }
.top-total li:first-child:before {display:none;}
.top-total li:before {display:inline-block; vertical-align: middle; content:""; margin:0 30px 0; width:1px; height:16px; background:#e6e4e4;  }



/* 대시보드 레이아웃 */
.dash-layout:first-child {margin-top:0}
.dash-layout {display:table; width:100%; margin-top:50px;}
.dash-layout .cell {display:table-cell; width:50%; padding-left:10px;}
.dash-layout .cell .title-area {position: relative;}
.dash-layout .cell .title-area .btn-box {position: absolute; right:0; top:0}
.dash-layout .cell .title-area .btn-box .tit {display:inline-block; margin-right:10px;}
.dash-layout .cell .btn-area {text-align:right; padding-bottom:10px}
.dash-layout .cell .btn-area button.btn-small {height:32px; padding:0 20px 0; background:#fff; border:1px solid #dadada; border-radius: 3px; font-size:14px;}
.dash-layout .cell .btn-area button.btn-small.on {background:#ae9e87; border:1px solid #ae9e87; color:#fff}
.dash-layout .cell:first-child {padding:0; padding-right:10px;}


.pos-box {position: relative; text-align:left;}
.pos-box .po-r {position: absolute; top:0; right:0;}


.tbg01 {background:#e9942a !important; border-left:1px solid #fff !important;}


.up-icon,
.down-icon {display:inline-block; width:10px; height:6px; background: url(../../img/ms/common/sp_pc.png) no-repeat 0px -463px; font-size:0; vertical-align: middle; margin-right:3px;}
.down-icon {background-position: -11px -463px}