@charset "utf-8";

/* header-------------------------------------------------------------------------------------------------- */
#header {position: fixed;top: 0;left: 0;z-index: 10001;min-width: 1040px;width: 100%;margin: 0;border: 0;padding: 0;height: 50px;line-height: 50px;background: #2b3643;}

.top_box { width:235px;height:50px;line-height:50px;}
.top_box h3 {color:#fff;font-size: 18px;padding-top:13px;padding-left:20px;font-weight: 400;text-transform: uppercase;font-family: 'Open Sans';}
.top_box .logo { }
.top_box .top_info {position: absolute;top: 0;right: 0;height: 50px;margin:0 auto;margin-right: 20px;text-align: right;}
.top_box .top_info .t_btn {display: inline-block;padding: 0 10px;color: #79869a;}
.top_box .top_info .t_btn:hover {background:#3f4e61;color:#a4aebb;transition: background 250ms ease-in-out;}
.top_box .top_info .t_btn i {font-size: 20px;vertical-align: middle;}
.top_box .top_info .t_info { color:#9faaab; font-size:11px; padding-right:20px; }
.top_box .top_info .t_info em { font-weight:bold; }
/* 상단메뉴 */
/* .top_menu {position: relative;display: block;width: 235px;height: 100%;float: left;font-family: "돋움", dotum, Tahoma, Geneva, sans-serif, Apple Gothic;margin-right: -100%;} */
/* .top_menu .mmenu { *zoom: 1;} */
/* .top_menu .mmenu li { float:left; } */
/* .top_menu .mmenu li a { color:#8088d3; display:block; padding:0 15px; text-align:center; line-height:32px; height:30px; font-weight:bold; border-left:1px dotted #8088d3; font-size:11px; } */
/* .top_menu .mmenu li a:hover { color:#fff; background:url('/resource/image/admin/bg/tm_on.gif') 0 0 repeat-x; } */
/* .top_menu .mmenu:after { content: ''; clear: both; display: block; } */
/* .top_menu .smenu { position: absolute; background-color: #000; top: 0px; left: 0px; padding: 2px 0; display: none; } */
/* .top_menu .smenu li { padding: 8px 20px; cursor: pointer; border-bottom: dotted 1px #2a2a2a; } */
/* .top_menu .smenu li a { color: #ffffff; text-decoration: none; display: block;} */
/* .top_menu .smenu li a:hover { color: #7f7f7f; } */

/* 언어구분Tab */
.eegb_tap { border-bottom:1px solid #c1c1c1; margin-bottom:20px; }
.eegb_tap ul { *zoom:1; }
.eegb_tap li {float:left;font-size: 13px;font-weight: 400;text-align:center;height: 35px;line-height: 35px;min-width:120px;border:1px solid #ccc;border-bottom:none;background: #e4e6ef;margin:0 2px 0 0;color:#909090;}
.eegb_tap li a { font-weight:bold; color:#909090; }
.eegb_tap li.tap_on {background: #2b3643;border: 1px solid #2b3643;color:#fff;margin-bottom:-1px;}
.eegb_tap li.tap_on a { font-weight:bold; }
.eegb_tap li .tab_del { vertical-align:1px; }
.eegb_tap ul:after { content: ''; display: block; clear: both; }

/* 내용 */
#container {margin:0;padding:0;position:relative;margin-top: 50px;height:  100%;min-height: 100%;}
#container:after { content: ''; clear: both; display: block; }

/* 로그인 */
.total_box{width:1000px; box-sizing:border-box; position:absolute; top:calc(50% - -225px); left:calc(50% - 500px); }
.bg_box{background:url("/resource/image/admin/bg/lg_bg.png"); background-size:100%; background-position:center; background-repeat:no-repeat; float:left;
width:500px; height:450px;}


.login_box {border:1px solid #ddd;width: 500px;padding: 20px 30px 40px 30px; height:400px; float:left;
box-sizing: border-box; background-color:#f5f5f5;}
.login_title {margin: 20px 0px 50px;text-align: center;color: #435977;font-size: 32px;font-weight: 500;font-family: 'Noto Sans', sans-serif;}
.login_img {background:url("/resource/image/admin/bg/login_bg.jpg") 55px 136px no-repeat;}
.login_img:after {display:block;content:'';clear:both;}
.login_box .login_ti {height:4px;background:#bfbfbf;}
.login_ti li {float:left;width:208px;height:4px;}
.login_ti li.num01 {background:#4750a4;}
.login_ti li.num02 {background:#808588;}
.login_box .input_box {width: 100%;}
.input_box .form_box {position:relative;}
.input_box .form_box label {display: none;width:92px;padding-left:7px;vertical-align:middle;}
.input_box .form_box label img {float:right;padding-right:22px;vertical-align:top;}
.input_box .form_box span {display: block;vertical-align:middle;margin-bottom: 30px;}
.input_box .form_box span:nth-child(2){margin-bottom:15px;}
.input_box .form_box span input[type="text"],
.input_box .form_box span input[type="password"]{width: 100%;font-size: 14px;padding: 6px 12px;box-sizing: border-box;background-color: #dde3ec;height: 43px;color: #8290a3;border: 1px solid #dde3ec;}
.input_box .form_box p {/* padding-left:100px; *//* padding-top:5px; */}
.input_box .form_box p label {padding:0;color: #8290a3;vertical-align:middle;cursor:pointer;display: inline-block;font-size: 14px;}
.input_box .form_box p input[type="checkbox"] {vertical-align:middle;height: 15px;width: 15px;}
.input_box .form_box a.btn {display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;margin-top: 30px;font-weight: 500;font-size: 14px;color: #FFF;background-color: #516684;border-color: #344661;box-sizing: border-box;}
.input_box .form_box a.btn:hover {background:#344661;border-color:#344661;color:#fff;transition: background 250ms ease-in-out;}
.input_box .form_box .br {height:6px; }
.login_box:after {display:block; content:''; clear:both; }
.input_box .form_box span input:focus{outline:none;border:1px solid #c3ccda;}

.input_box .form_box span input::-webkit-input-placeholder {color: #7d91aa;}
.input_box .form_box span input:-moz-placeholder {color:#7d91aa;}
.input_box .form_box span input::-moz-placeholder {color:#7d91aa;}
.input_box .form_box span input:-ms-input-placeholder {color:#7d91aa;} 

/* 왼쪽메뉴 */
/* .leftmenu_area {} */
/* .leftmenubox { float: left; width: 230px; } */
/* .leftmenubox .lefttitle { font-size:1.5em; color:#4750a4; border-bottom:solid 1px #ccc; font-weight:bold; letter-spacing:-1px; padding-bottom:10px; } */
/* .leftmenubox .leftmenu { border:solid 1px #e2e2e2; background:#fff; padding:2px; margin-top:20px; } */
/* .leftmenubox .leftmenu ul li { color: #818181; font-size: 12px; font-weight: bold; } */
/* .leftmenubox .leftmenu ul li a{ color: #818181; text-decoration: none; display: block;} */
/* .leftmenubox .leftmenu ul li.one_menu { padding: 10px 10px; cursor: pointer; } */
/* .leftmenubox .leftmenu ul li.one_menu:hover { background-color:#eeeeee; color: #595959; } */
/* .leftmenubox .leftmenu p { padding:7px 10px; background:#7b81ba; color:#fff; } */
/* /* .leftmenubox .leftmenu p { padding: 10px 10px; cursor: pointer; } */ */
/* /* .leftmenubox .leftmenu p:hover { background-color: #eeeeee; color: #595959; } */ */
/* .leftmenubox .leftmenu dl { margin:0 0 10px 10px; padding-top:5px; border-left:solid 1px #e2e2e2; font-size:11px;  } */
/* .leftmenubox .leftmenu dl dd { padding:5px 10px; cursor:pointer; background:url(/resource/image/admin/bg/leftm_line.gif) left 10px no-repeat; } */
/* .leftmenubox .leftmenu dl dd a { color:#8085b4; font-weight:normal; } */
/* .leftmenubox .leftmenu dl dd a:hover { color:#8085b4; font-weight:bold; } */

.leftmenu_area {}
.left_menu {width: 235px;float: left;position: absolute;margin-right:-100%;background:#364150;display:block;height: 100%;}
.mmenu {padding: 0;margin: 0;}
.mmenu > li {}
.mmenu > li.heading {padding: 15px;}
.mmenu > li.heading h3 {color: #36c6d3;font-size: 14px;}
.mmenu > li > a {position: relative;display:block;padding: 12px 15px;color:#b4bcc8;border-top: 1px solid #3d4957;font-size: 13px;}
.mmenu > li > a:hover {background:#2C3542;transition: background 250ms ease-in-out;}
.mmenu > li > a.active {color: #b4bcc8;background: #2C3542;}
.mmenu > li > a.list_on {background: #36c6d3;color: #fff;}

.mmenu > li > a > i {position: absolute;top: 11px;right: 5px;font-size: 16px;color:#606C7D;}
.mmenu > li > a.list_on > i {position: absolute;top: 11px;right: 5px;font-size: 16px;color:#fff;}
.fa {margin-right: 10px;}

.mmenu > li.main_btn a {/* background: #708096; */color: #708096;border: 0;padding: 15px;border-bottom: 1px solid #3d4957;}
.mmenu > li.main_btn a > i {position: relative;top: inherit;right: inherit;color: #708096;}



.sub-menu {margin: 8px 0;display:none;}
.sub-menu > li {}
.sub-menu > li > a {display:block;margin:0;padding:6px 15px 6px 43px;font-size:13px;font-weight:300;color: #b4bcc8;}
.sub-menu > li:last-child > a {border-bottom:0;}
.sub-menu > li > a:hover {background:#3e4b5c;transition: background 250ms ease-in-out;}

/* 내용박스 */
.conbox_area {float:left;width:100%;}
.conbox {position: relative;margin-left:235px;margin-top:0;padding: 25px 20px 10px;background:#fff;box-sizing:border-box;min-height: 1000px;height: 100%;min-width: 900px;}
.conbox .contitle {font-size: 24px;color: #666;border-bottom: 1px solid #e7ecf1;font-weight: 400;padding-bottom: 10px;letter-spacing:-1px;}
.conbox .con {margin-top:20px;padding-bottom: 50px;font-size:12px;color:#595959;}

#pagetitle {color: #2b3643;font-weight: 500;padding-bottom: 15px;}

/* 사용자쇼핑몰 */
.sh_layout01 tr td { text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; }
.sh_layout01 tr td .img_box { border: solid 1px #e2e2e2; background: #f4f4f4; padding: 8px; margin: 0 10px 10px 0; }
.sh_layout01 tr td .img700 img { width: 700px; height: 200px; cursor: pointer; }
.sh_layout01 tr td .img335 img { width: 335px; height: 150px; cursor: pointer; }
.sh_layout01 tr td .img150 img { width: 150px; height: 150px; cursor: pointer; }

.sh_layout02 tr td { text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; }
.sh_layout02 tr td .img_box { border: solid 1px #e2e2e2; background: #f4f4f4; padding: 8px; margin: 0 10px 10px 0; }
.sh_layout02 tr td .img350 img { width: 350px; height: 330px; cursor: pointer; }
.sh_layout02 tr td .img150 img { width: 150px; height: 150px; cursor: pointer; }

/* 페이징 */
.paginate{padding:15px 0;text-align:center; font-family:verdana,tahoma,arial,sans-serif;}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:3px 3px 5px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:11px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre{margin-right:9px;padding:7px 6px 5px 16px; font-size:11px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important}
.paginate .next{margin-left:9px;padding:7px 16px 5px 6px; font-size:11px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 35px 9px !important}
.paginate a.pre{font-size:11px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important}
.paginate a.next{font-size:11px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 35px 9px !important}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:1px;_width /**/:84px;border:1px solid #e9e9e9;color:#ccc;font-family:'굴림',Gulim, Apple Gothic;font-size:11px;line-height:normal}
.paginate a.pre,.paginate a.next{color:#565656}
.paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important}

/* 인풋박스 */
.i_box { position:relative; margin: -4px 0; }
.i_box label { vertical-align: middle; }
.i_box .imbtn { vertical-align: middle; cursor: pointer; }
.i_box .i_help { vertical-align: middle; color:#888; font:11px Tahoma, Geneva, sans-serif; }
.i_box .i_help_p { color:#888; font:11px Tahoma, Geneva, sans-serif; line-height: 15px; } 
.i_box .i_tarea { margin:2px; border: 1px solid #c2c2c2; background: #fff; padding: 3px; color:#656565; font-family:'돋움', Dotum, Tahoma, Geneva, sans-serif, Apple Gothic; }
.i_box .i_txt { margin:2px; vertical-align: middle; color:#656565; font-family:'돋움', Dotum, Tahoma, Geneva, sans-serif, Apple Gothic; border: 1px solid #c2c2c2; background: #fff; padding: 3px; }
.i_box .i_sel { margin:2px; vertical-align: middle; color:#656565; font-family:'돋움', Dotum, Tahoma, Geneva, sans-serif, Apple Gothic; height:23px; vertical-align: middle; border: 1px solid #c2c2c2; background: #fff; }
.i_box .i_radio, .i_box .i_check { margin: 2px 5px 2px 0px; width: 13px; vertical-align: middle; }

/*서브타이틀*/
.ad_st01 { text-align:left; font-size:15px; color:#222; font-weight:bold; letter-spacing:-1px }
.stitle2_en h3 {padding-left:10px; font-size:12px; color:#222; background:url("/resource/image/user/icon/stitle2.gif") 0 5px no-repeat; font-weight:bold; line-height:24px; }

.stitle2 h3 {padding-left:10px; font-size:12px; color:#222; background:url("/resource/image/user/icon/stitle2.gif") 0 4px no-repeat; font-weight:bold; line-height:24px; }
.stitle3 h3 {padding-left:35px; padding-top:4px; padding-bottom:4px; font-size:13px; color:#222; background:url("/resource/image/user/btn/login_none.png") 8px 5px no-repeat; font-weight:bold; line-height:24px; width:810px; }
.stitle3 h3 em {color:#c32a06;}

.st_dep01 {padding-bottom: 10px;border-bottom: 1px solid #e7ecf1;margin-bottom: 10px;}
.st_dep01 h3 {color: #2b3643;font-size:15px;font-weight: 500;}
.st_dep02 { margin:20px 0 10px; }
.st_dep02 h4 { padding-left:5px; letter-spacing:-1px; color:#4a4a4a; font-size:12px; background:url("/resource/image/user/icon/st_dep02.png") 0 5px no-repeat; }

/* 메인구성 */
.adm_lrbox { *zoom:1; }
.adm_lrbox .adm_l {float:left;width: 49%;border: 1px solid #e7ecf1;padding: 20px;box-sizing: border-box;}
.adm_lrbox .adm_r {float:right;width: 49%;border: 1px solid #e7ecf1;padding: 20px;box-sizing: border-box;}
.adm_lrbox:after { content: ''; clear: both; display: block; }

/* 카피 */
#footer {position: fixed;width: 235px;bottom: 10px;display: none;}
#footer .copy {/* font-family:Tahoma, Geneva, sans-serif, Apple Gothic; */color: #697380;padding: 0px 20px;font-size: 11px;line-height: 170%;}

/* page-location */
.page_location {display:block;border-bottom:1px solid #e7ecf1;padding-bottom:10px;position:relative;padding:13px 20px;margin:-25px -20px 0;margin-bottom:30px;/* text-align: right; */}
.page_location ul {}
.page_location ul li {display:inline-block;}
.page_location ul li a {color:#888;font-size:13px;}
.page_location ul li span {color:#888;font-size:13px;}
.page_location ul li span.bar {width:1px;height:11px;display:inline-block;background:#cacaca;margin: 0 10px;}


/* 로그인 */
.copy_area {width:500px;height:50px;line-height:50px;background:#6c7a8d;box-sizing:border-box;text-align:center;
margin:0 auto;color:#c3cedd;font-size:12px;font-family: 'Open Sans', sans-serif; float:right;}

/* 관리자 메인  */
.grap_box {width:100%;border:1px solid #e7ecf1;padding:20px;box-sizing:border-box;margin-bottom:30px;}

/* 업로드 버튼 */
#uploadedPhoto{border:1px solid #ccc; width:100%; height: 300px; display:table; margin-top: 5px; text-align: center; padding:5px;}
#uploadedPhoto span{display:table-cell; text-align:center; vertical-align:middle;}
.filebox label {display: block;color: #fff;font-size: inherit;line-height: normal;vertical-align: middle;background: #a0a0a0;width: 110px;height: 32px;line-height:  32px;text-align:  center;cursor: pointer;border: 1px solid #9c9c9c;font-size: 12px;}

.filebox input[type="file"] {  /* 파일 필드 숨기기 */position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}

/* 체크박스 디자인 수정  */
.input_box2 {position: relative;border: 1px solid #d9d9d9;display: inline-block;width:20px;height:20px;vertical-align: middle;}
.input_box2 input[type=checkbox] {display:inline-block;vertical-align:middle;appearance:none;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */
border:0;background: 0 0;width: 20px;height: 20px;position: absolute;top: 0;margin: 0;left: 0;cursor: pointer;}
.input_box2 input[type=checkbox]:checked  {position: absolute;left:7px;top:4px;width:5px;height:10px;border:solid #888;border-width:0 2px 2px 0;transform: rotate(45deg);} 
.input_box2 input[type=checkbox]:focus {outline:none}	

.t_info2 { color: #79869a;}
.t_info2 .fa {font-size: 18px;vertical-align: middle;}

/* 팝업 배경 */
.s_bg_wrap2 {position:fixed;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.6;z-index: 9000;display:none;}

/* 달력 수정 */
div.ui-datepicker .ui-datepicker-title {color:#555d67  !important;}
table.ui-datepicker-calendar thead th:first-child {color:#65809f  !important;}
table.ui-datepicker-calendar td.start, table.ui-datepicker-calendar td.end, table.ui-datepicker-calendar td.ui-datepicker-current-day {background: #65809f !important;}

table.ui-datepicker-calendar td.start a, table.ui-datepicker-calendar td.end a, table.ui-datepicker-calendar td.ing a, table.ui-datepicker-calendar td.ui-datepicker-current-day a, table.ui-datepicker-calendar td.ui-state-highlight a {background: #65809f;}
div.ui-datepicker {z-index:99999 !important;}
.ui-icon-circle-triangle-w {background: url(/resource/image/user/icon/reserv_arrow05.png) 0 0 no-repeat !important;}
.ui-icon-circle-triangle-e {background: url(/resource/image/user/icon/reserv_arrow06.png) 0 0 no-repeat !important;}

.ui-widget-content {border: 1px solid #d4d4d4;padding: 2px 0px;}
.ui-slider-horizontal .ui-slider-handle{ top:0 !important;margin-left:0 !important;background:#cdbcac;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: 8px 0px 0px 0px;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;
background: #d4d4d4 !important;border: 1px solid #ddd;color: #333;font-weight: bold !important;}

/* 차트 없을 경우 */
.non_chart {width:100%;height:300px;text-align:center;padding-top: 60px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.non_chart h3 {font-size: 18px;font-weight: 500;padding: 20px 0px 8px 0px;}
.non_chart .txt {font-size:13px;margin-bottom: 30px;color: #7d7d7d;}
.non_chart .room_type_btn {display:table; margin:0 auto; padding:10px 25px;font-size:13px;background:#516684;border: 1px solid #425571;color: #fff;}
.non_chart .room_type_btn:hover { background:#344661; color:#fff;transition: background 250ms ease-in-out;}

/* 순서버튼 */
.set_btn {display:table;margin:0 auto;width:45px;}
.set_btn li {float:left;cursor:pointer;}
.set_btn li img {width:100%;vertical-align:top;}


/* ALL CSS */
.tb_box tr td .inp01{border:1px solid #ccc !important; border-radius:5px; padding:7px !important; box-sizing:border-box;}

.tb_box tr td select{border:1px solid #ccc !important; border-radius:5px; padding:7px !important; box-sizing:border-box;width:150px;}
input[name=floor]{width:50px;}
.ser_sec{padding-left:10px; border:1px solid #ccc; height:40px; line-height:40px;box-sizing:border-box;  width:100px; }

.chat_click_box{position:relative;font-family: 'Noto Sans KR', sans-serif,;}
.chat_click_txt{display:block; color:#7d7d7d; position:absolute; top:50%; left:50%;transform:translate(-50%, -50%); font-size:16px; font-weight:500; box-sizing:border-box; 
border:2px solid #7d7d7d;width:320px; height:50px; text-align:center; line-height:46px; border-radius:50px; transition:0.3s;cursor:pointer;}
#chattingList:hover .chat_click_txt{background-color:#7d7d7d; color:#fff;}
.chat_img{max-width:100%;cursor:pointer;}
.dateBox{width:100%;height:1px; background-color:#1c1c1c; margin:20px 0;position:relative; display:block; clear:both;}
.dateTxt{position:absolute; top:-9px; left:50%; transform:translateX(-50%); color:#1c1c1c;display:block; background:#dadada; padding:0 10px;} 
.tdActive{background:#d0d0e8 !important;}
/*  */

.total_page_count{float: right;font-size: 16px;padding: 5px 0px;color: black;}

/* 채팅화면 */
.right_chat_area{width:25%;float:left; box-sizing:border-box;display:inline-block; height:100%;position:absolute; top:0; right:0;}
.right_chat_padding{width:100%; height:100%;padding-top:50px; position:relative;box-sizing:border-box;}
.chat_hd{width:100%; box-sizing:border-box; padding:15px; background-color:#f6f6f6;position:relative;position:absolute; top:50px; left:0; border-bottom:2px solid #ddd; box-shadow:1px 1px 3px rgba(0,0,0,0.25);
height:85px;z-index:5; }
.chat_rl{width:100%; position:relative;}

.sv_top_btn{width:auto; position:absolute; top:50%; right:0; transform: translateY(-50%);}
#service_btn_wrapper{width:auto; height:40px;float:left;}
.cursor_pointer{float:left; border-radius:50%; background-color:#ddd; background-repeat:no-repeat; background-position:center; background-size:20px;
box-shadow:1px 1px 3px rgba(0,0,0,0.15);}
.cursor_cl{width:40px; height:40px; margin-right:10px; background-image:url('/resource/image/house/cursor_cl.png'); background-color:#0cd5dc;}
.cursor_rm{width:40px; height:40px; margin-right:10px; background-image:url('/resource/image/house/cursor_rm.png'); background-color:#9cbb89;}
.cursor_cs{width:40px; height:40px; margin-right:0px; background-image:url('/resource/image/house/cursor_cs.png'); background-color:#67798e;}



.ct_prf{width:55px; height:55px; display:inline-block; box-sizing:border-box; border-radius:10px;background-color:#90a4bc; background-image:url('/resource/image/house/user_icon.png');
background-position:center; background-size:20px; position:relative; background-repeat:no-repeat;  overflow:hidden;position:absolute; top:0px; left:0px; 
box-shadow:1px 1px 3px rgba(0,0,0,0.15);}
.ct_prf_tit{line-height:55px; padding-left:65px; box-sizing:border-box; font-size:20px;}
.right_chat_area .chat_cont{width:100%; height:100%; padding-top:85px;padding-bottom:95px;box-sizing:border-box; position:relative;}
.ct_box_ul{width:100%; height:100%; box-sizing:border-box; overflow:auto;padding:15px;}

.ct_box_ul::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */
.ct_box_ul::-webkit-scrollbar-track { background-color:#eee; } /* 스크롤 바 밑의 배경 */
.ct_box_ul::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; } /* 실질적 스크롤 바 */
.ct_box_ul::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.ct_box_ul::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
.ct_box_ul::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */


.ct_li{width:100%;box-sizing:border-box; display:block;clear:both; padding-top:15px;}
.ct_date{width:100%;position:relative; clear:both;padding-top:15px;}
.ct_date_txt{max-width:160px; display:block; margin:0 auto; text-align:center;padding:10px; box-sizing:border-box; background-color:#666; font-size:15px;font-family: 'Montserrat', sans-serif; color:#fff;
border-radius:30px; font-weight:bold;letter-spacing:1px;}
.ct_li:first-child{padding-top:0;}
.ct_box{position:relative; box-sizing:border-box; width:100%;}


.spe_box{max-width:60%; position:relative;}
/* .spe_name{font-size:20px; font-weight:500;padding-bottom:8px;padding-top:0;} */
.talk_box{padding:15px; box-sizing:border-box;  box-shadow:1px 1px 3px rgba(0,0,0,0.15);}
.r_talk_box{border-radius:15px 15px 15px 0px; background-color:#eee;}
.talk_txt{line-height:140%;letter-spacing:0.5px; font-size:15px;word-break: break-all;white-space:break-spaces;}


.time_txt{font-size:13px; font-weight:500;position:absolute; bottom:0; color:#ccc;}
.r_time_txt{right:-45px;}
.l_time_txt{left:-45px;}

.ck_txt{font-size:13px; font-weight:bold;position:absolute; bottom:0; color:#6d99ff;font-family: 'Montserrat', sans-serif;}
.r_ck_txt{right:-65px;}
.l_ck_txt{left:-65px;}
.r_spe_box{float:left;}
.l_spe_box{float:right;}
.l_talk_box{border-radius:15px 15px 0 15px; background-color:#769fff;}
.l_talk_txt{color:#fff;}

/* 주문상태 */


.ord_box{max-width:80%; position:relative;}
.ord_talk_box{padding:0px; box-sizing:border-box;  box-shadow:1px 1px 3px rgba(0,0,0,0.15); overflow:hidden;}
.r_ord_talk_box{border-radius:15px 15px 15px 0px; background-color:#f9f9f9;}
.ord_talk_txt{line-height:140%;letter-spacing:0.5px; font-size:15px;word-break: break-all;white-space:break-spaces;}

.r_ord_box{float:left;}
.l_ord_box{float:right;}
.l_ord_talk_box{border-radius:15px 15px 0px 15px; background-color:#f9f9f9;}
.l_ord_talk_txt{color:#333;}

.ord_hd{width:100%; background-color:#769fff;  }
.ord_hd_tit{color:#fff;height:40px; line-height:40px; text-align:center; font-size:15px; font-weight:500;}
.ord_hd_icon{display:inline-block; width:15px; height:15px; display:inline-block; background-image:url('/resource/image/house/open_mg_icon.png');background-size:15px;
 background-repeat:no-repeat; background-position:center; vertical-align:middle; margin-top:-4px; margin-right:4px;}
 .ord_ct_box{padding:10px; box-sizing:border-box;}
 .ord_ct_box p {line-height:160%; font-size:15px; font-weight:500;}
 
 .ord_list_tb{width:100%; display:block;}
 .ord_list_th{text-align:left; font-size:15px; font-weight:bold; color:#769fff; padding:10px 10px; }
 .ord_list_tit01{border-bottom:1px solid #ddd;}
 .ord_list_tit02{border-top:1px solid #ddd;}
 
 .ord_list_td_tit{text-align:left; font-size:14px; font-weight:bold;padding:5px 10px;}
 .ord_list_td_txt{text-align:right; font-size:14px;  color:#666;font-weight:500;padding:5px 10px;}
 .ord_list_td_las{padding-bottom:10px;}
 .ord_list_td_last{padding-bottom:15px;}
 .ord_list_td_red{color:#ff0000; font-weight:bold;}


/* 주문상태 */