@charset "utf-8";

.wrap{
/*
	background: #f2f2f2;
*/
	background: #fff;
    position: relative;
}

.container{
    position: relative;
	width:100%;
}
/*** 좌측 메뉴 ***/

.left_area {
    background: #fff;
    position: absolute;
    top:0;
    left: 0;
    z-index: 999;
    width: 250px;

/*
    width: 0px;
	display:none;
*/
}

.left_area h1 {
    height: 50px;
    font-size:17px;
    text-align: center;
    line-height: 50px;

}
.left_area .title_s {
    font-size:10px; 
    font-weight: bold; 
    color: #cbcbcb; 
    letter-spacing: 2px; 
    display:inline-block;	
    padding:10px 15px; 
}

.left_area .left_menu li {
	width:100%;
}

.left_area .left_menu li a{
   padding-left: 10px;
   position: relative;
}

.left_area .left_menu li ul{
   padding-left: 30px;
   position: relative;
}
.left_area .left_menu li .menu_arrImg {
    position: absolute;
    right:25px;
    top: 15px;
}
.left_area .left_menu li a.on {
    background: #f9f9f9;
    color: #564a8e;
}
.left_area .left_menu>li a{
    display:inline-block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    color: #868e96;
}
.left_area .left_menu>li a:hover {
    background: #f9f9f9;
}
.left_area .left_menu>li span {
    display: inline-block;
    padding-left: 20px; 
}


.left_area .left_menu .menu_2dep {
	display:none;
}


.left_area .left_menu .menu_2dep>li {
    width: 100%;
}
.left_area .left_menu .menu_2dep>li a {
    display:inline-block;
    width: 100%;
    padding-top:5px;
    padding-bottom: 5px;
    box-sizing: border-box;
    font-size: 12px; 
    color: #505c66;
}
.left_area .left_menu .menu_2dep li label {
    display: inline-block;
}
input[type='radio']{
    display: none;
}
.left_area .left_menu input[type='radio']+label::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin:-3px 5px 0 0;
    background: url(/comm/images/radio_off.png);
    background-size: contain;
}
.left_area .left_menu input[type='radio']:checked+label::before{
    background: url(/comm/images/radio_on.png);
    background-size: contain;
}

input[type='radio']+label::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin:-3px 5px 0 0;
    background: url(/comm/images/radio_off_02.png);
    background-size: contain;
}
input[type='radio']:checked+label::before{
    background: url(/comm/images/radio_on_02.png);
    background-size: contain;
}

input[type='checkbox']{
    display: none;
}
input[type='checkbox']+label::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin:-3px 5px 0 0;
    background: url(/comm/images/check_off.png);
    background-size: contain;
}
input[type='checkbox']:checked+label::before{
    background: url(/comm/images/check_on.png);
    background-size: contain;
}

/*
// 컨텐츠 영역
.container .header {
    height: 115px;
    background: #574b90;
    color:#fff;
    position: relative;
}
.container .header .icon_menu {
    position:absolute;
    top: 25px;
    left: 30px;
    font-size: 20px;
}
.container .header .user_name{
    position: absolute;
    top: 25px;
    right: 30px;;
}
.container .header .user_name i {
    font-size: 11px;
    margin-left: 10px;
}
*/

/*
.content_area {
    padding: 0 30px 30px 30px;
    margin: 0 auto;
	width:100%;
}
*/

.content_area .title_box {
    background:#fff;
    padding:0 20px;
    height: 73px;
    border-radius:5px; 
/*
	margin-top:-43px;
*/    
	position: relative;
    z-index:1;
}
.content_area .title_box h2 {
    font-size: 24px;
    line-height: 70px;
}

.content_area .btn_right{
    position: absolute;
    top: 15px;
    right: 20px;
}

.content_area .roundBox {
    background:#fff;
    border-radius:5px;
}

.content_area .box_title {
    height: 55px;
    border-bottom:1px solid #f9f9f9;
    position: relative;
}
.content_area .roundBox .box_title h3 {
    padding-left:20px;
    font-size:14px;
    line-height:50px;
}
.roundBox .box_body_search {
   padding: 10px 20px 10px 20px;  
   box-sizing: border-box;
}
.roundBox .box_body {
   padding: 20px;  
   box-sizing: border-box;
}

/** 달력 **/
.calendar_header {
    position: relative;
}
.calendar_header .btn_group {
    font-size: 0;
    position: absolute;
    top: 0;
}
.calendar_header .btn_group li {
    display: inline-block;
}
.calendar_header .btn_group li:last-child{
    margin-left:10px;
}
.calendar_header h3 {
    height: 40px;
    line-height: 40px;
}
/** 제휴업체 등록 **/

.flexBox [class^="col"] {
    padding-top:7px;
    padding-bottom:7px; 
    line-height: 40px;
    font-size:13px;
    color: #868e96;
    text-align: left;
}

.flexBox [class^="col"] label {
    font-size:13px;
    color: #868e96;
    display: block;
    line-height: 40px;
    padding-right:30px;
}

.flexBox [class^="col"] .lnBlock {
    display:inline-block;
    line-height:40px;
}


.btn_area {
    position: relative;
}
.btn_area .paging .position_r{
    position: absolute;
    right: 0;
    top: 20px;
}

.ul_cols8 {
    list-style:none;
    margin:0;
    padding:0;
	width: 100%;
}

.ul_cols8 li {
    display: inline-block;
    width: calc(1/8 *100% - 6px);
	text-align:left ;
	margin: 1px;
}

.ul_cols7 {
    list-style:none;
    margin:0;
    padding:0;
	width: 100%;
}

.ul_cols7 li {
    display: inline-block;
    width: calc(1/7 *100% - 6px);
	text-align:left ;
	margin: 1px;
}

.ul_cols6 {
    list-style:none;
    margin:0;
    padding:0;
	width: 100%;
}

.ul_cols6 li {
    display: inline-block;
    width: calc(1/6 *100% - 6px);
	text-align:left ;
	margin: 1px;
}

.ul_cols5 {
    list-style:none;
    margin:0;
    padding:0;
	width: 100%;
}

.ul_cols5 li {
    display: inline-block;
    width: calc(1/5 *100% - 6px);
	text-align:left ;
	margin: 1px;
}


/*
.ul_cols8 li img , .ul_cols7 li img , .ul_cols6 li img , .ul_cols5 li img , .ul_cols4 li img {
vertical-align:middle;
}
*/

img {
vertical-align:middle;
}


.disabled	{background-color: #cbcbcb;}

*[disabled="disabled"] {
    background-color: #cbcbcb;
}

*[disabled="disabled"]::-ms-value {
    color: red;
}