/* 관리자 페이지에서 화면 불러올 때 */
#content {padding: 20px 30px 80px; height: 100%; background-color: #fafafa; overflow-y: scroll;}
.container_header {position: relative; padding-bottom: 24px;}
.container_header h2 {font-size: 22px; font-weight: 700;}
.container_header .location {position: absolute; top: 8px; right: 0;}
.location{font-size: 0;}
.location > li{display: inline-block; position: relative; line-height:17px; padding-left: 8px; margin-left: 7px; font-size: 13px; color:#6c757d; vertical-align: top;}
.location > li:before{opacity: .3; content:""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #6c757d;}
.location > li.home{font-size: 0;}
.location > li.home a{opacity: .3; display: block; width: 16px; height: 16px; background:url(../daegu_water_ms/images/icon_home.svg) no-repeat 50% 50%; background-size:16px auto;}
.location > li:first-child{margin-left: 0; padding-left: 0;}
.location > li:first-child:before{content:none;}

.container_body {padding-bottom: 40px; font-size: 14px;}
.divider {margin-top: 20px; padding: 20px 20px; background-color: #fff; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05); border: 1px solid #dee2e6; color: #666;}
.divider:first-child {margin-top: 0;}

.desc_box {padding: 7px 20px; border: 1px solid #c1beb0; background-color: #fffdf4; display: inline-block; height: 38px; width: 100%;}

/******************************************/
/* grid */
/*****************************************/
.grid-container {display: grid; grid-gap: 10px 10px;grid-template-columns: auto auto auto auto auto auto; padding: 0;}
.grid-container2 {display: grid; grid-gap: 10px 10px;grid-template-columns: auto auto auto auto auto auto; padding: 0;}
.grid-container3 {display: grid; grid-template-columns: 50% 50%; padding: 0;}
.grid-container4 {display: grid; grid-template-columns: 25% 25% 25% 25%; padding: 0;}

.grid-item {background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); padding: 20px; text-align: center;}
.grid-item.check_box {cursor: pointer; background-color: #fff;}
.grid-item.check_box.on {background-color: #1c356f; color: #fff;}

.grid-item2 {background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); padding: 40px; text-align: center;}
.grid-item3 {background-color: #fff; padding: 10px;}
.grid-item4 {background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); padding: 20px; text-align: center; margin: 10px;}