.panel{margin-bottom:30px;}
.panel .panel_container{overflow: hidden; margin-bottom:25px;}
.panel .panel_container.over-visible{overflow:visible;}
/* panel_header style_0 - 타이틀 */
/* panel_header style_1 - Total개수+버튼+소팅*/
/* panel_header style_2 - 제목+버튼*/
.panel .panel_header{width:100%; margin-bottom:15px; box-sizing: border-box; background-color: transparent; display:none; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem;}
.panel .panel_header.style_0 {display:block;}
.panel .panel_header.style_1{display:table; margin-bottom:10px;}
.panel .panel_header.style_2{display:table; margin-bottom:10px;}
.panel .panel_header > div {display: table-cell; text-align: right; vertical-align: bottom;}
.panel .panel_header > div:first-child {text-align: left;}
.panel .panel_header.style_0 > div {display:block;}
.panel .panel_header.style_2 > div:first-child {vertical-align: middle;}

.panel h4 {font-size:17px; font-size:1.7rem; line-height: 23px; line-height:2.3rem; font-weight: 400;}
.panel h5 {font-size:15px; font-size:1.5rem; line-height: 21px; line-height:2.1rem; font-weight: 300;}
.panel h4 + h5 {margin-top: 15px;}
.panel .section_title{background: url('../img/icon_date_control.png') no-repeat 0px center; padding-left:24px;}
.panel .section_title.icon_log{background: url('../img/icon_log.png') no-repeat 0px center;}
.panel .section_title.icon_recent{background: url('../img/icon_recent.png') no-repeat 0px center;}
.panel .section_title.icon_page_edit_list{background: url('../img/icon_page_edit_list.png') no-repeat 0px center;}
.panel .section_title.icon_date_control{background: url('../img/icon_date_control.png') no-repeat 0px center;}
.panel .section_title.icon_favorite{background: url('../img/icon_favorite.png') no-repeat 0px center;}
.panel .section_title.icon_browser{background: url('../img/icon_browser.png') no-repeat 0px center;}
.panel .section_title.icon_schedule{background: url('../img/icon_schedule.png') no-repeat 0px center;}
.panel .section_desc{display: table-cell; vertical-align: middle; text-align: right; padding-right: 20px; padding-top: 11px;}
.panel .btn_refresh{display:table-cell; vertical-align: middle; border-left:1px solid #e6ecee; box-sizing: border-box; width:68px; text-align: center;}
.panel .panel_body{border-top: 2px solid #c7cfd2; border-bottom: 1px solid #e6ecee; overflow: hidden; width:100%; background-color: #fff; box-sizing: border-box;}
.panel .panel_body.border_none{border: none;}
.panel .panel_footer{margin-top: 30px; display:none;}
/* panel_footer style_0 - 페이징이 있는 페널 */
.panel .panel_footer.style_0{display:block;}
.panel .panel_footer.style_1{display: block; margin-top: 0;}
.panel .panel_util{text-align: center; font-siz e:0px; line-height:0px;}

.util_box {overflow: hidden; width: 100%; display: table; background-color: #f8f9fb; padding: 10px; box-sizing: border-box;}
.util_box .left_box {display: table-cell; width: 60%;}
.util_box .right_box {display: table-cell; width: 40%;}


.perAuto{width:auto;}
.per10{width:10%;}
.per20{width:20%;}
.per22{width:22%;}
.per24{width:24%;}
.per25{width:25%;}
.per26{width:26%;}
.per28{width:28%;}
.per30{width:30%;}
.per100{width:100%;}