|
Server : Apache System : Linux ruga7-004.fmcity.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : tkt_travelbus ( 1137) PHP Version : 7.0.0p1 Disable Function : mysql_pconnect Directory : /tkt_travelbus/www/admin/css/ |
Upload File : |
@charset "utf-8";
/* Reset */
*{margin:0;padding:0}
html{font-size:12px;}
body,p,h1,h2,h3,h4,h5,h6,ul,form,input,textarea,button,select{margin:0;padding:0;font-size:12px;font-weight:lighter}
ol,ul{list-style:none}
img{border:0}
em,address{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none; color:#000;}
p,h1,h2,h3,h4,h5,h6,ul,form,input,textarea,button,select,a,iframe,em,address,ol,li{font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; font-weight:normal}
b{font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;}
td{font-size:12px;}
th{font-weight:normal; font-size:12px; color:#333}
/* Common */
.col1 { color:#333; }
.col2 { color:#333; }
.pad1 {padding:0 10px}
.pad2 {padding:5px 10px}
.bgcol1 { background-color:#f3f3f3; }
.bgcol2 { background-color:#f9f9f9; }
.line1 { background-color:#999; height:1px; }
.line2 { background-color:#ccc; height:1px; }
.list0 { background-color:#FFFFFF; }
.list1 { background-color:#F8F8F8; }
.list_sel { background-color:#f3e3e3; }
.bold { font-weight:bold; }
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.w90 { width:90%; }
.w99 { width:99%; }
.ht { height:30px; }
.ht th{padding:5px 10px; text-align:left}
.text-box{height:29px; padding:0 5px; color:#000; font-size:12px; vertical-align: middle; line-height:29px; border:1px solid #d9d9d9;}
.select-box{height:29px; padding:0 5px; color:#000; font-size:12px; vertical-align: middle; line-height:29px; border:1px solid #d9d9d9;}
.textarea-box{padding:5px; color:#000; font-size:12px; line-height:1.5em; border:1px solid #d9d9d9;}
.ellipsis {text-overflow:ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; text-align:left;}
/* Title */
.title { font-size:12px; font-weight:bold; color:#333; }
.subtitle{display:block; position:relative; border-bottom:2px solid #fff}
.subtitle span{position:relative; display:inline-block; padding:5px 0; font-size:16px; font-weight:bold; color:#666; line-height:1.5em; letter-spacing:-1px}
.subtitle td{padding-top:5px; text-align:left}
.subtitle .more{position:absolute; top:12px; right:0}
.branch_boxcolor_mg{ border:2px solid #ff4c22 !important; color:#ff4c22 !important; }
.branch_boxcolor_yi{ border:2px solid #4979D1 !important; color:#4979D1 !important; }
.branch_boxcolor_ad{ border:2px solid #009900 !important; color:#009900 !important; }
/* POPUP */
.popup_title {width:calc(100% - 20px); background-color:#000; color:#FFF; font-size:16px; font-weight:bold; text-align:center; padding:10px; margin-bottom:5px;}
/* Paging */
.iframe .lo_left .c_paging {background-color:#fff;}
.c_paging{clear:both; padding-top:20px; overflow:hidden; background-color:#edf0f5;}
.c_paging .list_no01 { text-align:center; margin:20px auto; width:450px}
.c_paging .list_no01 li{ display:inline-block; margin:0; width:auto}
*:first-child+html .c_paging .list_no01 li{ float:left; margin:0 3px}
.c_paging .list_no02{margin-top:0px !important;position:relative;top:-7px}
.c_paging .list_no02 ul { vertical-align:top; margin:0 12px; padding:0}
.c_paging .list_no02 li{ position:relative;}
*:first-child+html .c_paging .list_no02 li{ position:relative; top:0}
.c_paging .list_no02 span { width:23px; height:23px;line-height:20px; display:block; font-weight:bold; }
.c_paging .list_no02 .on{ padding:0px; background:#FFFFFF; position:relative; margin:1px 5px 0 0;cursor:pointer;}
*:first-child+html .c_paging .list_no02 .on{ position:relative;}
.c_paging .list_no02 .on span{ text-decoration:none; color:#d63038; background:#EEE; font-size:14px;}
/* Search Form */
.srch_tb{clear:both; float:left; width:100%; border:1px solid #000; background:#9c9c9c; border-spacing: 1px}
.srch_tb *{font-size:12px}
.srch_tb td{background:#fff; padding:10px 0 10px 10px;}
.srch_tb td input, .srch_tb td select{border:1px solid #d9d9d9;padding:5px 0 5px 3px}
.srch_tb th{background:#fafafa; padding:10px 0 10px 10px; text-align:left;}
.srch_tb .small_btn{margin-left:10px; padding:6px 10px; background:#fff; cursor:pointer; border:1px solid #a5a5a5;}
#srchDateListArea li{float:left;}
#srchDateListArea{float:left;margin:0;margin-left:10px; border:1px solid #d9d9d9;}
#srchDateListArea li{color:#000;width:50px;text-align:center;padding:6px 0;cursor:pointer; border-right:1px solid #d9d9d9;}
#srchDateListArea li:last-child{border-right:none;}
#srchDateListArea li.on{color:#de2a2f;border:1px solid #e89091;z-index:1;}
#srchDateYearArea{float:left; width:130px;}
#srchDateMonthListArea li{float:left;}
#srchDateMonthListArea{float:left;margin:0;margin-left:25px; border:1px solid #d9d9d9;}
#srchDateMonthListArea li{color:#000;width:50px;text-align:center;padding:6px 0;cursor:pointer; border-right:1px solid #d9d9d9;}
#srchDateMonthListArea li:last-child{border-right:none;}
#srchDateMonthListArea li.on{color:#de2a2f;border:1px solid #e89091;z-index:1;}
#calendarDateArea input{width:110px;}
#srchBtn{float:right;margin-right:10px;background:#fff;width:130px;cursor:pointer;border:1px solid #a5a5a5;}
.srchInputGrp1{width:130px}
.srchInputGrp2{width:130px}
.srchInputGrp3{width:130px}
.srchInputGrp4{width:130px}
/* Table Style 1 (폼 테이블) */
.form_tb{border-top:1px solid #333; border-bottom:1px solid #333; background:#fff; margin-bottom:30px;}
.form_tb th{ background:#f9f9f9; border-top:1px solid #e4e4e4; font-weight:normal; font-size:14px; color:#1f1f1f; padding:11px 6px 13px 6px; text-align:center}
.form_tb th.bg_sky {background:#f2fcea;}
.form_tb th.bg_ken {background:#FFF0D9;}
.form_tb td{ border-top:1px solid #e4e4e4; padding:9px 10px 9px 10px; line-height:120%; font-size:14px;}
.form_tb td.top_line{ border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4; }
.form_tb td.top_line_select{ border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4; background-color:#e4e4e4; }
.form_tb.tbl_center th, .setting_write.tbl_center td { padding-left:3px !important}
.form_tb.item_option th, .setting_write.item_agent_disp th{border-left:none;}
/* Table Style 2 (데이터 테이블) */
.contents_tb{clear:both; float:left; width:100%; border:1px solid #000; background:#9c9c9c; border-spacing: 1px; table-layout:fixed;}
.contents_tb th{background:#F2FCEA; height:30px; color:#000; font-weight:bold;}
.contents_tb td{background:#Fff; text-align:center; height:35px; padding:0 5px;}
.contents_tb .cancel td{background-color:#FDF2F2;}
/* Custom */
.btn1{vertical-align:bottom; margin:0; padding:5px 8px 4px; border:1px solid; border-color:#ebebeb #d9d9d9 #b9b9b9; background-color:#f8f8f8; color:#333; cursor:pointer}
span.btn1{display:inline-block; *padding:0 0; background-color:#fff}
input.btn1{_padding:5px 4px 4px; filter:chroma(color=#000000);color:#010101;}
#g4start span.btn1 a{display:inline-block; height:100%; color:#333; *padding:6px 8px 5px}
input.btn1{_padding:5px 4px 4px; filter:chroma(color=#000000);color:#010101;}
input.ed{height:auto !important; margin:0; padding:4px 0 1px 5px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb}
textarea.ed{margin: 5px 2px; padding:3px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb}
#csshelp1 { border:0px; background:#FFFFFF; padding:6px; }
#csshelp2 { border:2px solid #BDBEC6; padding:0px; }
#csshelp3 { background:#F9F9F9; padding:6px; width:200px; color:#222222; line-height:120%; text-align:left; }
#admin_tip { display:inline-block; position:relative; font-size:11px; color:#F26222; padding:2px 0;}
#g4start{width:100%; height:100%; padding:0; border-spacing:0; border:0; border-collapse:collapse}
#g4start a:link,
#g4start a:visited{color:#000; text-decoration:none}
#g4start a:active{color:#000}
#g4start a:hover{color:#000}
#g4header td,
#g4locate td,
#g4container #g4snb{padding:0}
#g4header{background-color:#231F20; height:60px; white-space:nowrap}
#g4header td{height:60px; border-bottom:0 none} /* border-bottom:1px solid #000; ie6 over 문제로 라인삭제 */
#g4header td td{width:100%; border-bottom:0 none transparent}
#g4header td.logo{background-color:#231F20}
#g4header td.logo a{display:block; width:128px; overflow:hidden; margin:0 auto;}
#g4header td.logo a:link,
#g4header td.logo a:visited,
#g4header td.logo a:active,
#g4header td.logo a:hover{color:#efe9ef}
#g4header td.menu{float:left; width:100%;}
#g4header td.menu ul{float: left;margin-top:16px}
#g4header td.menu li{ float:left; text-align:center; margin-right:5px;}
/*#g4header td.menu li > a { background:#3f4b5c; min-width:120px; height:32px; font-weight:bold; text-decoration:none; font-size:16px; color:#ffffff; display:block; padding-top:12px; */
/*-moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}*/
#g4header td.menu li > a { background:#3f4b5c; min-width:80px; height:32px; font-weight:bold; text-decoration:none; font-size:13px; color:#ffffff; display:block; padding-top:12px;
-moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
#g4header td.menu li .on{ background:#F26222;}
#g4header td.menu li > a:hover{ background:#F26222;}
#g4header td.menu .on a{background:#cd1f28; }
/*
#g4header td.menu a.link{display:inline-block; padding:10px 8px; border-right:1px solid #5f595f; font-weight:normal; color:#bbb; text-decoration:none; overflow-y:hidden}
#g4header td.menu a.link.menu{font-weight:bold; color:#ddd}
#g4header td.menu span.menu{display:inline-block; padding:10px 15px; border-right:1px solid #5f595f; font-weight:bold; color:#ddd; cursor:default; overflow-y:hidden}
#g4header td.menu table.wrap{position:absolute; display:none; width:140px; min-height:20px; padding:1px; border:0; z-index:1}
#g4header td.menu table.wrap table.wrap2{width:140px; height:100%; border:1px solid #b9b9b9; border-top:0 none; border-right-color:#999; border-bottom-color:#999; background-color:#e3e3e3}
#g4header td.menu table.wrap table.wrap2 colgroup{padding-left:10px}
#g4header td.menu table.wrap table.wrap2 .bg_menu1{width:100%; height:auto; padding:0; border-bottom:1px solid #d6d6d6}
#g4header td.menu table.wrap table.wrap2 .bg_menu1 a{display:block; padding:6px 15px; color:#333; text-decoration:none}
#g4header td.menu table.wrap table.wrap2 .bg_line1{height:2px; background-color:#bbb}
#g4header td.menu table.wrap table.wrap2 .bg_line1 div{height:1px; border-top:1px solid #fff; font-size:0; line-height:0}
*/
#g4locate td{background-color:#eee}
#g4locate .rowline{width:1px; background-color:#ccc}
#g4locate .content{padding:0 10px; border-bottom:1px solid #eee; background-color:#f9f9f9; text-align:left; font-size:11px; color:#777; cursor:default; white-space:nowrap}
#g4locate .content span{color:#000}
#g4container{height:100%; background-color:#EEE;}
#g4container #g4snb{width:230px; background-color:#3F4B5C; vertical-align:top}
#g4container #g4snb table{width:230px; border:0; table-layout:fixed}
#g4container #g4snb .parent_title{padding:10px 25px 10px; border-top:1px solid #333; background-color:#222932; font-weight:bold; font-size:16px; color:#FFF}
#g4container #g4snb .bg_menu2{height:auto; padding:0; font-size: 14px;}
#g4container #g4snb .bg_menu2 a{display:block; padding:10px 0 10px 25px; color:#FFF; text-decoration:none}
#g4container #g4snb .bg_menu2 a:hover{color:#FFF; background-color:#5e6a7a;}
#g4container #g4snb .bg_menu2 a.strong{font-weight:bold}
#g4container #g4snb .bg_line2{height:1px; font-size:0; line-height:0}
#g4container #g4snb .bg_line2 div{display:inline-block; zoom:1; _display:inline; *display:inline; width:100%; height:0; font-size:0; line-height:0}
#g4container #g4content{vertical-align:top; text-align:left; font-size:14px;}
/* #g4container #g4content .wrap{width:1000px; margin:0 auto; padding:40px 20px; text-align:left} ie에서 문제있음 */
#g4container #g4content .wrap{max-width:1610px; min-width:1200px; padding:20px 20px; text-align:left}
#g4container #g4content .content_title {font-size:16px; /*padding:10px 20px;*/ padding:18px 20px 0px !important; font-weight:bold; background-color: #EDF0F5;}
#alt_div {
position:absolute; display:none; z-index:1;
width:250px; padding:7px;
border-radius:5px;
line-height:18px; color:#ffffff;
background-color:#000000; filter:alpha(opacity=80);
white-space: normal;
}
/* 예약현황 달력 reserve_calendar.php */
.cal_head {
width:100%; height:35px; margin-bottom:10px;
display:flex; flex-flow: row wrap; justify-content: space-between; align-items: center;
font-size:14px;
font-family: tahoma, "맑은 고딕", "Malgun Gothic";
}
.cal_head > div {
flex-basis: 300px;
text-align:center;
}
.cal_head > div:first-child {flex-basis: 150px; text-align:left;}
.cal_head > div:last-child {flex-basis: 330px; text-align:right;}
.cal_head .select-box {
height:35px;
font-size:14px; font-weight:bold;
border:1px solid #D9D9D9; border-radius:5px;
}
.cal_head button {
min-width:78px; min-height:35px;
margin-right:5px;
border:none; border-radius:5px; background-color:#ACA9A9;
font-size:14px; color:#FFF; font-weight:bold; font-family: "맑은 고딕", "Malgun Gothic";
cursor:pointer;
}
.cal_head button:last-child {margin-right:0;}
.cal_head .btn-b {background-color:#3F4B5C;}
.cal_head .btn-r {background-color:#E43232;}
.cal_head .btn-g {background-color:#ACA9A9;}
.cal_head .btn-w {background-color:#FFF; color:#000; padding:2px 15px; font-size:14px; border: 1px solid #D9D9D9}
.cal_head .date_nav {
font-size:28px; font-weight:bold;
line-height:28px; letter-spacing:-1px;
}
.cal_head .date_nav a{
margin:0 20px;
font-size:20px;
vertical-align:top;
}
.cal_calendar th{
position:relative;
height:35px;
background-color:#FFC700;
font-size:16px; font-weight:bold;
}
.cal_calendar th div{
display:block; position:absolute; left:6px; top:7px;
}
.cal_calendar th input{
width:16px; height:16px;
}
.cal_calendar td {
position:relative;
width:14%; height: 150px;
padding:10px;
vertical-align: top;
}
.cal_calendar td input[type='checkbox'] {
margin:0;
width:16px; height:16px;
}
.cal_day .bl_day {height:25px; line-height:16px; font-size:16px; font-weight:bold; vertical-align:top; margin-bottom:10px;}
.cal_day .bl_day_text {display:block; width:50px; float:left;}
.cal_day .bl_branch {width:100%; height:30px; background-color:#EEEEEE; border-radius:0 5px 5px; 0; margin-bottom:6px; cursor: pointer;}
.cal_day .bl_branch_title {
display:block; float:left; width:60px; height:26px;
border:2px solid #ff4c22; background-color:#FFF; border-radius:5px;
text-align:center; line-height:26px; color:#ff4c22; font-size:14px; font-weight:bold;
}
.cal_day .bl_branch_count {display:block; height:30px; line-height:30px; padding-right:10px; text-align:right; font-size:14px; font-weight:bold;}
.cal_day .bl_branch_switch {display:inline-block; float:right; height:20px; padding:0px 0px 0px 10px; text-align:right; font-weight:bold; font-size:14px;}
.cal_day .bl_branch_switch > span {vertical-align:middle;}
.cal_day .bl_branch_switch .el-switch {transform: rotate(180deg); vertical-align:middle; font-size:70%;}
.cal_day .bl_branch_memo {margin-top:10px; text-align:right;}
.cal_day .bl_branch_btn {display:none; position:absolute; bottom:5px; left:10px; font-size:16px; color:#000; cursor:pointer;}
#integrated_agreement_srch_area{float:left;margin-top:18px;margin-left:30px}
#integrated_agreement_srch_area input{float:left;padding:5px;height:30px;width:170px;border:none;border-radius:2px;background:#fff}
#integrated_agreement_srch_area #ias_btn{float:left;width:50px;padding:8px 0 7px;border:none;border-radius:2px;background:#ddd;text-align:center;margin-left:20px;cursor:pointer}