@charset "UTF-8";
/* ================================================================================================= */
/* 작성자 : 박병곤 */
/* 작성일 : 2013. 08. 08 */
/* ================================================================================================= */
body {background:#fff url('../images/login_01/bg_body.jpg') center 262px repeat-x; font-family: 'Noto Sans KR', sans-serif;}
/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
/* 레이아웃. */
/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
#ly_wrapper {position: relative; margin: 0; padding: 0; height: 100%; overflow: auto; width: 100%; min-width: 1000px; background:transparent url('../images/login_01/bg_wrapper.png') center 262px no-repeat;}
#ly_container {position: relative; margin: 0 auto; width: 1000px; height: 650px; background:transparent url('../images/login_01/bg_container.png') center 35px no-repeat; }


/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
/* 콘텐츠 */
/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
/* 로고 */
h1 {position: absolute; left: 392px; top: 171px;}


/* 로그인 정보입력 */
.login_member {position: relative; left: 356px; top: 290px; width: 230px;}
.login_member h3 {display: none;}
.login_member div {height: 140px; background:transparent url('../images/login_01/bg_inputbox.png') 57px top no-repeat;}
.login_member div fieldset label {position: absolute; left: 0; font-weight: bold; letter-spacing: -1px;}
.login_member div fieldset label.in_lab01 {top: 6px; left: 11px;}/* 아이디 */
.login_member div fieldset label.in_lab02 {top: 35px;}/* 비밀번호 */
.login_member div fieldset label.in_lab03 {top: 66px; left: 78px; font-weight: normal;}/* 직원번호 저장 */

.login_member div fieldset input {position: absolute; left: 63px; background-color: transparent; border: 0px solid blue;}
.login_member div fieldset input.in_inp01 {top: 5px;}/* 아이디 입력 */
.login_member div fieldset input.in_inp02 {top: 32px;ime-mode:disabled;}/* 비밀번호 입력 */
.login_member div fieldset input.in_inp03 {top: 62px; left: 53px;}/* 체크박스 */
.login_member div fieldset input.in_inp04 {top: 95px; left: 57px;}/* 로그인 버튼 */
.login_member div fieldset input.in_inp05 {top: 130px; left: 57px;}/* 인증서로그인 버튼 */

.login_member div fieldset span {position: absolute; left: 153px; top: 95px; display: block;}/* 취소 버튼 */


/* 안내문구 */
p.in_copy {position: absolute; left: 0; top: 616px; width: 100%; text-align: center; }
p.in_copy strong {letter-spacing: -1px;}


/* 새롭게 받은 css 2017.06.13 한준호  */
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif, dotum,'돋움';}
body{font-size:14px; color:#434343; line-height:20px; width:100%; height:100%; background:url(/SEFOOD/images/login_01/background.png) no-repeat center; }
li{list-style:none}
a{text-decoration:none}
address, caption, em, var{font-style:normal; font-weight:normal}
input, textarea, select{letter-spacing:normal; border:1px solid #a0a0a0; background:#fff;}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}

/* .bg {background: url('/SEFOOD/images/login_01/background.png') no-repeat center; background-size:cover; min-height:762px;} */

#wrap {width:100%; margin:0 auto;}

.logo_con {width:100%; text-align:center; margin: 0  auto 30px; padding-top: 80px;}
.text_con {width:100%; text-align:center; margin:0 auto;}

.con_wrap {max-width:1060px; margin:0 auto;}
.con {width:488px; height:142px; margin:45px auto; padding:40px 0 0 0; background:url(/SEFOOD/images/login_01/loginbox_bg.png);}
.con_id_pw  {position:relative; width:399px; height:165px; margin:0 auto;}
.btn_login{position:absolute;right:0;top:0;display:block;width:114px;height:81px;background: #045f7b;color: #fff;text-align: center;line-height: 81px;font-size: 18px;border-radius: 5px;}/*20240523*/

.id_in {width:260px; margin-bottom:10px;}
.pw_in {width:260px; }
.id_lab {color:#000000; font-size:15px; font-weight:bold; float:left; width:70px; text-align:right; margin:5px 10px 0 25px;}
.pw_lab {color:#000000; font-size:15px; font-weight:bold; float:left; width:70px; text-align:right; margin:5px 10px 0 25px;}
input.id_inp {padding:4px 4px 4px 35px; height:26px; border:1px solid #fff; width:89%; float:left; margin-bottom:9px; background: #fff url(/SEFOOD/images/login_01/id_t.gif) no-repeat 10px center; }
input.pw_inp {padding:4px 4px 4px 35px;  height:26px; border:1px solid #fff; width:89%; float:left; background: #fff url(/SEFOOD/images/login_01/pw_t.gif) no-repeat 10px center;}
/* 2024.05.21 추가 */
input.id_inp::placeholder,
input.pw_inp::placeholder{color:#666666}
/* 2024.05.21 */


.id_pw_btns {float:left; width:100%; margin:20px 0 0 105px;}
.id_pw_btns ul li.login {float:left;}
.id_pw_btns ul li.login a {background:#f7b400; border-radius:5px; float:left; width:124px; height:33px; line-height:33px; font-size:15px; color:#fff; font-weight:bold; text-align:center;}
.id_pw_btns ul li.cancle {float:left; margin-left:5px;}
.id_pw_btns ul li.cancle a {background:#7c7c7c; border-radius:5px; float:left; width:104px; height:33px; line-height:33px; font-size:15px; color:#fff; font-weight:bold; text-align:center;}

.explain { margin:30px auto; background-color: rgba(255,255,255, 0.7); border-radius:5px; color:#222; padding:10px 0; line-height:20px; text-align:center;position: relative; width: 100%;}
.explain  span.fc_org{color:#f74000;}


/* 2017.07.12. 한준호 아이디저장 style  */
.con_id_pw_box{ overflow:hidden;}
.id_save {margin-top: 10px;color:#fff;font-size:13px;position: absolute;left: 0;top: 81px;}/*20240523*/

.id_save input[type="checkbox"] { display: inline-block; width: 17px; height:16px;  background:url(/SEFOOD/images/login_01/checkbox_img.png) no-repeat left top; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0; padding:0; cursor: pointer }



.id_save input[type="checkbox"]:checked{ background-position: 0 -16px; }



.id_save .inputDiv #id_save { display: inline-block;  width:19px; height:19px; border:1px solid #fff;cursor:pointer; }

.pw_reset{color:#fff; display:inline-block; padding:5px 10px 2px; font-weight:normal; font-size:13px; margin-left: 20px;}

/* 2018.03.07. 한준호 비밀번호초기화 style  */
.pass_reset {text-align: right;	width: 140px;	padding: 7px 10px 7px 7px;	font-weight: bold;	float: right;	margin: 3px 15px 15px 12px;}
.pass_reset .inputDiv { float: left;}
.pass_reset .labelDiv { float: left;}
.pass_reset .inputDiv #id_save { display: inline-block;  width:19px; height:19px; margin:7px 8px 0 0; }
.pass_reset .labelDiv { width:130px; /* background: #4472c4;  */height:15px; text-align: center; border-radius: 5px; padding: 9px 15px 7px 35px;}
.pass_reset .labelDiv label { color: black; font-size: 14px;}
.pass_reset .labelDiv a:visited { text-decoration : none; color: black; font-size: 14px;}
.pass_reset .labelDiv a:link { text-decoration : none; color: black; font-size: 14px;}
.pass_reset .labelDiv a:hover { color: gray; font-size: 16px;}

/* 2017.07.12. 한준호  홍보페이지 바로가기 style  */
.portal_url { font-weight: bold;font-size: 15px; }
.portal_url  { width:371px; height:50px; padding: 50px 0px 0px 95px; float : left;	position:relative; 	top:235px; 	left:85px; 	padding-top:20px;}
.portal_url span{ display:inline-block;	padding : 10px;	width : 200x;	height: 15px;	border-radius: 5px;	background: #74d5f2;}
.portal_url span a{	font-weight: bold;	font-size: 17px; color : white;  border-radius: 5px;} 
.portal_url span a:visited {	font-weight: bold;	font-size: 17px; color : white;} 
.portal_url span a:hover {	text-decoration: underline;	font-weight: bold;	font-size: 17px; color : white;} 
.iframe_margin {	margin-top:-22px; } 

.portal_login{font-weight: bold; font-size: 15px; position: relative; left: 675px;}
/* .portal_login{position:absolute; right: 565px; bottom: 230px; font-weight: bold; font-size: 15px;} */
.portal_login a:visited{color:black; font-weight: bold; font-size: 15px;}

/*하단 안내*/
.ann_box{margin:0 auto; clear:both; overflow:hidden; position: relative; left: 23px;}
.ann_box img{float:left; border:none; margin:0; padding:0;}


/* 신규확산 안내자료 추가  */
.con_box  {width: 100%; }
.con_box:after  {content: ""; display: block; clear: both;}
.con_box .box { float: left; box-sizing: border-box; border-right: 1px dashed #bbb; height: 250px;}
.con_box .box:last-child {border: none;}
.con_box .box h4 {text-align: center; font-size: 18px; line-height: 22px; margin-bottom: 20px; letter-spacing: -0.5px;}
.con_box .box.box1 a {display: block; text-align: left; padding: 7px 10px; color:#fff; margin: 5px 20px; background: #2B579A url(/SEFOOD/images/login_01/download.png) no-repeat 92% 50%;}
.con_box .box.box1 a:hover, .con_box  .box.box1 a:active {background:#1a417c url(/SEFOOD/images/login_01/download.png) no-repeat 92% 50%;}

.con_box .box.box1 h4 { background:url(/SEFOOD/images/login_01/box1.png) no-repeat center top; padding-top: 50px;}
.con_box .box.box2 h4 { background:url(/SEFOOD/images/login_01/box2.png) no-repeat center top; padding-top: 50px;}
.con_box .box.box3 h4 { /* background:url(/SEFOOD/images/login_01/box3.png) no-repeat center top;  padding-top: 50px;*/}
.con_box .box.box4 h4 { background:url(/SEFOOD/images/login_01/box4.png) no-repeat center top; padding-top: 50px;}
.con_box .box.box2 a {display: block; text-align: left; padding: 10px; color:#fff; margin: 5px 20px; background: #00B490 url(/SEFOOD/images/login_01/download.png) no-repeat 92% 50%;}
.con_box .box.box2 a:hover, .con_box  .box.box2 a:active {background:#00997a url(/SEFOOD/images/login_01/download.png) no-repeat 92% 50%;}

.con_box .box.box1 {width: 20%;}
.con_box .box.box2 {width:22%;}
.con_box .box.box3 {width:70%; margin: 0 0 0 70px;}
.con_box .box.box3 > div {margin: 0 20px;}
.con_box .box.box3 ul { font-size: 15px;}
.con_box .box.box3 ul li {margin-bottom: 5px;}
.con_box .box.box3 ul li span:first-child {width: 88px; color: #0070B1; display: inline-block; letter-spacing: -0.5px; }

.con_box .box.box4 {width:20%; text-align: center;}
.con_box .box.box4 ul {margin: 0 15px; font-size: 15px;}
.con_box .box.box4 ul li:nth-child(1), .con_box .box.box4 ul li:nth-child(3) {color:#127908; margin-top: 12px;  letter-spacing: -0.5px; }/*20240523*/

.fl { float: left; }
.fr { float: right;}

.fl .mr5 {margin-right:5px;}
.fr .mr5 {margin-right:5px;}

@media screen and  (max-width: 1020px) {
	.con_box {width: 100%;}
	.con_box .box { height: 300px;}
	.con_box .box.box1, .con_box .box.box2,  .con_box .box.box3,  .con_box .box.box4  {width: 25%;}
	.con_box .box.box3 ul {float: none; width: auto;}
	.con_box .box.box3 > div {display: table; margin: 0 auto;}    
	}
	
@media screen and  (max-width: 935px) {
	.con_box {min-width: 935px;}
	}

/* 비번변경 레이어팝업 */
.layer_popup .btn_close,
.layer_popup .btn_close:after,
a.btn_pw,
a.btn_pw:hover
{
	transition : all 0.3s ease;
    -webkit-transition : all 0.3s ease;
}
.layer_popup {position:fixed; width:100%; height:100%; left:0; top:0; z-index:999;}
.layer_popup:after {content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.1; -webkit-opacity:0.1;}
.layer_popup .inner {width:100%; max-width:600px; display:table; height:400px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-200px; margin-left:-300px; z-index:10;}
.layer_popup .pop_header {padding: 20px 0; background: #01A8A1; color: #fff; width: 100%;}
.layer_popup .pop_header h2 {font-size: 20px; font-weight: normal; letter-spacing: -1px; padding-left: 25px;}
.layer_popup .pop_header a.btn_close {display:block; position:absolute; right:25px; top:23px; width:20px; height:20px; text-indent:-9999px; overflow:hidden;}
.layer_popup .pop_header a.btn_close:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/close_btn.png) no-repeat center 50%;}
.layer_popup .pop_header a.btn_close:hover:after,
.layer_popup .pop_header a.btn_close:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.layer_popup .pop_body {padding: 30px;}
.layer_popup .pop_body p.txt_heading {font-size: 17px; text-align: center;}
.layer_popup .pop_body p.color {color: #01A7A1;}
.layer_popup .pop_body .form {text-align: center; margin: 25px auto 0;}
.layer_popup .pop_body .form fieldset {background: #f3fbfb; padding: 30px 0;}
.layer_popup .pop_body .form ul {margin-top: 20px;}
.layer_popup .pop_body .form ul li {margin: 5px 0;}
.layer_popup .pop_body .form ul li input {width: 200px; margin-left: 10px; padding: 7px 10px;}
::-webkit-input-placeholder {color:#9a9a9a;}
a.btn_pw {background:#36344a; color:#fff; padding: 10px 50px; font-size: 16px; display: inline-block;border-radius: 3px; -webkit-border-radius: 3px; margin-top: 15px;}
a.btn_pw:hover, a.btn_pw:active {background:#007f81;}

.basic_table_view{float:left; background:#fff; font-size: 13px; border-collapse: collapse; border-top:2px solid #a8a8a8; width:100%;}
.basic_table_view th { background-color:#fafafa; border-right:1px solid #ccc;border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:13px;text-align: center; vertical-align: middle; line-height:17px; color:#222;}
.basic_table_view th:first-child {border-left:none; }
.basic_table_view th:last-child {border-right:none; }	
.basic_table_view th.navy {background-color: #E0F7FA; }	
.basic_table_view td { border-bottom:1px solid #ccc; padding:10px; text-align: center;vertical-align: middle;}
.basic_table_view td:first-child{border-left:none;}
.basic_table_view td .line_none{border-left:none;}
.basic_table_view .left {text-align:left;}
.basic_table_view input.style_no{ border:none;}
.basic_table_view td.photo_view_img img{ max-width:100%;}
.basic_table_view td.photo_view_img_center img{max-width:100%;max-height:100%;margin-left:auto; margin-right:auto; display:block;}
.basic_table_view td img{ vertical-align:middle; cursor:pointer;}
.basic_table_view td#tdContents img {display:inline-block; height: auto !important; margin: 0 2%; width: 96% !important;}
.basic_table_view input[type="text"]{vertical-align:top;}
.basic_table_view td input[type="checkbox"]{height:auto !important;}

/* 비밀번호 보이기/숨기기 토글 버튼 - 2026.09 */
.pw_in_wrap {position: relative; display: flow-root;}
.btn_pw_toggle {position: absolute; right: 4px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; font-size: 16px; line-height: 1; padding: 0; color: #888; opacity: 0.6; outline: none;}
.btn_pw_toggle:hover, .btn_pw_toggle.active {opacity: 1; color: #045f7b;}

/* 비밀번호 변경 팝업 내 토글 버튼 */
.pw_input_wrap {position: relative; display: inline-block; vertical-align: middle; margin-left: 10px;}
.pw_input_wrap input[type="password"], .pw_input_wrap input[type="text"] {margin-left: 0 !important;}
.pw_input_wrap .btn_pw_toggle {position: absolute; right: 4px; top: 50%; transform: translateY(-50%);}