@charset "utf-8";

/*----- 조건부 -----*/
.ctrl_search_table { width:100%; margin:5px 0; }

.ctrl_search_td { height:100%; width:100%; padding:5px; background:#fefefe; border:1px solid #aaa; }

.ctrl_search_td td { padding:1px 0; }

/*----- 안내글 -----*/
.ctrl_guide_div { font-family:'inherit', inherit; color:#777; font-size:11px; margin:2px 0; background-color:#f8f9fc; border:1px solid #aaa; }

.ctrl_guide_div div { height:24px; }

.ctrl_guide_div .ctrl_guide_ul li { padding-bottom:3px; list-style-type:disc; }

/*----- 프리폼 -----*/
.freeform_title { font-family:'inherit', inherit; color:#039; font-size:12px; font-weight:bold; height:25px; line-height:25px; padding:0; background-color:#fff; border-bottom:2px solid #58f; border-left:7px solid #039; }

.freeform_title table { width:100%; }

.freeform_title .freeform_title_left_area { width:1px; white-space:nowrap; padding-left:5px; }

/* .freeform_title .freeform_title_left_area:before { content:'■ '; } */

.freeform_title .freeform_title_center_area { width:100px; padding-left:5px; }

.freeform_title .freeform_title_right_area { font-weight:normal; }

.freeform_table { width:100%; border:1px solid #dddedf; }

.freeform_table td { font-family:'inherit', inherit; font-size:11px; min-height:22px; padding:3px 5px; border:1px solid #dddedf; }

.freeform_label { color:#333; background-color:#f3f3f3; }

.freeform_ctrl { color:#333; background-color:#fff; }

.freeform_ctrl_mask { position:relative; z-index:9999; background-color:#ddd; opacity:0.5; pointer-events:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

.freeform_status { color:#060; }

.freeform_iselemod { color:#f00; }

/* .right { text-align:right; width:100%; } */
.right { width:100%; }

/*----- 그리드 -----*/
.ctrl_grid_title { font-family:'inherit', inherit; color:#039; font-size:12px;  font-weight:bold; height:25px; line-height:25px; padding:0; background-color:#fff; border-bottom:2px solid #58f; border-left:7px solid #039; }

.ctrl_grid_title table { width:100%; }

.ctrl_grid_title .ctrl_grid_title_left_area { width:1px; white-space:nowrap; padding-left:5px; }

/* .ctrl_grid_title .ctrl_grid_title_left_area:before { content:'■ '; } */

.ctrl_grid_title .ctrl_grid_title_right_area { font-weight:normal; }

/*----- 차트 -----*/
.ctrl_chart { width:100%; height:100%; border:1px solid #aaa; padding-left:5px; }

.ctrl_chart_title { font-family:'inherit', inherit; color:#039; font-size:12px;  font-weight:bold; height:25px; line-height:25px; padding:0; background-color:#fff; border-bottom:2px solid #58f; border-left:7px solid #039; }

.ctrl_chart_title table { width:100%; }

.ctrl_chart_title .ctrl_chart_title_left_area { width:1px; white-space:nowrap; padding-left:5px; }

.ctrl_chart_title .ctrl_chart_title_right_area { font-weight:normal; }

/*----- 컨트롤 -----*/
/*
.ctrl_select { clear:both; color:#333; font-size:11px; cursor:pointer; font-family:'inherit', inherit; background-color:#fff; border:1px solid #999; padding:0; margin:7px 0; height:20px; vertical-align:bottom; }
.ctrl_text { clear:both; color:#333; font-size:11px; font-family:'inherit', inherit; background-color:#fff; border:1px solid #999; padding :3px 3px 1px 3px; margin:2px 0; height:14px; vertical-align:middle; }
*/

.ctrl_select { 
    clear:both;
    cursor:pointer; 
    background-color: #fff;
    font-family:'inherit', inherit; 
}

.ctrl_text { 
    clear:both; 
    background-color: #fff;
    font-family:'inherit', inherit; 
}

.ctrl_file { clear:both; color:#333; font-size:11px; font-family:'inherit', inherit; background-color:#fff; border:1px solid #999; padding :3px 3px 1px 3px; margin:2px 0; height:20px; vertical-align:middle; size:50px; }

.ctrl_password { clear:both; color:#333; font-size:11px; font-family:'inherit', inherit; background-color:#fff; border:1px solid #999; padding :3px 3px 1px 3px; margin:2px 0; height:14px; vertical-align:middle; }

.ctrl_button { color:#444; font-size:11px; font-family:'inherit', inherit; background-color:#fafafa !important; border:1px solid #aaa; padding:3px 5px 2px 5px; margin:2px 1px; cursor:pointer; vertical-align:middle; }

.ctrl_button[btype=search], .ctrl_button[btype=add], .ctrl_button[btype=save], .ctrl_button[btype=del], .ctrl_button[btype=reset], .ctrl_button[btype=confirm], .ctrl_button[btype=cancel], .ctrl_button[btype=select], .ctrl_button[btype=print], .ctrl_button[btype=close] { color:#fff; font-size:11px; font-family:'inherit', inherit; background-color:#039 !important; border:1px solid #aaa; padding:3px 15px 2px 15px; margin:2px 1px; cursor:pointer; vertical-align:middle; }

.ctrl_button[btype=excel] { color:#444; font-size:11px; font-family:'inherit', inherit; background:#fff url(../images/mcht/bullet/bl_exl.gif) 10px 3px no-repeat !important; border:1px solid #aaa; padding:3px 10px 2px 25px; margin:2px 1px; cursor:pointer; vertical-align:middle; }

.ctrl_button02 { color:#fff; font-size:11px; font-family:'inherit', inherit; background-color:#bdbdbd !important; border:1px solid #000; padding:3px 5px 2px 5px; margin:2px 1px; cursor:pointer; vertical-align:middle; }

.ctrl_buttonimg { vertical-align:middle; }

.ctrl_radio { vertical-align:middle; }

.ctrl_checkbox { vertical-align:middle; }

.ctrl_img { }

.ctrl_label { color:#777; font-size:11px; font-weight:bold; padding-left:20px !important; padding-right:10px; background:url(../images/ctrl/bul/bul_circle.png) 10px 2px no-repeat; }

.ctrl_label_required { color:#d44; font-size:11px; font-weight:bold; padding-left:20px !important; padding-right:10px; background:url(../images/ctrl/bul/bul_circle_required.png) 10px 2px no-repeat; }

.ctrl_img_btn { border:0; cursor:pointer; }

.ctrl_textarea { clear:both; color:#333; font-size:11px; cursor:text; font-family:'inherit', inherit; background-color:#fff; border:1px solid #999; padding :3px 3px 1px 3px; margin:2px 0; }

.ctrl_iframe { }

.ctrl_anchor { }

.ctrl_disabled { background-color:#f6f6f6; }

.ctrl_disabled_f { background-color:#f6f6f6; }

.ctrl_required { background-color:#faa; }

.ctrl_text[readonly] { background-color:#f6f6f6; }

.ctrl_textarea[readonly] { background-color:#f6f6f6; }

/* input[type=text]:not([readonly]):focus, select:focus, textarea:not([readonly]):focus { border:1px solid #00f; background-color:#ff5; } */

.ctrl_comment { color:#444; font-size:12px; line-height:20px; padding-left:10px; } /* 일반코멘트 */
.ctrl_comment1 { color:#44f; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 블루 */
.ctrl_comment2 { color:#f44; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 레드 */
.ctrl_comment3 { color:#f0d; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 분홍색 */
.ctrl_comment4 { color:#5f00ff; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 보라색 */
.ctrl_comment5 { color:#22741c; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 녹색 */

.ctrl_commentc { color:#444; font-size:12px; line-height:20px; padding-left:10px; } /* 일반코멘트 */
.ctrl_commentc1 { color:#44f; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 블루 */
.ctrl_commentc2 { color:#f44; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 레드 */
.ctrl_commentc3 { color:#f0d; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 분홍색 */
.ctrl_commentc4 { color:#5f00ff; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 보라색 */
.ctrl_commentc5 { color:#22741c; font-size:12px; line-height:20px; padding-left:10px; } /* 강조코멘트 녹색 */

.ctrl_commentc:before, .ctrl_commentc1:before, .ctrl_commentc2:before, .ctrl_commentc3:before, .ctrl_commentc4:before, .ctrl_commentc5:before { content:'※ '; }


/* 2022-08-16 조회 버튼 디자인 추가 */
.ctrl_button03 {
    background-color: #ececec;
    width: 300px;
    line-height: 65px;
    color: #c3c3c3;
    font-size: 18px;
    letter-spacing: -1px;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    transition: .1s;
}