@charset "utf-8";

/* header */
#header {background:#ffffff;}

/* content */
#content {position:relative;  width:1200px; height:100%; padding-top:60px; padding-bottom:80px; margin:0px auto;overflow:hidden;}

/* center */
#center {position:relative;width:965px; min-height:590px; overflow:hidden;padding-bottom:10px; }
#center h4{padding-left:25px;font-size:17px;line-height:25px;height:27px;margin-bottom:10px;font-weight:600;background:url('../../images/ftms/sub/sub_contents_bullet_01.gif') no-repeat left center;}
#center h5{padding-left:26px;}
  
/* content_box */
.content_box{width:100%; margin:0; padding:5px 0 10px 16px;/*border:1px solid #c2c2c2;background-color:#dfdfdf;*/box-sizing:border-box;}
.content_box p{vertical-align:middle; background:url('../../images/ftms/sub/type_lable_bullet_01.png') no-repeat 0 10px; display:inline-block; padding-left:8px; line-height:22px; margin-left:16px;}
.content_box ul{margin-left:18px;}
.content_box ul li { background:url('../../images/ftms/main/middot.gif') no-repeat 0 10px; padding:0 0 0 8px; line-height:23px; }

/* content_box2 */
.content_box2{width:100%; margin:0; padding:10px 0 10px 20px;border:1px solid #c2c2c2;background-color:#e9e9e9;box-sizing:border-box;}
.content_box2 p{vertical-align:middle; background:url('../../images/ftms/sub/type_lable_bullet_02.png') no-repeat 0 10px; display:inline-block; padding-left:10px; line-height:22px; }
.content_box2 ul{margin-left:7px;}
.content_box2 ul li { background:url('../../images/ftms/main/middot.gif') no-repeat 0 9px; padding:0 0 0 10px; line-height:21px;  }
.content_box2 .red{color:#ca2b2b !important; font-weight:bold;}

/* left */
#left { position:relative; width:200px; height:100%;float:left; margin:0 35px 0 0; padding:0 0 15px 0; }
#left h2 {line-height:50px;font-size:18px; margin:0; padding:0; border-bottom:2px solid #403a39;}
#left div ul.menu_bg { padding:0 ;}
#left div ul li { margin-top:2px;margin-bottom:2px;display:block;border-bottom:1px solid #c2c2c2;}
#left div ul li a.left1 { display:block; font-size:16px; font-weight:400; width:190px;padding-left:10px; line-height:48px;  }
#left div ul li a.left1:hover, #left div ul li a.active, #left div ul li a.left1:focus {background:url('../../images/ftms/sub/icon_leftmenu_arrow.gif') no-repeat 184px center;color:#d15b2b; text-decoration:none;font-weight:600;letter-spacing:-1px; }
#left div ul li a:focus{outline:2px dashed #000; outline-offset:-2px;}
#left div ul ul { margin:0; height:100%;padding:0 0 10px 0;background-color:#ffffff;}
#left div ul ul li {border:0;height:30px;margin:3px 0;}
#left div ul ul li a {color:#333; display:block; height:30px;border-bottom:0 !important;padding-left:25px;line-height:30px; background:url('../../images/ftms/main/middot.gif') no-repeat 15px center;}
#left div ul ul li a:focus,
#left div ul ul li a:hover {color:#333;font-weight:bold; text-decoration:none; }
#left div ul .menu a {cursor:pointer;}
#left div ul .menu .hide{display:none;}

#left div[id^="left_menu"] ul li a[target="_blank"],
#left div[id^="left_menu"] ul li a[target="_blank"]:hover,
#left div[id^="left_menu"] ul li a[target="_blank"]:focus,
#left div[id^="left_menu"] ul li a[target="_blank"]:active{background:url(../../images/ftms/common/icon_blank.png) no-repeat 180px center;}

/* into */
.into {width:903px;  height:123px; border:1px solid #bebebe; padding:20px 30px;  overflow:hidden; background-color:#ffffff; float:right;margin-top:40px;background:url('../../images/ftms/common/into_img.png') no-repeat 30px center;}
.into .into_sub { float: left;margin-left:130px; }
.into p { margin:0 0 10px 0; padding:5px 0 10px 45px; font-size:16px; line-height:25px;font-weight:bold; background:url(../../images/ftms/sub/into_bullet.gif) no-repeat 0 0; }
.into span.into_tit{width:130px; padding-left:20px;margin-left:50px;float:left;background:url('../../images/ftms/sub/tit_bullet.gif') no-repeat 0 center !important; font-size:14px;}
.into ul { width:500px; padding:0; list-style:none; float:left; } 
.into ul li { float:left; margin:0 20px 0 0;  vertical-align:middle; }
.into ul li input, label { vertical-align:middle;}
.into .into_text { clear:both; float:left; width:720px;margin-top:10px;margin-left:45px;}
.into .into_text label{width:130px; padding-left:25px; height:40px;float:left;background:url('../../images/ftms/sub/tit_bullet.gif') no-repeat 5px 2px;}
.into .into_text textarea { float:left; border:1px solid #ccc; width:468px; height:40px; vertical-align:top; }  
.into .into_text a { float:left; }
.into a.write_btn{background-color:#6c6c6c;color:#ffffff;font-size:16px;width:88px;height:44px;text-align:center;display:block;float:left;line-height:43px;letter-spacing:-1px;font-weight:600;}

/* menu_s */
/* .menu_s {background:url('../../images/ftms/common/left_menu_bg.gif') repeat-y;} */
.menu_s a { text-decoration: none; }
.menu_s ul, ul ul, li { margin: 0; padding: 0; list-style: none; }	
.menu_s ul li a.left1{ display:block; font-size:14px; font-weight:bold; width:190px;padding-left:10px; line-height:50px;  }
.menu_s > li > a:hover, .menu_s > li > a.active{color:#d15b2b; text-decoration:none !important; cursor: pointer !important; }

/* left quickmenu */

#left #testbanner { position:relative; z-index:999; width:200px;margin-top:58px; }
/* #left #quick_menu {} */
#left #quick_menu h2 {font-size:15px;line-height:30px; margin:0; padding:0; border:0 !important;}
#left #quick_menu ul{border:1px solid #c2c2c2;height:270px;border-top:1px solid #403a39;border-bottom:none;}
#left #quick_menu ul li{display:inline-block;width:98px;float:left;height:109px;margin:0;padding:0;border-bottom:1px solid #c2c2c2;}
#left #quick_menu ul li a{display:block;width:90px;margin:4px;height:19px;padding-top:76px;padding-bottom:6px;text-align:center;font-size:14px;letter-spacing:-1px;border:0 !important;}
#left #quick_menu ul li a:hover,
#left #quick_menu ul li a:focus,
#left #quick_menu ul li a:active{color:#d15b2b;font-weight:600;}
#left #quick_menu ul li.quick_01{border-right:1px solid #c2c2c2;}
#left #quick_menu ul li.quick_03{border-right:1px solid #c2c2c2;}
#left #quick_menu ul li.quick_05{background-color:#3d4553;border-right:1px solid #c2c2c2;}
#left #quick_menu ul li.quick_01 a{background:url('../../images/ftms/sub/icon_quick_01.png') no-repeat center 19px;}
#left #quick_menu ul li.quick_02 a{background:url('../../images/ftms/sub/icon_quick_02.png') no-repeat center 19px;}
#left #quick_menu ul li.quick_03 a{background:url('../../images/ftms/sub/icon_quick_03.png') no-repeat center 19px;}
#left #quick_menu ul li.quick_04 a{background:url('../../images/ftms/sub/icon_quick_06.png') no-repeat center 19px;}
#left #quick_menu ul li.quick_05 a{width:190px;padding-top:11px;margin:4px;padding-bottom:11px;height:19px;line-height:19px;/*background:url('../../images/ftms/sub/icon_quick_05.png') no-repeat 20px center;*/color:#ffffff;}
/* #left #quick_menu ul li.quick_05:hover{background-color:#cf6135 !important;} */
#left #quick_menu ul li.quick_05{width:198px;height:49px}

/* 퀵메뉴 새창열림 아이콘 추가 리스트 타입으로 변경 처리 2021-09-14 */
#left #quick_menu.quick_list > ul {height:auto;}
#left #quick_menu.quick_list > ul > li{display:block; float:none;width:100%;height:auto; padding:5px 0; border-bottom:1px solid #c2c2c2;}
#left #quick_menu.quick_list > ul > li > a{position:relative; display:block; width:100%; margin:0px; height:auto; padding:0 0 0 65px; text-align:left; line-height:48px; box-sizing:border-box;}
#left #quick_menu.quick_list > ul > li > a[target="_blank"]:after{content:''; display:inline-block; width:13px; height:13px; margin:-2px 0 0 5px; background:url(../../images/ftms/common/icon_blank.png) no-repeat; vertical-align:middle;}
#left #quick_menu.quick_list > ul > li.quick_01,
#left #quick_menu.quick_list > ul > li.quick_03,
#left #quick_menu.quick_list > ul > li.quick_05{border-right:0;}
#left #quick_menu.quick_list > ul > li.quick_05{width:auto;height:auto;}
#left #quick_menu.quick_list > ul > li.quick_01 a{background:url('../../images/ftms/sub/icon_quick_01.png') no-repeat 10px 0px;}
#left #quick_menu.quick_list > ul > li.quick_02 a{background:url('../../images/ftms/sub/icon_quick_02.png') no-repeat 10px 0px;}
#left #quick_menu.quick_list > ul > li.quick_03 a{background:url('../../images/ftms/sub/icon_quick_03.png') no-repeat 10px 0px;}
#left #quick_menu.quick_list > ul > li.quick_04 a{background:url('../../images/ftms/sub/icon_quick_06.png') no-repeat 10px 0px;}

#left #quick_menu.quick_list > ul li.quick_05 > a{width:auto; height:auto;padding:9px 0px; margin:0px; line-height:19px; text-align:center; }
#left #quick_menu.quick_list > ul li.quick_05 > a[target="_blank"]:after{margin-left:10px; background:url(../../images/ftms/common/icon_blank_white.png) no-repeat !important;}

/* top_location */
.top_location { width:100%; overflow:hidden; border-bottom:1px solid #c2c2c2;font-size:18px;line-height:45px;padding-bottom:0;margin-bottom:36px; position:relative; padding-top: 50px;}
.top_location h3 { margin:0; padding:0; float:left; }
.top_location .location { position:absolute; top:0; left:0; display:flex;}
.top_location .location a { text-decoration:underline; display:block; text-underline-offset: 5px; font-size: 15px; margin-left: 8px;}
.top_location .location a:focus{outline:2px dashed #000; outline-offset:-2px;}
.top_location .location span { color:#333; font-size:15px; padding:5px;}
.top_location .location span.home {color:rgba(255,255,255,0);background:url('../../images/ftms/common/icon_location_home.png') no-repeat center center;margin:0;padding:0}      
.top_location .location span.page{font-weight:bold;}
.top_location .location strong { color:#4444; font-size:12px; float:left; font-weight:bold; }
/* location 링크 추가 관련 */
.top_location .location a:hover span,
.top_location .location a:focus span,
.top_location .location a:active span {background:#eef2f7; border-radius:5px;}
.top_location .location a:hover span.home,
.top_location .location a:focus span.home,
.top_location .location a:active span.home {background:#eef2f7 url('../../images/ftms/common/icon_location_home.png') no-repeat center center; border-radius:5px;}
.top_location .location a:before { content:''; background:url(../../images/ftms/common/location_bullet.png) no-repeat left center; padding:0 0 0 12px; }
.top_location .location a:nth-child(1) { margin:0; }
.top_location .location a:nth-child(1):before { display:none; } 
.top_location .location a:last-child { display:none; } 

/* top_location_edu */
.top_location_edu { width:100%; overflow:hidden; border-bottom:1px solid #d2d2d2; margin:0 0 10px 0; padding:0 0 10px 0;}
.top_location_edu h3 { margin:0; padding:0; float:left; }
.top_location_edu .location { float:right; margin:7px 0 0 0; }
.top_location_edu .location span { color:#666; font-size:12px; background:url(../../images/ftms/common/location_bullet.gif) no-repeat right 3px; padding:0 12px 0 0; margin:0 7px 0 0; float:left; }
.top_location_edu .location a { color:#4444; font-size:12px; float:left; font-weight:bold;}

/* join_image */
.join_image { padding-top:170px; margin-top:30px; border:1px solid #c2c2c2;height:380px;width:100%;background:url('../../images/ftms/sub/join_top_bg.png') no-repeat center 40px;box-sizing:border-box;}
.join_font h4 {background:none !important; text-align:center; color:#3A3A3A; font-size:28px !important; text-align:center;margin-bottom:20px !important;letter-spacing:-2px;padding-left:0 !important;}
.join_font p { text-align:center; font-size:15px;font-weight:600;line-height:22px;}
.join_font .join_font_3 span {font-size:18px;color:#ab400a;}

/* subject */
.subject { width:100%; margin:0; padding:0; }  
.subject p { margin:0; padding:0 0 0 20px; color:#666; line-height:18px; }

/* subject 
.subject { width:100%; margin:0; padding:0; box-sizing:border-box;}  
.subject .box {  }
.subject .box .middle { margin:0; padding:21px 30px; background:url('../../images/ftms/sub/box_bg.gif') repeat-y; position:relative; overflow:hidden; }
.subject .box .bottom { margin:0; padding:0; background:url('../../images/ftms/sub/box_bottom.gif') no-repeat;  }
.subject h4 { margin:0 0 10px 0; padding:0;}
.subject p { margin:0; color:#666; line-height:18px; }
.subject ul { margin:0; padding:0; list-style:none; }
.subject ul li { background:url('../../images/ftms/sub/middot.gif') no-repeat 0 8px; padding:0 0 0 10px; line-height:21px; color:#444; }
.subject strong { display:block; margin:15px 0 0 0; text-indent:20px; color:#395fbb; }  
.subject strong.inline { display:inline; margin:15px 0 0 0; text-indent:20px; color:#395fbb; }  
.subject .con_sub { margin:7px 0 0 0; }
.subject .con_sub li { font-size:11px; color:#666; }
.subject .con_sub li.red span { color:#ca2b2b; background:none; }
.subject .con_sub img { vertical-align:middle; }
.subject h6 { margin:0 0 10px 0; padding:0; font-size:12px; }
.subject span.red { color:#ca2b2b; }  
.subject thead th { text-align:left; }
.subject tr th { text-align:left; }
.subject td { line-height:160%; }
.subject .colr { color:#FF0000; }
*/
  
/* subject2 */
.subject2 { width:100%; margin:0; padding:0; }  
.subject2 .box { background:url('../../images/ftms/sub/box_top.gif') no-repeat; padding:9px 0 0 0; }
.subject2 .box .middle { margin:0; padding:21px 30px; background:url('../../images/ftms/sub/box_bg.gif') repeat-y; width:680px; height:100%; position:relative; overflow:hidden; }
.subject2 .box .bottom { margin:0; padding:0; background:url('../../images/ftms/sub/box_bottom.gif') no-repeat; padding:0 0 9px 0; width:740px; }
.subject2 h4 { margin:0 0 10px 0; padding:0; }

/* 타이틀 불렛 */
.tit_bullet { margin:0 0 8px 3px; padding:0 0 0 23px; background:url('../../images/ftms/sub/tit_bullet.gif') no-repeat 0 center; font-size:15px; line-height:18px; color:#333; }
strong.tit { text-indent:0; margin-bottom:10px;}  

/* 식품이력추적관리제도 */
.subject p.top_text { margin:0; padding:0; float:left; width:520px; line-height:21px; color:#666; }
.subject img.top_img { position:absolute; top:6px; right:30px; }
.subject img.top_img2 { position:absolute; top:25px; right:30px; }
  
/* 로그인 */
.login_form { padding:35px 50px !important;width:540px;height:160px;margin:0 auto;background:url('../../images/ftms/sub/login_top_bg.jpg') no-repeat  480px center; border:1px solid #c2c2c2;clear:both;}
.login_form h4 { margin:0 0 10px 0; padding:0; }
.login_form h5 { margin:0 0 25px 0; padding:0; }
.login_form ul.input { margin:0 8px 0 0; padding:0; float:left; }  
.login_form ul.input li { margin:0 0 8px 0; padding:0; width:265px; overflow:hidden; background:none; }
.login_form ul.input li label { float:left; padding-top:5px;}
.login_form ul.input li input { float:right; width:189px; height:16px; }
.login_form ul.input li input:focus{outline:2px dashed #000; outline-offset:-2px;}
.login_form .btn_login { float:left; }
.login_form img.top_img {}
.login_bottom{margin-top:10px;text-align:center;}
.login_bottom a.gray_small_btn{background-color:#6c6c6c;color:#ffffff;font-size:14px;width:162px;height:24px;text-align:center;display:inline-block;line-height:24px;margin-right:5px;padding:3px;float:left;}

/* 공인인증서 로그인 */
.auth_form { padding:35px 50px 30px 50px !important; width:660px !important; }
.auth_form h4 { margin:0 0 10px 0; padding:0; }
.auth_form h5 { margin:0 0 25px 0; padding:0; }
.auth_form ul.input { margin:0 8px 0 0; padding:15px 0 0 0; float:left; }
.auth_form ul.input li { margin:0 0 8px 0; padding:0; width:265px; overflow:hidden; background:none; }
.auth_form ul.input li label { float:left; padding-top:5px;}
.auth_form ul.input li input { float:right; width:189px; height:14px; }
.auth_form .btn_login { float:left; }
.auth_form .btn_login button{ width:30%;height:200px;text-align:center;border:0;background:#ec6525;}
.auth_form img.top_img { position:absolute; top:30px; right:70px; }

/* 회원가입, 아이디/패스워드 찾기 */
.sub_btn ul { margin:0 0 0 30px; padding:0; list-style:none; }
.sub_btn ul li { float:left; margin:0 30px 0 0; }
.sub_btn ul li img { vertical-align:middle; margin:0 15px 0 0; }

/* 아이디비밀번호찾기 */
.idpw_search {width:400px;height:450px;float:left;padding-left: 36px;padding-right: 20px; background: #eee;}
.idpw_search h4 { margin:50px 0 10px 0; padding:0; }
.idpw_search h5 { margin:0 0 50px 0; padding:0; }
.idpw_search ul.input { margin:0 0 0 0; padding:0; }
.idpw_search ul.input li { margin:0 0 18px 0; padding:0;  overflow:hidden; background:none; line-height: 25px;}
.idpw_search ul.input li label { float:left;width:100px;padding-left:20px;background:url('../../images/ftms/sub/tit_bullet.gif') no-repeat 0 6px !important;}
.idpw_search ul.input li input { float:left; width:248px; height:20px; }
.idpw_search ul.input li input:focus{outline:2px dashed #222; outline-offset:-2px;}
.idpw_search .btn_login { float:left; }
.idpw_search img.top_img { position:absolute; top:30px; right:70px; }
.idpw_search ul.input li.last input { float:left; width:70px; }
.idpw_search ul.input li.last span { float:left; margin:0 3px; }
.idpw_search.last {margin-left:50px;}
.btn { text-align:center; border-top:1px dotted #ccc; margin:15px 0 0 0; padding:20px 0 0 0;}
  
/* 회원가입 1 */
.mb_join_clause { height:300px; border:1px solid #ccc;}
.mb_join_clause fieldset {  border-right:0; margin:0; padding:30px; background-color:#ffffff;}
.mb_join_clause h4 { font-size:14px; }
.mb_join_clause h5 { font-size:13px; }
.mb_join_clause h6 { font-size:12px; font-weight:normal; margin:0 0 10px 0; padding:0; }
.mb_join_clause ul { list-style:none; margin:0; padding:0; color:#666; }
.mb_join_clause ul li { line-height:21px; }
.mb_join_clause2 {border:1px solid #ccc; }
.mb_join_clause2 fieldset { border-right:0; margin:0; padding:30px; background-color:#ffffff;}
.mb_join_clause2 h4 { font-size:14px; }
.mb_join_clause2 h5 { font-size:14px; }
.mb_join_clause2 h6 { font-size:13px; font-weight:600; margin:10px 0; padding:0; }
.mb_join_clause2 ul { list-style:none; margin:0; padding:0; color:#666; }
.mb_join_clause2 ul li { line-height:21px; }
.join_check { text-align:center; }    
.join_check input { vertical-align:middle;}
.join_check img { vertical-align:middle; }
.join_check label { margin:0 0 0 7px; }
.join_check p { margin:0 0 20px 0; padding:20px 0; }
.join_top { margin:0; padding:0 0 30px 0; list-style:none; overflow:hidden; }
.join_top li { float:left; }
.join_form h4 { margin:0 0 10px 0; padding:0; }
.join_form .join_check input { margin:0 4px; }
.result_code { float:left; width:135px; }
.join_text { width:100%; margin:0 0 10px 0; overflow:hidden; }
.join_text h4 { margin:0; padding:0; float:left; }
.join_text span { color:#ca2b2b; float:right; font-weight:bold; }
#checkIdMsg { display:block; }
.result { width:135px; float:left; }

/* 파일 업로드 */
.file_input_div{ height:20px; position: relative; overflow: hidden; line-height: 22px; }
.file_input_hidden{ position: absolute; left:212px; width:62px; height:26px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter : "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
.join_middle { margin:0 0 30px 0; padding:15px 20px; border:1px solid #ddd; background-color:#f9f9f9; }
.join_middle li { color:#ca2b2b; font-weight:bold; line-height:21px; }
  
/* 아이디 중복확인 */
.id_check_form .image_btn { vertical-align:top; }
.id_check_form .form { width:235px; }
.join_check p { margin:0; padding:15px 0; font-size:12px; }  
.join_check strong { color:#ca2b2b; }
  
/* 사업자등록번호 중복촥인 */
.busi_number { width:50px; }
.busi_check_text { margin:10px 0 0 85px; }  

/* 교육, 설명회 일정 달력 */
#calendar {margin: 0 auto;font-size: 11px;margin-top:-25px;}
.top_location_edu_ico{margin-left:0;}
.top_location_edu_ico img{margin-right:2px;}
.top_location_edu_ico span{font-size: 14px;margin-right:10px;}

/* 등록절차 */
.adopt_step { position:relative; width:100%; height:100%;}
.adopt_step ul {padding:0; list-style:none; overflow:hidden; }
.adopt_step ul li h4 {margin-top:15px !important;}
.adopt_step ul li a:focus{outline:2px dashed #ab400a; outline-offset:-2px;}
.adopt_step ul li a.adopt_menu1 { float:left; border-bottom:2px solid #554b4c; }
.adopt_step ul li a.adopt_menu2 { float:left; border-bottom:2px solid #554b4c; }
.adopt_step ul li a.adopt_menu3 { float:left; border-bottom:2px solid #554b4c; }
.adopt_step ul li a.adopt_menu4 { float:left; border-bottom:2px solid #554b4c; }
.adopt_step ul li a.adopt_menu5 { float:left; border-bottom:2px solid #554b4c; }
.adopt_step ul li a.adopt_menu6 { float:left; border-bottom:2px solid #554b4c; }
.adopt_step ul li a.adopt_menu7 { float:left; border-bottom:2px solid #554b4c; }
.adopt_step ul li .adopt_menu1 { position:absolute; top:0; left:0; height:39px;}
.adopt_step ul li .adopt_menu2 { position:absolute; top:0; left:201px; height:39px;}
.adopt_step ul li .adopt_menu3 { position:absolute; top:0; left:321px; height:39px;}
.adopt_step ul li .adopt_menu4 { position:absolute; top:0; left:458px; height:39px;}
.adopt_step ul li .adopt_menu5 { position:absolute; top:0; left:595px; height:39px;}
.adopt_step ul li .adopt_menu6 { position:absolute; top:0; left:715px; height:39px;}
.adopt_step ul li .adopt_menu7 { position:absolute; top:0; left:844px; height:39px;}
.adopt_table { position:relative; width:100%;}
.adopt_table img.adopt_icon { float:left; margin:0 30px 0 0; }
.adopt_table ul.adopt_list li {padding:0 10px 0 200px;overflow:hidden; display:block;height:197px;}
.adopt_table ul.adopt_list li.list_01 {height:240px  !important;}
.adopt_table ul.adopt_list li.list_02 {height:210px  !important;}
.adopt_table ul.adopt_list li h4 { margin:30px 0 10px 0 !important; padding:0; }
.adopt_table ul.adopt_list li p { line-height:22px; margin-bottom:10px;margin-left:29px;}
.adopt_table ul.adopt_list li.list_01 {background:url('../../images/ftms/sub/adopt_step_01_bg.jpg') no-repeat 30px center;}
.adopt_table ul.adopt_list li.list_02 {background:url('../../images/ftms/sub/adopt_step_02_bg.jpg') no-repeat 30px center;}
.adopt_table ul.adopt_list li.list_03 {background:url('../../images/ftms/sub/adopt_step_03_bg.jpg') no-repeat 30px center;}
.adopt_table ul.adopt_list li.list_04 {background:url('../../images/ftms/sub/adopt_step_04_bg.jpg') no-repeat 30px center;}
.adopt_table ul.adopt_list li.list_05 {background:url('../../images/ftms/sub/adopt_step_05_bg.jpg') no-repeat 30px center;}
.adopt_table ul.adopt_list li.list_06 {background:url('../../images/ftms/sub/adopt_step_06_bg.jpg') no-repeat 30px center;}
.adopt_table ul.adopt_list li ul {margin-left:29px;}
.adopt_table ul.adopt_list li ul li {margin:5px 0; width:355px; height:16px; padding:6px;background:url('../../images/ftms/sub/gray_line_bg.gif');border:1px solid #dea38d;}
.adopt_table ul.adopt_list li ul li span{color:#ab400a;margin-right:10px;font-weight:600;}
#trace01, #trace02, #trace03, #trace04, #trace05, #trace06 { display:none; }
#trace00, #trace01, #trace02, #trace03, #trace04, #trace05, #trace06 { width:100%; margin:60px 0 0 0; }
.adopt_step_top_01 p, .adopt_step_top_02 p, .adopt_step_top_03 p, .adopt_step_top_04 p, .adopt_step_top_05 p, .adopt_step_top_06 p{ padding-left:0 !important;margin-bottom:5px;}
.adopt_step .adopt_step_top_01 {background:url('../../images/ftms/sub/adopt_step_01.jpg') no-repeat 30px 35px;min-height:180px;padding:15px 30px 0 200px;}
.adopt_step .adopt_step_top_02 {background:url('../../images/ftms/sub/adopt_step_02.jpg') no-repeat 30px 35px;min-height:180px;padding:15px 30px 0 200px;}
.adopt_step .adopt_step_top_03 {background:url('../../images/ftms/sub/adopt_step_03.jpg') no-repeat 30px 35px;min-height:180px;padding:15px 30px 0 200px;}
.adopt_step .adopt_step_top_04 {background:url('../../images/ftms/sub/adopt_step_04.jpg') no-repeat 30px 35px;min-height:180px;padding:15px 30px 0 200px;}
.adopt_step .adopt_step_top_05 {background:url('../../images/ftms/sub/adopt_step_05.jpg') no-repeat 30px 35px;min-height:180px;padding:15px 30px 0 200px;}
.adopt_step .adopt_step_top_06 {background:url('../../images/ftms/sub/adopt_step_06.jpg') no-repeat 30px 35px;min-height:180px;padding:15px 30px 0 200px;}
h5.adopt_title{font-size:15px;margin:35px 0 20px 0; padding:16px 20px;background:url('../../images/ftms/sub/gray_line_bg.gif') !important;border-top:1px solid #dea38d;}
h5.adopt_title span{font-size:17px;color:#ab400a;margin-right:10px;}
.adopt_sub_title{background:#cf6135 !important;margin:25px 0 15px 0;padding:2px 10px;color:#ffffff !important;font-weight:600;}
.content_box ul li a:focus{outline:2px dashed #000; outline-offset:-2px;}

/* 등록절차 - 계획수립 */
.adopt_con { border:1px solid #ccc; background-color:#fff; padding:35px; overflow:hidden; margin:0 0 20px 25px; } 
.adopt_con img { margin:0 auto;display:block;}
.adopt_con ul { margin-top:20px;}
.adopt_con ul li{ margin-top:8px;}

/* 등록신청 */
.manage_tab { position:relative; width:100%; height:100%;}
.manage_tab ul {position:relative; padding:0; list-style:none; overflow:hidden;}
.manage_tab > ul:before {content:''; position:absolute; top:39px; width: 100%; border-bottom:2px solid #554b4c;}
.manage_tab > ul > li > a:focus {outline:2px dashed #ab400a; outline-offset:-2px;}
.manage_tab ul li a.manage_menu1 { float:left; border-bottom:2px solid #554b4c; }
.manage_tab ul li a.manage_menu2 { float:left; border-bottom:2px solid #554b4c; }
.manage_tab ul li a.manage_menu3 { float:left; border-bottom:2px solid #554b4c; }
.manage_tab ul li a.manage_menu4 { float:left; border-bottom:2px solid #554b4c; }
.manage_tab ul li .manage_menu1 { position:absolute; top:0; left:0; height:39px;}
.manage_tab ul li .manage_menu2 { position:absolute; top:0; left:141px; height:39px;}
.manage_tab ul li .manage_menu3 { position:absolute; top:0; left:282px; height:39px;}
.manage_tab ul li .manage_menu4 { position:absolute; top:0; left:412px; height:39px;}
.manage_table { position:relative; width:100%;}
.manage_table a {border-bottom:0 !important;}
.manage_table a:focus{outline:2px dashed #000; outline-offset:-2px;}

/* 검색방법안내 */
.search_step { position:relative; width:100%; height:100%;}
.search_step ul {padding:0; list-style:none; overflow:hidden; }
.search_step ul li.list_01 {background:url('../../images/ftms/sub/search_step_01_bg.jpg') no-repeat 30px -30px;}
.search_step ul li.list_02 {background:url('../../images/ftms/sub/search_step_02_bg.jpg') no-repeat 30px -30px;}
.search_step ul li.list_03 {background:url('../../images/ftms/sub/search_step_03_bg.jpg') no-repeat 30px -30px;}
.search_step ul li {padding:0 0 30px 185px; width:760px;overflow:hidden; display:block;}
.search_step ul li h4 { margin:10px 0 10px 0; padding:0; font-size:16px;}
.search_step ul li p { line-height:22px; margin-bottom:10px;margin-left:29px;}
.search_step ul li ul {margin-left:1px;}
.search_step ul li ul li{ width:720px;padding:18px;background:url('../../images/ftms/sub/gray_line_bg.gif');border:1px solid #dea38d;margin-top:20px;}
.search_step ul li ul li img{border:0;margin-top:10px; }
.search_step ul li ul li img.line{border:1px solid #aaaaaa;}
.search_step ul li ul li span{display:block;line-height:15px;font-size:15px; padding:6px 0 6px 22px;color:#333;margin-top:0px;font-weight:600;background:url('../../images/ftms/sub/tit_bullet.gif') no-repeat 0 center !important;}

/* 교육안내 */
.edu_tab { position:relative; width:100%; height:100%;}
.edu_tab ul {padding:0; list-style:none; overflow:hidden; }
.edu_tab ul li a, .edu_tab ul li span {position:relative; width:100%;border-bottom:2px solid #554b4c;}
.edu_tab ul li a.edu_tab_menu1 { float:left; border-bottom:2px solid #554b4c; }
.edu_tab ul li a.edu_tab_menu2 { float:left; border-bottom:2px solid #554b4c; }
.edu_tab ul li a.edu_tab_menu3 { float:left; border-bottom:2px solid #554b4c; }
.edu_tab ul li .edu_tab_menu1 { position:absolute; top:0; left:0; height:39px;}
.edu_tab ul li .edu_tab_menu2 { position:absolute; top:0; left:200px; height:39px;}
.edu_tab ul li .edu_tab_menu3 { position:absolute; top:0; left:358px; height:39px;}
.edu_tab .edu_tab_table { position:relative; width:100%;margin-top:20px;clear:both;}

/* 230920 shb 교육안내 웹접근성 수정 */
 .edu_tab ul li a.edu_tab_menu1{pointer-events: none; cursor: default;}

/* 지도API */
#map_api{border:1px solid #c2c2c2;height:300px;width:942px;margin-left:3px;background:url('../../images/ftms/sub/api_map.png') no-repeat ;}

/*현장기술지원소개*/
.edu_step{height:252px;width:100%;background:url('../../images/ftms/sub/edu_step_bg_u.jpg') no-repeat 0 0;}
.edu_step ul li{width:180px;height:252px;padding-top:25px;margin-left:16px;float:left;display:inline-block;text-align:center;}
.edu_step ul li span{color:#fff;font-size:24px;font-weight:600;letter-spacing:-1px;}
.edu_step ul li p{margin:0;padding:12px 15px;margin-top:20px;font-size:15px;color:#fff;line-height:20px;border-top:1px solid #ffffff;font-weight:300;}
.edu_step ul li.first{margin-left:0;}
.edu_step ul li.first span{color:#333;}
.edu_step ul li.first p{color:#333;}
.edu_step ul li.second span{color:#333;}
.edu_step ul li.second p{color:#333;}

/*현장기술지원완료*/
.edu_end{background:url('../../images/ftms/sub/adopt_step_04.jpg') no-repeat center 10px;padding:170px 30px 60px;text-align:center;}
.edu_end .headline{font-size:26px;font-weight:600;margin-bottom:30px;color:#4f4c48;}
.edu_end .text{line-height:24px;font-size:15px;margin-bottom:40px;}
.edu_end .call{font-size:16px;font-weight:600;letter-spacing:-1px;margin-bottom:10px;}
.edu_end .call span{color:#cf4811;}

/* 법제도자료 - 상단링크영역 */
.policy_info{width:100%;height:250px;margin-bottom:30px;}
.policy_info ul li {width:183px;height:250px;float:left;display:inline-block;margin-right:7px;text-align:center;border:1px solid #c2c2c2;}
.policy_info ul li.list_01{background:url('../../images/ftms/sub/policy_info_bg_01.png') no-repeat center 23px;background-color:#ffffff;}
.policy_info ul li.list_02{background:url('../../images/ftms/sub/policy_info_bg_02.png') no-repeat center 23px;background-color:#ffffff;}
.policy_info ul li.list_03{background:url('../../images/ftms/sub/policy_info_bg_03.png') no-repeat center 23px;background-color:#ffffff;}
.policy_info ul li.list_04{background:url('../../images/ftms/sub/policy_info_bg_04.png') no-repeat center 23px;background-color:#ffffff;}
.policy_info ul li.list_05{background:url('../../images/ftms/sub/policy_info_bg_05.png') no-repeat center 23px;margin-right:0 !important;height:230px;background-color:#ffffff;}
.policy_info ul li:hover{background-color:#ebebeb;border:1px solid #ebebeb;}
/*.policy_info ul li.list_01:hover{background:url('../../images/ftms/sub/policy_info_bg_01_off.png') no-repeat center 23px;}*/
.policy_info ul li h5{height:20px;padding-right:24px;padding-top:85px;padding-bottom:20px;margin:0;font-size:15px;display:block;background:url('../../images/ftms/sub/policy_info_line.gif') no-repeat bottom center ;}
.policy_info ul li ul.policyLi{margin-top:15px;}
.policy_info ul li ul.policyLi li{height:31px;display:block;background:none;border:none;}
.policy_info ul li ul.policyLi li a{line-height:31px;display:block;letter-spacing:-2px;}
.policy_info ul li ul.policyLi li a:hover{height:31px;line-height:31px;border:0 !important;background:#716d6b;color:#ffffff;}

/* 법제도자료 - 리스트 타입 변경 20210914*/
.policy_list {height:auto; border:1px solid #c2c2c2; box-sizing:border-box;}
.policy_list > ul > li {float:none; display:block; width:auto; height:auto; margin-right:0px; padding:12px 0; text-align:left; border:0; border-bottom:1px solid #c2c2c2;}
.policy_list > ul > li[class^="list_"] {background-position:15px 5px !important;}
.policy_list > ul > li.list_05{height:auto; border-bottom:0;}
.policy_list > ul > li:hover{background-color:transparent; border-top:0; border-left:0; border-right:0; border-bottom-color:#c2c2c2;}
.policy_list > ul > li > h5{display:inline-block; min-width:180px; height:auto; padding:0 0 0 75px !important; background:none; vertical-align:middle;}
.policy_list > ul > li > ul.policyLi {display:inline-block; margin-top:0; vertical-align:middle;}
.policy_list > ul > li > ul.policyLi > li {float:none; display:inline-block; width:auto; height:auto; margin:0px 40px 0 0; text-align:left; border:0; }
.policy_list > ul > li > ul.policyLi > li > a[target="_blank"]:after{content:''; display:inline-block; width:13px; height:13px; margin:-2px 0 0 10px; background:url(../../images/ftms/common/icon_blank.png) no-repeat; vertical-align:middle;}
.policy_list > ul > li > ul.policyLi > li > a:hover,
.policy_list > ul > li > ul.policyLi > li > a:focus,
.policy_list > ul > li > ul.policyLi > li > a:active{background:none; color:#d15b2b; text-decoration:underline;}

/* 231121 shb 법제도자료 글자 수정 */
.policy_list > ul > li > ul.policyLi > li{margin: 0px 25px 0 0;}
.policy_info ul li ul.policyLi li a{letter-spacing:-0.5px;}

/*제도소개*/
.intro_top{width:915px;height:230px; padding:20px 20px 20px 30px;margin:0;background:url('../../images/ftms/sub/intro_top_bg.jpg');}
.intro_top h4{background:none !important;font-size:26px !important;color:#ffffff;letter-spacing:-1px;}
.intro_top p{width:590px;line-height:26px;font-size:18px;padding-left:30px;color:#ffffff;margin-top:20px;}
.intro_top p strong{font-weight:600;text-decoration:underline;}

/*신속대응지원서비스*/
.call_center_top{width:100%; margin:0; border:1px solid #c2c2c2;background:url('../../images/ftms/sub/call_center_top_bg.jpg') no-repeat 40px 35px;padding:10px 20px 20px 200px;box-sizing:border-box;}
.call_center_top h4{background:none !important;font-size:22px !important;margin-top:20px;}
.call_center_top p{vertical-align:middle; display:inline-block;line-height:24px; margin-left:20px;padding-left:10px;}
.call_center_top p span{font-weight:600;color: #cf4811;}
.call_center_top ul{margin:3px 0 12px 31px;}
.call_center_top ul li { background:url('../../images/ftms/main/middot.gif') no-repeat 0 9px; padding-left:8px; line-height:21px; }
.call_center{width:100%;height:460px;margin-top:30px;background:url('../../images/ftms/sub/call_center_bg_u.jpg') no-repeat;font-size:0;}

/*정보연계*/
.webservice_top{width:100%; margin:0; border:1px solid #c2c2c2;background:url('../../images/ftms/sub/webservice_top_bg.jpg') no-repeat 40px 35px;padding:10px 20px 20px 200px;box-sizing:border-box;margin-bottom:20px;}
.webservice_top h4{background:none !important;font-size:22px !important;margin-top:20px;}
.webservice_top p{vertical-align:middle; display:inline-block;line-height:24px; margin-left:20px;padding-left:10px;}
.webservice_top p span{font-weight:600;color: #cf4811;}
.webservice_top ul{margin:3px 0 12px 31px;}
.webservice_top ul li { background:url('../../images/ftms/main/middot.gif') no-repeat 0 9px; padding-left:8px; line-height:21px; }

/*설명회, 교육안내*/
.edu_top{width:100%; min-height:200px; margin:0; border-bottom:1px solid #c2c2c2;padding:10px 30px 30px 200px;box-sizing:border-box;}
.edu_top h4{background:none !important;font-size:22px !important;}
.edu_top p{vertical-align:middle; display:inline-block;line-height:22px; margin-left:20px;padding-left:10px;}
.edu_top p span{font-weight:600;color: #cf4811;}
.edu_top ul{margin:8px 10px 12px 31px;}
.edu_top ul li { background:url('../../images/ftms/main/middot.gif') no-repeat 0 9px; padding-left:8px; line-height:21px; }
.edu_01{background:url('../../images/ftms/sub/edu_top_bg_01.png') no-repeat 40px 35px;}
.edu_02{background:url('../../images/ftms/sub/edu_top_bg_02.png') no-repeat 40px 35px;}

/*온라인교육안내*/
.school_top{width:100%; margin:0; border:1px solid #c2c2c2;background:url('../../images/ftms/sub/tfood_school_top_bg.jpg') no-repeat 40px 35px;padding:10px 50px 40px 200px;box-sizing:border-box;}
.school_top h4{background:none !important;font-size:22px !important;letter-spacing:-2px !important;font-weight:600;line-height:40px !important;margin-bottom:0;height:80px !important; }
.school_top h4 span{font-size:28px !important;color:#3c8dab;padding:0 5px;}
.school_top p{vertical-align:middle; display:inline-block;line-height:22px; margin-left:20px;margin-top:20px;padding-left:10px;}
.school_top p strong{font-weight:600;font-size:18px;color:#cf4811;}
.school_top ul{margin:3px 0 0 31px;}
.school_top ul li { background:url('../../images/ftms/main/middot.gif') no-repeat 0 9px; padding-left:8px; line-height:21px; }

/* 게시판 */
.search_form { float:right; margin:0 0 15px 0; padding:0; position:relative; }
.search_form input { vertical-align:middle; }
.search_form input.form { border:1px solid #c2c2c2; width:230px;line-height:36px;height:36px;padding:0 0 0 10px !important;float:left;border-left:0 !important;border-right:0 !important;}
.search_form select { border:1px solid #c2c2c2; min-width:100px; vertical-align:middle;line-height:38px; height:38px;padding:0 0 0 10px !important;float:left;}  
.search_form label { vertical-align:middle; background:url('../../images/ftms/sub/type_lable_bullet_02.png') no-repeat 0 3px; display:inline-block; padding-left:12px; margin-right:10px; }
.search_form .number { border:1px solid #c2c2c2; width:100px; }
.search_form a.search_btn {background-color:#d5693d;color:#ffffff;font-size:16px;font-weight:600;width:100px;height:38px;text-align:center;display:block;float:right;line-height:38px;letter-spacing:2px;}
.search_form select:focus,
.search_form input:focus,
.search_form a.search_btn:focus{outline:2px dashed #000; outline-offset:-2px;}

/* 의무화제품조회  */
.top_search_form { margin:0 0 20px 0; padding:0; position:relative; }
.top_search_form input { vertical-align:middle; }
.top_search_form input.form { border:1px solid #aaa; width:200px; }
.top_search_form select { border:1px solid #aaa; padding:2px; width:80px; vertical-align:middle; }  
.top_search_form label { text-align:left; vertical-align:middle; background: url('../../images/ftms/sub/type_lable_bullet.png') no-repeat 0 6px; display:inline-block; padding-left:10px; margin-right:10px; }
.top_search_form .number { border:1px solid #aaa; width:100px; }

/* 제조일자별 검색 */
.data_search { font-size:15px; margin-top:30px; padding-left:20px;/*border-top:1px solid #403a39;border-left:1px solid #c2c2c2;border-right:1px solid #c2c2c2;*/line-height:50px;}
.data_search input { vertical-align:middle; }
.data_search input.form { border:1px solid #aaa; width:200px; }
.data_search select { border:1px solid #aaa; padding:2px; width:80px; vertical-align:middle; }  
.data_search label { vertical-align:middle; background:url('../../images/ftms/sub/type_lable_bullet_02.png') no-repeat 0 24px; display:inline-block; padding-left:8px; margin-right:10px; }
.data_search .write_btn { position:absolute; bottom:-360px; right:0; }
.data_search .number { border:1px solid #aaa; width:100px; }

/* center */
#sitemap_bg { background:url("../../images/ftms/main/sitemap_img.jpg") no-repeat right bottom; overflow:hidden; }
.sitemap { float:left; min-height:400px;}
.sitemap h4 { background:#777272 !important;display:block;height:35px !important;line-height:35px !important;color:#ffffff;text-align:center;padding:0 !important; margin-bottom:0 !important;}
.sitemap ul { margin:0;width:202px; padding:0 10px 10px 10px;list-style:none; background-color:#f9f9f9; border:1px solid #c2c2c2;font-size:15px;font-weight:bold;line-height:25px ; }
.sitemap ul li a:hover{font-weight:bold;}
.sitemap ul li h5{font-size:15px;font-weight:bold;padding-left:15px;line-height:20px !important;height:20px !important;}
.sitemap ul li {margin:10px 0; padding-bottom:5px; border-bottom:1px dotted #c2c2c2; }
.sitemap ul li ul { margin:0; padding:0; background-color:inherit; border:0; }     
.sitemap ul li ul li {font-size:13px;font-weight:normal; line-height:16px; margin-bottom:0; border:0; padding-bottom:0; }  
.sitemap ul li.last { margin-bottom:0; border:0; padding-bottom:0; }
.sitemap.last { clear:both; padding-top:20px; }  
/* 사이트맵 새창 아이콘 추가 */
.sitemap > ul > li > a[target="_blank"]:after{content:''; display:inline-block; width:13px; height:13px; margin:-2px 0 0 5px; background:url(../../images/ftms/common/icon_blank.png) no-repeat; vertical-align:middle;}

/* 비밀번호 확인 */
.pw_form { text-align:center; margin:0 0 20px 50px; padding:0; position:relative; line-height:27px;}
.pw_form input { vertical-align:top; }
.pw_form label { vertical-align:middle; }
.pw_form input.form { border:1px solid #aaa; width:200px;padding:7px; }
.pw_form select { border:1px solid #aaa; padding:2px; width:80px; }
.pw_form .write_btn { position:absolute; bottom:-360px; right:0; }

/* 게시물 작성 */  
.write_table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.write_table { border-top:1px solid #666; width:100%; }
.write_table th {background-color:#ebebeb; border-bottom:1px solid #c2c2c2;padding:10px 20px; text-align:left; color:#444;}
.write_table table.download_files th{border-right:1px solid #c2c2c2;}
.write_table td { border-bottom:1px solid #c2c2c2; padding:10px; }
.write_table input.form { border:1px solid #aaa; width:100%; }
.write_table textarea { border:1px solid #aaa; width:100%; }
.write_table strong { color:#ca2b2b; }
.write_table label,.write_table input {width:20px; vertical-align:middle; }  
   
/* 첨부파일 */  
.thumb_box { overflow:hidden; border:1px solid #c2c2c2;}
.thumb_box .thumb_item { width:100%; }
.thumb_box input.form { border:1px solid #aaa; width:100%; }
.thumb_box textarea { border:1px solid #aaa; width:100%; }
.thumb_box strong { color:#ca2b2b; }
.thumb_box label {width:80px; vertical-align:middle; }  
.thumb_box .upload_text{height:30px;padding:20px 10px;}
.thumb_box .upload_text h5{margin:0 0 10px 0; padding-left:20px;background:url('../../images/ftms/sub/tit_bullet.gif') no-repeat 0 center !important; font-size:14px;}
.thumb_box .upload_text ul{}
.thumb_box .upload_text ul li{height:30px;line-height:30px;font-weight:600;float:left; margin:0 29px;background-color:#ebebeb;padding-right:15px;}
.thumb_box .upload_text ul li span{display:inline-block;width:160px;background-color:#d05e37;color:#ffffff;text-align:center;margin-right:10px;}
.thumb_box .upload_table{padding:20px 35px;clear:both;}
.thumb_box table.download_files th{border-right:1px solid #c2c2c2;}
.thumb_box table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.thumb_box table th {background-color:#ebebeb; border-bottom:1px solid #c2c2c2;padding:10px 20px; text-align:left; color:#444;}
.thumb_box table { border-bottom:0; }
.thumb_box .file_input_div .flie_input_button { width:80px; }

/* 식품이력정보조회상단 */
.search_top {width:100%;height:250px; background:url("../../images/ftms/sub/search_box_bg.jpg") repeat; background-color:#c8c7c7;}
.search_top .fsearch_sub{ height:auto;width: 70%; margin: 0 auto; margin-top:35px;position:relative; padding-right: 130px;} 
.search_top .fsearch_sub h4 {background-color:#414a69;width:145px;height:36px;text-align:center;float:left;margin:0;}
.search_top .fsearch_sub ul {display:flex; flex-wrap: wrap;}
.search_top .fsearch_sub ul li {flex: 1 1 40%; display:flex; height: 36px; margin:0 10px 10px 0;}
.search_top .fsearch_sub ul li label {background:#414a69; font-weight:500; text-align:center; width:150px; display:block; font-size:15px; color:#fff; line-height:36px;}
.search_top .fsearch_sub ul li input {width:calc(100% - 150px);border:2px solid #414a69;}
.search_top .main_text { line-height:22px;padding:45px 0 0 30px;color:#666;font-size:14px;text-align:center;font-weight:600;}
.sub_search_box { position:absolute; top:0; right:0;}
.sub_search_box .search_txt {width:385px;height:30px; line-height:25px;font-size: 18px; border:5px solid #414a69;padding-left:10px;letter-spacing:1px;font-weight:600;float:left;}
.sub_search_box a.search_btn { display:block; width:100px; height: 54px; padding:28px 0 0 30px; text-align: center; font-size: 18px; font-weight: 400; color:#ffffff; background:#414a69 url('../../images/ftms/sub/main_search_icon.png') no-repeat 25px 25px;}

/* 20211206 LHI 식품이력정보조회 수정 */
.fsearch_wrap .tab_list_wrap {display:flex; width:100% !important; margin-top:255px; border-top:1px solid #c2c2c2; border-bottom:2px solid #554b4c;}
.fsearch_wrap .tab_list_wrap > li {width:25%; height:42px; font-weight:600; line-height:42px; text-align:center; border-right:1px solid #c2c2c2; background:#f3f3f3; box-sizing:border-box;}
.fsearch_wrap .tab_list_wrap > li:first-of-type {border-left:1px solid #c2c2c2;}
.fsearch_wrap .tab_list_wrap > li:hover a {text-decoration:underline; text-underline-position:under;}
.fsearch_wrap .tab_list_wrap > li a {display:block;}
.fsearch_wrap .tab_list_wrap > li.active {background:#716d6b;}
.fsearch_wrap .tab_list_wrap > li.active a {color:#fff;}
.fsearch_wrap .tab_cont {display:none;}
.fsearch_wrap .tab_cont.active {display:block;}
.fsearch_wrap .tab_cont_tit {position:absolute; top:89px; width:100%; min-height:180px; padding:40px; font-weight:600; color:#666; text-align:center; background:url("../../images/ftms/sub/search_box_bg.jpg") repeat #c8c7c7; box-sizing:border-box;}
.fsearch_wrap .tab_cont_tit h4 {color:#000; text-align:center; background:none !important;}
.fsearch_wrap .trace_cont {margin-top:35px; padding:20px; border:1px solid #c2c2c2; color:#333; box-sizing:border-box;}
.fsearch_wrap .trace_txt {margin-bottom:20px; line-height:1.6;}
.fsearch_wrap .trace_search > div {display:inline-block; height:38px; vertical-align:middle;}
.fsearch_wrap .trace_search select,
.fsearch_wrap .trace_search input[type="text"] {min-width:150px; height:100%; padding:0 10px; vertical-align:middle; border:1px solid #c2c2c2; box-sizing:border-box;}
.fsearch_wrap .trace_search input[type="text"] {min-width:300px;}
.fsearch_wrap .trace_search .search_btn {display:block; font-weight:600; color:#fff; font-size:16px; width:90px; height:100%; line-height:38px; padding-left:18px; background:url('../../images/ftms/main/icon_mian_search.png') no-repeat 70px 8px #414a69;}
.fsearch_wrap .hidden{overflow:hidden; position:absolute; top:-10000em; height:0px; width:0px;}
._:-ms-fullscreen, :root .fsearch_wrap .trace_search select {padding:0 0 0 10px;}

/* 고객의소리조회상단 */
.search_top2 {width:100%;height:120px; background:url("../../images/ftms/sub/search_box_bg.jpg") repeat; ;background-color:#c8c7c7;}
.search_top2 .main_text { line-height:20px;padding:40px 0 0 30px;color:#666;font-size:14px;text-align:center;font-weight:600;}
.sub_contents {margin-top:20px;}

/* 식품이력정보조회하단 */
.search_bottom {width:100%;height:480px; background:#ffffff;margin:0;}
.search_bottom h5{padding-top:35px;margin:0;font-size:18px;line-height:26px;font-weight:600;text-align:center;}
.search_bottom ul{width:860px;padding:15px 0 0 105px;}
.search_bottom ul li h6{margin-top:170px;margin-bottom:0;font-size:17px;line-height:24px;font-weight:600;text-align:center;}
.search_bottom ul li ul{width:170px;margin:20px 30px 0;font-size:13px;text-align:center;line-height:16px;padding:0 !important;letter-spacing:-1px;}
.search_bottom ul li ul span{font-size:8px;color:#666;font-weight:600;}
.search_bottom .search_01{width:230px;height:370px;margin-right:30px;background:url("../../images/ftms/sub/search_bottom_01.png") no-repeat center 0;float:left;}
.search_bottom .search_02{width:230px;height:370px;margin-right:30px; background:url("../../images/ftms/sub/search_bottom_02.png") no-repeat center 0;float:left;}
.search_bottom .search_03{width:230px;height:370px;background:url("../../images/ftms/sub/search_bottom_03.png") no-repeat  center 0;float:left;}
 
/* detail_img */
.detail_img img { width:250px; height:250px; }

/* info_img */
.info_img { width:680px; }
  
/* small_box 팝업 */
.small_box { background:url('../../images/ftms/sub/small_box_top.gif') no-repeat; padding:9px 0 0 0; }
.small_box .middle { margin:0; padding:21px 30px 10px 30px; background:url('../../images/ftms/sub/small_box_middle.gif') repeat-y; width:349px; height:100%; position:relative; overflow:hidden; }
.small_box .bottom { margin:0; padding:0; background:url('../../images/ftms/sub/small_box_bottom.gif') no-repeat; padding:0 0 13px 0; width:409px; }

/* list_table_top */
.list_table_top {float:left;height:38px;margin:0 0 15px 0;}
.list_table_top span{display:block;height:14px;margin-top:24px;}
.list_table_top span strong{color:#ca2b2b;}

/* list_table */
.list_table { border:0; border-top:2px solid #534b48; border-left:0; width:100%; }
.list_table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.list_table th { text-align:center; font-size:14px;border-bottom:1px solid #534b48; background-image:url('../../images/ftms/common/board_th_line.gif');background-repeat:no-repeat;background-position: right center;  padding:17px 5px; color:#444;background-color:#f3f5f9; font-family:NanumGothic; }
.list_table th:last-child {background-image:none !important;}
.list_table td { text-align:left; border-bottom:1px solid #cccccc;  padding:17px 5px; color:#444; background-color:#fff; font-family:NanumGothic; }
.list_table td img { vertical-align:top; }
.list_table td.center { text-align:center !important; }  
.list_table td span { color:#ca2b2b; }
.list_table h6 { margin:0 0 10px 0; padding:0; font-size:12px; }

/* 상세보기 */  
.board_view table { width:100%;border:0; border-top:1px solid #534b48; border-left:0; }
.board_view table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.board_view th { text-align:center; font-size:14px;border-bottom:1px solid #c2c2c2; padding:13px 5px; color:#444;background-color:#f3f5f9; font-family:NanumGothic; }
.board_view th:last-child {background:none !important;}
.board_view table td { border-bottom:1px solid #c2c2c2; padding:10px; }
.board_view table td.title { font-size:14px; text-align:center; font-weight:bold; background-color:#f3f5f9; }
.board_view table tbody.border { border-right:1px solid #b2bad2; }
.data_table .center {text-align:center;}
.board_view table td.text { padding:20px; }
.board_view table a:hover{text-decoration:underline !important; }
.board_view table td.url_type a { display:block; }
.board_view table td.url_type a + a { margin-top:10px; }
.board_view table td.url_type a:before { content:''; display:inline-block; width:4px; height:4px; background:#c2c2c2; border-radius:100%; vertical-align:middle; margin-right:10px}

/* search_table */
.search_table { width:100%; margin:0; padding:0;  border-left:1px solid #c2c2c2; }
.search_table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.search_table thead th { text-align:left; font-size:14px; background-color:#f3f5f9; padding:10px 20px; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; }  
.search_table thead th strong { background:url('../../images/ftms/sub/type_lable_bullet_02.png') no-repeat 0 7px; display:inline-block; padding-left:12px; }  
.search_table td { border-bottom:1px solid #c2c2c2; text-align:center;  border-right:1px solid #c2c2c2; padding:10px;}
.search_table td a { display:block;width:200px; height:200px; margin:10px auto;text-align:center;}
.search_table td img { width:200px; height:200px;}
.search_table td ul {padding:10px; /*border-top:1px solid #e2e2e2;*/ overflow:hidden;height:54px;}
.search_table td ul li { line-height:22px;text-align:left;font-size:14px;letter-spacing:-1px;background:url('../../images/ftms/main/middot.gif') no-repeat 0 10px; padding:0 0 0 7px; }

/* search_detail */
.search_detail {margin-bottom:60px;}
.search_detail .top { height:40px; font-size:16px;line-height:40px; color:#fff;background:url('../../images/ftms/sub/type_lable_bullet.png') no-repeat 20px center; background-color:#3d3936;padding-left:30px;  }
.search_detail .top strong{display:inline-block; text-decoration:underline;}
.search_detail .top span{display:inline-block;font-size:15px;}

/* search_data_table */  
.search_data_table { width:100%; margin:0; padding:0; border-top:1px solid #534b48; border-left:1px solid #c2c2c2; font-family:NanumGothic; }
.search_data_table thead th { text-align:center; background-color:#f3f5f9; padding:10px 20px; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; }   
.search_data_table td { border-bottom:1px solid #c2c2c2; text-align:center; padding:10px; border-right:1px solid #c2c2c2; }
.search_data_table td img { width:70px; height:50px; }
.search_data_table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}

/* search_table_layer_popup*/  
#divpop{position:absolute; width:250px; border-left:1px solid #666;border-right:1px solid #666; border-bottom:1px solid #666;  height:300px; z-index:1; display:none; background-color:white;}

/* detail_table (세로  white) */     
.detail_table { width:100%; margin:0; padding:0; border-left:1px solid #c2c2c2; }
.detail_table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.detail_table thead th strong { background:url('../../images/ftms/sub/type_lable_bullet_02.png') no-repeat 0 5px; display:inline-block; padding-left:15px; }  
.detail_table td { border-bottom:1px solid #c2c2c2; text-align:left; padding:8px; border-right:1px solid #c2c2c2; background-color:#fff;font-size:13px;line-height:18px;}
.detail_table td img { width:160px; height:160px; }
.detail_table td ul { margin:15px 0 0 0; padding:10px 0 0 10px; list-style:none; border-top:1px dotted #bbb; }
.detail_table td ul li { text-align:left; background:url('../../images/ftms/main/middot.gif') no-repeat 0 6px; padding:0 0 0 10px; }
.detail_table th { text-align:left; font-size:13px; background-color:#ebebeb; padding:10px; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-top:1px solid #534b48;}
.detail_table td .product_img { width:100%; }  

/* 식품유형선택 팝업 유형선택*/
#food_select td:hover{background:#d05e37;}
#food_select td:hover a{color:#ffffff !important;font-size:14px;font-weight:600;}
#food_select td.active{background:#d05e37;font-weight:600;}
#food_select td.active a{color:#ffffff !important;font-size:14px;font-weight:600;}
#food_select td#empty:hover{background:#ffffff;}

/* 업체유형선택 팝업 유형선택*/
#comp_select td.compNm:hover{background:#d05e37;color:#ffffff !important;font-size:14px;font-weight:600;}
#comp_select td.compNm:hover a{color:#ffffff !important;font-size:14px;font-weight:600;}
#comp_select td.compNm.active{background:#d05e37;font-weight:600;color:#ffffff !important;font-size:14px;font-weight:600;}
#comp_select td.compNm.active a{color:#ffffff !important;font-size:14px;font-weight:600;}
#comp_select td#empty:hover{background:#ffffff;color:#333 !important;font-weight:normal;font-size:13px;}

/* type_table (제품타입) */
.type_table { border-top:1px solid #aaaaaa; width:100%;border-right:1px solid #aaaaaa;}
.type_table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.type_table th {  text-align:left; padding:11px 16px; color:#ffffff; background-color:#716d6b; border-bottom:1px solid #ffffff; font-size:14px;}
.type_table th strong { color:#ca2b2b; margin-left:-11px;}
.type_table td { text-align:left; border-bottom:1px solid #aaaaaa; padding:7px 13px; color:#444; background-color:#fff; font-family:NanumGothic;}
.type_table td .red { color:#ca2b2b;}
.type_table strong { color:#ca2b2b;}
.type_table input.form { width:200px;}
.type_table input.form2 { width:180px;}
.type_table input.pop_text { border:1px solid #ccc; margin:0; padding:3px; width:65%;}
.type_table input.image_btn { vertical-align:top;}
.type_table p.text { margin:0; padding:5px 0 0 0;}
.type_table img { vertical-align:middle;}
.type_table input { vertical-align:middle;}
.type_table .br_none { border-bottom:0;}
.type_table select.width_100 { width:100% !important;}
.type_table select.width_40 { width:39% !important; margin-right:5px;}
.type_table select.width_70 { width:70% !important; margin-right:5px;}
.type_table tbody .border { border-right:1px solid #c2c2c2; }
.type_table tbody .center {text-align:center;}

/* data_table (가로형)*/
.data_table {table-layout:fixed; width:100%; border:0; border-top:1px solid #534b48;}
.data_table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.data_table th { text-align:left; border-bottom:1px solid #c2c2c2; padding:13px 13px 13px 30px; color:#444;font-size:14px; background:url('../../images/ftms/sub/type_lable_bullet_02.png') no-repeat 22px center; background-color:#ebebeb; }
.data_table thead th { text-align:center;background-image:none;padding:13px;border-right:#ffffff;}
.data_table th strong { color:#ca2b2b; margin-left:-11px;}
.data_table td { text-align:left; border-bottom:1px solid #c2c2c2; padding:10px 13px; color:#444; background-color:#fff; font-size:13px; line-height:20px;}
.data_table td img { vertical-align:top; max-width:100%;}
.data_table td.center { text-align:center !important; }  
.data_table td span { color:#ca2b2b; }
.data_table h6 { margin:0 0 10px 0; padding:0; font-size:12px; }
.data_table .border { border-right:1px solid #c2c2c2;}
.data_table .center {text-align:center;}
.data_table td input, lable{vertical-align:middle;}

/* info_table (세로형)*/  
.info_table {width:100%; border-left:1px solid #c2c2c2;}
.info_table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.info_table th { text-align:center; padding:13px; color:#ffffff; background-color:#716d6b; border-right:1px solid #c2c2c2; }
.info_table td { text-align:left;vertical-align:top; border-bottom:1px solid #c2c2c2;border-right:1px solid #c2c2c2; padding:13px; color:#444; background-color:#fff; font-size:13px; line-height:20px;}
.info_table .last { border-right:0; }

/* content_table (세로형) */
.content_table{width:100%; border-left:1px solid #c2c2c2;}
.content_table caption {display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.content_table thead th { text-align:center; padding:13px; color:#ffffff; background-color:#716d6b; border-right:1px solid #c2c2c2; }
.content_table th:last-child{border:0;}
.content_table tbody th{ vertical-align:middle; text-align:center; border-bottom:1px solid #c2c2c2;border-right:1px solid #c2c2c2; padding:12px 14px; line-height:18px; color:#444; background-color:#fff; }
.content_table tbody td{ vertical-align:top; text-align:left; border-bottom:1px solid #c2c2c2;border-right:1px solid #c2c2c2; padding:12px 14px; line-height:18px; color:#444; background-color:#fff; }
.content_table strong { color:#ca2b2b; }
.content_table ul li { margin: 0 0 3px 0;padding: 0 0 0 10px;background: url('../../images/ftms/main/middot.gif') no-repeat 0 9px;}

/* 그리드*/
div.dataTables_wrapper {width:963px;margin: 0 auto;}
div.dataTables_wrapper th{ white-space: nowrap; }
div.dataTables_wrapper td{ white-space: nowrap; }
.tab_index { overflow:auto; }

/* input */
input.form { border:1px solid #ccc; margin:0; padding:3px; }
input.form2 { border:1px solid #ccc; margin:0; padding:3px; }
input.number { border:1px solid #ccc; margin:0; padding:3px; width:70px; }
input.address { width:100%; display:block; margin:1px 0 0 0;border: 1px solid #ccc; padding:3px; }
input.disable { border:1px dashed #ccc; background:#f8f8f8;margin:0; padding:3px; }

/* 현장기술지원 확인자,점검자 */
#confirm input{border: none !important;}
.wi25 {width: 25% !important;}
.wi50 {width: 50% !important;}
.wi55 {width: 55% !important;}

/* border_none */
.border_none { border:0 !important; }
.write_btn { float:right; margin:0 0 10px 0; }
.ncs_write_btn { float:right; margin:0 0 10px 0; }
.clear { clear:both !important; }

/* display_none */
.display_none { display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}

/* text-align */
.left { text-align:left !important; }
.right { text-align:right !important; }
.center { text-align:center !important; }
.middle{vertical-align:middle !important; }
select { border:1px solid #aaa; padding:2px; width:80px; vertical-align:middle; }  
.table_top_caption{display:inline;float:right;margin:33px 0 0;color:#666;font-size:12px;}
.table_center_caption{display:inline;float:left;margin:0 22px 10px;color:#666;font-size:13px;}
.table_bottom_caption{display:inline;float:left;margin:9px 0 0;color:#666;font-size:13px;}
.table_top_caption .red { color:#ca2b2b;}w
.invisible_right_border{border-right: none !important;}
.line { line-height:10px; }

/* 버튼 button */
.btn_center{text-align:center;}
a.gray_btn{background-color:#6c6c6c;color:#ffffff;font-size:16px;width:120px;height:38px;text-align:center;display:inline-block;line-height:38px;margin:0 3px;font-weight:600;}
a.red_btn{background-color:#d05e37;color:#ffffff;font-size:16px;width:120px;height:38px;text-align:center;display:inline-block;line-height:38px;margin:0 3px;font-weight:600;}
a.gray_btn_center {background-color:#6c6c6c;color:#ffffff;font-size:16px;width:120px;height:38px;text-align:center;display:block;line-height:38px;letter-spacing:-1px;margin:0 auto;font-weight:600;}

a.board_btn { float:right; background-color:#6c6c6c;color:#ffffff;font-size:16px;width:100px;height:38px;text-align:center;display:block;float:right;line-height:38px;letter-spacing:1px;margin-left:5px;font-weight:600;}
a.board_btn_red { float:right; background-color:#d05e37;color:#ffffff;font-size:16px;width:100px;height:38px;text-align:center;display:block;float:right;line-height:38px;letter-spacing:1px;margin-left:5px;font-weight:600;}
.board_btn2 { float:left;}
.board_btn2 a{ text-decoration:none;background-color:#6c6c6c;color:#ffffff;font-size:16px;width:100px;height:38px;text-align:center;display:block;float:right;line-height:38px;letter-spacing:2px;font-weight:600;}

/* margin */  
.mt_10 { margin-top:10px; }
.mt_20 { margin-top:20px; }
.mt_30 { margin-top:30px; }
.mt_90 { margin-top:90px; }
.mt_120 { margin-top:120px; }    
.ml_10 { margin-left:10px; }
.ml_20 { margin-left:20px; }
.ml_30 { margin-left:30px; }
.ml_70 { margin-left:70px; }
.mb_10 { margin-bottom:10px; }
.mb_20 { margin-bottom:20px; }  
.mb_30 { margin-bottom:30px; }
.mb_50 { margin-bottom:50px; }
.mr_10 { margin-right:10px; }
.mr_20 { margin-right:20px; }
.mr_30 { margin-right:30px; }
  
/* padding */
.pt_10 { padding-top:10px; }
.pt_20 { padding-top:20px; }
.pt_30 { padding-top:30px; }
.pl_10 { padding-left:10px; }
.pl_20 { padding-left:20px; }
.pl_30 { padding-left:30px; }
.pb_10 { padding-bottom:10px; }
.pb_20 { padding-bottom:20px; }
.pb_30 { padding-bottom:30px; }
.pr_10 { padding-right:10px; }
.pr_20 { padding-right:20px; }
.pr_30 { padding-right:30px; }

/*layout-popup*/
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; margin-top: 0 !important;}
.layer .mask_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 40%; left: 30%; width: 410px; height:auto; background-color:#fff; z-index: 10;}	
.pop-layer .pop-container { padding:10px;}
.button_box{ text-align:center; margin-top: 20px;margin-bottom: 20px;}
.button_box>button{ border-radius:3px; padding:10px 30px; border:0; font-weight:bold; font-size:14px; color:#fff; text-align:center; margin:0 5px;}
.button_box>button.blue{ background:#136abb;}
.button_box>button.gray{ background:#626262;}

/*현장기술지원 게시판*/
.search_layerout table {width: 90%; float:left; text-align:left;}

.searchLi {width: 100%; height:58vh; margin:0; padding:0; overflow-y:scroll;}

.searchLi_1 {width: 100%; height:62vh; margin:0; padding:0; overflow-y:scroll;}
.searchLi_2 {width: 100%; height:35vh; margin:0; padding:0; overflow-y:scroll;}
.searchLi_3 {height:12vh; margin-top:25px; padding: 0px 4% 0px 5%; overflow-y:scroll;}

.ui-datepicker-trigger {max-height:100% !important;}

/*현장기술지원버튼*/    
.search_btn4 {width: 10%; display: inline-block; padding: 72px 0 72px 0; vertical-align: top; font-weight: bold; background: #136abb;  border: 0 none; position: relative; font-size:15px; color: #fff; float: right;}
.search_btn4_asm {padding: 58px 0 57px 0 !important; }
.search_btn4_1 { width: 10%; display: inline-block; padding: 34px 0 35px 0; vertical-align: top; font-weight: bold; background: #136abb;  border: 0 none; position: relative;  font-size:15px; color: #fff; float: right;}
.search_btn5 {
    width: 10%;
    display: inline-block;
    padding: 55px 0 55px 0;
    vertical-align: top;
    font-weight: bold;
    background: #136abb; 
    border: 0 none;
    position: relative; 
    font-size:15px;
    color: #fff;
    float: right;    
}
.search_btn6 {
    width: 20%;
    display: inline-block;
    padding: 2px 0 2px 0;
    vertical-align: top;
    font-weight: bold;
    background: #136abb; 
    border: 0 none;
    position: relative; 
    font-size:15px;
    color: #fff;
    float: right;    
}

.wi100 {width: 100% !important;}
.wi70 {width:70% !important;}
.wi67 {width:67% !important;}
.wi65 {width:65% !important;}
.wi33 {width: 33% !important;}
.wi30 {width: 30% !important;}

.table_center td {text-align: center !important;}

/*등록심사관리 화면*/
.btn_orange{ 
	background: #ff6a23;
	border: 0;
	padding: 0 5px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.8;
	float: right;;
}

.date_info{
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}

/*테이블*/
.name_table_layerout {
    width: 90%;
    display: inline-block;
    text-align: left;
}

table.name_table {
    border: 1px solid #bbb;
    border-top: 1px solid #1278cb;
    font-size : 14px;
    width: 100%;
    border-bottom: 0;
    clear: both;
    border-spacing: 0;
    text-align: left;
}

table.name_table caption {
	display: none;
}

table.name_table th {
	color: #555;
	border-bottom: 1px solid #bbb;
	padding: 8px 0;
	text-align: center;
}

table.name_table td {
	border-bottom: 1px solid #bbb;
	padding: 8px 13px 8px 0;;
	color: #555;
	text-align: left;
}

table.name_table td.td_sign{
	padding-right: 0;
	text-align:right;
}
    
table.name_table td.title {
	padding: 8px 5px;
	color: #555;
	font-weight: bold;       
}

table.name_table td img {
	vertical-align: middle;            
	max-width: 100%;
	max-height: 50%;
	text-align: center;
}
    
table.name_table td input {
	border:1px solid #cccccc;
	line-height:23px;
	height:23px;
	padding-left: 5px;
}

/*테이블*/
table.info_type1 {
    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_type1 caption {
     display: none;
 }

 table.info_type1 th {
     background-color: #d5e7f6;
     color: #555;
     border-right: 1px solid #bbb;
     border-bottom: 1px solid #bbb;
     padding: 8px 5px;
     text-align: center;
    
 }

 table.info_type1 td {
     border-right: 1px solid #bbb;
     border-bottom: 1px solid #bbb;
     padding: 8px 5px;
     color: #555;
     text-align: left;
    
 }
 
 table.info_type1 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_type1 td img {
         vertical-align: middle;           
         width:40px; 
 }
 
     table.info_type1 td input {
        border:1px solid #cccccc;
        line-height:23px;height:23px;
 }

/*230112 shb 산업체지원-현장기술지원-온라인신청 수정*/
.footnote{margin: 8px 0; padding: 6px 20px; border-top: 1px dashed #bebebe;}
.footnote li{float: left;}
.footnote li p{font-size: 11px;}
#hffood td{position: relative;}
#hffood ul li sup{position: absolute; top: 3px; font-size: 8px; color: #d15b2b; font-weight: 700;}

/*230112 shb 안내서비스-의무등록 대상 안내 수정*/
.content_table.mt_10 tbody th sup{color: #d15b2b;}
.content_table.mt_10 tbody th .category {margin-top: 18px; padding: 10px 0; background-color: #f5f5f5;}
.content_table.mt_10 tbody th .category li{position:relative; font-size: 13px; font-weight: 500; background: none;}
.content_table.mt_10 tbody th .category li sup{position: absolute; left: 25px; font-weight: 700;}

/*230118 shb 게시글 리스트 new 아이콘 추가*/
.list_new b {display: inline-block; width: 15px; height: 16px; margin-left: 6px; color: #fff; font-size: 10px; text-align: center; vertical-align: top; line-height: 16px; border-radius: 2px; background: linear-gradient(#eb7241, #d5693d);}

/* 250704 유지선 TFOOD ERP 추가 */
.diagram-wrap{display:flex;justify-content:space-between;width:100%;padding:50px;background:#E9E9E9 url('../../images/ftms/sub/dia_bg.png') no-repeat bottom;margin-top:30px;box-sizing:border-box;}
.diagram{flex-basis:68%;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1;}
.diagram::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:70%;height:70%;border:30px solid #d9d9d9;z-index:0;}
.dia-item{position:relative;width:265px;height:190px;padding:20px 30px;border-radius: 8px;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);box-sizing:border-box;overflow:hidden;z-index:1;}
.dia-item ul{display:inline-flex;flex-direction:column;}
.dia-item p{margin-bottom:10px;font-size:17px;font-weight:700;}
.dia-item li{position:relative;display:flex;padding-left:10px;line-height:20px;}
.dia-item li::before{content:"";display:inline-block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:2px;height:2px;border-radius:50%;background-color:#fff;}
.dia-item:nth-of-type(1) li::before,.dia-item:nth-of-type(2) li::before{background-color:#333;}

.dia-item::after{content:"";position:absolute;display:block;width:90px;height:90px;background:url('../../images/ftms/sub/ERPi_wrap.png') no-repeat;}
.dia-item:nth-of-type(1)::after{top:12px;right:-25px;background-position:0px -30px;}
.dia-item:nth-of-type(2)::after{top:-14px;left:-28px;background-position:-90px -30px;}
.dia-item:nth-of-type(3)::after{bottom:-18px;right:20px;background-position:-180px -30px;}
.dia-item:nth-of-type(4)::after{bottom:-24px;left:-5px;background-position:-270px -30px;}
.dia-item:nth-of-type(5)::after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);width:calc(100% + 150px);height:calc(100% + 150px);background:url('../../images/ftms/sub/w-line.png') repeat;opacity:30%;z-index:-1;}

.dia-item:nth-of-type(1){background-color:#BAB6B5;}
.dia-item:nth-of-type(2){background-color:#AFAFAF;}
.dia-item:nth-of-type(3){background-color:#616872;}
.dia-item:nth-of-type(4){background-color:#525864;}
.dia-item:nth-of-type(5){background-color:#2F3D4E;}

.dia-item:nth-of-type(1),.dia-item:nth-of-type(2){color:#333;margin-bottom:20px;}
.dia-item:nth-of-type(3),.dia-item:nth-of-type(4),.dia-item:nth-of-type(5){color:#fff;}

.dia-item:nth-of-type(1),.dia-item:nth-of-type(3){text-align:left;}
.dia-item:nth-of-type(2),.dia-item:nth-of-type(4){text-align:right;}

.dia-item:nth-of-type(5) p{text-align:center;}
.dia-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;flex-direction:row;border-radius:25px;}
.dia-center p{width:100%;}
.dia-center ul{z-index:1;}

.dia-desc{flex-basis:27%}
.dia-desc-tit{margin-bottom:20px;font-size:20px;font-weight:700;line-height:28px;}
.dia-desc-tit em.dia-blue{color:#2F3D4E;font-style:normal;}
.dia-desc-tit em.dia-orange{color:#DD6F44;font-style:normal;}
.dia-desc li{position:relative;padding:0 0 12px 22px;}
.dia-desc li::before{content:"";position:absolute;top:0;left:0;;display:inline-block;width:14px;height:13px;background:url('../../images/ftms/sub/ERPi_wrap.png') no-repeat -60px 0;}

.log-step ul{display:flex;justify-content:space-between;}
.log-step li{position:relative;flex-basis:30%;height:173px;text-align:center;border-radius:3px;}
.log-step li::before{content:"";position:absolute;top:50%;right:-30px;display:block;width:10px;height:17px;background:url('../../images/ftms/sub/ERPi_wrap.png') no-repeat 0 0;}
.log-step li:nth-of-type(1){color:#000;background-color:#AFAFAF;}
.log-step li:nth-of-type(2){color:#fff;background-color:#616872;}
.log-step li:nth-of-type(3){color:#fff;background:#3D4552;}
.log-step li:nth-of-type(3)::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:blocl;width:68px;height:55px;background:url('../../images/ftms/sub/ERPi_wrap.png') no-repeat 0 -120px;}

.log-step p{padding:14px 0;}
.log-step .step-tit{padding:12px 0;font-size:17px;font-weight:700;border-bottom:1px solid #fff;}
.link_btn{display:block;width:118px;margin:0 auto;padding:8px 12px 8px 0;border-radius:3px;color:#fff;text-align:center;line-height:1;background-color:#D15B2B;}
.link_btn span{position:relative;}
.link_btn span::after{content:"";position:absolute;top:50%;right:-18px;transform:translateY(-50%);display:inline-block;width:13px;height:13px;background:url('../../images/ftms/common/icon_blank_white.png') no-repeat;}

.tit02-wrap{padding-left:20px;}
.sub_contents .tit-child{padding-left:20px;color:#666;}
.sub_contents .tit-child::before{display:none;}
.sub_contents .tit_bullet{margin-left:20px;}
.tit_bullet-child{padding:0 0 20px 20px;line-height:18px;}
.tit_bullet-child li{position:relative;padding-left:30px;line-height:28px;}
.tit_bullet-child li::before{content:"";display:inline-block;position:absolute;top:50%;left:20px;transform:translateY(-50%);width:2px;height:2px;border-radius:50%;background-color:#333;}

.order-pr span{position:relative;display:inline-block;}
.order-pr span.flw_step{display:inline-block;width:5px;height:12px; font-size:0; margin:0 10px;background:url('../../images/ftms/sub/ERPi_wrap.png') no-repeat -30px 0;vertical-align:middle;}
.order-pr span:last-child::after{display:none;}

/* 온라인신청 */
.fc-icon-chevron-left, .fc-icon-chevron-right {display:none !important;}
.fc-toolbar-chunk:nth-of-type(2) {margin-left:65px;}
.fc-view-harness-active > .fc-view {border-top:1px solid #403a39;}
.fc-day-sun .fc-col-header-cell-cushion, .fc-day-sun .fc-daygrid-day-number {color:#df4405;}
.fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number {color:#333;}
.fc-daygrid-day.fc-day-today {outline: 2px dotted #CA0707;}
.tbl_annot {margin-bottom:10px; text-align:right;}
.tbl_annot > b {color:#ca2b2b;}

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

@media all and (max-width:767px){
	.searchLi{
	    width: 100%;
		height:33vh;
		margin:0;
		padding:0;
		overflow-y:scroll;
	}
	
	.searchLi_2{
	    width: 100%;
		height:25vh;
		margin:0;
		padding:0;
		overflow-y:scroll;
	}
	
	#hidecell, .hidecell{	
		display:none;
	}	

}

@media all and (min-width:321px) and (max-width:420px){
	
	.search_btn4 {
	    width: 10%;
	    display: inline-block;
	    padding: 63px 0 64px 0;
	    vertical-align: top;
	    font-weight: bold;
	    background: #136abb; 
	    border: 0 none;
	    position: relative; 
	    font-size:15px;
	    color: #fff;
	    float: right;    
	}
	
	.search_btn4_asm {
	    padding: 72px 0 71px 0 !important; 
	}
	
	
	.search_btn4_1 {
	    width: 10%;
	    display: inline-block;
	    padding: 37px 0 38px 0;
	    vertical-align: top;
	    font-weight: bold;
	    background: #136abb; 
	    border: 0 none;
	    position: relative; 
	    font-size:15px;
	    color: #fff;
	    float: right;    
	}
	
	.search_btn5 {
	    width: 10%;
	    display: inline-block;
	    padding: 66px 0 66px 0;
	    vertical-align: top;
	    font-weight: bold;
	    background: #136abb; 
	    border: 0 none;
	    position: relative; 
	    font-size:15px;
	    color: #fff;
	    float: right;    
	}
	
	.searchLi{
	    width: 100%;
		height:30vh;
		margin:0;
		padding:0;
		overflow-y:scroll;
	}
	
	.searchLi_1{
	    width: 100%;
		height:46vh;
		margin:0;
		padding:0;
		overflow-y:scroll;
	}
	
	.searchLi_2{
	    width: 100%;
		height:25vh;
		margin:0;
		padding:0;
		overflow-y:scroll;
	}
}

@media all and (max-width:320px){
	
	.search_btn4 {
	    width: 10%;
	    display: inline-block;
	    padding: 66px 0 67px 0;
	    vertical-align: top;
	    font-weight: bold;
	    background: #136abb; 
	    border: 0 none;
	    position: relative; 
	    font-size:15px;
	    color: #fff;
	    float: right;    
	}
	
	.search_btn4_1 {
	    width: 10%;
	    display: inline-block;
	    padding: 49px 0 49px 0;
	    vertical-align: top;
	    font-weight: bold;
	    background: #136abb; 
	    border: 0 none;
	    position: relative; 
	    font-size:15px;
	    color: #fff;
	    float: right;    
	}
		
	
	.search_btn5 {
	    width: 10%;
	    display: inline-block;
	    padding: 66px 0 66px 0;
	    vertical-align: top;
	    font-weight: bold;
	    background: #136abb; 
	    border: 0 none;
	    position: relative; 
	    font-size:15px;
	    color: #fff;
	    float: right;    
	}
	
	.searchLi{
	    width: 100%;
		height:20vh;
		margin:0;
		padding:0;
		overflow-y:scroll;
	}
	
	.searchLi_1{
	    width: 100%;
		height:32vh;
		margin:0;
		padding:0;
		overflow-y:scroll;
	}
	
	.searchLi_2{
	    width: 100%;
		height:15vh;
		margin:0;
		padding:0;
		overflow-y:scroll;
	}

}

/*20220920 신효빈 ebook 서브 추가*/
.ebook_wrap {margin:50px 0 0 30px;}
.ebook_wrap .ebook_cont {display:block; padding:30px 0; border-bottom:1px solid #f0f0f0;}
.ebook_wrap .ebook_cont:first-of-type {padding:0 0 30px 0;}
.ebook_wrap .ebook_tit {display:inline-block; position:relative; width: 160px; padding:40px 0 0 20px; font-weight:700; font-size:28px; color:#d56931; vertical-align:top; letter-spacing:-1px; box-sizing:border-box;}
.ebook_wrap .ebook_tit::after {content: ""; position:absolute; bottom:-5px; right:-20px; width:55px; height:1px; background:#c2c2c2;}
.ebook_wrap .ebook_tit > span {position:absolute; top:-15px; left:15xp; font-size:50px; color:#8f8f8f; z-index:-1;}
.ebook_wrap .ebook_lis {display:inline-block; width:calc(100% - 165px); vertical-align:top;}
.ebook_wrap .ebook_lis > li {display:inline-block; width:calc(25% - 13px); margin-left:10px;}
.ebook_wrap .ebook_lis > li:nth-of-type(n+5):last-of-type {margin-top:10px;}
.ebook_wrap .ebook_thum {display:block; position:relative; padding:10px; background-color:#fbfbfb; box-sizing:border-box;}
.ebook_wrap .ebook_thum:after {content:""; position:absolute; top:50%; left:50%; width:38px; background:url('../../images/ftms/sub/icon_view.png') no-repeat; transform:translate(-50%, -50%); z-index:9}
.ebook_wrap .ebook_thum > img {display:block; width:100%;}
.ebook_wrap .ebook_info > span {font-size:11px;}
.ebook_wrap .ebook_info > p {overflow:hidden; margin:10px 0 6px 0; font-weight:600; text-overflow:ellipsis; white-space:nowrap;}
.ebook_wrap .ebook_info > p > span {font-size:8px;}
.ebook_wrap .ebook_thum:hover,.ebook_wrap .ebook_thum:focus, .ebook_wrap .ebook_thum:active {box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,0.24); transition:all 0.3s;}
.ebook_wrap .ebook_thum:hover:after, .ebook_wrap .ebook_thum:focus:after, .ebook_wrap .ebook_thum:active:after {height:37px;}
.ebook_wrap .ebook_thum:hover > img, .ebook_wrap .ebook_thum:focus > img, .ebook_wrap .ebook_thum:active > img {opacity:.8;}

/*20231204 FAQ 자주하는질문*/
.accordion_wrap{display:inline-block; border-bottom:1px solid #dbdbdb; margin:20px 0; width:100%;}
.accordion_box > div{padding:20px; position:relative;}
.accordion_box > div > img.tit{position:absolute; background:#676ec1; border-radius:15px; top:20px;}
.accordion_box > div.an > img.tit{background:#419544 !important;}
.accordion_box > div > img.tit{background:#3491AD;}
.accordion_box .qu{border-top:1px solid #dbdbdb; padding:10px 20px;}
.accordion_box .qu > div {display:block; margin:0 0 0 40px;}
.accordion_box .qu > div button{position:relative; padding:10px 0; margin-left:5px; border:none; background:#fff; cursor:pointer; width:100%; text-align:left;}
.accordion_box .qu > div button::after{content:''; display:block; width:30px; height:30px; background:url(../../images/ftms/sub/qna_arrow1.png) no-repeat 0 0; position:absolute; top:10px; right:10px; transition:all 0.4s;}
.accordion_box .qu > div button.on::after{transform:rotate(180deg); transition:all 0.4s;}
.accordion_box .qu > div button span{line-height:27px; font-size:16px; color:#333; margin-right:45px; display:inline-block; font-family:NanumGothic; font-weight:500; word-break:break-word; max-width:80%; vertical-align:top;}
.accordion_box .qu > div button span.hidden{display:none; font-size:0; width:0; height:0; text-indent:-9999px;}
.accordion_box .an[hidden]{display:none; background:#fffdf5; max-height:0; transition:all .35s; overflow:hidden;}
.accordion_box .an .qna_answer{display:inline-block; margin:0 50px; word-break:break-word; line-height:1.6; color:#333;}
.accordion_box .an .qna_answer table th{background:#e7ecfd;}
.accordion_box .an .qna_answer table th{background:#f3fafd;}
.accordion_box .an .qna_answer table td{background:#fff;}
.accordion_box .an.on{display:block; max-height:100%; transition:all .35s; box-shadow:1px 2px 6px 0 rgb(0 0 0 / 12%);}
.faq_total{margin-bottom:0;}
.faq_policy_info{margin:10px 0 0 0;}
.faq_policy_info > ul{display:flex; flex-wrap:wrap; width:100%; justify-content:center;}
.faq_policy_info > ul > li > button{width:300px; height:35px; border:1px solid #ccc; background:#898989; color:#fff; font-size:16px; font-weight:700; font-family:NanumGothic;}
.faq_policy_info > ul > li > button.on{text-decoration:underline; text-underline-position:under; background:#d5693d;}
.faq_policy_info > ul > li > button:focus,.faq_policy_info > ul > li > button:active, .faq_policy_info > ul > li > button:hover{text-decoration:underline; text-underline-position:under;}
.faq_policy_info > ul > li > button:focus{outline:2px dashed #000; outline-offset:-2px;}

/* 20240927 공지사항 */
#center table .title h4 {padding:0; font-size:14px; line-height:1; margin:0; height:auto; background:none;}

/*20250919 input*/
input[type="radio"]{min-width:17px;min-height:17px;}
.number.dateInput{width:110px;padding: 3px 19px 3px 3px;background:url('../../images/ftms/common/ico_calendar2.gif') no-repeat center right;background-size:16px 17px;box-sizing:border-box;cursor:default;}

/* 20250919 datepicker 수정*/
.ui-datepicker .ui-widget-header{background:#2E4D66;border:1px solid #2E4D66}
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default{color:#2E4D66;}
.ui-widget-header .ui-state-highlight{color:#d15b2b;border:2px solid #d15b2b;background:#FBEFEA;}
.ui-datepicker .ui-state-highlight:not(.ui-state-active), .ui-datepicker.ui-widget-content .ui-state-highlight:not(.ui-state-active){outline:2px dotted #2E4D66; border:1px solid #c5dbec;background:#98aebf url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x}/* 오늘 선택 리셋  */
.ui-datepicker .ui-state-active, .ui-datepicker.ui-widget-content .ui-state-active{color:#d15b2b;border:2px dashed #d15b2b;background:#FBEFEA;}/*선택된 날짜*/
.ui-datepicker .ui-datepicker-prev.ui-corner-all:focus, .ui-datepicker .ui-datepicker-next.ui-corner-all:focus,.ui-datepicker select.ui-datepicker-year:focus,.ui-datepicker select.ui-datepicker-month:focus{outline:2px dashed #fff;}

/* 20260930 고객의소리 필수입력문구추가*/
.write_req{display:block; color:#444; font-size:15px; font-weight:600;}
.write_req b{color:#ca2b2b;}

/* 20261013 식품이력정보조회 제품목록 날짜입력안내*/
.data_search .date_guide{margin:-20px 0 0 147px; font-size:13px; color:#444;}
.mb_modify.tbl_annot{margin-top:-30px;}