/*메인화면 상단 검색*/

#search_section {
    background: #01519a;
    text-align: center;
    padding: 2% 5% 3% 5%;
}

#search_section_container {
    width: 90%;
    position: absolute;
}

#search_section_title {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
}

#img_title {
    max-width: 100%;
    height: auto;
}

#search_section_radio_btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 1% !important;
    color: #c0d9ef;
    font-size:20px;
    text-align: left !important;    
    margin: 0 auto;
    position: relative;
}

    #search_section_radio_btn label {
        margin-right: 10px;
    }

#search_section_input {
    width: 100%;   
    overflow: hidden;
    position: relative;
}

#search_input {
    width: 80%;
    height: 55px;
    
    float: left;   
}

#search_btn {
    width: 19%;
    height: 57px;
    background: #383838;
    border: 0 none;
    float: left;
    position: relative;
    font-size: 25px;
    color: #fff;
    
}

/*메인화면 이미지버튼 */

.btn_section {
    overflow: hidden;
    margin-top: 25px;
}

.btn_img_section {
    float: left;
    width: 33.33%;
    height: auto;
    text-align: center;
    color: #3a3a3a;
}

.btn_img_section1 {
    float: left;
    width: 50%;
    height: auto;
    text-align: center;
    color: #3a3a3a;
}

.img_btn {
    max-width: 90%;
    height: auto;
}

.btn_sub_title {
    
    color: #3a3a3a;
    font-size:15px;
    
}


/*메인컨텐츠*/

.contents_section {
    height: auto;
    text-align: center;
    padding: 0px 4% 10px 4%;
    background:#fff;
   /*  background: #f4f4f4; Old browsers
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); Chrome,Safari4+
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); Chrome10+,Safari5.1+
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); Opera 11.10+
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); IE10+
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #c9c9c9;
}

.contents_section2{
    height: auto;
    text-align: center;
    padding: 10px 4% 0px 5%;
    background:#fff;
   /*  background: #f4f4f4; Old browsers
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); Chrome,Safari4+
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); Chrome10+,Safari5.1+
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); Opera 11.10+
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); IE10+
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    /* border-bottom: 1px solid #c9c9c9; */
}

.asm_contents_section {
    height: auto;
    text-align: center;
    padding: 0px 4% 20px 4%;
    background:#fff;
   /*  background: #f4f4f4; Old browsers
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); Chrome,Safari4+
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); Chrome10+,Safari5.1+
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); Opera 11.10+
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); IE10+
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #c9c9c9;
}

.asm_contents_section2{
	height: auto;
    text-align: center;
    padding: 25px 4% 0px 5%;
    background:#fff;
   /*  background: #f4f4f4; Old browsers
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); Chrome,Safari4+
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); Chrome10+,Safari5.1+
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); Opera 11.10+
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); IE10+
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    /* border-bottom: 1px solid #c9c9c9; */
}

#sub_title {
    overflow: hidden;
    padding-left: 10px;
    border-bottom: 1px solid #c9c9c9;
    margin-top: 10px;
}

.asm_sub_title{
	margin-top: 20px !important;
}

#sub_title1 {
    overflow: hidden;
    padding-left: 10px;
    border-bottom: 1px solid #c9c9c9;
}

#sub_title2 {
    overflow: hidden;
    padding-left: 10px;
    border-bottom: 1px solid #c9c9c9;
}

#sub_title3 {
    overflow: hidden;
    padding-left: 10px;
    border-bottom: 1px solid #c9c9c9;
}

#sub_title4 {
    overflow: hidden;
    padding-left: 10px;
    border-bottom: 1px solid #c9c9c9;
}

#sub_title5 {
    overflow: hidden;
    padding-left: 10px;
    border-bottom: 1px solid #c9c9c9;
}

#sub_title6 {
    overflow: hidden;
    padding-left: 10px;
    border-bottom: 1px solid #c9c9c9;
}

.sub_title_text {
    font-size:20px;
    line-height: 60px;
    font-weight: bold;
    float: left;
}

.contents_name1{
	float: left;
	font-weight: bold;
	font-size: 15px;
	margin: 5px 0;
}

.contents_name2{
	float: left;
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0;
}

.content_text {   
    line-height: 24px;
    font-size : 15px;
    padding:10px;
    text-align: left;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #c9c9c9;
}

.content_text_non_bg {
   
    line-height: 1.6em;
    text-align: left;   
}

