@charset "utf-8";

.ms-parent{display:inline-block; position:relative; vertical-align:middle; margin-right:5px;}
.ms-choice {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #ddd;
    text-align: left;
    white-space: nowrap;
    line-height: 32px;
    color: #666;
    text-decoration: none;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    background-color: #fff;
    font-size : 15px;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder {
    color: #666;
    padding-left: 15px;
}

.ms-choice > div{position:absolute; top:12px; right:5px; width:10px; height:7px; background:url('../../images/nfsi/icon_arrow_south.png') no-repeat;}
.ms-choice > div.open{background:url('../../images/nfsi/icon_arrow_north.png') no-repeat;}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    /*
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100% !important;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-size: 1em;
    border: 1px solid #aaa;
    /*
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('../../images/nfsi/multiple-select.png') no-repeat 100% -22px;
    background: url('../../images/nfsi/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('../../images/nfsi/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../../images/nfsi/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../../images/nfsi/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('../../images/nfsi/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('../../images/nfsi/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}



.simple_search_wrap{margin-bottom:10px;}
.simple_search_wrap .total{float:left; margin-top:15px;font-size:13px;}
.simple_search_wrap .total strong{vertical-align:top; color:#3C83CB; font-weight:normal; vertical-align: top;}
.simple_search_wrap .total span{cursor: pointer; color:#3C64A2; vertical-align: top;}
.simple_search{float:right;}
.simple_search label{float:left; margin-right:10px; line-height:30px; display:inline-block;}
.simple_search select{float:left; margin-right:5px; width:200px; height:32px; line-height:30px;}
.simple_search .simple_txt{float:left; position:relative; padding-right:30px; border:1px solid #ddd;}
.simple_search .simple_txt input[type=text]{width:100%; height:30px; line-height:30px; border:none;}
.simple_search .simple_txt .btn_search{position:absolute; right:0; top:0;}
.btn_detail_open{margin-left:10px; padding:0 10px; height:34px; line-height:32px; display:inline-block;}
.btn_detail_open span{padding-right:20px; display:inline-block; background:url(../../images/arrow_off.png) no-repeat right center; color:#fff;}
.btn_detail_open.on span{background:url(../images/arrow_on.png) no-repeat right center;}

.search_condition{margin-bottom:35px; padding:0 15px; background-color:#f3f4f6; border:1px solid #ccc;}
.search_condition tr:first-child th,.search_condition tr:first-child td{border-top:none;}
.search_condition th{padding:10px 0 11px;  background:url(../../images/nfsi/bar_1.gif) no-repeat right center; text-align:center; border-bottom:1px solid #e2e2e2; font-size:14px; color:#222; font-weight:normal;}
.search_condition td{padding:10px 25px 11px; border-bottom:1px solid #e2e2e2;}
/*.search_condition td:first-child{border-top:none;}*/
.search_condition td input[type=text]{margin-right:5px; width:280px; height:32px; line-height:30px; }
.search_condition td select{margin-right:5px; width:200px; height:32px; line-height:30px; font-family:"NotoSansKR"; font-size:15px;}
.search_condition td label{font-size:16px;}
.search_condition .left_area{width:870px; }
/*
.search_condition .right_area{ padding:0 0px;width:900px; text-align:center;}
.search_condition .right_area input{ height:40px; line-height:40px; background-color:#687177;  text-align:center; font-size:17px; color:#fff; padding:0 20px; cursor:pointer; margin-top:10px; margin-bottom:10px;  }
.search_condition .right_area input.btn_reset{background-color:#999;}
*/
.period_wrap{float:left; margin-right:10px;}
.search_condition td .calendar_wrap{float:left;}
.search_condition td .calendar_wrap input[type=text]{padding-left:30px; width:130px; height:30px; line-height:26px; box-sizing:border-box; font-family:"NotoSansKR"; font-size:15px; cursor:pointer;}
.search_condition td .calendar_wrap input[type=text].calendar_date1{padding-left:30px; background:url(../../images/nfsi/icon_calendar2.gif) no-repeat 0 0 #fff; border:1px solid #9a772f; text-align:center;}
.search_condition td .calendar_wrap input[type=text].calendar_date2{padding-left:30px; background:url(../../images/nfsi/icon_calendar2.gif) no-repeat 0 0 #fff; border:1px solid #9a772f; text-align:center;}
.search_condition td .calendar_wrap input[type=submit]{width:51px; height:28px; line-height:28px; text-align:center; background-color:#757575; color:#fff; border-radius:2px;}
.search_condition td .calendar_wrap input[type=button]{width:51px; height:28px; line-height:28px; text-align:center; background-color:#757575; color:#fff; border-radius:2px;}
.search_condition td span{margin-right:5px; font-family:"NotoSansKR"; font-size:15px;}
.search_condition td.slct_3 select{width:80px;}
.search_condition td.item input[type=text].item_name{width:200px;}
.search_condition td.item span{display:inline-block;}
.search_condition td.item label{margin-right:5px; line-height:28px;}
.search_condition .detail_view_more{display:none;}
.gary_btn_box{margin-bottom:25px; background-color:#f3f4f6; text-align:right;}
.gary_btn_box .title{margin-top:5px; padding-right:15px; display:inline-block; line-height:1; border-right:1px solid #ddd;}
.gary_btn_box .customer_radio{display:inline-block;}
.gary_btn_box .btn_area{margin-left:10px; display:inline-block;}
.gary_btn_box img{vertical-align:top;}
.btm_btn_area{margin-bottom:10px; text-align:right; margin-top:-40px;}

.gary_btn_box{margin-bottom:25px; padding:6px 30px; background-color:#f3f4f6; text-align:right;}
.gary_btn_box .title{margin-top:5px; padding-right:15px; display:inline-block; line-height:1; border-right:1px solid #ddd;}
.gary_btn_box .customer_radio{display:inline-block;}
.gary_btn_box .btn_area{margin-left:10px; display:inline-block;}
.gary_btn_box img{vertical-align:top;}
.total_area{margin-bottom:10px;}
.total_area .total_num{float:left; font-size:14px;}
.total_area .total_num span{color:#151515; vertical-align:top;}
.total_area .total_num .f-orange{color:#f06f1c; vertical-align:top;}
.total_area .right_area{float:right;}
.total_area select{margin-left:10px; width:80px; height:30px; line-height:28px;}

.icon_yes{width:20px; height:20px; line-height:18px; text-align:center; display:inline-block; background-color:#199975; color:#fff !important;}
 .icon_no{width:20px; height:20px; line-height:18px; text-align:center; display:inline-block; background-color:#929292; color:#fff !important;}

.btm_btn_area{margin-bottom:10px; text-align:right;}

.tb_style_1 table.db_table td{ text-align:center;}

.gary_btn_box .btn_area .basic-btn01.btn-gray-bg{background-color:#9094a0 !important; color:#fff ; box-sizing:border-box;}
.gary_btn_box .btn_area .basic-btn01.btn-blue-bg{background-color:#3a895d !important; color:#fff; box-sizing:border-box;}
.gary_btn_box .btn_area .basic-btn01.btn-green-bg{background-color:#3a895d !important; color:#fff; box-sizing:border-box;}





/*btn*/
.basic-btn01,.basic-btn01_1{margin:0 2px; width:115px; height:30px; line-height:28px; text-align:center; display:inline-block; border-radius:2px; box-sizing:border-box;}
.basic-btn02{margin:0 5px; padding:0 15px; height:40px; line-height:38px; text-align:center; display:inline-block; border-radius:2px;  box-sizing:border-box;}
.basic-btn03{margin:0 2px; padding:0 15px; height:30px; line-height:28px; text-align:center; display:inline-block; border-radius:2px;  box-sizing:border-box; font-size:13px;}
.basic-btn04{margin:0 2px; width:90px; height:40px; line-height:38px; text-align:center; display:inline-block; border-radius:2px;  box-sizing:border-box; }
.basic-btn05{margin:0 5px; width:132px; height:40px; line-height:38px; text-align:center; display:inline-block; border-radius:2px;  box-sizing:border-box;}
.btn_excel{margin:0 2px; padding:0 15px; height:40px; line-height:38px; text-align:center; display:inline-block; border-radius:2px;  box-sizing:border-box;}
.btn_excel span{padding-left:20px; display:inline-block; background:url(../../images/btn_download2.png) no-repeat 0 center;}
.btn_view{margin-right:8px; padding-right:30px; width:105px; height:30px; line-height:28px; display:inline-block; text-align:center; background:url(../images/icon_file.gif) no-repeat right 0 #fff; border:1px solid #ccc; font-size:14px;  box-sizing:border-box;}
.btn_view span{display:inline-block; vertical-align:top;}
.btn_copy{margin:0 2px; padding:0 15px; height:30px; line-height:28px; display:inline-block; text-align:center; border-radius:2px;}
.btn_copy span{padding-left:15px; background:url(../images/icon_copy.png) no-repeat 0 center; font-size:13px; }
.btn_scrap{margin:0 2px; padding:0 15px; height:30px; display:inline-block; text-align:center; border-radius:2px;}
.btn_scrap span{padding-left:15px; line-height:28px; display:inline-block; background:url(../../images/icon_copy.png) no-repeat 0 center; font-size:13px; }
.btn_file_plus{margin:0 2px; padding:0 15px; height:30px; display:inline-block; text-align:center; border-radius:2px;}
.btn_file_plus span{padding-left:20px; line-height:28px; display:inline-block; background:url(../../images/icon_plus.png) no-repeat 0 center;}
.btn_file_minus{margin:0 2px; padding:0 15px; height:30px; display:inline-block; text-align:center; border-radius:2px;}
.btn_file_minus span{padding-left:20px; line-height:28px; display:inline-block; background:url(../../images/icon_minus.png) no-repeat 0 center;}
.btn_giud{margin:0 2px; padding:0 15px; height:30px; display:inline-block; text-align:center; border-radius:2px;}
.btn_giud span{padding-left:20px; line-height:28px; display:inline-block; background:url(../images/icon_guid.png) no-repeat 0 center; font-size:13px;}
.btn_align1{margin:0 2px; width:115px; height:30px; line-height:28px; text-align:center; display:inline-block; border-radius:2px; box-sizing:border-box;}
.btn_align1 span{padding-right:15px; display:inline-block; background:url(../../images/arrow_on.png) no-repeat right center;}
.btn_align2 span{padding-right:15px; display:inline-block; background:url(../../images/arrow_off.png) no-repeat right center;}
.btn_align2{margin:0 2px; width:115px; height:30px; line-height:28px; text-align:center; display:inline-block; border-radius:2px; box-sizing:border-box;}
.btn_file{margin-right:8px; padding-left:10px; padding-right:40px; height:30px; line-height:28px; display:inline-block; text-align:center; background:url(../images/icon_file.gif) no-repeat right 0 #fff; border:1px solid #ccc; font-size:14px;  box-sizing:border-box;}

.btn-gray-bg{background-color:#9094a0; color:#fff; box-sizing:border-box;}
.btn-green-bg{background-color:#3a895d; color:#fff; box-sizing:border-box;}
.btn-green-bg2{background-color:#1e93a8; color:#fff; box-sizing:border-box;}
.btn-blue-bg{background-color:#3c83cb; color:#fff; box-sizing:border-box;}
.btn-blue-bg:link{color:#fff; }
.btn-blue-bg2{background-color:#5c7faa; color:#fff; box-sizing:border-box;}
.btn-purple-bg{background-color:#96566a; color:#fff; box-sizing:border-box;}
.btn-darkgray-bg{background-color:#666; color:#fff; box-sizing:border-box;}
.btn-gray-bd{border:1px solid #757575; box-sizing:border-box;}
.btn-green-bd{line-height:34px; border:2px solid #3a895d; box-sizing:border-box;}
.btn-navy-bg{background-color:#40628c; color:#fff;}


.evaluation{margin-top:70px; border:1px solid #ececec;}
.evaluation .top_manager{padding:0 20px; height:42px; line-height:42px; background-color:#f9f9f9; border-bottom:1px solid #ececec; color:#666; font-size:14px;}
.evaluation .top_manager span{margin-right:3px; padding-left:30px; height:42px; line-height:42px; display:inline-block; background:url(../../images/nfsi/icon_person.jpg) no-repeat 0 center; vertical-align:top; font-size:14px; color:#444;}
.evaluation .txt_area{padding:15px 20px 20px;}
.evaluation .txt_area .title{float:left; margin-bottom:10px; padding-left:10px; background:url(../../images/nfsi/footer_dot.png) no-repeat 0 7px; font-size:14px; color:#666;}
.evaluation .txt_area .right_area{float:right; }
.evaluation .txt_area .right_area label{font-size:14px; color:#666;}
.evaluation .txt_area .right_area>div{margin-left:15px;}
.evaluation .txt_contents a,.evaluation .txt_contents input[type=submit]{float:right; width:94px; height:60px; line-height:60px; background-color:#757575; text-align:center; cursor:pointer; border:none; display:block;  color:#fff;}

/* 위해식품정보  */
/* 
.hazardInfo_calendar_sDate{width:120px; height:30px; vertical-align:top; padding-left:30px; background:url(../../images/nfsi/icon_calendar1.gif) no-repeat 0 0 #fff;text-align:center;}
.hazardInfo_calendar_eDate{width:120px; height:30px; vertical-align:top; padding-left:30px; background:url(../../images/nfsi/icon_calendar1.gif) no-repeat 0 0 #fff;text-align:center;}
.search_condition2 .hazardInfo_calendar_sDate{padding-left:30px; background:url(../../images/nfsi/icon_calendar2.gif) no-repeat 0 0 #fff; border:1px solid #9a772f;text-align:center;}
.search_condition2 .hazardInfo_calendar_eDate{padding-left:30px; background:url(../../images/nfsi/icon_calendar2.gif) no-repeat 0 0 #fff; border:1px solid #9a772f;text-align:center;}
 */
.search_condition2{padding:0 15px;}
.search_condition2 tr:first-child th,.search_condition tr:first-child td{border-top:none; }
.search_condition2 th{padding:10px 0 11px; width: 100px; background:url(/images/nfsi/bar_1.gif) no-repeat right center; text-align:center; border-bottom:1px solid #e2e2e2; font-size:14px; color:#222; font-weight:normal;}
.search_condition2 td{padding:10px 25px 11px; border-bottom:1px solid #e2e2e2; text-align: left;}
.search_condition2 td .calendar_wrap{float:left;}
.search_condition2 td .calendar_wrap input[type=text]{padding-left:30px; width:120px; height:28px; line-height:26px; box-sizing:border-box;}
.search_condition2 td .calendar_wrap input[type=text].calendar_date1{padding-left:30px; background:url(../../images/nfsi/icon_calendar1.gif) no-repeat 0 0 #fff;text-align:center;}
.search_condition2 td .calendar_wrap input[type=text].calendar_date2{padding-left:30px; background:url(../../images/nfsi/icon_calendar2.gif) no-repeat 0 0 #fff; border:1px solid #9a772f;text-align:center;}
.search_condition2 td .calendar_wrap input[type=submit]{width:51px; height:28px; line-height:28px; text-align:center; background-color:#757575; color:#fff; border-radius:2px;}
.search_condition2 td .calendar_wrap input[type=button]{width:51px; height:28px; line-height:28px; text-align:center; background-color:#757575; color:#fff; border-radius:2px;}
.search_condition2 td input[type=text]{margin-right:5px; width:280px; height:32px; line-height:30px; }
.search_condition2 td select{margin-right:5px; width:200px; height:32px; line-height:30px;}
.search_condition2 td label{font-size:16px; font-family:"noto-light";}
.search_condition2 .left_area{float:left;width:633px;}
.search_condition2 .right_area{float:right; padding-top:0; width:150px;}
.search_condition2 .right_area .btn_select{width:100%; height:90px; line-height:90px; background:#687177; border:none; border-radius:5px; font-family:'NanumSquare'; font-size:22px; color:#FFF; letter-spacing:normal; cursor:pointer;}
.search_condition2 .right_area .btn_select:hover{background: linear-gradient(to bottom right, #0d4046 10%, #1B818C 90%);}
.search_condition2 .right_area .btn_reset{width:100%; height:40px; line-height:40px; background:#999; border:none; border-radius:5px; font-family:'NanumSquare'; font-size:22px; color:#FFF; letter-spacing:normal; cursor:pointer;}
.search_condition2 .right_area .btn_reset:hover{background: linear-gradient(to bottom right, #0d4046 10%, #1B818C 90%);}
.search_condition2 td span{margin-right:5px;}
.search_condition2 td.slct_3 select{width:80px;}
.search_condition2 td.item input[type=text].item_name{width:200px;}
.search_condition2 td.item span{display:inline-block;}
.search_condition2 td.item label{margin-right:5px; line-height:28px;}
.search_condition2 .detail_view_more{display:none;}

.search_condition .left_area{float:left;width:633px;}
.search_condition .right_area{float:right; padding:62px 30px; width:150px;}
.search_condition .right_area .btn_select{width:100%; height:90px; line-height:90px; background:#687177; border:none; border-radius:5px; font-family:NotoSansKR; font-size:22px; font-weight:500; color:#FFF; letter-spacing:normal; cursor:pointer;}
.search_condition .right_area .btn_select:hover{background: linear-gradient(to bottom right, #0d4046 10%, #1B818C 90%);}

.list_top_area .bbslist_num .page_size{margin-left:15px; height:34px; vertical-align:top; font-family:NotoSansKR; font-size:14px;}
.list_top_area .bbslist_num .nfsi_excel{padding:0 20px; width:135px; height:34px; text-align:left; vertical-align:top; border:1px solid #170; background:url(/images/nfsi/icon_download.png) right 17px center no-repeat; background-color:#0A0; color:#FFF; font-family:"NotoSansKR"; font-size:14px; cursor:pointer;}