@charset "utf-8";

#wrap {width:100%; min-width:1140px; min-height:calc(100% - 33px); overflow: hidden;}
*{font-family: 'Noto Sans KR', sans-serif !important;}

/*-- 을지로 오류 --*/
.paginate {height:100px;}

/* ----공통---- */
h1 {}
h2 {}
h3 {}
h4 {color:#464646;}
h5 {letter-spacing:-0.5px;}

/* radius */
.radius01 {-webkit-border-radius:50px;border-radius:50px;}
.radius02 {-webkit-border-radius:4px;border-radius:4px;}
.radius03 {-webkit-border-radius:3px;border-radius:3px;}

/* hr style */
.add_hr01 {height:2px;border-top:1px solid #C3C3C3;margin:10px 0;}
.add_hr02 {height:2px;border-top:1px dotted #C3C3C3;margin:10px 0;}

.add_hr03 {height:2px;border-top:1px dotted #C3C3C3;margin:5px 0;}

/* if_blank box */
.if_blankbox {height:100px;line-height:100px;border-top:1px solid #C3C3C3;border-bottom:1px solid #C3C3C3;}
.if_blankbox .if_blank {text-align:center;color:#666;font-size:13px; letter-spacing:-0.6px;}
/* ----공통---- */

/* header */
#header {position:fixed; z-index:100;width:100%; height:60px; background:#353c56; min-width:1040px;  box-shadow:1px 1px 6px rgba(0,0,0,0.25);}
#header h1 {height:60px;line-height:60px; padding:0 0 0 15px; font-size:17px; color:#fff;letter-spacing:1px; width:310px; box-sizing:border-box;}
#header .h_tdate {height:60px; line-height:60px; font-size:18px; font-weight:500;  box-sizing:border-box;display:inline-block; color:#b2c9ff;}

/* r_hgrp */
#header .r_hgrp {position:absolute;top:0;right:0; width:135px;height:60px; /* border-left:1px solid #fff; */}
#header .r_hgrp .r_hbox {position:relative; height:60px; padding-left:10px; }
#header .r_hgrp .r_hbox .user_info {position:absolute;top:0px;/* right:180px; */ height:60px;line-height:60px; padding:0 10px 0 0;}
#header .r_hgrp .r_hbox .user_info .user_img {width:40px;height:40px; cursor:pointer;}
#header .r_hgrp .r_hbox .user_info .user_img img {display:inline-block; vertical-align:middle;width:40px;height:40px;}

#header .r_hgrp .r_hbox .user_info .user_txt {}
#header .r_hgrp .r_hbox .user_info .user_txt p {display:inline-block;padding:0 0 0 15px; color:#fff;font-weight:bold;letter-spacing:-0.5px;font-size:14px;}

#header .r_hgrp .r_hbox ul {position:absolute;top:0;right:0; /* width:275px; */background:#3773b3;}
#header .r_hgrp .r_hbox ul > li {position:relative; float:left;width:55px;height:50px;}
#header .r_hgrp .r_hbox ul > li > a {display:block;width:100%;height:50px;line-height:50px; text-align:center;}
#header .r_hgrp .r_hbox ul > li > a span {position:absolute;right:0;top:9px;left:25px; display:block; width:23px;height:22px;line-height:23px;font-size:15px;text-align:center;color:#fff;z-index:100;font-family: 'Nunito', sans-serif;}
#header .r_hgrp .r_hbox ul > li > a .new_box01 {background:#fe6b5c;}
#header .r_hgrp .r_hbox ul > li > a .new_box02 {background:#4E6278;}
#header .r_hgrp .r_hbox ul > li > a .new_box03 {background:#c3b026;}

#header .r_hgrp .r_hbox ul > li > a.letter {background:url('/resources/image/icon/ico_letter.png') center no-repeat;}
#header .r_hgrp .r_hbox ul > li > a.mail {background:url('/resources/image/images/icon/ico_mail.png') #4582c3 center no-repeat;}
#header .r_hgrp .r_hbox ul > li > a.notify {background:url('/resources/image/images/icon/ico_alrim.png') center no-repeat;}
#header .r_hgrp .r_hbox ul > li > a.orgni {background:url('/resources/image/images/icon/icon_orgni.png') #4582c3 center no-repeat;}
#header .r_hgrp .r_hbox ul > li > a.acce {background:url('/resources/image/images/icon/icon_acce.png') center no-repeat;}
#header .r_hgrp .r_hbox ul > li > a.channel {background:url('/resources/image/images/icon/ico_share.png') center no-repeat;}

/* container */
#container {position:relative; width:100%;min-width:1140px; height:calc(100% - 50px); /* background:url('/resources/image/images/bg/navleft_allbg.jpg') left repeat-y; */ }

/* footer */
#footer {position:fixed; width:100%; left:0; right:0; bottom:0; padding:10px 0; min-height:10px; background:#ddd; text-align:center;z-index:9; }
/* #footer {position:relative; width:100%; left:0; right:0; bottom:0; padding:10px 0; min-height:10px; background:#ddd; text-align:center; } */

/* nav_snb01 */
.nav_snb01 {position:fixed; top:60px; left:0; width:80px; height:100%; background: #38436a;}
.nav_snb01 > ul {}
.nav_snb01 > ul > li {width:100%;height:80px; position:relative;  transition:0.3s;}
.nav_snb01 > ul > li:hover{background-color:#fff;}
.nav_snb01 > ul > li > a {display:block;width:100%;height:100%;text-align:center !important; color:#4e6278;  transition:0.3s;
background-repeat:no-repeat !important; background-size:30px !important; background-position:center top 15px !important;}
.nav_snb01 > ul > li > a.hov:hover {}


.nav_snb01 > ul > li .subname {display:block;color:#7a83a1;font-weight:500;text-align:center;font-size: 13.5px;letter-spacing: -0.8px; width:100%;
position:absolute; bottom:16px; left:0; transition:0.3s; cursor:pointer;}

.nav_snb01 > ul > li:hover .subname{color:#5566a1}

/* .nav_snb01 > ul > li .s_on {color:#58C7A4;} */

.nav_snb01 > ul > li > a.item01 {background:url('/resources/image/btn/left_menu_icon01.png');}
.nav_snb01 > ul > li > a.item02 {background:url('/resources/image/btn/left_menu_icon02.png');}
.nav_snb01 > ul > li > a.item03 {background:url('/resources/image/btn/agoda_logo.png'); background-size:60px !important;}
.nav_snb01 > ul > li > a.item04 {background:url('/resources/image/btn/left_menu_icon04.png');}
.nav_snb01 > ul > li > a.item05 {background:url('/resources/image/btn/left_menu_icon05.png');}
.nav_snb01 > ul > li > a.item06 {background:url('/resources/image/btn/left_menu_icon06.png');}

.nav_snb01 > ul > li:hover a.item01 {background:url('/resources/image/btn/hov_left_menu_icon01.png');}
.nav_snb01 > ul > li:hover a.item02{background:url('/resources/image/btn/hov_left_menu_icon02.png');}
.nav_snb01 > ul > li:hover a.item03{background:url('/resources/image/btn/hov_agoda_logo.png'); background-size:60px !important;}
.nav_snb01 > ul > li:hover a.item04{background:url('/resources/image/btn/hov_left_menu_icon04.png');}
.nav_snb01 > ul > li:hover a.item05{background:url('/resources/image/btn/hov_left_menu_icon05.png');}
.nav_snb01 > ul > li:hover a.item06{background:url('/resources/image/btn/hov_left_menu_icon06.png');}

.nav_snb01 > ul > li.active .subname{color:#5566a1}
.nav_snb01 > ul > li.active{background-color:#fff;}
.nav_snb01 > ul > li.active a.item01 {background:url('/resources/image/btn/hov_left_menu_icon01.png');}
.nav_snb01 > ul > li.active a.item02{background:url('/resources/image/btn/hov_left_menu_icon02.png');}
.nav_snb01 > ul > li.active a.item03{background:url('/resources/image/btn/hov_agoda_logo.png'); background-size:60px !important;}
.nav_snb01 > ul > li.active a.item04{background:url('/resources/image/btn/hov_left_menu_icon04.png');}
.nav_snb01 > ul > li.active a.item05{background:url('/resources/image/btn/hov_left_menu_icon05.png');}
.nav_snb01 > ul > li.active a.item06{background:url('/resources/image/btn/hov_left_menu_icon06.png');}
/* nav_snb02 */
.nav_snb02 {position:fixed;left:80px;top:60px;width:230px;height:100%;background:#f0f4fd;border:1px solid #eee;}
.nav_snb02 .tit_box{display:none;}
.nav_snb02 .tit_box h1 {font-size:18px;font-weight:bold;text-align:center !important;height:54px;line-height:54px;background:#dae2ff; box-sizing:border-box; border-bottom:1px solid #ddd;}
.nav_snb02 .tit_box .new_business {position:relative;padding:12px;border-bottom:1px solid #ccd4dc;}
.nav_snb02 .tit_box .new_business .all_btn {display:inline-block;width:100%;height:45px;line-height:45px; text-align:center;font-size:14px;font-weight:bold;border:1px solid #b2becb;background:url('/resources/image/images/bg/btn_grbg.jpg') repeat-x;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 5px;border-radius: 5px;}
.nav_snb02 .tit_box .new_business .all_btn:hover {color:#5397e0;}
.nav_snb02 .tit_box .new_business .all_btn span {display:inline-block;vertical-align:middle;padding-right:9px;}

/* 글 작성 콤보박스 */
/* .tit_box .new_business {padding:12px;border-bottom:1px solid #ccd4dc;}
.tit_box .all_btn {display:inline-block;width:100%;height:45px;line-height:45px; text-align:center;font-size:14px;font-weight:bold;border:1px solid #b2becb;background:url('/resources/image/images/bg/btn_grbg.jpg') repeat-x;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 5px;border-radius: 5px;}
.tit_box .all_btn:hover {color:#46B692;}
.tit_box .all_btn span {display:inline-block;vertical-align:middle;padding-right:9px;} */
.combo_list {position:absolute;width:204px;top:57px;left:12px;border:1px solid #b2becb;background:#fff; z-index:100}
.combo_list {*width:206px;}
.combo_list > .cbli {height:30px;border-bottom:1px dashed #b2becb;}
.combo_list > .cbli:last-child {border:0;}
.combo_list > .cbli > .cba {display:block;width:100%;height:30px;line-height:30px;padding-left:10px;box-sizing:border-box;}
.combo_list > .cbli > .cba:hover {background:#eee;text-decoration:none;font-weight:bold;color:#555;}
.nav_snb02 .s_snb02 > li{transition:0.3s;}
.nav_snb02 .s_snb02 > li:hover{background-color:#d4e0fb;}
.menu_active{background-color:#d4e0fb;}
.nav_snb02 .s_snb02 > li > a {position:relative; display:block;height:55px;line-height:54px;font-weight:500; padding-left:20px; border-bottom:1px solid #fff; font-size:16px;
letter-spacing: -1.5px; box-sizing:border-box;}
.nav_snb02 .s_snb02 > li > a > span {position:absolute;right:15px;}

.depth_snb02 {padding:5px 0; background:#d7dee5; display:block;}
.depth_snb02 > li {padding-left:21px;}
.depth_snb02 > li > a {display:block; height:30px;line-height:30px; background:url('/resources/image/images/icon/ico_file.png') left center no-repeat; padding:0 0 0 15px;
font-size:13px;letter-spacing:-0.6px;}

/* content */
.content {position:relative;left:312px;right:0;top:60px;width:calc(100% - 312px);height:100%;min-height:100%;background:#fff;}

/* main content */
.m_content {background:url('/resources/image/images/bg/m_conbg.gif') left repeat-y;
top:0;padding: 20px 20px 80px 100px;letter-spacing:-0.5px;font-family:sans-serif; 
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.m_content:after {display:block;content:'';clar:both;}

.mtitbox {position:relative;width:100%;height:37px;background:#29313C;}
.mtitbox h1 {display:inline-block;line-height:34px; padding:0 0 0 15px;color:#FFF;font-size:14px;}
.mtitbox a {position:absolute;right:15px;top:8px;width:20px;height:20px;text-indent:-9999px;}
.mtitbox a.btn_more01 {background:url('/resources/image/btn/btn_wmore.png') no-repeat;}

.mtitbox02 {position:relative;width:100%;height:35px;background:#4E6278;border-bottom:1px solid #DEE3E7;}
.mtitbox02 h1 {display:inline-block;line-height:33px; padding:0 0 0 10px;color:#fff;font-size:14px;letter-spacing:-1px}
.mtitbox02 a {position:absolute; right:10px;top:8px;width:20px;height:20px; text-indent: -9999px;}
.mtitbox02 a.btn_more02 {background:url('/resources/image/images/btn/btn_wmore.png') no-repeat;}

/* section group */
.m_section01 {min-height:330px; padding:0 0 21px 0;}
.m_section01:after {display:block;content:'';clar:both;}

.m_section02:after {display:block;content:'';clar:both;}
.m_section02 #chart01 {min-width:310px;height:400px;margin: 0 auto}

/* 객실재고현황 */
.mleft01 {float:left;width:50%;height:330px;background:#fff;}
.mleft01:after {display:block;content:'';clear:both;}
.mltxtbox {text-align:center;padding:25px 0 45px 0;}
.mltxtbox em {display:inline-block;width:25px;height:25px;margin:0 6px;padding-bottom:3px;vertical-align:middle;}
.mltxtbox .item01 {background:url('/resources/image/icon/caltem01.png') no-repeat;}
.mltxtbox .item02 {background:url('/resources/image/icon/pertem02.png') no-repeat;}
.mltxtbox strong {font-weight:bold;color:#222;font-size:15px;}
.mltxtbox strong b {color:#b8000b}

.tb_hh01 {width:94%;margin:0 auto;border-collapse:collapse;border-spacing:0;border:1px solid #ddd;font-size:13.5px;text-align:center;}
.tb_hh01 thead th {padding:7px 5px 9px 5px;border:1px solid #ddd;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+44,eaedef+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 44%, #eaedef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 44%,#eaedef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 44%,#eaedef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImagesform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaedef',GradientType=0 ); /* IE6-9 */
}
.tb_hh01 tbody th {padding:8px 5px 10px 5px;border:1px solid #ddd;color:#29313c;}
.tb_hh01 tbody td {padding:8px 5px 10px 5px;border:1px solid #ddd;color:#666;}
.tb_hh01 tbody td.allplus {font-weight:bold;color:#0e79ea;}

/* 알림사항 */
.mright01 {float:left;margin-left:1.4%;width:48.5%;height:330px;background:#fff;overflow:hidden;}
.mright01:after {display:block;content:'';clear:both;}
.mright01 .mtitbox {position:relative;}
.mright01 .m_rtab {position:absolute;bottom:0;left:6px;}
.mright01 .m_rtab:after {display:block;content:'';clear:both;}
.mright01 .m_rtab li {float:left;display:block;min-width: 110px;height:30px;line-height:27px;padding: 0 10px;margin-right:4px;background:#4a5565;color:#ddd;text-align:center;font-size:13.5px;font-weight:bold;cursor:pointer;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.mright01 .m_rtab li:hover {background:#fff;color:#444;}
.mright01 .m_rtab li.active {background:#fff;color:#444;}
.mright01 .m_rtab li span.s_active {display:inline-block;min-width:20px;height:19px;line-height:18px;background:#5c697c;color: #fff;vertical-align: middle;font-size:12px;border-radius:50px;padding:0 8px 0 7px;margin:0 0 1px 6px;}
.mright01 .m_rtab li span.no_active {background:#5c697c;color:#fff;}

/* .tabwrap {padding:18px 20px 20px 20px;}
.tab_notice {width:100%;}
.tab_notice li {float:left;width:49.4%;height:34px;line-height:32px;text-align:center;border:1px solid #ddd;font-size:13px;cursor:pointer;}
.tab_notice li:last-child {border-left:0;}
.tab_notice li:hover {background:#eee;font-weight:bold;}
.tab_notice li.active {background:#eee;font-weight:bold;}

.tab_viewbox {clear:both;padding-top:10px;}
.list_vtab:after {display:block;content:'';clear:both;}
.list_vtab li {height:23px;margin:7px 0;}
.list_vtab li a {display:inline-block;float:left;width:220px;height:23px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
padding-left:33px;font-size:13px;font-weight:bold;color:#555;}
.list_vtab li a:hover {text-decoration:underline;}

.list_vtab li a.iconnews {background:url('/resources/image/images/hotel_erp/icon_news.png') center left no-repeat;}
.list_vtab li a.iconqna {background:url('/resources/image/images/hotel_erp/icon_qna.png') center left no-repeat;}
.list_vtab li .date {display:inline-block;height:23px;line-height:22px;float:right;color:#999;font-size:12.5px;} */

/* bottom group */
.mbotgrp {clear:both;padding-top:20px;width:970px;}

/* 도착_재실_퇴실 내역 박스 */
.mbotlist {}
.mbotlist:after {display:block;content:'';clear:both;}
.mbotlist li {display:block;float:left;width:310px;min-height:297px;background:#fff;}
.mbotlist li.box01 {}
.mbotlist li.box02 {margin-left:20px;}
.mbotlist li.box03 {margin-left:20px;}
.mbotlist li .no_ny {line-height:240px;text-align:center;color:#666;font-size:12.5px;}

/* 도착_재실_퇴실 테이블 */
.tb_mbot_div {
	height:280px;
	overflow-y: scroll;
}
.tb_mbot {width:94%;margin:10px auto 30px auto;border-collapse:collapse;border-spacing:0;background:#fff;font-size:13.5px;table-layout:fixed;
	display: none;
}
.tb_mbot.active {
	display: table;
}
.tb_mbot tr:hover {font-weight:bold;color:#333;}
.tb_mbot tr:nth-child(2n) td {background:#ECEFF1;}
.tb_mbot tbody td {padding:11px 15px 13px 15px;line-height:100%;text-align:left;color:#4E6278;cursor:pointer;
overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tb_mbot tbody td.txtbold {font-weight:bold;color:#374A5F;}
.tb_mbot tbody td.txtcent {text-align:center;}

/* main right quick */
.right_quick {display:block; position:absolute;right:0; width:250px;height:100%;min-height:100%; background:#fff;border-left:1px solid #ccc;}
.qck_grp {position:relative; width:100%;height:100%;height:100%;}
.qck_grp .box01 {padding:20px;}
.qck_grp .box01 h2 {font-size:15px;letter-spacing:-1px;padding:0 0 5px 0;color:#3FA383;}
.qck_grp .box01 ul {}
.qck_grp .box01 ul li {height:30px;}
.qck_grp .box01 ul li span {display:inline-block;height:30px;line-height:30px;letter-spacing:-0.8px; padding:0 0 0 6px;}
.qck_grp .box01 ul li a {display:inline-block;height:30px;line-height:30px;padding-left:22px;font-weight:bold;color:#333;}
.qck_grp .box01 ul li a.item01 {background:url('/resources/image/images/icon/mail.png') left center no-repeat;}
.qck_grp .box01 ul li a.item02 {background:url('/resources/image/images/icon/mail.png') left center no-repeat;}
.qck_grp .box01 ul li a.item03 {background:url('/resources/image/images/icon/mail.png') left center no-repeat;}
.qck_grp .box01 ul li a.item04 {background:url('/resources/image/images/icon/mail.png') left center no-repeat;}
.qck_grp .box01 ul li a.item05 {background:url('/resources/image/images/icon/mail.png') left center no-repeat;}

.qck_grp .box02 {padding:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.qck_grp .box02 h2 {font-size:15px;letter-spacing:-1px;padding:0 0 5px 0;color:#3FA383;}
.qck_grp .box02 ul {}
.qck_grp .box02 ul li {height:30px;}
.qck_grp .box02 ul li span {display:inline-block;height:30px;line-height:30px;letter-spacing:-0.8px; padding:0 0 0 6px;}
.qck_grp .box02 ul li a {display:inline-block;height:30px;line-height:30px;padding-left:22px;font-weight:bold;color:#333;}
.qck_grp .box02 ul li a.item01 {background:url('/resources/image/images/icon/mail.png') left center no-repeat;}
.qck_grp .box02 ul li a.item02 {background:url('/resources/image/images/icon/mail.png') left center no-repeat;}
.qck_grp .box02 ul li a.item03 {background:url('/resources/image/images/icon/mail.png') left center no-repeat;}
.qck_grp .box02 ul li a.item04 {background:url('/resources/image/images/icon/mail.png') left center no-repeat;}

.qck_btn {position:absolute; top:0;left:-30px; display:block; width:30px; height:100%; background:#ccc;}

.ctop_grp {position:relative; width:100%;height:55px;border-bottom:1px solid #eee; box-sizing:border-box;}
.ctop_grp .btn_fold {display:inline-block;width:30px;height:54px;background:url('/resources/image/btn/navclose_off.png') #f3f3f3 center no-repeat;float:left;
border-right:1px solid #ddd;background-size: 12px; display:none;}
.ctop_grp .btn_fold.active {background:url('/resources/image/btn/navclose_on.png') #f8f8f8 center no-repeat;background-size:12px;}

.ctop_grp h1 {display:inline-block; text-align:left; padding:0 0 0 15px; height:55px;line-height:55px;font-size:16px; font-weight:500;}
#printArea {position:relative; /*height: 90%;*/ overflow-y: auto;}

.ctop_grp_none {padding:10px 10px 15px 15px;background:#fafafa;}
.ctop_grp_none .none_ibox {display:inline-block; margin:5px 0 0 0;}
.ctop_grp_none .none_ibox label {padding:0 5px 0 0; font-weight:bold; vertical-align:middle;}
.ctop_grp_none .none_ibox input {height:25px; vertical-align:middle; padding:0 0 0 5px; border:1px solid #ccc;}
.ctop_grp_none .none_ibox select {width:120px;height:27px; vertical-align:middle; border:1px solid #ccc;}
.ctop_grp_none .btn_sear {display:inline-block;width:70px;height:27px;line-height:29px; font-weight:bold;text-align:center;border:1px solid #acacac;background:url('/resources/image/images/bg/btn_grbg.jpg') repeat-x;color:#333; }
.ctop_grp_none .btn_sear:hover {border:1px solid #333;}

.ipt_cencel {position:relative;display:inline-block;height:26px;cursor:pointer; }
.cencel02 {display:block; width:25px;height:25px;position:absolute;right:3px;top:1px; background:url('/resources/image/icon/ico_cancel02.png') center no-repeat;}

.search_grp {position:absolute; top:13px;right:20px; width:auto;}
.search_grp .searsel {float:left;width:130px;height:29px;border:1px solid #aaa;padding-left:5px; color:#333; vertical-align:middle;}
.search_grp .searput {float:left;width:200px;height:27px;border:1px solid #aaa;padding-left:6px; vertical-align:middle;}
#btnSearch,#btnSearchA,
.search_grp a.searbtn {display:inline-block;width:30px;height:29px; background:url('/resources/image/bg/sear_bg.png') #29313c center no-repeat;border:0px;}
.search_grp .all_searbtn {float:left;display:block; margin:0 0 0 7px;width:70px;height:27px;line-height:27px; text-align:center; border:1px solid #29313c;color:#29313c; background:url('/resources/image/images/bg/btn_grbg.jpg') repeat-x;}
/* #btnRecalc {margin:0 0 0 7px;width:70px;height:27px;line-height:27px; text-align:center; border:1px solid #29313c;color:#29313c; background:url('/resources/image/images/bg/btn_grbg.jpg') repeat-x;} */
.room_searbtn {display:block;height:35px;line-height:27px; text-align:center; border:1px solid #29313c;color:#29313c; background:url('/resources/image/images/bg/btn_grbg.jpg') repeat-x;    font-weight: bold;}


/* 업무 상태 */
.process_grp {width:100%;}
.process_box {height:54px; border-bottom:1px solid #ccd4dc; padding:15px 0 0 0; font-size:14px;font-weight:bold; }
.process_box li {float:left;width:130px;border:1px solid #B2BECB; margin-right:10px;}
.process_box li span {display:inline-block; width:60px;height:35px;line-height:35px;text-align:center; color:#fff; }
.process_box li .waiting {background:#fd4d40;}
.process_box li .confirm {background:#cfbd38;}
.process_box li .progress {background:#009cff;}
.process_box li .end {background:#29313c;}
.process_box li a.count {display:inline-block;width:70px;height:35px;line-height:35px; text-align:center; color:#555;  }

.process_box li.wid_li {width:90px !important;}
.process_box li a.end_a {width:100%;background:#29313c;color:#fff}
.process_box li a.wrt_a {width:100%;background:#8080ff;color:#fff}
.process_box li a.reference {width:100%;background:#46B692;color:#fff}

/* 진행 상태 */
.pro_bar {width:850px; height:100px;}
.pro_bar li {position:relative; float:left;width:180px;}
.pro_bar li.arrow {width:40px !important;height:83px; background:url("/resources/image/images/icon/arrow_right02.png") center no-repeat;}
.pro_bar li .user_info {position:absolute;left:14px;top:40px;line-height:135%;color:#555;}
.pro_bar li .user_img {position:absolute;right:12px;top:16px;border-radius:50px;-webkit-border-radius:50px;}
.pro_bar li .user_img img {width:54px;height:54px;border-radius:50px;-webkit-border-radius:50px;border:1px solid #E9E9E9;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}

.pro_bar li a {display:block;width:100%;height:83px;background:#f5f5f5;border-bottom:1px solid #d0d0d0;font-weight:bold;font-size:15px;letter-spacing:-0.6px; text-decoration:none;cursor:text;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.pro_bar li a .tit_txt {display:block;padding:11px 0 0 13px; font-family:'Nunito', sans-serif}
.pro_bar li a.box01 {border-top:2px solid #3FA383;color:#3FA383}
.pro_bar li a.box02 {border-top:2px solid #cfbd38;color:#b6a210}
.pro_bar li a.box03 {border-top:2px solid #009cff;color:#009cff}
.pro_bar li a.box04 {border-top:2px solid #3FA383;color:#3FA383}
.pro_bar li a.box {border-top:2px solid #4E6278;color:#4E6278;}

/**/
.pro_usrbox {width:900px;}
.pro_usrbox ul {}
.pro_usrbox ul li {float:left; position:relative; height:85px; background:#f5f5f5; border-bottom:1px solid #d0d0d0;}

.pro_usrbox ul li.box01 {width:200px;border-top:3px solid #3FA383;}
.box01 .user_info {position:absolute;left:82px;top:15px;}
.box01 .user_info h3 {padding:0 0 6px 0;font-size:15px !important;color:#3FA383;font-family:'Nunito', sans-serif}
.box01 .user_info em {line-height:135%;color:#555}
.box01 .user_img {position:absolute;left:16px;top:14px;border-radius:50px;-webkit-border-radius:50px;}
.box01 .user_img img {width:54px;height:54px;border-radius:50px;-webkit-border-radius:50px;border:1px solid #ddd;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}

.pro_usrbox ul li.box02 {margin-left:15px;width:600px;border-top:3px solid #4E6278;}
.box02 .user_img {position:absolute;left:16px;top:14px;border-radius:50px;-webkit-border-radius:50px;}
.box02 .user_img img {width:54px;height:54px;border-radius:50px;-webkit-border-radius:50px;border:1px solid #E9E9E9;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}

.box02 .project_info {position:absolute;left:82px;top:13px;}
.box02 .project_info h3 {padding:0 0 6px 0;font-size:15px !important;color:#4E6278; width:500px;}
.box02 .project_info em {display:block;color:#555;}

.btn_link01 {position:absolute;top:0;right:0;}
.btn_link01 a {display:inline-block;height:18px;line-height:18px;color:#777; margin-left:5px;}
.btn_link01 a:hover {color:#444;}
.btn_link01 em {color:#777;}

/* 리스트 */
.article {padding:15px;min-width:700px;height:100%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

.work_list {border-top: 1px solid #959595;}
.work_list > li {border-bottom:1px dotted #aaa; height:50px;}
.work_list > li > a {float:left;display:inline-block; width:35%;/*width:450px;*/height:50px;line-height:50px; font-size:13px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.5px;word-spacing:-1.5px;}
.work_list > li > a {*float:left;*clear:right;}
.work_list > li > a .best_top {display:inline-block;width:35px;height:19px;line-height:20px;margin-right:6px;background:#FD4D40;text-align:center;color:#fff;font-size:12px !important;}

.jj_list {border-top: 1px solid #959595;}
.jj_list > li {position:relative; border-bottom:1px dotted #aaa; height:50px;}
.jj_list > li > a {padding-left:28px; display:inline-block;width:60%;height:50px;line-height:50px;font-size:13px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.6px;word-spacing:-1.5px;}

.open_jj {position:relative;display:inline-block;width:20px;height:20px;background:url('/resources/image/images/icon/mgt_openjj.png') center no-repeat;}
.close_jj {position:relative;display:inline-block;width:20px;height:20px;background:url('/resources/image/images/icon/mgt_newjj.png') center no-repeat;}

/* 일간현황 */
.sch_list {}
.sch_list > li > :not(.li_depth01) {height:50px;border-bottom:1px dotted #aaa; }
.sch_list > li > .li_depth01{border-bottom: 1px solid #959595; display:block;height:50px;line-height:50px;font-weight:bold;font-size:16px; padding-left:21px;background:url("/resources/image/images/icon/icon_tit01.png") left center no-repeat;}
.sch_list > li > .li_depth02{display:block;height:50px;line-height:50px;font-weight:bold;font-size:15px; color:#555; padding:0 0 0 42px;background:url("/resources/image/images/icon/icon_tit02.png") 22px center no-repeat;}
.sch_list > li > .li_depth03{display:block;height:50px;font-size:14px;letter-spacing:-0.3px;color:#555; padding:0 0 0 43px;background:url("/resources/image/images/icon/icon_list_dot.png") 29px 17px no-repeat}
.sch_list > li > .li_depth03 > a {display:inline-block; width:35%;/*width:450px;*/height:50px;line-height:50px; font-size:14px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.star_box {display:inline-block;width:22px;height:20px;vertical-align:middle; padding:0 3px 0 0;}
.star_box img {width:22px;height:20px;vertical-align:middle;}

/* 리스트 영역 우측 */
.r_box {*position:relative; display:inline-block;float:right;height:50px;}
.r_box {*width:350px;*float:right;*clear:left;}

.list_reference {display:inline-block;padding-right:15px;height:50px;font-size:12px;  width:auto;}
.list_reference li {float:left;padding:0 0 0 6px}
.list_reference li em {color:#ccc;height:50px;line-height:50px;}
.list_reference li span {display:inline-block; height:50px;line-height:50px; padding:0 0 0 22px;}
.list_reference li span.item00 {background:url('/resources/image/images/icon/ico_ref00.png') left center no-repeat;}
.list_reference li span.item01 {background:url('/resources/image/images/icon/ico_ref01.png') left center no-repeat;}
.list_reference li span.item02 {background:url('/resources/image/images/icon/ico_ref02.png') left center no-repeat;}
.list_reference li span.item03 {background:url('/resources/image/images/icon/ico_ref03.png') left center no-repeat;}
.list_reference li span.item04 {background:url('/resources/image/images/icon/ico_ref04.png') left center no-repeat;}
.list_reference li span.item05 {background:url('/resources/image/images/icon/ico_percent.png') left center no-repeat;}
.list_reference li span.item06 {background:url('/resources/image/images/icon/ico_ref05.png') left center no-repeat;}
.list_reference li span.item07 {background:url('/resources/image/images/icon/ico_ref06.png') left center no-repeat;}

.r_userinfo {position:relative; display:inline-block; float:right; width:auto; height:50px; padding:0 17px; background:#eee;}
.r_userinfo {*position:absolute;*top:0;*right:0;}
.r_userinfo .user_info {position:absolute; left:17px;top:6px; width:38px;height:38px;}
.r_userinfo .user_info .user_img img {width:38px;height:38px;vertical-align:top; border-radius:50px;}

.n_userinfo {position:absolute; top:50px;left:-115px; width:270px; border:1px solid #ccc; z-index:400}
.n_userinfo .inforbox {padding:15px 10px;height:62px;background:#fff}
.n_userinfo .user_img {width:62px;height:62px; float:left;}
.n_userinfo .user_img img {width:60px;height:60px;vertical-align:top;border:1px solid #ddd; border-radius:50px;}
.n_userinfo .user_txt {float:left; padding:5px 0 0 12px;}
.n_userinfo .btn_inforbox {width:100%;height:50px; background:#ddd; text-align:center;  clear:both;}
.n_userinfo .btn_inforbox a {display:inline-block;margin-top:10px; width:90px;height:30px;line-height:30px; background:#fafafa; border:1px solid #ccc;}
.n_userinfo .btn_inforbox a:hover {font-weight:bold;}

.r_userinfo .inf_txt {display:inline-block;padding:0 0 0 47px;}
.r_userinfo .inf_txt h3 {padding:9px 0 0 0; font-size:13px !important; letter-spacing:-0.5px; word-spacing:-1.5px;}
.r_userinfo .inf_txt h3 em {padding:0 5px 0 4px;font-weight:normal;color:#bbb;}
.r_userinfo .user_txt {}
.r_userinfo .inf_txt p {letter-spacing:-0.6px; font-size:13px;color:#555;}

/* 리스트 중 기간 표시 */
.list_reference li span.period {letter-spacing:-1px;color:#555;padding:0 3px 0 0;}
.list_reference li span.period b {padding:0 7px 0 0;color:#CE7E7E;}

/* 리스트 뷰 */
/* .view_grp {border-top:2px solid #3FA383;} */

.view_topbar {position:relative; padding:15px 0 0 0; background:#eee; border-top:1px solid #999;}
.view_topbar .topbar_sub01 {margin-bottom:15px;}
.view_topbar .topbar_sub01:after {display:block;content:'';clear:both;}
.view_topbar .topbar_sub01 h3 {color:#29313C;padding:0 15px;}

.view_topbar .topbar_sub02 {padding:5px 0 5px 0; border-top:1px dotted #BFBFBF; background:#fff;}
.view_topbar .topbar_sub02 .basic_date {display:inline-block;height:30px;line-height:30px;}
.view_topbar .topbar_sub02 .basic_date a {color:#464646;font-weight: bold; font-size: 14px;}
.view_topbar .topbar_sub02 .basic_date b {color:#3FA383;margin-left:15px;}
.view_topbar .topbar_sub02 .basic_date em {padding:0 5px;color:#ccc;}
.view_topbar .topbar_sub02 .basic_date .date {color:#555;letter-spacing:-0.5px;}
.view_topbar .topbar_sub02 .list_reference {position:absolute;right:0; height:30px;line-height:30px;}
.view_topbar .topbar_sub02 .list_reference:after {display:block;content:'';clear:both;}
.view_topbar .topbar_sub02 .list_reference li {height:30px;line-height:30px;}
.view_topbar .topbar_sub02 .list_reference li span {height:30px;line-height:30px;}
.view_topbar .topbar_sub02 .list_reference li em {height:30px;line-height:30px;}

.view_grp .view_article {min-height:150px;padding:20px 20px;border-top:1px solid #eee;border-bottom:1px solid #D6D6D6}

.view_article02 {min-height:152px;padding:20px;margin:10px 0 0 0;background:#f4f4f4;border:1px solid #ddd;border-radius:5px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

/* 뷰 업로드 파일 */
.doc_grp {/*border-top:1px solid #ddd;border-bottom:1px solid #ddd; */}

.ygdocument {position:relative; padding:16px 20px; border-bottom:1px dashed #ddd; background:#f3f3f3;}

.tit_box .add_doc {float:right;margin-top:-5px;display:block;width:20px;height:20px;text-align:center;color:#fff;font-weight:bold;
background:url('/resources/image/images/btn/btn_more.png') no-repeat;-webkit-border-radius:50px; border-radius:50px;}
/* .tit_box .add_doc:hover {background:#29313c;color:#fff;} */
.tit_box .upload_tit {display:inline-block; margin:0 5px 0 0; color:#29313C; font-size:14px !important; vertical-align:middle; *float:left;
background: url('/resources/image/images/icon/icon_tit01.png') left center no-repeat;padding-left:20px;}

.view_grp .ygdocument .ygdoc_list {clear:both;margin:7px 0 0 0; padding:15px 20px; border-radius:5px;background:#fff;border:1px solid #eee;}
.view_grp .ygdocument .ygdoc_list li {height:22px;line-height:22px; width:100%;}
.view_grp .ygdocument .ygdoc_list li.no_file {text-align:center;color:#666;}
.view_grp .ygdocument .ygdoc_list li .date {float:right;color:#777;letter-spancing:-0.5px; padding:0 5px 0 0;}
.view_grp .ygdocument .ygdoc_list li .date em {padding-right:8px;}
.view_grp .ygdocument .ygdoc_list li .btn_delete {float:right;width:15px;height:15px;line-height:15px;margin:0 7px;background:#333;color:#fff;font-size:12px;font-weight:bold;text-align:center;cursor:pointer; -webkit-border-radius: 50px;
border-radius: 50px; font-family:'Nunito', sans-serif}
.view_grp .ygdocument .ygdoc_list li .btn_delete:hover {background:#fd4d40;}
.view_grp .ygdocument .ygdoc_list li a {display:block;float:left;width:60%;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#555;}
.view_grp .ygdocument .ygdoc_list li a:hover {color:#fd4d40;}

.ygnybox {padding:10px;background:#E9EFED;border:1px solid #E9EFED;margin:10px 0;border-radius:50px;}

/* 첨부파일 */
.cbfile {/*width:100%;*/padding:16px 20px;background:#E8ECEE;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;
*min-height:100px;}
.cbfile:after {display:block;content:'';clear:both;}

.upload_file {display:block;width:100%;min-height:50px;padding:15px 20px;margin-top:10px;border-radius:5px;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box; *float:left;}
.upload_file li {float:left;padding:0 6px 0 0;}
.upload_file li.no_file {width:100%;text-align:center;color:#666;}
.upload_file li .btn_delete {display:inline-block;width:15px;height:15px;line-height:15px;margin:0 7px;background:#333;color:#fff;font-size:12px;font-weight:bold;text-align:center;cursor:pointer; -webkit-border-radius: 50px;
border-radius: 50px; font-family:'Nunito', sans-serif}
.upload_file li .btn_delete:hover {background:#fd4d40;}
.upload_file li a {display:inline-block;text-align:left;}
.upload_file li a:hover {color:#fd4d40;}

.no_file p {text-align:center;}

.btn_adddoc {width:100%; height:33px;margin:10px 0;}
.btn_adddoc > a {display:inline-block; width:100px; height:30px;line-height:30px; text-align:center; border:1px solid #29313c; float:right; margin:0 0 0 8px; font-weight:bold;}
.btn_adddoc > a:hover {background:#29313c;color:#fff;text-decoration:none;}

.cbtn_grp {width:100%;height:30px; padding:15px 0 10px 0;}
.cbtn_grp > a {display:inline-block;width:100px;height:30px;line-height:30px; text-align:center;border:1px solid #29313c; float:right; background:#29313c;color:#fff;font-weight:bold;}

/* 댓글 */
.comment_grp {width:100%;}
.comment_grp h5 {font-size:14px;padding:35px 0 7px 0;}
.comment_grp h5 span {font-size:12px;padding:0 0 0 2px;color:#fd4d40;}
.comment_grp .comment_box {position:relative;padding:20px 10px;height:70px;background:#eaeaea; border-top:1px solid #bfbfbf;/* border-bottom:1px solid #bfbfbf; */}

.center_box {width:1000px; margin:0 auto;}
.comment_grp .comment_box .user_img {position:absolute; left:20px; width:70px;height:70px;}
.comment_grp .comment_box .user_img img {width:70px;height:70px;}
.comment_grp .comment_box .cbox_grp {position:absolute; left:105px;  width:100%;}
.comment_grp .comment_box .comment_ny {float:left; width:80%;height:70px;padding:10px;border:1px solid #aaa; resize:none; box-sizing:border-box;}
.comment_grp .comment_box .btn_confirm {display:inline-block;width:80px;height:68px;line-height:68px;border:1px solid #aaa; text-align:center;
border-left:0 !important; background:url('/resources/image/images/bg/btn_grbg02.jpg') repeat-x;}

.comment_list {}
.cmlist_grp li {position:relative;border-bottom:1px solid #ddd; padding:12px 0;cursor: pointer;}
.cmlist_grp li .user_thumb {position:absolute;left:0; width:50px;height:50px;}
.cmlist_grp li .user_thumb img {width:50px;height:50px;border:1px solid #ddd;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.cmlist_grp li .user_area {padding:0 0 0 65px;}
.cmlist_grp li .user_area .nser_name {font-weight:bold; font-size:13px; color:#222;}
.cmlist_grp li .user_area .date {letter-spacing:-1px; color:#666;}
.cmlist_grp li .user_area .btn_del {display:inline-block;margin-left:10px;padding:1px 3px;font-weight:bold;background:#FD4D40;color:#fff;cursor:pointer;}
.cmlist_grp li .user_area .btn_del:hover {background:#FF6C61;}
.cmlist_grp li .user_area .cm_nytxt {padding-top:6px;}

/* 작성화면 */
.ptit_h4 {font-size:14px; background:url("/resources/image/images/icon/icon_tit01.png") left 2px no-repeat; padding-left:20px;}
.ptit_h4 .ptit_span {padding:0 0 0 10px;font-weight:normal;font-size:12px; color:#777;}

.titbox01 {padding:20px 0 10px 0;border-top:2px solid #4E6278;}
.pro_ipgrp {padding:10px 0 0 0;}
.pro_ipgrp:after {display:block;content:'';clear:both;}
.pro_ipgrp .searput {float:left;width:600px;height:27px;border:1px solid #aaa;padding-left:6px; vertical-align:middle;}
.pro_ipgrp a.searbtn {float:left;display:inline-block;width:30px;height:29px; background:url('/resources/image/images/bg/sear_bg.png') #4E6278 center no-repeat;}

.titbox02 {margin:5px 0 25px 0; clear:both;}
.titbox02 .cydsbox {width:100%;padding:20px 20px 5px 20px;margin:10px 0 0 0; background:#DEE3E7;border:1px solid #CCD4DC;border-radius:5px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.titbox02 .cydsbox ul {}
.titbox02 .cydsbox ul:after {display:block;content:'';clear:both;}
.titbox02 .cydsbox ul li {position:relative; float:left; width:80px;height:110px; margin:0 0 15px 10px;}
.titbox02 .cydsbox ul li h5 {text-align:center;padding-top:7px; color:#4E6278;}
.titbox02 .cydsbox ul li p {text-align:center;font-weight:bold;line-height:15px; color:#42566B;}
.titbox02 .cydsbox ul li a {display:block; width:70px;height:70px;margin-left:5px;line-height:70px; text-align:center; border-radius: 50px;border: 1px solid #CCD4DC; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.titbox02 .cydsbox ul li a img:hover {border:2px solid #4582c3;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.titbox02 .cydsbox ul li a img.active {border:2px solid #4582c3;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.titbox02 .cydsbox ul li a.add_user {border:2px dashed #4E6278;color:#4E6278; font-size:60px;line-height:65px; text-decoration:none;background:transparent;}
.titbox02 .cydsbox ul li a.add_user:hover {border:2px dashed #4582c3;color:#4582c3;}
.titbox02 .cydsbox ul li a img {width:100%;height:100%;background:#fff;/*width:70px;height:70px;*/vertical-align:top; -webkit-border-radius:50px;border-radius:50px;}

/* 공유대상 X 버튼 */
.titbox02 .cydsbox ul li .btn_delete {position:absolute;top:3px;left:3px;display:inline-block;width:15px;height:15px;line-height:15px;margin:0 7px;background:#333;color:#fff;font-size:12px;font-weight:bold;text-align:center;cursor:pointer; -webkit-border-radius: 50px;
border-radius:50px; font-family:'Nunito', sans-serif}
.titbox02 .cydsbox ul li .btn_msg {position:absolute;top:0px;left:0px;display:inline-block;width:20px;height:20px;line-height:15px;margin:0 7px;background:#333;color:#fff;font-size:12px;font-weight:bold;text-align:center; -webkit-border-radius: 50px;
border-radius:50px; font-family:'Nunito', sans-serif}
.titbox02 .cydsbox ul li .btn_delete:hover {background:#fd4d40;}

.msg_open {position:absolute;top:0px;left:0px;display:inline-block;width:25px;height:25px;line-height:15px;margin:0 7px;color:#fff;font-size:12px;font-weight:bold;text-align:center; -webkit-border-radius: 50px;
border-radius:50px; background:url("/resources/image/images/icon/open_ms.png") #29313C center no-repeat;}
.msg_close {position:absolute;top:0px;left:0px;display:inline-block;width:25px;height:25px;line-height:15px;margin:0 7px;color:#fff;font-size:12px;font-weight:bold;text-align:center; -webkit-border-radius: 50px;
border-radius:50px; background:url("/resources/image/images/icon/close_ms.png") #29313C center no-repeat;}

.combo_grp {border-top:2px solid #4582c3;margin-top:10px;}
.input_tbox {width:100%;border-collapse:collapse;border-spacing:0;/* table-layout:fixed; */}
.input_tbox caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.input_tbox tbody th {padding:8px 0; background:#eee; border-bottom:1px solid #ccc;}
.input_tbox tbody th em {padding:0 0 0 4px; color:#3FA383;}
.input_tbox tbody td {padding:8px; border-bottom:1px solid #ccc; /* background: #fbfbfb; */}
.input_tbox tbody td input {float:left;border:1px solid #ccc;  display:inline-block;height:28px;  padding:0 0 0 5px;  -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.input_tbox tbody td select {border:1px solid #ccc; display:inline-block;width:250px;height:28px;padding:0 0 0 5px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.input_tbox tbody td a.searbtn {float:left;display:inline-block;width:30px;height:28px; background:url('/resources/image/images/bg/sear_bg.png') #4E6278 center no-repeat;}
.wave {float:left;padding:0 5px;color:#666;}

.ctgr_btn {display:inline-block;width:30px;height:27px;line-height:27px; text-align:center;color:#fff;vertical-align:middle; background:url('/resources/image/images/bg/sear_bg.png') #4E6278 center no-repeat;}
/* 
.btn_save {display:block; background:#3FA383;color:#fff;font-weight:bold; width:100px;height:34px;line-height:34px; text-align:center;float:right;}
.btn_save:hover {color:#fff;}
 */
.mceLayout {width:100% !important;}

/* 미니 달력 */
.n_calendar02 {position:relative; width:100%; /* margin:0 auto; */ font-family: 'Nunito', sans-serif !important; }
.n_calendar02 .tb_ncalendar02 {width:100%;border-collapse:collapse;border-spacing:0; border:1px solid #ccc; clear:both; table-layout:fixed;}
.n_calendar02 .tb_ncalendar02 caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.n_calendar02 .tb_ncalendar02 thead th {padding:8px 0; background:#DEE3E7; border-bottom:1px solid #ccc;font-size:14px;color:#333;}
.n_calendar02 .tb_ncalendar02 thead th.sun {color:#D92B0A;}
.n_calendar02 .tb_ncalendar02 thead th.sat {color:#828589;}
.n_calendar02 .tb_ncalendar02 tbody td {color:#333; border:1px solid #ddd; cursor:pointer;}
.n_calendar02 .tb_ncalendar02 tbody td:hover {background:#f4f4f4;}
.n_calendar02 .tb_ncalendar02 tbody td.active {background:url('/resources/image/images/bg/minical_point.png') #fafafa right bottom no-repeat;}
.n_calendar02 .tb_ncalendar02 tbody td.todayActive {background:url('/resources/image/images/bg/minical_point.png') #ffffcd right bottom no-repeat; font-size:17px !important;}
.n_calendar02 .tb_ncalendar02 tbody td.today {background:#ffffcd; font-size:17px !important;}
.n_calendar02 .tb_ncalendar02 tbody td .in_tdbox {height:45px; overflow:hidden;}

.n_calendar02 .tb_ncalendar02 tbody td .in_tdbox h3 {color:#333;line-height:45px; text-align:center;}
.n_calendar02 .tb_ncalendar02 tbody td .in_tdbox h3.sun {color:#D92B0A;}
.n_calendar02 .tb_ncalendar02 tbody td .in_tdbox h3.sat {color:#828589;}
.n_calendar02 .tb_ncalendar02 tbody td .in_tdbox h3.holiday {color:#D92B0A;}

.n_calendar02 .calendar_period .callist {width:250px !important}
.n_calendar02 .calendar_period .callist li a {width:20px !important;vertical-align:middle;}
.n_calendar02 .calendar_period .callist li a.yysize {background-size:15px;}
.n_calendar02 .calendar_period .callist li a.mmsize {background-size:10px;}
/* 달력 */
.n_calendar {position:relative; width:100%; /* margin:0 auto; */ font-family: 'Nunito', sans-serif;}
.calendar_period {width:100%;height:40px;line-height:40px;background:#29313c; text-align:center;}
/* .calendar_period a {display:inline-block;color:#fff; text-decoration:none;}
.calendar_period a.tit_yyyy {font-size:20px;font-weight:bold;}
.calendar_period a.btn_prev {padding:0 30px 0 0; font-weight:bold; color:#CCD4DC;}
.calendar_period a.btn_next {padding:0 0 0 30px; font-weight:bold; color:#CCD4DC;}
.calendar_period a.btn_prev:hover, .calendar_period a.btn_next:hover {color:#fff;} */

.callist {width:330px;height:40px;;margin:0 auto;}
.callist li {float:left;padding:0 7px;height:40px;}
.callist li.tit_yyyy {line-height:37px;font-size:20px;font-weight:bold;color:#fff;padding:0 10px;}
.callist li a {display:block;width:40px;height:40px;color:#fff; text-decoration:none;}
.callist li a.arrowly {background:url('/resources/image/images/btn/left_yyyy.png') center no-repeat;}
.callist li a.arrowlm {background:url('/resources/image/images/btn/left_mm.png') center no-repeat;}
.callist li a.arrowry {background:url('/resources/image/images/btn/right_yyyy.png') center no-repeat;}
.callist li a.arrowrm {background:url('/resources/image/images/btn/right_mm.png') center no-repeat;}


.tb_ncalendar {width:100%;border-collapse:collapse;border-spacing:0; border:1px solid #ccc; clear:both; table-layout:fixed;}
.tb_ncalendar caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.tb_ncalendar thead th {padding:5px 0; background:#DEE3E7; border-bottom:1px solid #ccc;font-size:14px;color:#333;}
.tb_ncalendar thead th.sun {color:#D92B0A;}
.tb_ncalendar thead th.sat {color:#828589;}
.tb_ncalendar tbody td {/*width:100px; */color:#333; border:1px solid #ddd; cursor:pointer;}
.tb_ncalendar tbody td:hover {background:#f4f4f4;}
.tb_ncalendar tbody td.active {background:#f4f4f4;}

.tb_ncalendar tbody td.holiday_td {background:#FFF0F0}

.tb_ncalendar tbody td .in_tdbox {height:130px; overflow:hidden;}
.tb_ncalendar tbody td .in_tdbox .more_list {display:block; padding:2px 0 0 7px; font-weight:bold;color:#DB2B0A;}
.tb_ncalendar tbody td .in_tdbox .more_list:hover {text-decoration:underline;}

.tb_ncalendar tbody td .in_tdbox h3 {padding:12px 13px 5px 0px; color:#333; text-align:right; *width:85%;}
.tb_ncalendar tbody td .in_tdbox h3.sun {color:#D92B0A;}
.tb_ncalendar tbody td .in_tdbox h3.sat {color:#828589;}
.tb_ncalendar tbody td .in_tdbox h3.holiday {color:#D92B0A;}

.tb_ncalendar tbody td .in_tdbox .basic_txt {width:90%;padding-left:7px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:20px;line-height:20px; *width:80%;}
.tb_ncalendar tbody td .in_tdbox .basic_txt:hover {text-decoration:underline;}
.tb_ncalendar tbody td .in_tdbox .basic_txt b {padding-right:2px;}

.cal_popop {position:absolute;top:30%;left:30%;background:#fafafa;border:1px solid #ccc;width:400px;min-height:100px;padding:25px 20px 25px 20px;-webkit-border-radius:5px;border-radius:5px;}
.cal_popop .col_titbox {position:relative; height:28px;border-bottom:1px dotted #8FA0B3;}
.cal_popop .col_titbox h2 {color:#D92B0A;font-size:17px}
.cal_popop .col_titbox .btn_close {position:absolute;right:0;top:-2px; width:20px;height:20px;line-height:20px; font-weight:bold;text-align:center;background:#333;color:#fff;text-decoration:none;-webkit-border-radius:50px; border-radius:50px;}
.cal_popop .col_titbox .btn_close:hover {background:#DB2B0A;color:#fff;}

.cal_popop .cpop_list {padding:15px 0 0 0; letter-spacing:-0.3px;}
.cal_popop .cpop_list li {height:23px;}
.cal_popop .cpop_list li a {display:block;height:23px;line-height:23px;color:#29313C;float:left;}
.cal_popop .cpop_list li a:hover {font-weight:bold;}
.cal_popop .cpop_list li span {float:right; color:#777;}

/* 명함관리 리스트 */
.card_list {}
.card_list .card_ul {width:100%;}
.card_list .card_ul > li {margin:15px; float:left;width:340px;background:#fafafa;border:1px solid #4E6278; -webkit-border-radius:7px;border-radius:7px;}

.card_tit {position:relative; height:38px;line-height:38px;background:#4E6278; -webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;}
.card_tit h3 {font-size:13px !important; padding:0 0 0 14px; color:#64D8B3;}
.card_tit h3 em {padding:0 0 0 6px; color:#fff;}
.card_tit .share_grp {position:absolute; top:9px;right:12px; width:17px;height:19px; background: url('/resources/image/images/icon/ico_share.png') no-repeat;}
.card_inf {height:140px; padding:0 17px 0 0; text-align:right; background:url('/resources/image/images/icon/bus_card2.png') 19px 49px no-repeat; }

.view_detail {display:inline-block; margin:20px 0 12px 140px; padding-left:30px; width:150px;height:17px; background:url('/resources/image/images/btn/btn_eye.png') left center no-repeat;}
.view_detail:hover {color:#3FA383;}

.card_inf ol {letter-spacing:-0.5px;}
.card_inf ol li {height:18px;line-height:18px; color:#555;}
.card_inf ol li.gm_tit {font-weight:bold;font-size:15px;color:brown; padding:0 0 5px 0;}

/* 명함관리 상세화면 팝업 */
.view_topbar02 {height:50px;line-height:50px;padding:10px 15px;background:#DEE3E7;border-top:2px solid #4E6278;border-bottom:1px solid #ABBAC8;}
.view_topbar02 .user_img {display:block; width:50px;height:50px;float:left;padding:0 15px 0 0;}
.view_topbar02 .user_img img {width:100%;vertical-align:top;-webkit-border-radius:50px;border-radius:50px;border:1px solid #ccc;}
.view_topbar02 h3 {font-size:17px;}

.bbtn_grp {height:35px;padding:10px 0 30px 0; text-align:right;}
.bbtn_grp a {display:inline-block; width:100px;height:34px;line-height:34px; text-align:center; background:#29313c;color:#fff;font-weight:bold;}
.bbtn_grp .btn_edit:hover {background:#4E6278;}

.bbtn_grp a.btn_help {margin-top:10px;height:15px;background:url('/resources/image/images/icon/icon_help.jpg') transparent top left no-repeat;
color:#666;float:left;text-align:left !important;padding-left:20px;line-height:16px;}
.bbtn_grp a.btn_help:hover {background:url('/resources/image/images/icon/icon_help.jpg') transparent bottom left no-repeat;color:#5397e0;}

.bbtn_grp .btn_add {background:#3FA383!important}
.bbtn_grp .btn_add:hover {background:#46B692!important}

.bbtn_grp .btn_del {background:#fe6b5c !important}
.bbtn_grp .btn_del:hover {background:#FD796C !important}

.bbtn_grp .btn_act {background:#29313c!important;}
.bbtn_grp .btn_act:hover {background:#3F4B5A!important}

.bbtn_grp .btn_end {background:#CAB731!important}
.bbtn_grp .btn_end:hover {background:#D4C140!important}

.bbtn_grp .btn_save {background:#46B692!important}
.bbtn_grp .btn_save:hover {background:#3FA383!important}

.bbtn_grp .btn_can {background:#888!important}
.bbtn_grp .btn_can:hover {background:#555!important}

.bbtn_grp .btn_sel {background:#4288e8!important}
.bbtn_grp .btn_sel:hover {background:#489CFF!important}

.bbtn_grp .btn_view {background:url('/resources/image/images/bg/btn_grbg.jpg') repeat-x;border:1px solid #dcdcdc;color:#44515F;}

.list_pages {float:left; border:1px solid #29313c;background:#fff !important;color:#29313c !important; }

/* 명함관리 공유화면 */
.share_nav {width:900px;}
.share_nav .left_nav {width:400px;height:280px; padding:10px 25px; float:left;}
.share_nav .left_nav h4 {display:inline-block;}
.share_nav .left_nav select {display:inline-block;width:160px;float:right; border:1px solid #ccc;}
.share_nav .left_nav ul {margin:10px 0 0 0; border-top:2px solid #4E6278; clear:both;}
.share_nav .left_nav ul li {height:35px;border-bottom:1px dashed #ddd;}
.share_nav .left_nav ul li a {display:block;width:80%;height:35px;line-height:37px;float:left;cursor:text;}
.share_nav .left_nav ul li a:hover {text-decoration:none;color:#333;}
.share_nav .left_nav ul li b {padding-left:3px;}
.share_nav .left_nav ul li span {float:right;}
.share_nav .left_nav ul li span input {vertical-align:middle;}

.share_nav .left_nav ul li span {display:inline-block;width:20px;height:20px;margin-top:7px; cursor:pointer;}
.share_nav .left_nav ul li .chk_button_on {background:url('/resources/image/images/btn/chk_on.png') no-repeat;}
.share_nav .left_nav ul li .chk_button_off {background:url('/resources/image/images/btn/chk_off.png') no-repeat;}

.share_nav .right_nav {width:390px;height:280px;padding:10px 25px;overflow-y:scroll;float:right;border-left:1px solid #ccc;}
.share_nav .right_nav ul {margin:10px 0 0 0;border-top:2px solid #777;}
.share_nav .right_nav ul li {height:35px;line-height:37px; border-bottom:1px dashed #ddd;}
.share_nav .right_nav ul li b {padding-left:3px;}

/* 명함관리 그룹팝업 */
.group_nav{width:458px;}
.group_nav ul {margin:10px 0 0 0; border-top:2px solid #4E6278; clear:both;}
.group_nav ul li {height:35px;border-bottom:1px dashed #ddd;}                                           
.group_nav ul li a {display:block;width:75%;height:35px;line-height:37px;float:left;cursor:text;font-weight: bold;padding-left:10px;cursor:pointer;}       
.group_nav ul li a:hover {text-decoration:none;color:#333;}
.group_nav ul li .cbox_grp {float:right;}                                                                                                                     
.group_nav ul li span {float:right;display:inline-block;width:20px;height:20px;margin-top:7px; cursor:pointer;}                                                                                                                     
.group_nav ul li input {margin: 6px 0 0 6px;width: 200px;}
.group_nav ul li .add_cbox {font-weight:bold;letter-spacing:-0.5px; margin-top:14px;width:42px;height:22px;line-height:22px;text-align:center;background:#6799FF;color:#fff; border-radius:50px;margin: 6px 6px 0 0;}
.group_nav ul li .add_cbox:hover {background:#79ABFF;}                                                                                          
.group_nav ul li .edit_cbox {font-weight:bold;letter-spacing:-0.5px; margin-top:14px;width:42px;height:22px;line-height:22px;text-align:center;background:#DC4545;color:#fff; border-radius:50px;margin: 6px 6px 0 0;}
.group_nav ul li .edit_cbox:hover {background:#F06161;}
.group_nav ul li .edit_cbox2 {font-weight:bold;letter-spacing:-0.5px; margin-top:14px;width:42px;height:22px;line-height:22px;text-align:center;background:#CD3B3B;color:#fff; border-radius:50px;margin: 6px 6px 0 0;}
.group_nav ul li .edit_cbox2:hover {background:#DF4D4D;}
.group_nav ul li .save_cbox {font-weight:bold;letter-spacing:-0.5px; margin-top:14px;width:42px;height:22px;line-height:22px;text-align:center;background:#2924BD;color:#fff; border-radius:50px;margin: 6px 6px 0 0;}
.group_nav ul li .save_cbox:hover {background:#3B36CF;}
.group_nav ul li .del_cbox {font-weight:bold;letter-spacing:-0.5px; margin-top:14px;width:42px;height:22px;line-height:22px;text-align:center;background:#A6A6A6;color:#fff; border-radius:50px;margin: 6px 6px 0 0;}
.group_nav ul li .del_cbox:hover {background:#B8B8B8;}
.group_nav ul li .can_cbox {font-weight:bold;letter-spacing:-0.5px; margin-top:14px;width:42px;height:22px;line-height:22px;text-align:center;background:#A6A6A6;color:#fff; border-radius:50px;margin: 6px 6px 0 0;}
.group_nav ul li .can_cbox:hover {background:#B8B8B8;}


/* 조직도 팝업 */
.organi_grp {padding:15px;}
.organi_grp:after {display:block;content:'';clear:both;}

.organi_grp .left_nav {width:340px;float:left;}
.organi_grp .og_depth01 {border-top:2px solid #4E6278; /* border-bottom:1px solid #CCD4DC; */}
.organi_grp .og_depth01 > li {width:100%; position:relative;}
.organi_grp .og_depth01 > li > span {position:absolute;right:1px;top:10px; display:block;width:16px;height:16px;cursor:pointer;}
.organi_grp .og_depth01 > li > .chk_button_on {background:url('/resources/image/images/btn/chk_on.png') no-repeat;}
.organi_grp .og_depth01 > li > .chk_button_off {background:url('/resources/image/images/btn/chk_off.png') no-repeat;}
.organi_grp .og_depth01 > li > a {border-bottom:1px solid #CCD4DC;display:block;height:40px;line-height:40px;font-weight:bold;font-size:15px; padding-left:21px;background:url("/resources/image/images/icon/icon_tit01.png") left center no-repeat;}

.organi_grp .og_depth02 {/* border-top:1px solid #ccd4dc; */}
.organi_grp .og_depth02 > li {width:100%; position:relative;border-bottom:1px solid #ccd4dc;}
.organi_grp .og_depth02 > li > span {position:absolute;right:1px;top:10px; display:block;width:16px;height:16px;cursor:pointer;}
.organi_grp .og_depth02 > li > a {display:block;height:35px;line-height:38px;font-weight:bold;color:#555; padding-left:42px;background:url("/resources/image/images/icon/icon_tit02.png") 22px center no-repeat;}

.organi_grp .og_depth03 {padding:7px 0 3px 0;}
.organi_grp .og_depth03 > li {width:100%; position:relative; }
.organi_grp .og_depth03 > li > span {position:absolute;right:1px;top:3px; display:block;width:16px;height:16px;cursor:pointer;}
.organi_grp .og_depth03 > li > a {display:block;height:25px;line-height:25px;letter-spacing:-0.3px;color:#555;padding-left:60px;background:url("/resources/image/images/icon/icon_list_dot.png") 44px 4px no-repeat}

.organi_grp .og_depth04 {padding:7px 0 6px 0;}
.organi_grp .og_depth04 > li {width:100%; position:relative; }
.organi_grp .og_depth04 > li > span {position:absolute;right:1px;top:3px; display:block;width:16px;height:16px;cursor:pointer;}
.organi_grp .og_depth04 > li > a {display:block;height:25px;line-height:25px;letter-spacing:-0.3px;color:#555; padding-left:72px;background:url("/resources/image/images/icon/icon_list_dot.png") 56px 4px no-repeat}

.organi_grp .og_depth01 a:hover {color:#3FA383}

.organi_grp .right_view {width:550px;min-height:150px; float:right; }

/* 아이콘 없는 조직도 팝업 */
.non_organi_grp {padding:15px;}
.non_organi_grp:after {display:block;content:'';clear:both;}

.non_organi_grp .left_nav {width:340px;float:left;}
.non_organi_grp .og_depth01 {border-top:2px solid #4E6278; /* border-bottom:1px solid #CCD4DC; */}
.non_organi_grp .og_depth01 > li {width:100%; position:relative;}
.non_organi_grp .og_depth01 > li > span {position:absolute;right:1px;top:10px; display:block;width:16px;height:16px;cursor:pointer;}
.non_organi_grp .og_depth01 > li > .chk_button_on {background:url('/resources/image/images/btn/chk_on.png') no-repeat;}
.non_organi_grp .og_depth01 > li > .chk_button_off {background:url('/resources/image/images/btn/chk_off.png') no-repeat;}
.non_organi_grp .og_depth01 > li > a {border-bottom:1px solid #CCD4DC;display:block;height:40px;line-height:40px;font-weight:bold;font-size:15px; padding-left:21px;}

.non_organi_grp .og_depth02 {/* border-top:1px solid #ccd4dc; */}
.non_organi_grp .og_depth02 > li {width:100%; position:relative;border-bottom:1px solid #ccd4dc;}
.non_organi_grp .og_depth02 > li > span {position:absolute;right:1px;top:10px; display:block;width:16px;height:16px;cursor:pointer;}
.non_organi_grp .og_depth02 > li > a {display:block;height:35px;line-height:38px;font-weight:bold;color:#555; padding-left:42px;}

.non_organi_grp .og_depth03 {padding:7px 0 3px 0;}
.non_organi_grp .og_depth03 > li {width:100%; position:relative; }
.non_organi_grp .og_depth03 > li > span {position:absolute;right:1px;top:3px; display:block;width:16px;height:16px;cursor:pointer;}
.non_organi_grp .og_depth03 > li > a {display:block;height:25px;line-height:25px;letter-spacing:-0.3px;color:#555;padding-left:60px;}

.non_organi_grp .og_depth04 {padding:7px 0 6px 0;}
.non_organi_grp .og_depth04 > li {width:100%; position:relative; }
.non_organi_grp .og_depth04 > li > span {position:absolute;right:1px;top:3px; display:block;width:16px;height:16px;cursor:pointer;}
.non_organi_grp .og_depth04 > li > a {display:block;height:25px;line-height:25px;letter-spacing:-0.3px;color:#555; padding-left:72px;}

.non_organi_grp .og_depth01 a:hover {color:#3FA383}

.non_organi_grp .right_view {width:550px;min-height:150px; float:right; }

.l_ico_plus {  display:inline-block; width:15px; height:15px; vertical-align:middle; background:url("/resources/image/images/icon/o_plus.png"); background-size: 15px 15px; cursor: pointer; }
.l_ico_minus { display:inline-block; width:15px; height:15px; vertical-align:middle; background:url("/resources/image/images/icon/o_minus.png");  cursor: pointer; }
.l_ico_gplus {  display:inline-block; width:15px; height:15px; vertical-align:middle; background:url("/resources/image/images/icon/g_plus.png"); background-size: 15px 15px; cursor: pointer;  }
.l_ico_gminus { display:inline-block; width:15px; height:15px; vertical-align:middle; background:url("/resources/image/images/icon/g_minus.png"); cursor: pointer; }
.o_ol {  display:inline-block; width:15px; height:15px; vertical-align:middle; background:url("/resources/image/images/icon/o_ol.png"); background-size: 15px 15px;  }
.g_ol { display:inline-block; width:15px; height:15px; vertical-align:middle; background:url("/resources/image/images/icon/g_ol.png");  }

/* 공유대상 샘플 체크박스 */
.schk_on {background:url('/resources/image/images/btn/schk_on.png') no-repeat;}
.schk_off {background:url('/resources/image/images/btn/schk_off.png') no-repeat;}

/* 페이징 */
.paginate_regular{padding:15px 0;text-align:center;line-height:normal; clear:both;}
.paginate_regular a,
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-size:13px;font-family:Tahoma, Sans-serif;color:#898989;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:hover,
.paginate_regular a:active,
.paginate_regular a:focus{color:brown;}
.paginate_regular strong{color:brown;}
.paginate_regular .direction{}

/* erp ---------------- */
.search_erp01 {padding:15px 10px; /* background:#fafafa; */ border:1px solid #C3C3C3;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+26,feffff+26,eeeeee+100 */
background: #feffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmZWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmZWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #feffff 26%, #feffff 26%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(26%,#feffff), color-stop(26%,#feffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 26%,#feffff 26%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 26%,#feffff 26%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 26%,#feffff 26%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 26%,#feffff 26%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}
.search_erp01 {*background:url('/resources/image/images/bg/sear_bgbox.jpg') repeat-x;} /* IE7 */
.search_erp01 .tb_sear {width:100%;border-collapse:collapse;border-spacing:0;}
.search_erp01 .tb_sear caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.search_erp01 .tb_sear tbody th {padding:5px 0; }	
.search_erp01 .tb_sear tbody td {padding:5px 0; text-align:left;}	

.search_erp01 .tb_sear .tb_fbox input {width:130px;height:23px;padding:0 0 0 5px;border:1px solid #ccc;}
.search_erp01 .tb_sear .tb_fbox .wave {padding:0 5px;color:#666;}

.bt_box {height:35px;margin:8px 0 0 0;}
.bt_box .btn_erpsear {display:block;background:#29313c;color:#fff;font-weight:bold;float:right; padding:0 30px;height:33px;line-height:33px;}

.search_erp02 {position:relative; margin:15px 0 0 0;}
.search_erp02 .tb_searview {width:100%;border-collapse:collapse;border-spacing:0; border-top:1px solid #B2BECB;border-:1px solid #B2BECB}
.search_erp02 .tb_searview caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.search_erp02 .tb_searview thead th {padding:8px;background:#CCD4DC; color:#29313C;border-bottom:1px solid #B2BECB}
.search_erp02 .tb_searview thead th.price {text-align:right;}
.search_erp02 .tb_searview tbody td {padding:6px;text-align:center;}
.search_erp02 .tb_searview tbody td.price {text-align:right;}
.search_erp02 .tb_searview tbody th {padding:6px;background:#f1f1f1;text-align:right;}
.search_erp02 .tb_searview tfoot th {padding:6px;background:#fffbcc; text-align:right; border-bottom:1px solid #CCD4DC;}

.search_erp02 .btn_erpgrp {height:33px;padding:7px 0 12px 0;}
.search_erp02 .btn_erpgrp li {float:left;width:55px; margin-right:6px;}
.search_erp02 .btn_erpgrp li a {display:block;width:100%;height:30px;line-height:30px;text-align:center;border:1px solid #b4b4b4; background:url('/resources/image/images/bg/btn_grbg.jpg') repeat-x;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; border-radius:3px;-webkit-border-radius:3px; font-weight:bold;}
.search_erp02 .btn_erpgrp li a:hover {border:1px solid #f75b54;color:#f75b54;}

/* 페이지 팝업 */
#exposeMask {position:fixed !important;opacity:0.5 !important;z-index:100 !important;background-color:rgb(0, 0, 0) !important;}

/* 이슈 팝업 */
.iss_usrbox {width:100%; position:relative; height:105px; background:#f5f5f5; border-bottom:1px solid #d0d0d0;}
.iss_usrbox .iss_box {width:416px;border-top:3px solid #4E6278;}
.iss_box .user_img {position:absolute;left:16px;top:14px;border-radius:50px;-webkit-border-radius:50px;}
.iss_box .user_img img {width:54px;height:54px;border-radius:50px;-webkit-border-radius:50px;border:1px solid #E9E9E9;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.iss_box .iss_info {position:absolute;left:102px;top:23px;}
.iss_box .iss_info em {display:block;color:#555;}

/* 프로젝트 선택 팝업 */
.sangtae_pj {margin:0 0 15px 0}
.sangtae_pj:after {display:block;content:'';clear:both;}
.sangtae_pj li {float:left;}
.sangtae_pj li .start_pj {display:inline-block;vertical-align:middle; letter-spacing:-0.7px;}
.sangtae_pj li .color_box01 {display:inline-block;width:13px;height:13px;background:#DC4545;vertical-align:middle; border-radius:50px;}
.sangtae_pj li .color_box02 {display:inline-block;width:13px;height:13px;background:#555;vertical-align:middle; border-radius:50px;}

.start_pj {font-size:13px;letter-spacing:-1px;}
.start_cbox {font-weight:bold;letter-spacing:-0.5px; margin-top:14px;width:42px;height:22px;line-height:22px;text-align:center;background:#DC4545;color:#fff; border-radius:50px;}
.wait_cbox {font-weight:bold;letter-spacing:-0.5px; margin-top:14px;width:42px;height:22px;line-height:22px;text-align:center;background:#46B692;color:#fff; border-radius:50px;}
.end_cbox {font-weight:bold;  margin-top:14px;width:45px;height:22px;line-height:22px;text-align:center;background:#555;color:#fff; border-radius:50px;}

/* 사용자 상세보기 팝업 */
.pop_grp {position:relative;}
.pop_user {position:absolute;left:0;top:20px;width:70px;height:70px;border-radius:50px;border:1px solid #ccc;}
.pop_user img {width:70px;height:70px;border-radius:50px;vertical-align:top;}

.pop_userbox {padding-left:90px; min-height:200px;padding-top:20px;}
.pop_userbox p {display:block;height:40px;line-height:40px; border-bottom:1px solid #ddd;}

.sendJJ0 {margin-left:5px;vertical-align:middle;display:inline-block;width:25px;height:25px;background:url('/resources/image/images/icon/ico_letter02.png') #46b692 center no-repeat;cursor:pointer; border-radius:50px;}
.sendJJ0:hover {background:url('/resources/image/images/icon/ico_letter02.png') #3FA383 center no-repeat;}
.sendMM {margin-left:1px;vertical-align:middle;display:inline-block;width:25px;height:25px;background:url('/resources/image/images/icon/ico_mail02.png') #4e6278 center no-repeat;cursor:pointer; border-radius:50px;}
.sendMM:hover {background:url('/resources/image/images/icon/ico_mail02.png') #425468 center no-repeat;}

/* 리스트 */
.tb_list {width:100%;border-collapse:collapse;border-spacing:0; border-top:1px solid #ccc; table-layout:fixed; border-right:1px solid #eee; border-left:1px solid #eee;}
.tb_list .left {text-align:left;padding-left:10px;}
.tb_list .right {text-align:right;padding-ri:10px;}
.tb_list caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.tb_list thead th {padding:10px 2px;background:#ebebeb;color:#4E6278; border-bottom:1px solid #ccc;}
.tb_list tbody tr:hover {background:#f4f4f4;cursor:pointer;}
.tb_list tbody tr.selectd {background:#f4f4f4;cursor:pointer;}
.tb_list tbody tr .editbtn {display:inline-block;padding:0px 10px;height:20px;line-height:19px;background:#4582c3;text-align:center;color:#fff;font-size:12px !important;border-radius:5px;-webkit-border-radius:5px;}
.tb_list tbody tr .usebtn {display:inline-block;padding:0px 10px;height:20px;line-height:19px;background:#46b692;text-align:center;color:#fff;font-size:12px !important;border-radius:5px;-webkit-border-radius:5px;}
.tb_list tbody tr .no_usebtn {display:inline-block;padding:0px 10px;height:20px;line-height:19px;background:#808080;text-align:center;color:#fff;font-size:12px !important;border-radius:5px;-webkit-border-radius:5px;}
.tb_list tbody td {padding:10px 2px;text-align:center; border-bottom:1px solid #ececec}
.tb_list tbody td.title {text-align:left;}
.tb_list tbody td.txtover {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb_list tbody td.bnsr {text-align:left;color:#666;}
.tb_list tbody td.bnsr > span {display:inline-block;width:90%;height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tb_list tbody td.date {color:#888;letter-spacing:-0.5px;}
.tb_list tbody td.jsj {color:#555;letter-spacing:-0.5px;word-spacing:-1.5px;text-align:center;}
.tb_list tbody th {padding:6px;background:#f1f1f1;text-align:right;}
.tb_list tfoot th {padding:6px;background:#fffbcc; text-align:right; border-bottom:1px solid #CCD4DC;}

/* A/S */
.tb_aslist {width:100%;border-collapse:collapse;border-spacing:0; border-top:1px solid #ccc; table-layout:fixed;}
.tb_aslist caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.tb_aslist thead th {padding:6px 2px;background:#ebebeb;color:#4E6278; border-bottom:1px solid #ccc;}
.tb_aslist tbody tr:hover {background:#f4f4f4;cursor:pointer;}
.tb_aslist tbody tr .best_top {display:inline-block;width:35px;height:19px;line-height:20px;margin-right:6px;background:#FD4D40;text-align:center;color:#fff;font-size:12px !important;}
.tb_aslist tbody td {padding:7px 2px;text-align:center; border-bottom:1px solid #ececec}
.tb_aslist tbody td.title {text-align:left;}
.tb_aslist tbody td.txtover {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb_aslist tbody td.bnsr {padding-left: 12px;text-align:left;color:#666;}
.tb_aslist tbody td.bnsr > span {display:inline-block;width:90%;height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tb_aslist tbody td.date {color:#888;letter-spacing:-0.5px;}
.tb_aslist tbody td.jsj {color:#555;letter-spacing:-0.5px;word-spacing:-1.5px;text-align:center;}
.tb_aslist tbody th {padding:6px;background:#f1f1f1;text-align:right;}
.tb_aslist tfoot th {padding:6px;background:#fffbcc; text-align:right; border-bottom:1px solid #CCD4DC;}

.mail_btngrp {margin-bottom:12px;}
.mail_btngrp ul {}
.mail_btngrp ul:after {display:block;content:'';clear:both;}
.mail_btngrp ul li {float:left; margin:0 5px 0 0;}
.mail_btngrp ul li a {display:block;padding:4px 8px; background:url("/resources/image/images/bg/btn_grbg.jpg")#fafafa; border:1px solid #ccc;color:#555;font-weight:bold; border-radius:3px;}
.mail_btngrp ul li a:hover {border:1px solid #4E6278;color:#4E6278}
.mail_btngrp ul li a .addicon {display:inline-block;padding-right:2px;}

/* 글내용 안에 box */
.content_inbox {margin:10px 0; padding:25px;background:#E5EFEC;border-radius:6px;}
.content_inbox .box_title {font-weight: bold; font-size: 15px;}
/* tb_maillist */
/* 메인화면 팝업 */
.mPop_title{font-weight: bold; font-size: 15px;}
.mPop_wClose{margin: 10px 0 0 0px;}
.mPop_wClose p {float: right;}
.mPop_wClose label{}

/* 0916 추가 css */
.view_topbar01 {position:relative;background:#eee; border-top:1px solid #BFBFBF; min-height:50px;}
.topbar_sub03 {}
.topbar_sub03:after {display:block;content:'';clear:both;}
.topbar_sub03 h3 {color:#222;padding:17px 240px 15px 15px;/*width:68%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}

.view_rtopbar {position:absolute;top:0;right:0;min-width:230px;height:100%;}
.view_rtopbar span {display:inline-block;}
.topbar_sub03 .r_userinfo {position:relative;display:inline-block;float:right;width:auto;min-height:100%;height:100%;padding:0 17px;background:#f8f8f8;}
.topbar_sub03 .r_userinfo img {box-sizing:border-box;border:1px solid #ccc;}

.topbar_sub04 {position:relative;padding:3px 0 7px 15px; border-top:1px dotted #BDBDBD;}
.topbar_sub04 .basic_date {display:inline-block;padding-right:400px;padding-top: 6px;}
.topbar_sub04 .basic_date a {color:#464646;font-size:12px; word-spacing:-2px;}
.topbar_sub04 .basic_date b {color:#4582c3;padding-right:6px;}
.topbar_sub04 .basic_date em {padding:0 2px 0 5px;color:#ccc;}
.topbar_sub04 .basic_date .date {color:#555;letter-spacing:-0.3px;}

.topbar_sub04 .list_reference {position:absolute;right: 0; height:30px;line-height:30px;top:2px;}
.topbar_sub04 .list_reference:after {display:block;content:'';clear:both;}
.topbar_sub04 .list_reference li {height:30px;line-height:30px;}
.topbar_sub04 .list_reference li span {height:30px;line-height:30px; letter-spacing:-0.2px;}
.topbar_sub04 .list_reference li span.item05 {font-weight:bold;color:#464646;}
.topbar_sub04 .list_reference li em {height:30px;line-height:30px;}

/* 일정 리스트 */
.pro_grp02 {width:100%;word-spacing:-2px;}
.pro_tit {height:35px;line-height:36px;background:#4E6278;padding:0 0 0 10px;color:#fff;font-size:13.5px !important;box-sizing:border-box;}

.plan_box {}
.plan_box > li {border-bottom:1px solid #EAEAEA;/* border-top:1px solid #ddd; */margin-bottom:10px;}

.plan_user {height:52px;line-height:52px;padding:0 5px 0 10px;background:#eee;/* border-bottom:1px dashed #E2E2E2; */}
.plan_user img {display:inline-block;width:40px !important;height:40px !important; vertical-align:middle;border-radius:50px;padding:0;}
.plan_user .puser_txt {display:inline-block;font-size:12px !important;color:#29313C;vertical-align:middle;font-weight:bold;}
.plan_user .puser_txt em {font-weight:normal;color:#bbb;padding:0 5px;}

.doc_type {display:inline-block;float:right;padding:0 7px;margin:15px 10px 0 0;height:22px;line-height:22px;color:#fff;font-weight:bold;letter-spacing:-0.5px;border-radius:50px;}
.doc_type {*float:right;*clear:left;}
.doc_new {background:#B72A2A;}
.doc_end {background:#29313C;}

.doc_201 {background:#C1AF2B;}
.doc_205 {background:#B72A2A;}
.doc_209 {background:#3FA383;}
.doc_213 {background:#29313C;}

/* 테이블 안 문서 상태 */
.doc01 {color:#BDAA08;font-weight:bold;}
.doc02 {color:#666;font-weight:bold;}
.doc03 {color:brown;font-weight:bold;}
.doc04 {color:#3FA383;font-weight:bold;}

.plan_list {height:35px;padding:0 10px 0 12px;letter-spacing:-0.5px; background:#FBFBFB;}
.plan_list > a {display:inline-block;float:left;width:60%;height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:-0.7px;color:#555;}
.plan_list > a {*float:left;*clear:right;}
.plan_list > a:hover {font-weight:bold;color:brown;}
.plan_list > a > b {color:brown}
.plan_list span.detail {display:inline-block;float:right;font-size:11px;height:35px;line-height:35px;font-size:13px;color:#444;font-weight:normal;letter-spacing:-0.5px;}
.plan_list span.detail {*float:right;*clear:left;}
.plan_list span.detail b {color:#29313C;}
.plan_list span.detail em {padding:0 1px !important;}

/* 업무진행 버튼 추가 */
.proc_grp {margin:10px 0;}
.proc_grp:after {display:block;content:'';clear:both;}
.proc_grp li {padding:0 10px; border:1px solid #D4D4D4;float:left;margin-right:6px;background:url('/resources/image/images/bg/btn_grbg.jpg') repeat-x; }
.proc_grp li a {display:inline-block;width:100%;height:30px;line-height:30px;text-align:center;color:#444; font-weight:bold;}
.proc_grp li a:hover {text-decoration:none;color:#B72A2A;}
.proc_grp li a span {color:#B72A2A;padding-left:5px;}

.proc_grp li a.atxt_cl:hover {text-decoration:none;color:#3FA383;}
.proc_grp li a span.txtcl {color:#3FA383;}

/* 참조, 수신자 */
.cjss_list {margin:10px 0;}
.cjss_list:after {display:block;content:'';clear:both;}
.cjss_list li {float:left;padding:0 10px;border:1px solid #D4D4D4;margin-right:6px;}
.cjss_list li a {display:block;width:100%;height:33px;line-height:35px;font-weight:bold;color:#555}
.cjss_list li a:hover {font-weight:bold;color:brown;text-decoration:none;}
.cjss_list li a b {padding-right:5px;color:#222}
.cjss_list li a em {padding-left:5px;font-weight:bold;color:brown}

.tit_tab {}
.tit_tab:after {display:block;content:'';clear:both;}
.tit_tab li {float:left;min-width:90px;padding:0 8px;margin-right:2px;background:#B9B9B9; border-radius:6px 6px 0 0;}
.tit_tab li a {display:block;width:100%;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:bold;}
.tit_tab li:hover {background:#4E6278;}
.tit_tab li.active {background:#4E6278;}

.all_view a {padding-left:20px;color:#999 !important}
.all_view a:hover {text-decoration:underline !important;color:#666 !important}

.titbox {width:100px;height:30px;line-height:30px;background:brown;color:#fff;text-align:center;font-weight:bold;-webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}
.cjss_box {background:#fefefe;padding:18px 15px;border:1px solid #B9B9B9;-webkit-border-radius: 0 5px 5px 5px;border-radius: 0 5px 5px 5px;}
.cjss_box .cjlist:after {display:block;content:'';clear:both;}
.cjss_box .cjlist > li {float:left;/* padding-right:20px; */}
.cjss_box .cjlist > li.arrow {margin:0 10px;color:brown;font-weight:bold;font-size:15px !important;}
.cjss_box .cjlist > li > a {display:block;letter-spacing:-0.5px;word-spacing:-1px;color:#666;}
.cjss_box .cjlist > li > a b {color:#333;}
.cjss_box .cjlist > li > a em {color:#adadad;padding:0 4px 0 2px;}
.cjss_box .cjlist > li > a:hover {text-decoration:none;}
.cjss_box .cjlist > li > a:hover b {color:#B72A2A}

/* 상태 진행 바 02 */
.pro_bar02 {}
.pro_bar02:after {display:block;content:'';clear:both;}
.pro_bar02 li {position:relative; float:left;width:180px;height:65px; border:1px solid #ddd; background:#F5F5F5; margin-top:10px;}
.pro_bar02 li.arrow {width:35px !important;height:65px; background:url("/resources/image/images/icon/arrow_right02.png") center no-repeat; border:0 !important;}
.pro_bar02 li .user_info {position:absolute;left:13px;top:16px;line-height:145%;color:#555;font-size:13px;letter-spacing:-1px;cursor:pointer;}
.pro_bar02 li .user_img {position:absolute;right:13px;top:5px;border-radius:50px;-webkit-border-radius:50px;}
.pro_bar02 li .user_img img {width:54px;height:54px;border-radius:50px;-webkit-border-radius:50px;border:1px solid #E9E9E9;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.pro_bar02 li.active {border:1px solid #93A9C1;background:#E8EEF5;box-sizing:border-box;}

/* 일정 처리 등록 박스 */
.cal_grp {margin-top:40px;}
.cal_grp ul {}
.cal_grp ul:after {display:block;content:'';clear:both;}
.cal_grp ul > li {position:relative;width:810px;margin-bottom:20px;min-height:300px;/* height:200px; */border-radius:7px;border:1px solid #ccc;}

.cal_grp ul > li .art01 {border-bottom:1px solid #B3CEC5;height:38px;background:#29313C; border-radius:7px 7px 0 0;}
.cal_grp ul > li .art01 > h4 {font-size:15px;letter-spacing:-1px;color:#fff;line-height:38px;padding-left:10px;}
.cal_grp ul > li .art01 .pcent_view {position:absolute;right:10px;top:9px;}
.cal_grp ul > li .art01 .pcent_view > .keyword {display:inline-block;width:100px;height:20px;}
.cal_grp ul > li .art01 .pcent_view > .keyword > span.pview {display:inline-block;height:20px;background:#3FA383;font-weight:bold;color:#fff;padding:0;}
.cal_grp ul > li .art01 .pcent_view > .keyword > span.ptxt {position:absolute;left:10px;top:2px;height:20px;padding:0;background:transparent;color:#fff;font-weight:bold;}

.cal_grp ul > li .art02 {background:#eee;padding:5px 0 5px 10px; font-weight:bold;color:#29313C}
.cal_grp ul > li .art02 em {font-weight:normal;padding:0 5px 0 4px;color:#999 !important}
.cal_grp ul > li .art02 span {font-weight:normal;color:#666 !important; letter-spacing:-0.5px;}

.cal_grp ul > li .art03 {padding:15px 15px 50px 15px;color:#555 !important;word-spacing: -1px;letter-spacing:-0.5px;box-sizing:border-box;}
.cal_grp ul > li .art03 img {display:block;max-width:100%;padding:10px 0;}

.cal_grp ul > li .art04 {position:absolute;bottom:0;width:100%;height:33px;border-top:1px solid #ddd;background:#E8EFEC;border-radius:0 0 6px 6px;}
.cal_grp ul > li .art03:before {display:block;content:'';clear:both;}
.cal_grp ul > li .art04 .art_btn {float:right;width:60px;margin-top:4px;}
.cal_grp ul > li .art04 .art_btn > .btli {float:left;width:40px;height:22px;border-radius:0;border:0;}
.cal_grp ul > li .art04 .art_btn > .btli > a {display:block;width:100%;height:22px;line-height:23px;text-align:center;background:url('/resources/image/images/bg/title_bgw2.gif') repeat-x;border:1px solid #ccc;}
.cal_grp ul > li .art04 .art_btn > .btli > a:hover {border:1px solid #3FA383;color:#3FA383;}

/* 뷰 아티클 버튼 그룹 */
.art_allbtn {height:40px;margin:12px 0 20px 0;}
.art_allbtn:after {display:block;content:'';clear:both;}
.l_ulbtn {float:left;}
.l_ulbtn {*float:left;*clear:right;}
.l_ulbtn li {width:100px;}
.l_ulbtn li a {display:block;width:100%;height:34px;line-height:34px;text-align:center;font-weight:bold;}

.r_ulbtn {float:right;}
.r_ulbtn {*float:right;*clear:left;}
.r_ulbtn li {float:left;width:100px;margin-left:5px;}
.r_ulbtn li a {display:block;width:100%;height:34px;line-height:34px;text-align:center;background:#29313C;color:#fff;font-weight:bold;letter-spacing:-0.5px;padding: 0}
.r_ulbtn li a:hover {background:#394350;}
.r_ulbtn li a.bt01 {background:#3FA383;color:#fff;} /* 일정처리등록 버튼 */
.r_ulbtn li a.bt01:hover {background:#48B592;}
.r_ulbtn li a.bt04 {background:#4E6278;color:#fff;} /* 문서종료 버튼 */
.r_ulbtn li a.bt04:hover {background:#5E7792;}

/* 프로젝트 현황 상세 */
.pj_tbox {width:100%;border-collapse:collapse;border-spacing:0;border-top:1px solid #ABBAC8;font-size:12px;}
.pj_tbox caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.pj_tbox th {padding:7px 7px 6px 15px;text-align:left;background:#E8ECEE;border-bottom:1px solid #ABBAC8;}
.pj_tbox td {padding:7px 7px 6px 10px;color:#555;border-bottom:1px solid #ABBAC8;}
.pj_tbox td em {padding-right:8px;color:#ccc;font-weight:normal;}

/* 설문 퍼센트 리스트 */
.art_olgrp {width:90%;margin:0 auto;box-sizing:border-box;}
.art_olgrp:after {display:block;content:'';clear:both;}
.art_oltit {/* width:90%;margin:15px auto; */padding:10px 20px 25px 20px;background:#F7F3D9;border:1px solid #DCDAC8;-webkit-border-radius:6px;border-radius:6px;}
.art_oltit li {height:30px !important;line-height:31px;border-bottom:1px dotted #DCDAC8;color:#222;}
.art_oltit li:last-child {border-bottom:0}
.art_oltit li label.item {padding-left:7px}

.art_olbtn {padding:0 15px;margin-top:5px;height:30px;float:right;background:#cfbd38;color:#fff;border:1px solid #B9A935;border-radius:2px;font-weight:bold;}
.art_olbtn:focus {outline:none}
.art_olbtn:hover {background:#B9A935}

/* 설문 퍼센트 뷰 */
.art_ollist {clear:both;margin:15px auto;padding:30px 20px 20px 20px;background:#F7F3D9;border:1px solid #DCDAC8;-webkit-border-radius:6px;border-radius:6px;}
.art_ollist li {position:relative; margin-bottom:10px;height:30px !important;line-height:30px;background:#ddd;}
.art_ollist li span {height:30px !important;line-height:30px;}
.art_ollist li span.keyword {width:100%;background:#DCDAC8}
.art_ollist li span.pcent {background:#cfbd38 !important}
.art_ollist li span.oltxt {position:absolute;top:0;left:0;width:100%;text-align:center;font-weight:bold;color:#222;}

/* 10.07 추가 */
.acd_grp {width:100%;}
.acd_grp:after {display:block;content:'';clear:both;}

.acd_box {}
.acd_box .acdli01 {width:100%;font-weight:bold;color:#777;}
.acd_box .acdli01 a {display:inline-block;width:100%;height:30px;line-height:30px;border-bottom:1px solid #ECECEC; background:#fdfdfd;}
.acd_box .acdli01 span {float:left;background:url('/resources/image/images/btn/acdgrp_off.png') center no-repeat;display:inline-block;width:30px;height:30px;border-right:1px solid #ddd;cursor:pointer;}
.acd_box .acdli01 span.active {background:url('/resources/image/images/btn/acdgrp_on.png') center no-repeat;}
.acd_box .acdli01 em {padding-left:6px;color:brown;}

.acd_depth {border-bottom:1px solid #ECECEC;display:none;}
.acd_depth:after {display:block;content:'';clear:both;}
.acd_depth > .titbox02 {clear:both;margin:0 !important;}
.acd_depth > .titbox02 .cydsbox {margin:0 !important;padding:15px 15px 5px 15px !miportant;background:#E8ECEE;border:0!important;border-radius:0px !important; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; *padding:15px !miportant;}
.acd_depth > .titbox02 .cydsbox ul {}
.acd_depth > .titbox02 .cydsbox ul:after {display:block;content:'';clear:both;}
.acd_depth > .titbox02 .cydsbox ul li {position:relative; float:left; width:80px;height:110px;margin:0 0 15px 10px;}
.acd_depth > .titbox02 .cydsbox ul li h5 {text-align:center;padding-top:7px; color:#4E6278;}
.acd_depth > .titbox02 .cydsbox ul li p {text-align:center;font-weight:bold;line-height:15px; color:#42566B;}
.acd_depth > .titbox02 .cydsbox ul li a {display:block; width:70px;height:70px;margin-left:5px;line-height:70px; text-align:center; border-radius: 50px;border: 1px solid #CCD4DC; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.acd_depth > .titbox02 .cydsbox ul li a img:hover {border:2px solid #3FA383;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.acd_depth > .titbox02 .cydsbox ul li a img.active {border:2px solid #3FA383;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.acd_depth > .titbox02 .cydsbox ul li a.add_user {border:2px dashed #4E6278;color:#4E6278; font-size:60px;line-height:65px; text-decoration:none;background:transparent;}
.acd_depth > .titbox02 .cydsbox ul li a.add_user:hover {border:2px dashed #3FA383;color:#3FA383;}
.acd_depth > .titbox02 .cydsbox ul li a img {width:100%;height:100%;background:#fff;vertical-align:top; -webkit-border-radius:50px;border-radius:50px;}

/* 테이블 뷰 */
.tb_view01 {padding:9px 10px;background:#eee;/*border-top:1px solid #ddd;*/}
.tb_view01 h4 {padding-bottom:5px;font-size:14px;}
.tb_view01 .basic_date {display:inline-block;}
.tb_view01 .basic_date a {color:#464646;font-weight:normal;font-size:12px;cursor:text;}
.tb_view01 .basic_date b {color:#3FA383;margin-right:8px;}
.tb_view01 .basic_date em {padding:0 2px 0 5px;color:#ccc;}
.tb_view01 .basic_date .date {color:#555;letter-spacing:-0.5px;}

.tb_view02 {}
.tb_view02 .list_reference {height:32px;line-height:32px;float:right;padding-right:10px;}
.tb_view02 .list_reference li span {height:32px;line-height:32px;}

.tb_view03 {clear:both;padding:10px 20px;min-height:100px;border-bottom:1px solid #ddd;color:#555;}

/**/
.pro_list {padding:10px;background:#f3f3f3;border-bottom:1px solid #eee;}
.pro_list:after {display:block;content:'';clear:both;}
.pro_list li {float:left;width:190px;height:55px;background:#fff;margin-right:10px;border:1px solid #ddd;cursor: pointer;}
.pro_list li.arrow {width:16px;height:55px;line-height:60px;text-align:left;font-weight:bold;color:#999;margin:0;border:0;background:transparent;}
.pro_list li.active {border:2px solid #4E6278}
.pro_list li.susinja h5 {color:#3F6FA5}
.pro_list li span {display:inline-block;}
.pro_list li span.img {float:left;border-right:1px solid #ddd;}
.pro_list li span.img img {width:55px;height:55px;vertical-align:top;}
.pro_list li span.txt {float:left;padding:4px 0 3px 9px;}
.pro_list li span h5 {font-weight:bold;color:#555;padding-bottom:1px;}
.pro_list li span p {line-height:120%;color:#777;}
.pro_list li span p b {padding-right:3px;color:#555;}

/* 접속통계 팝업 */
.calendar_period:after {display:block;content:'';clear:both;}
.calendar_period .caltit {padding:0 15px;vertical-align:middle;display:inline-block;font-size:19px;color:#fff; font-family:'Nunito', sans-serif !important;}
.calendar_period a {display:inline-block;color:#fff; text-decoration:none;}
.calendar_period a img {vertical-align:middle;padding:0 8px;}

.tb_acce {}
.tb_acce .stat_user {color:#555;padding-right:10px;}
.tb_acce .stat_line span {display:inline-block;vertical-align:middle; width:10px;height:10px;-webkit-border-radius: 100px;border-radius: 100px;}
.statbar {background:#c8c8c8;}
.statbar_ch {background:#4cb41c;}

.stat_list {padding:20px 0;background:#f5f5f5;}
.stat_list table { font-weight: bold; color: #555; font-size:13px; }
.stat_list table tr .statbar_l { background:#dcdcdc; width: 15px; text-align: right; height:30px;-webkit-border-radius:100px 0 0 100px;border-radius:100px 0 0 100px;}
.stat_list table tr .statbar_c { background:#dcdcdc;text-align:left;padding-bottom:2px;}
.stat_list ul li {float: left; text-align: center;}
.stat_list ul li img {vertical-align:middle;}
.stat_list .statnum_c ul {padding:0 0 3px 15px;}
.stat_list .statnum_c ul:after {display:block;content:'';clear:both;}
.stat_list .stat_line { float: left; text-align: center; width: 25px; }
.stat_list table tr .statbar_r { background:#dcdcdc; width: 15px; height:30px;-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0;}
.stat_user { padding-right:5px; width: 80px; }
.stat_user img {width:60px; height:52px; background-color:#452e15; border:3px #3e2c16 solid; }

/* 객실상태 화면--------------------------------- */
.tb_chkbox {width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #aaa;letter-spacing:-0.5px;font-size:12.5px;color:#555;font-family:sans-serif;}
.tb_chkbox tbody th {padding:7px 12px 9px 12px;background:#f6f6f6;color:#444;border-right:1px solid #ddd;border-bottom:1px dotted #a9a9a9;}
.tb_chkbox tbody td {padding:7px 12px 9px 12px;border-bottom:1px dotted #a9a9a9;line-height:170%}
.tb_chkbox tbody td span {display:inline-block;}
.tb_chkbox tbody td .chktxt {display:inline-block;font-weight:600}
.tb_chkbox tbody td .numbox {display:inline-block;margin-left:6px;padding:0 10px;height:17px;line-height:16px;background:#888;color:#fff;
vertical-align:middle;font-weight:bold;}
.tb_chkbox tbody td .cline {display:inline-block;padding:0 7px 0 10px;color:#ccc;}
.tb_chkbox tbody td .ipgrp {padding:0 15px 0 0;}
.ipgrp label {display:inline-block;vertical-align:baseline;padding:0 0 0 5px;}
.ipgrp input {display:inline-block;vertical-align:middle;width:14px;height:14px;}

.list_status {padding:10px 0 100px 10px;font-size:13px;letter-spacing:-0.6px;font-family:sans-serif;}
.list_status:after {display:block;content:'';clear:both;}
.list_status li.list_sli {float:left;width:110px;height:130px;border:1px solid #ccc;cursor:pointer; margin:9px;}
.list_status li.list_sli:hover {background:#f6f6f6;border:1px solid #999}

.line01 {height:30px;border-bottom:1px solid #ccc}
.line01 > li {float:left;width:55px;line-height:30px;text-align:center;font-weight:bold; border-radius:4px 0 0 0;-webkit-border-radius:4px 0 0 0;
font-size:13.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+47,dddddd+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 47%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 47%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 47%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */}
.line01 > li:last-child {width:54px;border-left:1px solid #ccc;/* font-weight:normal; */color:#666;border-radius:0 4px 0 0;-webkit-border-radius:0 4px 0 0;
font-size:13px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+38,ffffff+38,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 38%, #ffffff 38%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 38%,#ffffff 38%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 38%,#ffffff 38%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */}

.line02 {width:100%;height:84px;padding-top:15px;}
.cleanbox {text-align:center;}

.line02 .sangtae {display:block;width:50px;height:50px;margin:0 auto;}
.line02 .icon_inuse {background:url('/resources/image/images/hotel_erp/icon_inuse.png') no-repeat;}
.line02 .icon_dirty {background:url('/resources/image/images/hotel_erp/icon_dirty.png') no-repeat;}
.line02 .icon_clean {background:url('/resources/image/images/hotel_erp/icon_clean.png') no-repeat;}
.line02 .icon_cleaning {background:url('/resources/image/images/hotel_erp/icon_cleaning.png') no-repeat;}
.line02 .icon_cleaned {background:url('/resources/image/images/hotel_erp/icon_cleaned.png') no-repeat;}
.line02 .icon_absence {background:url('/resources/image/images/hotel_erp/icon_absence.png') no-repeat;}
.line02 .icon_notsell {background:url('/resources/image/images/hotel_erp/icon_notsell.png') no-repeat;}
.line02 .icon_out {background:url('/resources/image/images/hotel_erp/icon_out.png') no-repeat;}
.line02 .icon_chkin {background:url('/resources/image/images/hotel_erp/icon_chkin.png') no-repeat;}
.line02 .icon_reve {background:url('/resources/image/images/hotel_erp/icon_reve.png') no-repeat;}

.line02 .sttxt {display:block;width:100px;padding:5px 5px 0 5px;font-weight:bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.line02 .sttxt_on {color:#333;}
.line02 .sttxt_off {color:#777;}

.srch_list td {padding: 1px 5px 0 7px;font-weight: bold;vertical-align: middle;}
.srch_list input {height: 25px;vertical-align: middle;padding: 0 0 0 5px;border: 1px solid #ccc;}

.butpo_btn { font-weight: bold;height:25px;padding:5px 8px 6px 8px;margin : 5px; background:url("/resources/image/bg/ad_btnr.gif") left bottom repeat-x #d91717; border:solid 1px #7f0000; border-bottom:solid 1px #730000; border-right:solid 1px #730000; color:#fff; }
.butpo_btn:hover { background:#c40909; }


.btn_save{display: inline-block;
    padding: 5px 8px 6px 8px;
    line-height: 110%;
    font-size: 13px;
    letter-spacing: -0.7px;
    border-radius: 3px;
    font-weight: bold;
    color: #fff;
    margin: 0px auto;
    cursor: pointer;}
/* #btnOpenSearchForm, */
/* #btnExcel, */
.btn-top-right {display: inline-block;
    padding: 5px 8px 8px 8px;
    line-height: 110%;
    font-size: 13px;
    letter-spacing: -0.7px;
    border-radius: 3px;
    font-weight: bold;
    color: #555;
    margin: 0px auto;
    cursor: pointer;
    border: 1px solid #ccc;
}
#btnSearch{display: inline-block;
	border: 0 !important;
    line-height: 110%;
    font-size: 13px;
    letter-spacing: -0.7px;
    font-weight: bold;
    color: #fff;
    margin: 0px auto;
    cursor: pointer;
    border: 2px solid #eee;}
.rst_date {padding:0 0 0 7px;height:27px;font-size: 12px;color: #555;border: 1px solid #ccc;}


/**/

.btn_gr01 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+12,ffffff+12,efefef+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 12%, #ffffff 12%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 12%,#ffffff 12%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 12%,#ffffff 12%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */}
.btn_gr01:hover
{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+88 */
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #efefef 0%,#ffffff 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}




/* 객실 연동 상태 */
.state_spbox { float: right;display: block;vertical-align: middle;font-weight: bold;}
.state_span {display: inline-block; width: 10px; height: 10px; border-radius: 100px;vertical-align: middle;margin-right: 5px;}
.state_on {background: #7cd920;}
.state_off {background: #ccc;}
.state_txt {display: inline-block;vertical-align: middle;margin-bottom: 2px;}

#searchForm input.date { width: 80px; }


/* 메일 연동 도움말 페이지 --------------------------------------- */
.helpticle {width:100%;background:url('/resources/image/bg/bg_helpticle.gif') #ddd repeat-x;padding:5% 0;}

.helpbox {width:750px;margin:0 auto;background:#fff;-webkit-border-radius:10px;border-radius:10px;padding-bottom:3px;}
.helpbox h2 {font-size:22px;text-align:center;margin:0;padding:25px 0;color:#333;}

/* 도움말 리스트 */
.list_help {}
.help_title {position:relative;height:50px;line-height:50px;border-top:1px solid #ddd;padding-left:50px;font-weight:bold;color:#4582C3;font-size:15px;}
.help_title:before {color:#4582C3;content:"+";font-size:24px;left:20px;position:absolute;
height:50px;line-height:46px;}
.help_title:hover {text-decoration:underline;cursor:pointer;}
.sele_li:before {color:#4582C3;content:"-";font-size:25px;left:22px;position:absolute;
height:50px;line-height:46px;}

.help_con {border-top:1px solid #ddd;padding:25px;}
.help_con p {font-size:13.5px;line-height:155%;padding:10px 0;font-weight:bold;}
.help_con p b {color:#d0001b;}
.help_imbox {display:block;width:700px;margin:20px auto 0 auto;}
.help_imbox:first-child {margin-top:0;}
.help_imbox img {width:100%;vertical-align:top;}

/* 로그아웃 버튼 강제 */
/* #btnChangePw, #logoutBtn { */
/*     background: transparent !important; */
/*     border: 2px solid #fff !important; */
/*     color: #fff !important; */
/*     line-height: 27px; */
/*     width: 90px; */
/*     font-weight: bold !important; */
/*     display: inline-block; */
/*     margin-top: 10px; */
/*     height: 30px; */
/*     line-height: 30px; */
/*     text-decoration: none; */
/*     cursor: pointer; */
/*     text-align: center; */
/* } */

/* A/S */
.sea_ibox {display:inline-block; border:1px solid #ccc; height:25px; line-height:25px; padding:0 7px 0 5px;  background:#fff; }
.sea_ibox .i_text {  color:#898989; font-size:12px;  border:0;  }
.sea_ibox .sea_btn { width:20px; height:20px; text-align:right; vertical-align:top;}

.list_qna { width:100% }
.list_qna thead th { text-align:center; color:#919191; padding:0 3px; height:32px; vertical-align:middle; font-weight:bold; font-size:11px; background:url("/resource/image/admin/bg/list_tbti.gif") 0 0 repeat-x; }
.list_qna tbody td { text-align:left; color:#747474; padding:7px 3px; border-bottom:1px solid #eee }
.list_qna .qna_rebox:hover { cursor:default; }
.list_qna .qna_rebox td { padding:15px; background:#f0ede7; }
.list_qna .qna_rebox .qna_txt { padding:15px; background:#fff; border:1px solid #d9d5cd; }
.list_qna tbody tr:hover { background:#fcfcfc; cursor:pointer; }

.xypoint{float: left;font-size: 15px;padding: 5px;}

/* 외부 채널 */
.n_channel {position:absolute; top:50px;left:218px; width:270px; border:1px solid #ccc; z-index:399}
.n_channel .channelbox {padding:15px 10px;height:20px;background:#fff; text-align: left;}
.channelbox .channel_face {width:50px; height:50px; padding:17px 25px 17px 25px; background:url('/resources/image/icon/icon_facebook.jpg') center no-repeat;}
.channelbox .channel_twit {width:50px; height:50px; padding:25px; background:url('/resources/image/icon/icon_twitter.jpg') center no-repeat;}
.channelbox .channel_insta {width:50px; height:50px; padding:25px; background:url('/resources/image/icon/icon_instagram.jpg') center no-repeat;}
.channelbox .channel_home {width:50px; height:50px; padding:25px; background:url('/resources/image/icon/icon_home.png') center no-repeat;}
.channelbox .channel_blog {width:50px; height:50px; padding:25px; background:url('/resources/image/icon/icon_blog.jpg') center no-repeat;}

/* 언어 변경 */
.n_language {position:absolute; top:50px;left:218px; width:270px; border:1px solid #ccc; z-index:399}
.n_language .langbox {padding:15px 10px;height:20px;background:#fff; text-align: left;}
.langbox .lang_kor {width:50px; height:50px; padding:17px 25px 17px 25px; background:url('/resources/image/icon/icon_facebook.jpg') center no-repeat;}
.langbox .lang_eng {width:50px; height:50px; padding:25px; background:url('/resources/image/icon/icon_twitter.jpg') center no-repeat;}
.langbox .lang_chn {width:50px; height:50px; padding:25px; background:url('/resources/image/icon/icon_instagram.jpg') center no-repeat;}

/* 입력폼 */
.edit_area {display: inline-block; clear: both; width: 100%}
.edit_section {clear: both; margin: 0; padding: 12px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px;}
.edit_section .arti {position: relative; color: #222;}
.arti .arti_tit {position: absolute; top: 7px; left: 0; font-weight: bold;}
.arti_tit .required {color: #0071bc; font-weight: bold; font-size:14px;}
.arti .arti_cont {position: relative; padding: 0 0 12px 100px; min-height: 26px;}

.arti input {border: 0;}
.arti .cont_input {display: block; overflow: hidden; border: 1px solid #ddd;}
/* .arti .cont_input .input_txt {text-indent: 7px;overflow: hidden; width: 100%; height: 24px; margin: 0; padding: 0; background: #fff; color: #000; line-height: 19px!important; vertical-align: top;} */
.arti .cont_input .input_txt {overflow: hidden; width: 100%;  background: #fff; color: #000; padding:5px; box-sizing:border-box;}
.arti .amt_input {display: block; overflow: hidden; margin-right: 145px; border: 1px solid #eee;}
.arti .amt_input .input_txt {text-indent: 7px;overflow: hidden; width: 100%; height: 24px; margin: 0; padding: 0; background: #fff; color: #000; line-height: 19px!important; vertical-align: top;}
.arti .cont_right {position:absolute; display: block; right: 54px;}
.arti .cont_right .input_txt {text-indent: 7px;overflow: hidden; width: 80px; height: 24px; margin: 0; padding: 0; background: #fff; color: #000; line-height: 19px!important; vertical-align: top; border: 1px solid #cbcbcb;}
.arti .cont_span {display: block; overflow: hidden; padding-top: 8px;}
.arti .cont_addr {display: block; overflow: hidden; margin-right: 121px;}
.arti a.sbtn {display: inline-block; background: url(/resources/image/bg/sear_bg.png) #4E6278 center no-repeat; width: 30px; height: 27px;}

/* NEW_20170116_CMJ ---------------------------------------------------  */



/* 팝업 공통 */
.basic_popup {position:absolute;top:45%;left:50%;border:1px solid #4582c3;margin:0 auto;}

/* 팝업 백그라운드 */
.bg_popup {position:fixed;top:0;bottom:0;left:0;right:0;background:url('/resources/image/bg/SBgWrap.png') repeat;z-index:100}

/* 팝업 헤더 */
.tit_head {position:relative;background:#4582c3;color:#fff;padding:0 15px;height:42px;line-height:40px;font-size:16px;text-align:left;}
.tit_head .btn_close {position:absolute;top:0;right:0;width:44px;height:42px;background:url('/resources/image/icon/icon_close.png') #2f629b center no-repeat;border:0;}
.tit_head .btn_close:hover {background:url(/resources/image/icon/icon_close.png) #275180 center no-repeat;transition:background 250ms ease-in-out;}

button:focus {outline:none;}
input:focus {outline:none;border-color:#637d9a;}
select:focus {outline:none;border-color:#637d9a;}
select {letter-spacing:-0.5px;vertical-align:middle;}

/**/
.pd_top_clear {padding-top:0 !important;}

/* 체크박스 디자인 공통 */
.put_chk:focus {outline:none;}
.put_chk[type="checkbox"] {
	 display:inline-block;
	 vertical-align:middle;
	 appearance: none;
	 -moz-appearance: none; /* Firefox */
	 -webkit-appearance: none; /* Safari and Chrome */
	 margin-right:7px;
	 border:0;
}
.put_chk[type="checkbox"]:checked {
	 display:inline-block;
	 vertical-align:middle;
	 appearance: none;
	 -moz-appearance: none; /* Firefox */
	 -webkit-appearance: none; /* Safari and Chrome */
	 border:0;
}

/* 회원가입 팝업  -- */
.join_pop {width:400px;margin:-250px 0 0 -200px; background:#fff;z-index:300;}

.put_grp {padding:30px 30px 30px 30px;}
.put_grp h5 {padding-bottom:10px;color:#333;}
.put_grp input {display:block;width:100%;height:43px;padding:0 10px;box-sizing:border-box;border:1px solid #dcdcdc;font-size:13px;}
.put_grp input:focus {outline:none;border-left:2px solid #4582c3;}
.put_grp .item01 {background:url('/resources/image/icon/pcon_mail.png') center right no-repeat;}
.put_grp .item02 {background:url('/resources/image/icon/pcon_pw01.png') center right no-repeat;}
.put_grp .item03 {background:url('/resources/image/icon/pcon_pw02.png') center right no-repeat;}
.put_grp input.bd_tb_clear {border-top:0 !important;border-bottom:0 !important;}

/* 회원가입_이용약관 */
.label_chk {display:inline-block;font-size:14px;vertical-align:middle;letter-spacing:-0.5px;font-weight:bold;color:#333;margin-top:15px;}
input.put_chk {display:inline-block !important;width:25px !important;height:25px !important;margin-bottom:3px;}
.put_chk01[type="checkbox"] {background:url('/resources/image/icon/icon_chk_off.png') center no-repeat;margin-right:7px;border:0;}
.put_chk01[type="checkbox"]:checked {background:url('/resources/image/icon/icon_chk_on.png') center no-repeat;}
.put_grp .view_yg {display:inline-block;border:1px solid #ccc;color:#999;padding:5px 7px;font-size:12px;margin-left:8px;border-radius:3px;
vertical-align:top;margin-top:14px;cursor:pointer;}
.put_grp .view_yg:hover {border:1px solid #4a76bd;color:#4a76bd;}
.pd_bottom {padding-bottom:25px !important;}

/* 회원가입_가입버튼 */
.join_pop .btn_join {margin-top:30px;width:100%;height:45px;line-height:45px;font-size:14px;font-weight:bold;background:#29313C;color:#fff;border:0;}
.join_pop .btn_join:hover {text-decoration:underline;}

/* 회원가입_문구 알림말 */
.txt_warning {font-weight:bold;color:red;padding-top:10px;}

/* 예약 등록 -- */
.reser_pop01 {width:800px;min-height:400px;margin:-300px 0 0 -400px;background:#e6e6e6;z-index:300;}

/* 상태관리 */
.list_state {float:right;}
.list_state:after {display:block;content:'';clear:both;}
.list_state li {float:left;margin-left:10px;}
.list_state li label {display:inline-block;padding:0 12px;height:33px;line-height:33px;background:#fff;font-size:13.5px;font-weight:bold;}
.list_state li label.active {background:#d8450b !important;color:#fff;}
.list_state input.put_chk {width:22px !important;height:22px !important;margin-bottom:4px !important;}

.put_chk02[type="checkbox"] {background:url('/resources/image/icon/icon_state_off.png') center no-repeat;margin-right:7px;border:0;}
.put_chk02[type="checkbox"]:checked {background:url('/resources/image/icon/icon_state_on.png') center no-repeat;}
 
/* tab 01 예약등록_예약정보 */

/* reser_tab */
.reser_grp {padding-top: 10px; clear:both;}
.reser_tab {background:#637d9a;height:37px;}
.reser_tab:after {display:block;content:'';clear:both;}
.reser_tab li {float:left;min-width:110px;height:32px;line-height:32px;font-size:14px;font-weight:bold;text-align:center;
background:#8a9eb3;color:#fff;margin:5px 0 0 4px;cursor:pointer;border-radius:4px 4px 0 0}
.reser_tab li:first-child {margin-left:5px;}
.reser_tab li:hover, 
.reser_tab li.active {background:#fff;color:#637d9a;transition:background 100ms ease-in-out;}

/* reser_tab_view */
.reser_tab_view {background:#fff;padding:20px 20px 20px 20px;}
.reser_tab_view:after {display:block;content:'';clear:both;}
.reser_tab_view table {width:100%;border-collapse:collapse;border-spacing:0;font-size:13.5px;}
.reser_tab_view th {padding:10px 0;color:#333;}
.reser_tab_view td {padding:10px 0;}
.reser_tab_view td.right_pd {padding-right:20px;}
.reser_tab_view td.reser_num {font-weight:bold;}
.reser_tab_view input ,
.reser_tab_view select
{width:100%;height:28px;padding:0 7px;border:1px solid #dcdcdc;box-sizing:border-box;-webkit-box-sizing:border-box;}
.reser_tab_view input:focus {outline:none;border-color:#637d9a;}
input.td_date {width:44% !important; background:url('/resources/image/icon/icon_dateput.png') #fff center right no-repeat;}
.sw_dash {display:inline-block;width:4%; color:#666;}
.reser_tab_view td.tb_area textarea {width:100%;padding:7px;height:120px;background:#f5f5f5;border:1px solid #dcdcdc;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;}
.reser_tab_view .tb_area textarea:focus {outline:none;border-color:#637d9a;}

/* 표시색상 */
.reser_tab_view td label {margin-right:18px;}
.reser_tab_view input.put_chk {width:20px !important;height:20px !important;border-radius:50px;-webkit-border-radius:50px;}
.color1[type="checkbox"] {background:#ffc20f;margin-right:8px;border:0;}
.color2[type="checkbox"] {background:#be0031;margin-right:8px;border:0;}
.color3[type="checkbox"] {background:#748e3a;margin-right:8px;border:0;}
.color4[type="checkbox"] {background:#5a75bc;margin-right:8px;border:0;}
.color5[type="checkbox"] {background:#9061bc;margin-right:8px;border:0;}
.color6[type="checkbox"] {background:#a8a8a8;margin-right:8px;border:0;}

.color1[type="checkbox"]:checked {background:url('/resources/image/icon/icon_white_chk.png') #ffc20f center no-repeat;}
.color2[type="checkbox"]:checked {background:url('/resources/image/icon/icon_white_chk.png') #be0031 center no-repeat;}
.color3[type="checkbox"]:checked {background:url('/resources/image/icon/icon_white_chk.png') #748e3a center no-repeat;}
.color4[type="checkbox"]:checked {background:url('/resources/image/icon/icon_white_chk.png') #5a75bc center no-repeat;}
.color5[type="checkbox"]:checked {background:url('/resources/image/icon/icon_white_chk.png') #9061bc center no-repeat;}
.color6[type="checkbox"]:checked {background:url('/resources/image/icon/icon_white_chk.png') #a8a8a8 center no-repeat;}
 
.reser_grp .btn_save {display:block; width:130px;padding:12px 0;font-size:14px;
font-weight:bold;background:#29313C;color:#fff;border:0;margin:18px auto 10px auto;}
.reser_grp .btn_save:hover {text-decoration:underline;}

/* tab 02 예약등록_객실정보 */
.rs_add_bar {position:relative;padding-left:10px;font-size:14px;font-weight:bold;color:#fff;height:32px;line-height:32px;background:#a8adb5;}
.rs_add_bar .btn_add {position:absolute;top:0;right:0;width:33px;height:32px;border:0;background:url('/resources/image/icon/icon_plus_add.png') #898e95 center no-repeat;}
.rs_add_bar .btn_add:hover {background:url('/resources/image/icon/icon_plus_add.png') #757b84 center no-repeat;transition:background 250ms ease-in-out;}

.rs_add_bx:after {display:block;content:'';clear:both;}
/* .rs_add_bx:hover {background:#fafafa;} */
.rs_add_bx .active {background:#fee;}
.rs_add_bx li {border:1px solid #ddd;padding:12px 15px 7px 15px;border-bottom:0;}
.rs_add_bx li:after {display:block;content:'';clear:both;}
.rs_add_bx li:last-child {border-bottom:1px solid #e3e3e3;}

.bx_list {display:inline-block;width:220px;height:34px;box-sizing:border-box; float:left;}
.bx_list02 {width:440px;}
.bx_remark {width:660px;}
.bx_list b {display:inline-block;font-size:14px;font-weight:bold;color:#4582c3;}
.bx_list .btn_select {width:27px;height:27px;margin:0 0 4px 10px;border:0;vertical-align:middle;
background:url('/resources/image/icon/icon_cursor.png') #757b84 center no-repeat;color:#fff;}
.bx_list .btn_select:hover {background:url('/resources/image/icon/icon_cursor.png') #4582c3 center no-repeat;transition:background 250ms ease-in-out;}
.bx_list label {display:inline-block;width:60px;line-height:28px;vertical-align:middle;padding:0 10px 0 0;font-size:13.5px;font-weight:bold;color:#555;}
.bx_list em {vertical-align:middle;color:#333;font-size:13px;}
.bx_list input, .bx_list select {display:inline-block;width:160px !important;margin-right:15px;}
.bx_list input.td_date {width:130px !important;}

.bx_list .sw_dash {width:13px !important;text-align:center;}

/* 객실정보_총합  */
.total_grp {float:right;padding:15px 0 0 0;}
.total_grp:after {display:block;content:'';clear:both;}
.total_grp li {float:left;height:28px;line-height:28px;margin-left:10px;border:1px solid #a8adb5;}
.total_grp li span {display:inline-block;vertical-align:middle;float:left;font-weight:bold;font-size:13.5px;letter-spacing:-0.3px;}
.total_grp li .txt01 {padding:0 10px;background:#a8adb5;color:#fff;}
.total_grp li .bg_color {background:#29313c;color:#fff;}
.total_grp li .txt02 input {float:left;width:90px;font-size:14px;font-weight:bold;color:#d71616;height:28px;border:0;text-align:right;vertical-align:middle;}
.total_grp li .txt02_1 {padding:0 15px;}

/* tab 03 예약등록_처리내역 */
.tb_basic01 {width:100%;border-collapse:collapse;border-spacing:0;}
.tb_basic01 thead th {padding:6px 7px 7px 7px;text-align:center;border:1px solid #91969e;background:#a8adb5;color:#fff;}
.tb_basic01 tbody td {padding:6px 7px 7px 7px;text-align:center;border:1px solid #ddd;color:#666;}

/* 예약조회 -- */
.none_searbx {padding:25px 15px 15px 20px;border-bottom:1px solid #ddd;/*background:#fafafa;*/}
.none_searlist:after {display:block;content:'';clear:both;}
.none_searlist li {float:left;}
.none_searlist li.first_li {height:35px;}
.none_searlist li.first_li label {font-size:13.5px;margin-right:15px;color:#555;}
.none_searlist li.first_li label.active {font-weight:bold;}
.none_searlist li h4 {width:65px;display:inline-block;font-size:13.5px;}
.none_searlist li .bx_list {width:250px;height:40px;}
.none_searlist li .bx_list label {color:#333;}
.none_searlist li .bx_list02 {width:370px !important;}
.none_searlist input, .none_searlist select
{width:100%;height:28px;padding:0 7px;border:1px solid #dcdcdc;box-sizing:border-box;-webkit-box-sizing:border-box;}
.none_searlist input:focus {outline:none;border-color:#637d9a;}
.none_searlist input.put_chk {width:21px !important;height:21px !important;}
.none_searlist .put_chk03[type="checkbox"] {background:url('/resources/image/icon/icon_white_chk.png') #ccc center no-repeat;margin-right:6px;border:0;}
.none_searlist .put_chk03[type="checkbox"]:checked {background:url('/resources/image/icon/icon_white_chk.png') #4582c3 center no-repeat;}

.btn_serch01 {background:#353c56;color:#fff;border:0;width:100px;height:35px;line-height:35px;font-weight:bold; transition:0.3s;}
.btn_serch01:hover {background-color:#697293;}

/* tb_basic02 */
.tb_basic02 {width:100%;border-collapse:collapse;border-spacing:0;}
.tb_basic02 tr:hover {background:#fafafa;cursor:pointer;}
.tb_basic02 .bg:hover {background:#eeeeee;cursor:default;}
.tb_basic02 .totbg:hover {background:#999999;cursor:default;}
.tb_basic02 tr.txt_color01 td {color:#d91717;}
.tb_basic02 thead th {padding:15px 6px 15px 6px;text-align:center;background:#ebebeb;color:#444;border:1px solid #ddd;border-top:0;}
.tb_basic02 tbody td {padding:13px 6px 13px 6px;text-align:center;border:1px solid #ddd;color:#777;font-size:13.5px;}

/* 버튼 리스트 */
.list_btn_grp {height:50px;line-height:50px;}
.list_btn_grp:after {display:block;contnet:'';clear:both;}
.list_btn {}
.list_btn:after {display:block;contnet:'';clear:both;}
.list_btn li {float:left;min-width:50px;padding:0 20px;text-align:center;height:35px;line-height:35px;border:1px solid #aaa;}



/* 업체정보 -- */
.pd_wrap {padding:15px;}

.top_tit {background:url('/resources/image/icon/icon_pen02.png') #f5f5f5 17px center no-repeat;color:#444;padding:15px 20px 14px 50px;font-size:15px;border:1px solid #ddd;}
.company_info {background:#fff;border:1px solid #ddd;border-bottom:0;}

.tb_basic03 {width:100%;border-collapse:collapse;border-spacing:0;}
.tb_basic03 tbody th,
.tb_basic03 tbody td {text-align:center;font-size:13.5px;}
.tb_basic03 tbody th {padding:14px 0 14px 20px;color:#444;/*border-right:1px solid #ddd;*/border-bottom:1px solid #ddd;text-align:left}
.tb_basic03 tbody td {padding:15px 0;border-bottom:1px solid #dcdcdc;color:#777;text-align:left;}
.tb_basic03 tbody td input {width:60%;height:29px;padding:0 7px;border:1px solid #ddd;}
.tb_basic03 tbody td input:focus {border-color:#637d9a;}
.btn_bt_save {display:block;width:120px;height:40px;line-height:40px;margin:25px auto;font-weight:bold;border:0;background:#29313C;color:#fff;}
.btn_bt_save:hover {text-decoration:underline;}

/* 170329 요금 재고 */
.none_searbx2 {padding:15px 15px 8px 20px !important}
.none_searbx2 .btn_serch01 {margin-left:15px;}
.none_searbx2 .sel_tdlist {width:1000px;height:27px;line-height:27px;}

/* 200330 요금재고 */
.ag_pop_btn{display:inline-block; min-width:150px; height:30px; line-height:26px; text-align:center; color:#64afff; font-size:14px; border:2px solid #64afff; box-sizing:border-box;
 float:right; font-weight:bold; border-radius:5px; margin-left:10px; transition:0.3s;}
 .ag_pop_btn:hover{ background:#64afff; color:#fff;}
 
/* 200330 요금재고 팝업 */
.ag_pop_wrap{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); z-index:999;} 
.ag_pop_wrap .ag_box{width:1200px; /*height:400px;*/ box-sizing:border-box; position:absolute; top:calc(50% - 450px); left:calc(50% - 600px); background-color:#fff;
border:2px solid #2f323a; border-top:0;}
.ag_box .ag_tit{width:100%; height:50px; background-color:#2f323a; color:#fff; font-size:18px; line-height:50px; padding:0 10px; position:relative;
box-sizing:border-box;}
.ag_box .ag_tit .close_btn{width:50px; height:50px; background-image:url('/resources/image/icon/icon_close.png'); background-position:center;display:block; background-repeat:no-repeat;
background-size:15px; position:absolute; top:0; right:0; }
.ag_box .ag_cont{box-sizing:border-box; padding:10px;}

.ag_box .ag_top_tb{border:1px solid #ddd; background-color:#eee; width:100%; box-sizing:border-box;} 
.ag_box .ag_top_tb .day_box{float:left; position:relative;}
.ag_box .ag_top_tb .center_sp{float:left; display:inline-block; width:40px; height:40px; line-height:40px; font-weight:bold; text-align:center;}
.ag_box .ag_top_tb .ag_td{padding:10px; box-sizing:border-box;}
.ag_box .ag_top_tb .day_inp{width:200px; border:1px solid #ddd; border-radius:5px; height:40px; box-sizing:border-box; display:inline-block; text-align:right; 
padding-right:10px;background-image:url('/resources/image/icon/day_icon.png'); background-position:left; background-repeat:no-repeat; background-size:30px; color:#666; font-size:14px; }
.ag_box .ag_top_tb .day_left{width:280px; box-sizing:border-box; height:40px; background-color:#fff; margin-right:20px; float:left;}
.ag_box .ag_top_tb .day_left .day_sp{width:40px; height:40px; float:left; box-sizing:border-box; display:inline-block; line-height:40px; text-align:center;border:1px solid #ddd;
border-right:0;cursor:pointer; transition:0.3s;}
.ag_box .ag_top_tb .day_left .day_sp:hover{background-color:#4265ed; color:#fff;}
.ag_box .ag_top_tb .day_left .day_sp.active{background-color:#4265ed; color:#fff;}
.ag_box .ag_top_tb .day_left .day_sp:last-child{border-right:1px solid #ddd;}
.ag_box .ag_top_tb .day_right{width:200px; height:40px; float:left;}
.ag_box .ag_top_tb .day_right .day_all{width:60px; height:40px; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; margin-right:5px; text-align:center;
line-height:40px; display:inline-block;transition:0.3s;}
.ag_box .ag_top_tb .day_right .day_all:hover{background-color:#4265ed; color:#fff;}
.ag_box .ag_top_tb .day_right .day_all.active{background-color:#4265ed; color:#fff;}
.ag_box .ag_top_tb .day_right .day_all:last-child{margin-right:0;}
.ag_box .ag_top_tb .ag_btn_grp{width:100%; height:40px; box-sizing:border-box; padding-left:50px;}
.ag_box .ag_top_tb .ag_btn_grp .ag_btn{width:100px; height:40px; line-height:40px; float:left; margin-right:10px; background-color:#4265ed; color:#fff; border-radius:5px;
text-align:center; font-weight:bold;transition:0.3s;}
.ag_box .ag_top_tb .ag_btn_grp .ag_btn:hover{background-color:#8da3ff;}
.ag_box .ag_top_tb .ag_btn_grp .ag_btn:last-child{margin-right:0;}

.ag_box .cen_ment{width:100%; box-sizing:border-box; height:43px; line-height:43px; clear:both;}
.ag_box .cen_ment .cent_txt{color:#4265ed;}
.ag_box .cen_ment .cent_txt01{float:left;}
.ag_box .cen_ment .cent_txt02{float:right;}

.ag_box .ad_bottom_tb{width:100%; box-sizing:border-box;border-collapse: collapse;}
.ag_box .ad_bottom_tb input{box-sizing:border-box; width:100%; height:40px; border-radius:10px; border:1px solid #ddd;  border-radius:5px; 
padding:0 5px; text-align:right}
.ag_box .ad_bottom_tb .inp_st02{height:15px;}
.ag_box .ad_bottom_tb th{border:1px solid #ddd;padding:8px;}
.ag_box .ad_bottom_tb td{border:1px solid #ddd; padding:8px; background-color:#f2f5ff; font-weight:bold; text-align:center;}
.ag_box .ad_bottom_tb td.active{background-color:#ffd563;}


.tg { display:none; }
.tg_btn { display:block; width:55px; height:30px; position:relative;  margin-left:15px;  background:#ccc; border-radius:18px; }   
.tg:checked + .tg_btn { background:#2095ec; } 
.tg_btn:after { content:""; display:block; width:28px; height:28px; position:absolute; top:1px; left:1px; background:#333; border-radius:16px; transition:0.5s; }
.tg:checked + .tg_btn:after { left:26px;  } 
.tg_btn.item4 { background:#fff; box-sizing:border-box; border:3px solid #ccc; }
.tg:checked + .tg_btn.item4 { border:3px solid #2095ec; background:#fff; } 
.tg_btn.item4:after { width: 22px; height: 22px; background:#ccc; }    
.tg:checked + .tg_btn.item4:after { background:#2095ec; }   

/* topbox */
.topbox {position:relative;padding:10px 0;}

.dategrp {text-align:center;height:26px;line-height:17px;}
.dategrp a {display:inline-block;width:24px;height:24px;border:1px solid #c5c5c5;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+12,ffffff+12,efefef+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 12%, #ffffff 12%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 12%,#ffffff 12%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 12%,#ffffff 12%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */}
.dategrp a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+88 */
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #efefef 0%,#ffffff 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.dategrp a span {display:inline-block;width:24px;height:24px}
.dategrp a.lyybtn {width:25px;margin-right:-5px;border-right:0;border-radius:4px 0 0 4px;}
.dategrp a.lyybtn span {background:url('/resources/image/icon/larrow_dd02.png') center no-repeat;}
.dategrp a.lmmbtn span {background:url('/resources/image/icon/larrow_dd.png') center no-repeat;}
.dategrp .datatitle {display:inline-block;font-size:18px;padding:0 15px;color:#29313c;vertical-align: middle;letter-spacing:-0.7px;}
.dategrp a.ryybtn span {background:url('/resources/image/icon/rarrow_dd.png') center no-repeat;}
.dategrp a.rmmbtn span {background:url('/resources/image/icon/rarrow_dd02.png') center no-repeat;}
.dategrp a.rmmbtn {width:25px;margin-left:-6px;border-radius:0 4px 4px 0;}

.jg_mnggrp {}
.tb_jg_mng1 {width:100%;border-collapse:collapse;border-spacing:0}
.tb_jg_mng1 thead th {}
.tb_jg_mng1 thead td {padding:10px 0 10px 0;}
.tb_jg_mng1 thead td h5, thead td h2 {font-weight:normal;text-align:center;line-height:140%;font-size:13px;color:#444;}
.tb_jg_mng1 thead td h2 {font-size:14px;font-weight:bold;}
.tb_jg_mng1 thead td.sat_color h5, td.sat_color h2 {color:#0380ff !important;}
.tb_jg_mng1 thead td.sun_color h5, td.sun_color h2 {color:#d70000 !important;}

/* tr css */
.tb_jg_mng1 tbody tr.first_col {background:#e4f1ff;}
.tb_jg_mng1 tbody tr.mg_value td {padding:2px 0 5px 0 !Important;}
.tb_jg_mng1 tbody tr.mg_value2 td {padding-top:1px !Important;}
.tb_jg_mng1 tbody tr.bg_blank td {padding:4px 0 !Important;}
.tb_jg_mng1 tbody tr.bt_tdline td {border-bottom:1px solid #e4e8ec;}

.tb_jg_mng1 tbody tr.first_col td {border-left:1px solid #cce0f6;border-right:1px solid #cce0f6;}
.tb_jg_mng1 tbody th {padding:0 0 0 15px;text-align:left;font-size:14px;}
.tb_jg_mng1 tbody th.title p {padding:0 10px 0 0;height:23px;line-height:16px;font-weight:normal;text-align:right;font-size:13px;letter-spacing:-0.8px;color:#666;}
.tb_jg_mng1 tbody td {padding:7px 4px;text-align:center;border-left:1px solid #e4e8ec;border-right:1px solid #e4e8ec;}
.tb_jg_mng1 tbody td .ibox01 {display:block;width:50px;padding:5px 5px 6px 5px;border:1px solid #ccc;text-align:center;font-size:13px;margin:0 auto;}
.tb_jg_mng1 tbody td .ibox01:focus {border-color:#637d9a;}

.tb_jg_mng1 input.ibox02 {width:17px !important;height:17px !important;border:1px solid #ccc;margin-right:4px !important;}
.tb_jg_mng1 input.ibox02[type="checkbox"] {background:#fff;}
.tb_jg_mng1 input.ibox02[type="checkbox"]:checked {background:url('/resources/image/icon/icon_white_chk.png') #4582c3 center no-repeat; background-size:0.9em;}
.tb_jg_mng1 tbody label {font-size:12.5px;color:#666;letter-spacing:-0.8px}

/* cr_system */
.cr_system {position: absolute; left:0; padding-top:2px;}
.cr_system:after {displa:block;content:'';clear:both;}
.cr_system li {float:left;padding:0 0 0 10px;font-size:12.5px;font-weight:bold;color:#555;height:20px;line-height:24px;}
.cr_system li span {display:inline-block;width:10px;height:10px;margin:0 6px 0 0;color:#666;vertical-align:middle;border-radius:100px;}
.cr_system li span.crbox01 {background:#fbd260;}
.cr_system li span.crbox02 {background:#9cb5e9;}
.cr_system li span.crbox03 {background:#B3C568;}

/* topbox */
.btn_viewdays {	position: absolute; right: 17px; top: 14px;}
.btn_viewdays li {float:left;min-width:0px;height:26px;line-height:24px;padding:0 5px;font-weight:bold;text-align:center;background:#fff;color:#555;cursor:pointer;border: 1px solid #c5c5c5;}
.btn_viewdays li.datebox {word-spacing:-2px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0px 0px 5px;padding-left:35px;background:url('/resources/image/icon/br_calinput.png') 11px center no-repeat;}
.btn_viewdays li.left {border-left:0;}
.btn_viewdays li.right {border-left:0;border-radius:0 5px 5px 0;}
.btn_viewdays li:hover {color:#333;text-decoration:underline;}

/* popup */
.pop_bg {position:fixed;top:0;left:0;bottom:0;display:block;width:100%;height:100%;background: rgba(0, 0, 0, 0.8);z-index:9999;}
.pop_style01 {position:fixed;background:#fff;border: 2px solid #1e2025;z-index:9999;}

.pop_style01 .pop_title {padding:20px;background:#2f323a;color:#fff;}
.pop_style01 .pop_title h1 {font-size: 17px;text-align: left;font-weight: bold;}
.pop_style01 .pop_title .btn_pop_close {position:absolute;top:0;right:0;display:block;width:52px;height:52px;background:url(/resources/image/btn/pop_close.png)#1e2025 center no-repeat;margin:0;border-radius:0;}
.pop_style01 .pop_cont {overflow-y:auto;max-height:740px;padding:20px;}

.pop_bg {position:fixed;top:0;left:0;bottom:0;display:block;width:100%;height:100%;background:rgba(47, 50, 58, 0.8);z-index:9999;}
.pop_style01 {position:fixed;background:#fff;border: 2px solid #1e2025;z-index:9999;}

.pop_style01 .pop_title h1 {font-size: 17px;text-align: left;font-weight:500;}
.edt_box02 {position:relative;border: 1px solid #ccc;height: 35px !important;border-radius: .25rem !important;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.input_btn {position:absolute;top: 2px;right:0;height: 35px;line-height: 35px;padding:0 13px;border-radius:0 .25rem .25rem 0;background:#e9ecef;background: #e5e5e5;border: 1px solid #ccc;color:#495057;font-size:12px;font-weight:bold;}

.tb_btn_grp {margin-top:15px;text-align:right;}
.tb_btn_grp button {min-width:100px;}

.btn_style03 {display:inline-block;min-width: 100px;background: #555f6d;color:#fff;font-weight: 600;height: 35px;line-height: 35px;border: 0;padding: 0 10px;border-radius: .25rem !important;vertical-align: middle;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.btn_style03:hover {background:#3a454a;transition: all 250ms ease-in-out;}

.right_btn {float:right;display:inline-block;vertical-align: middle;}
.detail_view {display:block;width:90px;padding:0 10px;height:35px;line-height:35px;text-align:center;}
.add_btn {display:inline-block;width:70px;padding:0 10px;height:35px;line-height:35px;text-align:center;margin-left:5px;vertical-align:middle;}


/* switch */
.switchtf { position:relative;display:block;width:50px;height:28px;margin:0 auto;}
.switchtf .check {display:none;}

.slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
.slider:before {position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}

.check.active + .slider {background-color:#4265ed;}
.check.focus + .slider {box-shadow: 0 0 1px #4265ed;}
.check.active + .slider:before {-webkit-transform: translateX(21px);-ms-transform: translateX(21px);transform: translateX(21px);}

/* Rounded sliders */
.slider.round {border-radius:35px;}
.slider.round:before {border-radius:50%;}