@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; height:450px;position:absolute; top:calc(50% - -225px); left:calc(50% - 500px); box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
.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;}