@charset "UTF-8";
/*서브 공통 사항*/
.sub_lnb {  position:relative; top:60px; z-index:1; width:100%; height:40px; box-shadow:2px 2px 2px rgba(0,0,0,0.3);box-sizing:border-box;  }
.sub_lnb > li { float:left; width:50%; height:40px } /*하이트로 잡아서 하위요소 안밀림*/
.sub_lnb > li > a {  display:inline-block; font-size:13px; font-weight:400; color:#5f5f5f; background:#ddeec5;
						width:90%;  padding:14px 0  13px 10%; position:relative; }
.sub_lnb > li:last-child > a {  font-weight:400; background:#f5faed; }
.sub_lnb > li > ul {  width:100%; box-shadow:2px 2px 2px rgba(0,0,0,0.3); display:none; box-sizing:border-box; }
.sub_lnb > li > ul > li {  background:#fff; border-bottom:1px solid #e1e1e1; width:100%; }
.sub_lnb > li > ul > li > a { color:#5f5f5f; font-size:12px; display:inline-block; padding:10px 0 10px 10% ; width:90%;}
.lnb_arrow {width:15px; position:absolute; top:50%; right:16px; margin-top:-5px; transition:all 0.3s;  }
.lnb_arrow_rotate {transform:rotate(180deg); transition:all 0.3s;}
.sub_wrap { width:100%;  background:url('/engm/images/sub/main_bg.jpg') center top; background-repeat:no-repeat; background-size:cover; min-height:350px }
.sub_title { font-size:20px; font-weight:600; color:#555655; margin-bottom:20px; margin-left:2.5% }
.sub_title::before { content:''; width:4px; height:20px; background:#555655; display:inline-block; vertical-align:bottom; }
	.sub_title span { color:#707071; font-size:13px; font-weight:300; margin-top:10px; display:inline-block; }


/*sub_01 회사소개 */
.sub_wrap01 { padding-top:80px; padding-bottom:50px; }
.sub_intro_img { background:url('/engm/images/sub/sub_intro_img.jpg') center top; background-repeat:no-repeat; background-size:cover; 
					 height:200px; width:95%; margin:0 auto ; position:relative; }
.sub_intro_img p { font-size:40px; font-weight:600; color:#fff; text-align:left; vertical-align:bottom;
						position:absolute; left:-5px; bottom:-5px; }
.sub_intro { width:95%; margin:40px auto 0; }
.sub_intro p { font-size:14px; font-weight:350; color:#333; line-height:22px; letter-spacing:-1px; margin-bottom:20px; }

.intro_ceo { overflow:hidden; width:100%; margin-top:00px; }
	/*
	.infor_ceo_l { float:left; position:relative; height:80px; width:170px; margin-top:20px; left:70px; }
		.infor_ceo_l p{ position:absolute; bottom:40px;  font-size:14px; font-weight:350; color:#333; vertical-align:bottom; }
		.infor_ceo_l p span { font-size:17px; font-weight:400; vertical-align:bottom; display:inline-block; margin-left:10px; }
		.infor_ceo_l img{ width:100%; position:absolute; bottom:0; }
		*/
	.infor_ceo_l { float:left; width:55%; height:120px; margin-top:20px; margin-right:5px;  }
		.infor_ceo_l p{ width:100%; font-size:14px; font-weight:300; color:#333; vertical-align:bottom; text-align:right; }
		.infor_ceo_l p span { width:100%; font-size:17px; font-weight:500; vertical-align:bottom; text-align:right; display:inline-block; float:right ; }
		.infor_ceo_l p strong { width:100%; font-size:14px; font-weight:400; vertical-align:top; text-align:right; display:inline-block; float:right ; }
		.infor_ceo_l img{ width:150px;  }
	.infor_ceo_r { float:right; width:40%; }
		.infor_ceo_r img{ width:100%; }

/*sub01-조직도*/
.organization{ overflow:hidden; width:95%; margin:0 auto; position:relative; }
	.organization > img { width:20%; }
	.organ_ceo { background:#8dc63f; text-align:center; color:#fff; height:30px; line-height:30px; font-size:13px; 
					width:20%; left:5%; top:50%; position:absolute; margin-top:-24px; }
	.organ_ceo::after { content:''; width:40px; height:1px; background:#d4d4d4; display:inline-block; 
								margin-left:24px; position:absolute; top:50%; }
	.organization ul { width:40%; float:right; margin-right:10%; }
	.organ_con { float:right; width:100%; margin-bottom:20px; position:relative; }
	.organ_con05 { margin-bottom:0px; }
	.organ_con::before{ content:''; font-size:15px ; font-weight: ; width:50px; height:1px; background:#d4d4d4; display:inline-block; 
								margin-left:-50px; position:absolute; top:50%;}
	.organ_con::after{ content:''; border:2px solid #8dc63f; box-sizing:border-box; width:10px; height:10px; border-radius:10px; position:absolute; display:inline-block;
							top:calc( 50% - 5px); left:-50px; background:#fff; }
	.organization_bar { width:1px; height:545px; display:inline-block; background:#d4d4d4; position:absolute; left:calc(50% - 46px ); top:55px; }
	.organ_con dt { background:#fff; text-align:center; border:2px solid #8dc63f; color:#555555; height:30px; line-height:30px; font-size:13px;  }
	.organ_con dd { background:#c5e29f; min-height:0px; margin-top:5px; padding:10px 20px;  }
	.organ_con dd p { line-height:19px; font-size:13px; color:#555555; }
	.organ_con dd p::before { content:'·' }
	.organ_con dd span { margin-left:9px;  }

/*sub01-오시는길*/
.map_wrap{  }
.map_img{ width:95%; margin:0 auto; overflow:hidden; }
.map_txt { width:95%; margin:10px auto 15px ;  }
.map_txt2 {  width:95%; margin:10px auto 15px ; }
.map_txt2 .address{ font-size:18px; font-weight:300; color:#555555; letter-spacing: -1px; line-height:23px; }
.map_txt2 .address1{ font-size:13px; font-weight:300; color:#555555; letter-spacing: -1px; line-height:23px; }
strong.blue{ color: #3a3aaa; }
.address{ font-size:13px; font-weight:300; color:#555555; letter-spacing: -1px; line-height:23px; }
/* .address01{ font-size:13px; font-weight:300; color:#555555; letter-spacing: -1px; line-height:23px; margin-left:50px; } */

	.address strong { font-weight:500; vertical-align:top; }
	.address_margin { margin-left:-50px; font-weight:500; vertical-align:top;  }
	.address span { vertical-align:top; font-weight:500; margin-right:10px; }
	.address span::before { content:'·'; display:inline-block; }
	.add_color_purple{ color:#9c60a8; }
	.add_color_green{ color:#1fb259; }
	.add_color_blue{ color:#3d5bab; }
	.add_color_green2{ color:#5bb025; }

    .nbsp{display: inline-block; box-sizing: border-box; padding: 0 10px; }
/*sub01-사훈*/
.company_motto { width:95%; margin:0 auto; }
.motto_con { text-align:left; overflow:hidden; margin-bottom:20px; }
.motto_con > img { width:135px; float:left; }
.motto_con dl { float:left; display:inline-block; margin:35px 0 10px 10px; }
.motto_con dt { font-size:15px; font-weight:400 ; color:#333; line-height:20px; text-align:left;  }
.motto_con dd { font-size:13px; color:#888; line-height:17px; font-weight:300; text-align:left;  }

/*sub02-냉장*/
.product_modal{ width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:10; display:none; }
.modal_img_wrap { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:200px; overflow:hidden; }
.modal_img01 { width: 1200px; }
.modal_img02 { width: 13320px; }
.modal_img03 { width: 9620px; }
.modal_img04 { width: 2960px; }
.modal_close{  text-align:right;  margin-bottom:10px; }
.modal_close a { color:#fff; font-size:16px; display:inline-block; }
	.modal_img img { width: 200px; float:left;  }
	.modal_btn { width:200px; height:400px; top:50%; margin-top:-200px; left:50%; margin-left:-100px; position:absolute;  }
	.modal_left { background:url('/m/images/sub/modal_left.png')center no-repeat; background-size:contain; 
								  width:30px; height:30px; z-index:1; left:-60px; top:50%; margin-top:-10px; position:absolute; }
	.modal_right { background:url('/m/images/sub/modal_right.png')center no-repeat; background-size:contain; 
								  width:30px; height:30px; z-index:1; right:-60px; top:50%; margin-top:-10px; position:absolute; }

.sub_wrap02 { padding-top:70px; padding-bottom:50px; }
.product_line { width:95%; margin:0 auto; }
.product_line ul { overflow:hidden;  }
.product_con { float:left; width:48%; margin-bottom:10px; box-shadow:3px 3px 3px rgba(0,0,0,0.5) }
.product_con:nth-child(2n) { margin-left:4%; }
.product_con img { width:100%; }
.product_txt { position:relative; background:#333;  margin-top:-5px; min-height:110px; padding-top:10px; padding-bottom:10px; }
.product_txt dl { position:absolute; left:5%; top:50%; width:90%;
					-webkit-transform:translate(0,-50%);
					-moz-transform:translate(0,-50%);
					-o-transform:translate(0,-50%);
					transform:translate(0,-50%);
}
.product_txt dl dt { color:#c1c1c1; font-size:14px; font-weight:300; line-height:18px; }
.product_txt dl dt h3 {  color:#fff; font-size:16px; font-weight:500; line-height:20px;  }


/*sub03-온라인 문의*/
.estimate_bg{ background:url('/engm/images/sub/estimate_bg.jpg') center top; background-repeat:no-repeat; background-size:cover;  padding-top:100px; padding-bottom:40px; }
.estimate{ background:#333333; width:90%; margin:20px auto 0; box-shadow:4px 4px 4px rgba(0,0,0,0.8) }
	.esti_title { text-align:center; font-size:14px; color:#fff; font-weight:300; line-height:20px; }
	.estimate_table{ width:100%; }
	.estimate_table caption{ color:#fff ; font-size:13px ; font-weight:300; text-align:right; margin:20px 20px 20px 0; }
	.estimate_table caption::before{ content:'*'; display:inline-block; vertical-align:middle; margin:5px 2px 0 0  }
	.estimate_table th { color:#fff; text-align:left; padding-top:30px; font-size:14px; padding-left:10%;  }
	.estimate_table tr:first-child th{ padding-top:0; }
	.table_th_point::after{ content:'*'; display:inline-block; vertical-align:middle;  }
	.table_th_point { margin-top:0; vertical-align:top; }
	.estimate_table td { padding-top:10px; margin:0 auto; text-align:center;  }
	.esti_input { background:none; border:none; width:80%; border-bottom: 1px solid #fff; margin:0 auto; text-align:left; color:#fff; }
	.esti_input_ment{ width:80%; resize:none; font-size:13px; color:#fff; font-weight:300;  text-align:left; }
	.esti_btn_wrap{  margin:20px auto 0px; text-align:center; }
	.esti_btn{ background:#121212; color:#fff; font-size:14px ; font-weight:400 ; display:inline-block;padding:10px 30px; margin-bottom:20px; }

/*sub04-Q&A*/
.sub_wrap04 { padding-top:30px; padding-bottom:50px; }
.question{ width:95%; margin:0 auto; }
	.tbl {width:100%; margin:50px 0 20px 0; border-bottom:2px solid #8fc644; }
		.tbl thead {  border-bottom:1px solid #cccccc; border-top:2px solid #8fc644; background:#c7e2a1;}
		.tbl thead th {vertical-align:middle; height:35px; font-weight:400; font-size:14px; color:#454545 }
		.counsel_subject {width:55%;}
		.counsel_condition {width:15%;}
		.counsel_writer {width:15%}
		.counsel_date {width:15%;}
		
		.tbl tbody td { vertical-align:middle; border-bottom:1px solid #cccccc; color:#333333; height:40px; font-size:12px; font-weight:300; background:#fff; }
		.tbl tbody td:not(:nth-of-type(1)) {text-align:center;}
		.tbl tbody td:nth-of-type(1) {text-align:left; padding-left:20px;  }
		.tbl tbody td.on {color:#ff3b3b; }
		.tbl tbody td a {color:#404040; display:inline-block; width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
		.tbl_btn_wrap {text-align:right; margin-top:-5px; margin-bottom:10px; }
		.tbl_btn_wrap a {display:inline-block; width:90px; height:30px; text-align:center; line-height:30px; background:#8fc644; color:#fff;}
		.board_search_wrap {text-align:center; height:29px; margin:40px 0;}
		.board_search_common {height:100%; display:inline-block; vertical-align:top; box-sizing:border-box; font-size:12px;}
		.board_search_select {width:120px; border:1px solid #d2d2d2; background:#fff;}
		.board_search_box {width:200px; border:1px solid #d2d2d2; background:#fff;padding:0 6px;}
		.board_search_btn {padding:0 20px; background:#5071b6; color:#fff; line-height:29px;}
		.product_pagenation {text-align:center; margin:0 0 30px 0;}
		.product_pagenation li {display:inline-block; vertical-align:top;}
		.product_pagenation li a {display:block; width:25px; height:25px; background:#fff; font-size:12px; color:#959595; text-align:center; line-height:25px; border:1px solid #ddd;}
		.product_pagenation li a.on { background:#8fc644; color:#fff; }
		.product_pagenation li a.page_arrow {background:transparent;}
		.product_pagenation li a.page_arrow img {margin:3px 0 0 0;}

/*sub05-notice*/
.notice{ width:95%; margin:0 auto; }
		.notice_subject {width:60%;}
		.notice_writer {width:20%}
		.notice_date {width:20%;}


/* 소매게시판 */
.retail_stit{font-size: 14px; text-align: center; line-height: 1.4; margin: 20px 0;}
.retail_txt dl dt{font-size: 13px;}
.retail_txt dd p{font-size: 12px; line-height: 1.4; font-weight: 350; color: #fff;}
.retail_txt dd span{margin: 4px 0;}

.popup_box{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #000; display: flex; align-items: center; justify-content: center; z-index: 10; -webkit-animation-name: imgshowhide; -webkit-animation-duration: 4s; animation-name: imgshowhide; animation-duration: 4s; transform: scale(0);}

@-webkit-keyframes imgshowhide {
    0%{-webkit-transform: scale(1); -webkit-opacity: 1; transform: scale(1); opacity: 1;}
    30%{-webkit-transform: scale(1); -webkit-opacity: 1; transform: scale(1); opacity: 1;}
    100%{-webkit-transform: scale(0); -webkit-opacity: 0; transform: scale(0); opacity: 0;}
}
@keyframes imgshowhide {
    0%{-webkit-transform: scale(1); -webkit-opacity: 1; transform: scale(1); opacity: 1;}
    30%{-webkit-transform: scale(1); -webkit-opacity: 1; transform: scale(1); opacity: 1;}
    100%{-webkit-transform: scale(0); -webkit-opacity: 0; transform: scale(0); opacity: 0;}
}

.pop_conbox img{width: 100%;}