.content_text_search {   
    line-height: 23px;
    color:#383838;
    font-size:17px;
    text-align: left;
    margin-left:30px;
}

    .content_text_search > span {
        color:#f00;
    }

.content_img_search {
    max-width:100%;
    max-height:100%;
    margin-top:20px;
    text-align:left;
    margin-left:30px;
}

.img_inquiry {
    max-width: 100%;
    height:auto;
}


.login_input fieldset{padding:5%;}
.login_input fieldset legend{font-size:0;text-align:center;}
.login_input p{font-size:1em;padding:5% 2%;}
.login_input ul {width:75%;float:left;padding-bottom:5%;}
.login_input ul li {margin:2% 0;}
.login_input ul li label{font-size:1em;width:29%;display:block;float:left;padding-left:1%;overflow:hidden;}
.login_input ul li input{width:60%;box-sizing:border-box;}
.login_input .btn_login{width:20%;margin-top:2%;float:left;}
.login_input .btn_login img{width:100%;}




/*현장지원관리 로그인*/
.asm_login
.login_title{ font-size: 18px; font-weight: bold;}
.asm_login fieldset{padding:5%;}
.asm_login fieldset legend{font-size:0;text-align:center;}
.asm_login p{font-size:1em;padding:5% 2%;}
.asm_login ul {width:75%;float:left;padding-bottom:5%;}
.asm_login ul li {margin-bottom:2%;}
.asm_login ul li label{padding-top:5px; font-size:15px; width:20%;display:block;float:left;padding-left:40px;overflow:hidden;}
.asm_login ul li input{width:65%;box-sizing:border-box; line-height: 2;}
.asm_login .btn_login{float:left;display:block;width:20%;}
.asm_login .btn_login button{display:block;width:100%;height:80px;width:100%;background:#d05e37;color:#ffffff;text-align:center;border:0; }
.asm_login .btn_login img{width:100%;}


/*테이블*/
table.info_type {
    border: 1px solid #bbb;
    border-top: 2px solid #1278cb;
    font-size : 14px;
    width: 100%;   
    border-right: 0;
    border-bottom: 0;
    clear: both;
    border-spacing: 0;
}

    table.info_type caption {
        display: none;
    }

    table.info_type th {
        /* background-color: #d5e7f6; */
        background-color:#d5ddf7;
        color: #222;
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        padding: 8px 5px;
        text-align: center;
        font-weight: normal;
       
    }

    table.info_type td {
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        padding: 8px 5px;
        color: #555;
        text-align: left;
       
    }
    
    table.info_type td.title {
        background-color: #d5e7f6;
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        padding: 8px 5px;
        color: #555;
        font-weight: bold;       
    }

        table.info_type td img {
            vertical-align: middle;            
            max-width: 50%;
            max-height: 50%;
    }
    
        table.info_type td input {
           border:1px solid #cccccc;
           line-height:23px;
           height:23px;
    }
    
    table.info_type td .cal_ipt{
    	width: 90px;
    	padding-left: 5px;
    }
        table.info_type th input[type=checkbox] {
        height:20px;
        width:20px;
	    margin: 2px;
	    vertical-align: middle;
    }
        table.info_type td input[type=checkbox] {
        height:20px;
        width:20px;
	    margin: 2px;
	    vertical-align: middle;
    }
        table.info_type td input[type=radio] {
        height:12px;
	    vertical-align: middle;
	    margin-right:0;
    }
        table.info_type td label {
	    margin-right:5px;
    	display: inline-block;
    }
    .asm_list_radio{
		margin-right:25px !important;
		display: inline-block;
    }
    
    table.info_type_scroll {
    border: 1px solid #bbb;    
    width: 98%;   
    border-right: 0;
    border-bottom: 0;
    clear: both;
    border-spacing: 0;
}

    table.info_type_scroll caption {
        font-size:14px;
        line-height: 30px;
        font-weight: bold;
    }

    table.info_type_scroll th {
        background-color: #d5e7f6;
        color: #555;
        border-right: 1px solid #bbb;
        border-top: 2px solid #1278cb;
        padding: 8px 5px 8px 5px;
        text-align: center;
       
    }

    table.info_type_scroll td {
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        padding: 6px 8px;
        color: #555;
       
    }
    
    table.info_type_scroll td.title {
        background-color: #d5e7f6;
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        padding: 6px 8px;
        color: #555;
        font-weight: bold;
       
    }
    
    table.info_type_scroll td.nowrap {
        white-space: nowrap;
    	
    }

        table.info_type_scroll td img {
            vertical-align: middle;            
            min-width: 100px;
            min-height: 100px;
    }
    
     table.info_type_scroll td.invisible_border_right {
            border-right: none;
    }
    
/*테이블*/
table.info_type2 {
    border: 1px solid #bbb;
    border-top: 2px solid #1278cb;
    font-size : 14px;
    width: 100%;   
    border-right: 0;
    border-bottom: 0;
    clear: both;
    border-spacing: 0;
}

    table.info_type2 caption {
        display: none;
    }

    table.info_type2 th {
        /* background-color: #d5e7f6; */
        background-color:#d5ddf7;
        color: #222;
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        padding: 8px 5px;
        text-align: center;
        font-weight: normal;
       
    }

    table.info_type2 td {
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        padding: 5px 5px;
        color: #555;
        text-align: left;
       
    }
    
    table.info_type2 td.title {
        background-color: #d5e7f6;
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        padding: 8px 5px;
        color: #555;
        font-weight: bold;       
    }

        table.info_type2 td img {
            vertical-align: middle;            
            max-width: 50%;
            max-height: 50%;
    }
    
        table.info_type2 td input {
           border:1px solid #cccccc;
           line-height:23px;
           height:23px;
    }
    
    table.info_type2 td .cal_ipt{
    	width: 90px;
    	padding-left: 5px;
    }
        table.info_type2 th input[type=checkbox] {
        height:20px;
        width:20px;
	    margin: 2px;
	    vertical-align: middle;
    }
        table.info_type2 td input[type=checkbox] {
        height:20px;
        width:20px;
	    margin: 2px;
	    vertical-align: middle;
    }
        table.info_type2 td input[type=radio] {
        height:12px;
	    vertical-align: middle;
	    margin-right:0;
    }
        table.info_type2 td label {
	    margin-right:5px;
    	display: inline-block;
    }
    
    
     .listCnt {
     border: 1px solid #bbb;
     border-left:none;       
     border-right: none;   
     border-bottom: 2px;   
     font-size:14px;
     text-align:center;
     padding-top:5px;
     padding-bottom:5px;
    }
    
     .listCnt .cntNum{ 
     color:#c50f0f;
     font-weight:bold;
    }    

				
				
    table.download {
    border: 1px solid #bbb;
    width: 100%;
    border-top: none;
    border-left:none;       
    border-right: none;    
    clear: both;
    border-spacing: 0;
	}

    table.download th {
        background: #f4f4f4; /* Old browsers */
    	background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    	background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
        color: #555;
        border-right: 1px solid #bbb;        
        padding: 10px 7px 10px 7px;
        text-align: center;
       
    }

    table.download td {       
        padding: 3px 5px;
        color: #01519a !important;
        font-size:11px;
        font-weight: bold;
       
    }
    
    table.download td > a {       
        color: #01519a !important;
       
    }
        
/*공지사항 및 게시판 영역*/

.notice_section, .notice_section4 {
    height: 60px;
    text-align: center;
    padding: 1%;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #c9c9c9;
}

.notice_section2, .notice_section3 {
    height: 70px;
    text-align: center;
    padding: 1%;
    width:98%;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #c9c9c9;
}

.notice_section5 {
    height: 70px;
    text-align: center;
    width:98%;    
    padding: 2%;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #c9c9c9;
}


/* notice_section5 왼편 이미지영역*/
.notice_img_section{
	height: 70px;
    text-align: center;
    width:35%; 
    max-width:80px;   
    padding: 2%;
    float:left;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #c9c9c9;	
}

.notice_img_section image{
	width:100%;
}
.notice_title_section {
    float:left;
    width:72%;
    height:100%;
    line-height:30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice_title_section2 {
    float:left;
    width:72%;
    height:100%;
    line-height:15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice_title_section3, .notice_title_section4  {
    float:left;
    width:100%;
    height:100%;
    line-height:15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice_detail_btn {
    background-image: url('../../../images/ftms/mobile/ico_detail.png');
    float:right;
    text-align:right;
    margin-right:10px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;    
    margin-top: 10px;
}

.notice_edit_btn {
	background-image: url('../../../images/ftms/mobile/ico_edit.png');
    float:right;
    text-align:right;
    margin-right:10px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    margin-top: 10px;
}

.notice_edit_btn2 {
	background-image: url('../../../images/ftms/mobile/ico_edit.png');
    float:right;
    text-align:right;
    margin-right:10px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    margin-top: 10px;
}


.notice_title {
    text-align:left;
    font-size:13px;
    font-weight:bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice_writer {
    margin-top:2px;
    text-align:left;   
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .notice_writer > span {
    margin-left:5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    
.notice_detail_section {
    height: 100px;
    text-align: center;
    padding: 10px 0px 10px 20px;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #c9c9c9;
}

.notice_detail_title_section {
    float:left;
    width:100%;
    height:100%;
    line-height:25px;
}

.notice_detail_title {
    text-align:left;
     font-size: 14px;
    font-weight:bold;
}

.notice_detail_writer {
    margin-top:2px;
    text-align:left;
   
    color: #555555;
    font-weight: bold;
}

.notice_detail_content_section{	
	text-align:left;
	padding: 15px 15px;
	
	
}

.notice_list_btn_section{
	padding: 20px;
	text-align: center;
}

.btn_notice_list{
	width:15%;
	height:40px;
	background: #383838;
    border: 0 none;     
    color: #fff;
}

/*식품유형별정조회*/
.food_category_input_section2 {    
    margin-top:10px !important;
    overflow:hidden;
    position:relative;
    text-align:left;
}

.food_category_input_section2 > div {
    width:19%;
    font-weight:bold;
    color:white;
    float:left;
    line-height:25px;
    font-size:15px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.food_category_input_section2 > input[type=text] {
    width:50%;
    float:left;
    height:23px;
    padding:0px;
    margin-right:10px;
}

.food_category_input_section2 > select {
    width:70%;
    height:25px;
}

#food_category_search_btn2 {
  width:18%;
  height:27px;
  font-size:14px;
  background:#009900;
  border:0 none;
  position:relative;
  margin-top:0;
  color:#fff;
  border-radius:10px;
}


/*기타판매업소이력관리*/    
.ccp_box{background:#383838;margin:0;height:100%;padding:5% 0;}
.ccp_box a{display:block;width:82%;padding:15% 0 15% 8%;max-height:200px;margin:5%;font-size:2.5em;text-align:center;vertical-align:middle;font-weight:600;border-radius:12px;}
a.btn_ccp_01{background: url('../../../images/ftms/mobile/ccp_bg_01.png') no-repeat 0 center;background-size:100%;background-color:#3e92e8;color:#ffffff;}
a.btn_ccp_02{background: url('../../../images/ftms/mobile/ccp_bg_02.png') no-repeat 0 center;background-size:100%;background-color:#ffffff;}

.date_search{width:76%;padding:4px 2%;height:62px;border-bottom:1px solid #ccc;float:left;}
.date_search label{display:block;width:8%;min-width:64px;float:left;line-height:23px;height:23px;margin:3px 0;vertical-align:middle;font-weight:600;text-align:center;}
.date_search input.date{margin:3px 0;border:1px solid #ccc;width:30%;min-width:80px;line-height:23px;height:23px;}
.date_search img{}
.search_btn {width: 20%;height: 71px;background: #136abb; border:none;position: relative; font-size:15px;color: #fff;}
    
.date_search2{width:68%;padding:4px 2%;height:36px;border-bottom:1px solid #ccc;float:left;text-align:center;}
.date_search2 label{display:block;width:23%;min-width:64px;float:left;line-height:23px;height:23px;margin:6px 0;vertical-align:middle;font-weight:600;}
.date_search2 input.date{margin:6px 0;border:1px solid #ccc;width:36%;min-width:87px;line-height:23px;height:23px;text-align:center;}
.search_btn2 {width: 28%;height: 45px;background: #136abb; border: 0 none;position: relative; font-size:15px;color: #fff;}
        
.date_search3{width:76%;padding:4px 2%;height:40px;border-bottom:1px solid #ccc;float:left;box-sizing:border-box;}
.date_search3 label{display:block;width:40%;min-width:100px;float:left;line-height:23px;height:23px;margin:4px 0;vertical-align:middle;font-weight:600;}
.date_search3 input{margin:4px 0;border:1px solid #ccc !important;float:left;width:55%;line-height:23px;height:23px;}
.search_btn3 {width: 20%;height:40px;background: #136abb; border: 0 none;position: relative; font-size:15px;color: #fff;}

.date_search0{width:30%;padding:4px 2%;height:36px;border-bottom:1px solid #ccc;float:left;}
.date_search0 label{display:block;width:15%;min-width:100px;float:left;line-height:23px;height:23px;margin:6px 0 6px 78px;vertical-align:middle;font-weight:600;}
.date_search0 input.date{margin:6px 0;border:1px solid #ccc;width:36%;min-width:87px;line-height:23px;height:23px;text-align:center;}
.search_btn0 {width: 32%;height: 45px;background: #136abb; border: 0 none;position: relative; font-size:15px;color: #fff;}

.date_search1{width:36%;padding:4px 2%;height:36px;border-bottom:1px solid #ccc;float:left;}
.date_search1 label{display:block;width:15%;min-width:100px;float:left;line-height:23px;height:23px;margin:6px 0 6px 78px;vertical-align:middle;font-weight:600;}
.search_btn1 {width: 26%;height: 90px;background: #136abb; border: 0 none;position: relative; font-size:15px;color: #fff;}

 
/*현장기술지원*/
.asm_box{background:#383838;margin:0;height:100%;padding:5% 0;}
.asm_box a{display:block;width:55%;padding:9% 0 10% 35%;max-height:200px;margin:5%;font-size:2.5em;text-align:left;vertical-align:middle;font-weight:600;border-radius:12px;}
a.btn_asm_01{background: url('../../../images/ftms/mobile/asm_bg_01.png') no-repeat left 10% center;background-size:100%;background-color:#ffffff;}
a.btn_asm_02{background: url('../../../images/ftms/mobile/asm_bg_02.png') no-repeat left 10% center;background-size:100%;background-color:#3e92e8;color:#ffffff;}
a.btn_asm_03{background: url('../../../images/ftms/mobile/asm_bg_04.png') no-repeat left 10% center;background-size:100%;background-color:#ff6a23;color:#ffffff;}   
a.btn_asm_04{background: url('../../../images/ftms/mobile/asm_bg_03.png') no-repeat left 10% center;background-size:100%;background-color:#9FC93C;color:#ffffff;}   


/* 재고관리 하단 버튼 */
.m_bottom_btn {
	width:100%;
	clear:both;
	font-size:16px;
	margin:0;
    display:block;
    height:45px;
}
.m_bottom_btn a,
.m_bottom_btn strong {
	font-weight:600;
	text-align:center;
	line-height:15px;
	padding:15px 0;
	vertical-align:top;
	display:inline-block;
	float:left;
	color:#ffffff;
}
.m_bottom_btn strong {
	color:#ff6600;
	text-decoration: underline;
}
.m_bottom_btn .direction {
	color:#ffffff;
	border:0px;
}


.m_bottom_btn a.insert {
	width:50%;
	background-color:#136abb;
}

.m_bottom_btn a.cancel {
	width:50%;
	background-color:#383838;
}
    
    
 
 
/*현장기술지원 하단 버튼*/
/*버튼2개*/
.layout2 button{
	width: 50%;
	border-right: 1px #fff solid !important;
    font-weight: 600;
    text-align: center;
    line-height: 15px;
    padding: 15px 0;
    vertical-align: top;
    display: inline-block;
    float: left;
    font-size: 16px;
    margin-top: 1px;
}

.layout2 .btn_gray {
	background-color: #383838;
	box-sizing:border-box;
}

.layout2 .btn_blue {
	background-color: #136abb;
	box-sizing:border-box;
}   
   
/*버튼3개*/
.layout3 button{
	width: 33.33%;
	border-right: 1px #fff solid !important;
    font-weight: 600;
    text-align: center;
    line-height: 15px;
    padding: 15px 0;
    vertical-align: top;
    display: inline-block;
    float: left;
    font-size: 16px;
    margin-top: 1px;
}

/*버튼4개*/
.layout4 button{
	width: 25%;
	border-right: 1px #fff solid !important;
    font-weight: 600;
    text-align: center;
    line-height: 15px;
    padding: 15px 0;
    vertical-align: top;
    display: inline-block;
    float: left;
    font-size: 16px;
    margin-top: 1px;
}

.layout3 .btn_gray {
	background-color: #383838;
	box-sizing:border-box;
}

.layout3 .btn_blue {
	background-color: #136abb;
	box-sizing:border-box;
}   

.layout4 .btn_gray {
	background-color: #383838;
	box-sizing:border-box;
}

.layout4 .btn_blue {
	background-color: #136abb;
	box-sizing:border-box;
} 
    
.layout4 .btn_orange {
	background-color: #ffa500;
	box-sizing:border-box;
} 
    
    .wi40{width:40%;}
    .wi55{width:55%;}
    .wi75{width:75%;}
    .wi100{width:100%;}
    
    
    
/* 조사평가 시작 */
.btn_normal {
	background-color: #136abb;
    box-sizing: border-box;
    font-size: 16px;
    color: #ffffff;
    width: 80px;
    vertical-align: text-bottom;
    margin-left: 5px;
}  
     
/* 20220805 LHI 기타판매업소 스타일 수정 */
input[readonly="readonly"] {background:#eee;}
.date_search3 {width:calc(100% - 60px); padding:4px 10px;}
.date_search3 label {width:100px;}
.date_search3 input {width:120px; padding:0 4px; box-sizing:border-box;}
.date_search3 input:last-of-type {width:calc(100% - 230px); margin-left:5px; font-size:12px;}
.date_search3 input[readonly="readonly"] {background:#efefef;}
.food_hn_btn {width:60px;}

.sub_title {margin-top:0 !important; padding:10px 0; box-sizing:border-box;}
.btn_fh_num {margin-bottom:20px; padding:10px 10px 0 10px ; box-sizing:border-box;}
.btn_fh_num > button {overflow:hidden; position:relative; display:inline-block; width:calc(50% - 8px); height:40px; margin-right:10px; color:#fff; border:none; background:#293375; cursor:pointer;}
.btn_fh_num > button:last-of-type {margin-right:0; background:#136abb;}
.btn_fh_num > button:after {content:""; display:inline-block; width:40px; height:42px; vertical-align:middle; background:url('../../../images/ftms/mobile/btn_qr_wrp.png') no-repeat;}
.btn_fh_num > button:last-of-type:after {background-position-y:-40px;}

table.info_type_gray {margin:20px 0 10px 0; border:0; border-top:2px solid #383838;}
table.info_type_gray th {border-right:0; background:#e7e7e7;}
table.info_type_gray td {padding:5px; border-right:0;}
table.info_type_gray td input:only-child {width:100%; box-sizing:border-box;} 
table.info_type_gray td .inp_cal_wrp > input {width:calc(100% - 26px); margin-right:2px;}
table.info_type_gray td .inp_sel_wrp > select {width:105px;}
table.info_type_gray td .inp_sel_wrp > input {width:calc(100% - 111px);}
table.info_type_gray td .inp_prod_qty > input {width:calc(100% - 30px); margin-right:2px;}
table.info_type_gray td .inp_prod_qty > label {width:20px; margin-right:0; color:#555;}

.pop_reader_wrap {position:absolute; top:0; right:0; bottom:0; left:0; height:calc(var(--vh, 1vh) * 100); background:rgba(0,0,0,.6); z-index:9;}
.pop_reader_wrap .pop_reader {width:90%; min-width:320px; height:auto; margin:100px auto 0 auto; background:#fff; box-sizing:border-box; z-index:9999;}
.pop_reader_wrap .pop_close {display:block; width:90%; height:50px; margin:0 auto; line-height:50px; color:#fff; text-align:center; border:none; background:#136abb; }
#readerbarcode__camera_permission_button, #readerqr__camera_permission_button {height:40px; margin-bottom:10px; padding:0 15px; border:none; background:#555; color:#fff; box-sizing:border-box;}

@media all and (max-width:500px) {
	.date_search3 {width:100%; height:auto;}
	.date_search3 input {width:calc(100% - 100px);}
	.date_search3 input:last-of-type {margin-left:100px; width: calc(100% - 100px);}
	.search_btn3 {height:35px;}
	.food_hn_btn {width:100%; margin-bottom:5px;}
}

/* ---------------- 미디어쿼리 ---------------- */

@media all and (max-width:420px) {
	
/*현장지원관리 로그인*/
.asm_login
.login_title{ font-size: 18px !important; font-weight: bold;}
.asm_login fieldset{padding:5%;}
.asm_login fieldset legend{font-size:0;text-align:center;}
.asm_login p{font-size:1em;padding:5% 2%;}
.asm_login ul {width:75%;float:left;padding-bottom:5%;}
.asm_login ul li {margin-bottom:2%;}
.asm_login ul li label{padding-top:5px; font-size:15px; width:30%;display:block;float:left;padding-left:5px;overflow:hidden;}
.asm_login ul li input{width:62%;box-sizing:border-box; line-height: 2;}
.asm_login .btn_login{float:left;display:block;width:20%;}
.asm_login .btn_login button{display:block;width:100%;height:76px;width:100%;background:#d05e37;color:#ffffff;text-align:center;border:0; }
.asm_login .btn_login img{width:100%;}

/* 기타판매업소 입고일 width */
.inp_cal_wrp{width: 105px;}
 }
    
/* ---------------- 미디어쿼리 ---------------- */
@media all and (min-width:320px) and (max-width:1280px) {
    h3 {
        margin-top: 10px;
        font-weight: 400;
       
    }

    #header-top {
        vertical-align: middle;
        width: 100%;
        margin-top: 10px;
    }
    
    #search_section {
    background: #01519a;
    text-align: center;
    padding: 2% 2% 4% 2%;
}

    #search_section_radio_btn {
        width: 100%;
        height: 30px;
        line-height: 40px;
        margin-top: 1% !important;
        color: #c0d9ef;
        font-size:15px;
        text-align: left !important;
        margin: 0 auto;
        position: relative;
    }

        #search_section_radio_btn label {
            margin-right: 2px;
        }

    #search_section_input {
        width: 100%;
        margin-top: 3px !important;
        height: 30px;
        overflow: hidden;
        position: relative;
    }

        #search_section_input input[type=text] {
            width: 79%;
            height: 25px;
            float: left;
        }

    #search_btn {
        width: 19%;
        height: 27px;
        background: #383838;
        border: 0 none;
        position: relative;
        font-size:15px;
        color: #fff;
    }

    .btn_sub_title {
        
        color: #3a3a3a;
        
    }

	#contents_section {
		text-align: center;
	}
	
	#contents_section2 {
		text-align: center;
	}
	
	#contents_section3 {
		text-align: center;
	}
	
	#contents_section4 {
		text-align: center;
	}
	
	#contents_section5 {
		text-align: center;
	}
	
	#contents_section6 {
		text-align: center;
	}

    .sub_title_text {
        font-size:18px;
        line-height: 30px;
        font-weight: bold;
        float: left;
    }

    .content_text {   
    line-height: 20px;
    font-size : 12px;
    padding:10px;
    text-align: left;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #c9c9c9;
	}
    
    .content_text_search {   
    line-height: 18px;
    color:#383838;
    font-size:13px;
    text-align: left;
    margin-left:30px;
	}

    .text_blue {        
        color: #093379;
        font-weight: bold;
        text-align: left;
    }
    
    .text_red {        
        color: #ea0000;
        font-weight: bold;
        text-align: left;
    }

    .text_gray {
        color: #555;
        font-weight: bold;
        
    }
    
    .Download_file_section{
    	width: 100%; 
    	height: 30px;  
    	border-bottom: 1px solid #c8c8c8;
    }
    
    .Download_file_title{
    	width: 80px; 
    	height:30px; 
    	float:left; 
    	text-align: center; 
    	line-height: 30px; 
    	font-size:13px; 
    	font-weight: bold; 
    	color: #01519a;
    }
    
    .Download_file_sub_title{
    	width: 50%; 
    	height:30px; 
    	float:left; 
    	text-align: left; 
    	line-height: 30px; 
    	font-size:14px; 
    	font-weight: bold; 
    	color: #01519a;    	
    }
    
    
	/*공지사항 및 게시판 영역*/
	
	.notice_section, .notice_section4 {
	    height: 51px;
	    text-align: center;
	    padding: 1%;
	    background: #f4f4f4; /* Old browsers */
	    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	    border-bottom: 1px solid #c9c9c9;
	}
	
	.notice_section2, .notice_section3 {
	    height: 70px;
	    text-align: center;
	    width:98%;    
	    padding: 1%;
	    background: #f4f4f4; /* Old browsers */
	    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	    border-bottom: 1px solid #c9c9c9;
	}
	
	.notice_section5 {
	    height: 70px;
	    text-align: center;
	    width:96%;    
	    padding: 2%;
	    background: #f4f4f4; /* Old browsers */
	    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	    border-bottom: 1px solid #c9c9c9;
	}
	
	/* notice_section5 왼편 이미지영역*/
	.notice_img_section{
		height: 70px;
	    text-align: center;
	    width:26%;    
	    max-width:90px;   
	    padding: 2%;
	    float:left;
	    background: #f4f4f4; /* Old browsers */
	    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	    border-bottom: 1px solid #c9c9c9;	
	}
	
	.notice_img_section image{
		width:100%;
	    height:70px;
	}
	
	
	.notice_title_section {
	    float:left;
	    width:85%;
	    height:100%;
	    line-height:24px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	.notice_title_section2 {
	    float:left;
	    width:85%;
	    height:100%;
	    line-height:15px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	.notice_title_section3, .notice_title_section4 {
	    float:left;
	    width:100%;
	    height:100%;
	    line-height:15px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	
	
	.notice_detail_btn {
		background-image: url('../../../images/ftms/mobile/ico_detail.png');
	    float:right;
	    text-align:right;
	    margin-right:10px;
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    width: 32px;
	    height: 32px;
	    margin-top: 10px;
	}
	
	.notice_detail_btn > img{
		width: 70%;
		height: 70%;
		margin-top: 10px;
	}
	
	.notice_edit_btn {
		background-image: url('../../../images/ftms/mobile/ico_edit.png');
	    float:right;
	    text-align:right;
	    margin-right:10px;
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    width: 32px;
	    height: 32px;
	    margin-top: 10px;
	}
	
	.notice_edit_btn2 {
		background-image: url('../../../images/ftms/mobile/ico_edit.png');
	    float:right;
	    text-align:right;
	    margin-right:10px;
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    width: 32px;
	    height: 32px;
	    margin-top: 20px;
	}
	
	.notice_edit_btn > img{
		width: 70%;
		height: 70%;
		margin-top: 10px;
	}
	.notice_title {
		margin-top:5px;
	    text-align:left;
	    font-size:12px;
	    font-weight:bold;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	.notice_writer {
	    margin-top:1px;
	    text-align:left;
	    font-size:11px;   
	    color: #666;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	    .notice_writer > span {
	    margin-left:5px;    
	    }
	    
	.notice_detail_section {
	    height: 100px;
	    text-align: center;
	    padding: 0px;
	    background: #f4f4f4; /* Old browsers */
	    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	    border-bottom: 1px solid #c9c9c9;
	}
	
	.notice_detail_title_section {
	    float:left;
	    width:100%;
	    height:100%;
	    line-height:23px;
	}
	
	.notice_detail_title {
	    text-align:left;  
	    font-size:14px;
	    margin:5px;  
	    font-weight:bold;    
	}
	
	.notice_detail_writer {
	    margin:5px 0px 0px 5px;
	    text-align:left;   
	    color: #555555;
	    font-weight: bold;
	}
	
	.notice_detail_content_section{	
		text-align:left;
		padding: 15px 15px;	
	}
	
	.notice_list_btn_section{
		padding: 20px;
		text-align: center;
	}
	
	.btn_notice_list{
		width:20%;
		height:40px;
		background: #383838;
	    border: 0 none;      
	    color: #fff;
	}
	
	/*판매업소관리대장조회*/
	.food_category_input_section {    
	    margin-top:10px !important;
	    overflow:hidden;
	    position:relative;
	    text-align:left;
	}

    .food_category_input_section > div {
        width:25%;
        font-weight:bold;      
        color:white;
        float:left;
        line-height:25px;
        font-size:12px;
        text-align:center;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .food_category_input_section > input[type=text] {
        width:50%;
        float:left;
        height:23px;
        padding:0px;
        margin-right:10px;
    }
    
    .food_category_input_section > select {
        width:70%;
        height:25px;
    }
       
    #food_category_search_btn {
	    width:18%;
	    height:27px;
	    font-size:14px;
	    background:#009900;
	    border:0 none;    
	    position:relative;
	    margin-top:0px;
	    color:#fff;
	    border-radius:10px;
	}
    
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  /*현장지원관리 로그인*/

	.login_titl e{ 
		font-size: 25px !important; 
		font-weight: bold;
	}
	
	.asm_login fieldset{
		padding:5%;
	}
	
	.asm_login fieldset legend{
		font-size:0;
		text-align:center;
	}
	
	.asm_login p{
		font-size:25px !important;
		padding:5% 2%;
	}
	
	.asm_login ul {
		width:75%;
		float:left;
		padding-bottom:5%;
	}
	
	.asm_login ul li {
		margin-bottom:2%;
	}
	
	.asm_login ul li label{
		padding-top:13px; 
		font-size:16px; 
		width:20%;
		display:block;
		float:left;
		padding-left:40px;
		overflow:hidden;
	}
	
	.asm_login ul li input{
		width:65%;
		box-sizing:border-box; 
		line-height: 2;
		font-size: 20px;
		padding-left: 10px;
	}
	
	.asm_login .btn_login{
		float:left;
		display:block;
		width:20%;
	}
	
	.asm_login .btn_login button{
		display:block;
		width:100%;
		height:100px;
		width:100%;
		background:#d05e37;
		color:#ffffff;
		text-align:center;
		border:0; 
		font-size: 21px;
	}
	
	.asm_login .btn_login img{
		width:100%;
	}
}