@charset "utf-8";
@import url('reset.css');
@import url('visual.css');
@import url('flexslider.css');
@import url('sub.css');


/* 영문 WebFont roboto */
@import url(//fonts.googleapis.com/css?family=Roboto:400,700);
/* 나눔고딕 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);



/** 네비게이션  **/
#allwrap				{position:relative; width:100%; overflow:hidden;font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; }
#side					{position:absolute; left:0; top:0; width:200px; height:100%; background:#3c3d40;} /*******모바일 gnb*******/
#cont_wrap			{position:relative;  width:100%; min-height:100%; background:#fff; }/*******pc 전체*******/
#header_wrap		{position:relative;position:fixed; top:0; left:0;width:100%; width:100%; height:104px;  background:url('../images/gnb_bg.png') repeat-x top;
					z-index:20;}
/*#header_wrap		{position:relative; width:100%; min-height:100%;  width:100%; height:104px;  background:url('../images/gnb_bg.png') repeat-x 104px; z-index:20;}*/
#header				{position:relative; margin:0 auto;  width:1020px; min-height:50px; height:100%; z-index:50; }


#quick_visit					{position:fixed; z-index:10; top:220px; right:0;  background:url('../images/quick_bg.png') repeat ; padding:24px 15px; }
#quick_visit h3					{color:#fff; font-size:16px; line-height:20px; ; /*font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif;*/ text-align:center;}
#quick_visit p					{position:relative; margin:0 auto;display:block; /*border:2px solid #626262; background:#fff;*/ padding:10px; /*width:80px; height:80px; */text-align:center;} 
#quick_visit p img				{width:100%;}
#quick_visit .btn_visit	{display:inline-block;  border-radius : 40px;  -moz-border-radius : 40px; -webkit-border-radius :40px;position:relative; margin:0 auto; background:#e7091a;} 
#quick_visit .btn_qrpass{display:inline-block;  border-radius : 40px;  -moz-border-radius : 40px; -webkit-border-radius :40px;position:relative; margin:0 auto; background:#1664f2;} 
#quick_visit .btn_visit img	,
#quick_visit .btn_qrpass img	{vertical-align:middle; margin-top:-2px; margin-left:0px;}
#quick_visit a					             {display:inline-block; color:#fff;  font-size:15px; vertical-align:middle;padding:4px 16px 8px 16px;  }
#quick_visit	 .eonline	 {margin-top:30px; padding-top:20px ;border-top:1px  dashed #999999;}

/** 메인 비쥬얼 아래 **/
#wrapper					{position:relative;  clear:both; width:100%; z-index:5; margin:0 auto;  }
#wrapper:after				{display:block;visibility:hidden;clear:both;content:""}

#container					{position:relative; clear:both; z-index:0;}
#container:after			{display:block; visibility:hidden;clear:both;content:""}



#main_container				 {position:relative;  clear:both; ;width:100%;  z-index:5; }
#main_visual				 {position:relative;  clear:both; margin:0 auto; width:100%;   z-index:5;}

#business_area				 {position:relative;  clear:both; margin:0 auto;  width:100%; background:#09a2a8;  overflow:hidden;}
#business_area ul			 {width:1020px;  margin:0 auto;}
#business_area ul li		 {float:left; width:255px; text-align:center; padding-top:42px; padding-bottom:42px;}
#business_area ul li span  {display:block; font-size:22px; font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ; font-weight:400; color:#fff; padding-top:12px;}

#eno_works								{position:relative;  clear:both; margin:0 auto; overflow:hidden; width:100%; background:#f0604e; padding:40px 0;}
#eno_works .work_tit				{position:relative; text-align:center; color:#fff;  font-size:50px; font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; font-weight:700;  line-height:50px; }
#eno_works .work_add_tit		{position:relative; text-align:center; color:#fff;  font-size:20px;/* font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ;*/ padding-top:17px; line-height:17px;}
#eno_works .eno_port				{position:relative; margin:0 auto; width:1024px; margin-top:26px;}
#eno_works .eno_port ul li		{float:left}
#eno_works .eno_port ul li		{width:250px; padding:0 3px; text-align:center;}
#eno_works .eno_port ul li img		{position:relative; z-index:10; width:250px; height:180px; }
#eno_works .eno_port ul li span	{position:relative; z-index:15; display:block; position:relative; margin-top:-4px; /*margin-top:-60px;*/ /*background-color:#000;  opacity: 0.7; filter: Alpha(opacity=70); /* IE8 and earlier */ 
													background:url('../images/port_tit_bg.png') repeat-x ;
													color:#fff; font-size:13px; text-align:left; padding:10px 12px; line-height:18px; height:36px;}
#eno_works .eno_port ul li span strong{font-size:14px; font-weight:bold; width:100%; overflow:hidden; white-space: nowrap; display:inline-block; text-overflow:ellipsis;  ;font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif;
															   word-break:break-all; }

#eno_news_wrap							{position:relative; clear:both; margin:0 auto;  width:100%; background:url('../images/news_wrap_bg.jpg') no-repeat top center;  }
#news_wrap								{position:relative; margin:0 auto; width:1020px;overflow:hidden;}
#news_wrap .eno_news,
#news_wrap .eno_contact			{float:left; width:50%; padding:20px 0 15px 0;}
#news_wrap .eno_news h2,
#news_wrap .eno_contact h2       {padding-left:20px; margin-top:10px; font-size:30px; color:#fff;   /*font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ; */font-weight:600;}
#news_wrap .eno_news ul			{padding-bottom:10px; padding-left:20px; margin-top:10px;}
#news_wrap .eno_news ul li	{ }
#news_wrap .eno_news ul li a		{color:#fff; font-size:15px; /* font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif;*/ line-height:32px}
#news_wrap .eno_news p			{position:absolute; top:40px;  left:430px}
#news_wrap .eno_contact ul		{padding-left:20px; margin-top:15px;}
#news_wrap .eno_contact ul li		{font-size:32px; /*font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; */color:#e3e0df;  font-weight:bold; line-height:40px;}

#footer_wrap									{position:relative;  clear:both; margin:0 auto;  width:100%; background:#3a3a3a; margin-top:-2px;  padding-bottom:40px; overflow:hidden;}
#footer												{width:1020px; margin:0 auto; }
#footer h1										{float:left; margin-top:30px;}
#footer	 ul											{float:left; margin-top:30px; margin-left:39px;}
#footer	 ul li,
#footer ul li .mo_no							{font-size:12px; color:#bcbcbc; line-height:20px; vertical-align:middle; }
#footer	 ul li.footer_address				{font-size:11px;}
#footer	 ul li.footer_address strong	{color:#d84a37;}
#footer .family_site							{float:right; margin-top:30px;}
#footer .family_site select					{font-size:11px; color:#707070; font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif;}
#footer	 ol											{position:relative;  top:10px; margin-left:138px; clear:both; overflow:hidden;}
#footer ol li										{float:left; margin-right:6px;}

.mobileBtn, .controlBox, #side {display:none; }




/**  익스8 **/
#header h1						{position:absolute;  margin-top:33px; margin-left:0px; width:135px; }
#gnb								{position:relative; z-index:20; top:40px; left:170px;  width:630px;}
#gnb > ul							{position:relative; width:630px;}
#gnb > ul:after					{content:""; clear:both; display:block; height:0; visibility:hidden;}
#gnb > ul > li						{position:relative; float:left; width:24%; text-align:center;padding-bottom:16px;}
#gnb > ul > li.current, #gnb ul li.atv		{}
#gnb > ul > li.current a, #gnb ul li.atv a {text-decoration:none; color:#f0604e; /*border:1px solid orange;*/ font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ;}
#gnb > ul > li a:focus								{font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ;text-decoration:none; color:#f0604e;}		
#gnb > ul > li a										{font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ;display:block; font-size:17px; line-height:40px; 
															 color:#333; padding-bottom:10px; font-weight:600;}
#gnb > ul > li a img								{vertical-align:top;}

#gnb ul li .menu			{display:none; overflow:hidden; left:0; z-index:500; width:100%; padding:0; padding-top:10px; margin-top:10px;background:url('../images/menu_ver_line.png')  no-repeat left 12px ; }
#gnb ul li ul:last-child	{ padding-top:10px;}
#gnb ul li div .ver_line	{background:url('../images/menu_ver_line.png')  no-repeat right 20px; border-right:1px solid #d0d0d0;}
#gnb ul li .menu a			{display:block; padding:0;}
#gnb ul li .menu ul		{height:150px; background:none; }
#gnb ul li .menu ul li		{float:none; padding:0 8px 0 18px; text-align:left;}
#gnb ul li .menu ul li a	{width:100%; padding:5px 0; font-size:13px; line-height:13px; color:#222;}
#gnb ul li .menu ul li a:hover {font-weight:bold; color:#f0604e; text-decoration:none;}

#gnb ul li.current .menu {/*background:#f5f5f5;*/}

#gnb_background {width:100%;  height:130px; margin:0 auto; padding-top:50px; display:none; overflow:hidden; left:0; z-index:10; background:#fff; opacity:0.8; filter:alpha(opacity=80); -ms-filter:alpha(opacity=80);
				 top:104px; border-bottom:3px solid #f0604e;}


#header .lan_box			{position:absolute; right:20px; top:30px;}
#header .lan_box ul li		{float:left; margin-left:15px; margin-top:10px;}
#header .mobile_lan_box		{display:none}

.menuOn			{text-indent:-5000}
.menuOff			{text-indent:-5000}

/*익스8 웹표준 css 오류 */

@media \0screen {

.main_visual ul.slides li.main_visual1 {height:638px;}
.main_visual ul.slides li.main_visual2 {height:638px;}
.main_visual ul.slides li.main_visual3 {height:638px;}
.main_visual ul.slides li.main_visual4 {height:638px;}
.main_visual ul.slides li {margin-top:-104px;}/**메인 비쥬얼 상단**/


.main_visual {text-align:center;position:relative;  clear:both;   z-index:10;  }
.main_visual ul.slides li {position:relative;width:100%; text-align:left; height:638px;overflow:hidden;/*margin-top:-104px;*/}/**메인 비쥬얼 상단**/
.main_visual ul.slides li p:first-child {font-size:60px;  font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ; font-weight:700; color:#fff; padding-top:300px;text-shadow:0 1px 4px #222; line-height:60px !important; }
.main_visual ul.slides li p:first-child+p {font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; font-size:22px; color:#fff; font-weight:bold; line-height:34px; text-shadow:0 2px 4px #222; margin-top:5px !important;}


.main_visual ul.slides li.main_visual2 {text-align:center;}
.main_visual ul.slides li.main_visual2 div.main_visual2_inner {position:absolute;width:100%;bottom:-3px;}
.main_visual ul.slides li.main_visual2 div.main_visual2_inner div.main_visual2_inner2 {display:table;margin:0 auto;}
.main_visual ul.slides li.main_visual2 div.main_visual2_inner div.main_visual2_inner2 div {display:table-cell;vertical-align:top;}
.main_visual ul.slides li.main_visual2 div.main_visual2_inner div.main_visual2_inner2 div.slogon_wrap {min-width:404px;}
.main_visual ul.slides li.main_visual2 div.main_visual2_inner div.main_visual2_inner2 div.visualimg_wrap { height: 388px;vertical-align: bottom;width: 589px;}
.main_visual ul.slides li.main_visual2 p:first-child 	{font-size:60px;  font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ; font-weight:700; color:#f25946 !important; padding-top:300px; line-height:60px !important;
																			 text-shadow:none !important;}
.main_visual ul.slides li.main_visual2 p:first-child+p {font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; font-size:22px; color:#353535; font-weight:bold; line-height:34px; text-shadow:none !important; margin-top:5px !important;}


.main_visual ul.slides li.main_visual3 {text-align:center;}
.main_visual ul.slides li.main_visual3 div.main_visual3_inner {position:absolute;width:100%;bottom:-3px;}
.main_visual ul.slides li.main_visual3 div.main_visual3_inner div.main_visual3_inner2 div.visualimg_wrap { height: 388px;vertical-align: bottom;width: 589px;}

.main_visual ul.slides li.main_visual3 p:first-child{font-size:60px;  font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ; font-weight:700; color:#0b738c; padding-top:220px ;text-shadow:none !important}
.main_visual ul.slides li.main_visual3 p:first-child+p {font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; font-size:22px; color:#353535; font-weight:bold; line-height:34px; text-shadow:none !important; margin-top:5px !important;}

.main_visual ul.slides li.main_visual4 p:first-child 	{font-size:60px;  font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ; font-weight:700; color:#306987 !important; padding-top:300px; line-height:60px !important;
																			 text-shadow:none !important;}
.main_visual ul.slides li.main_visual4 p:first-child+p {font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; font-size:22px; color:#353535; font-weight:bold; line-height:34px; text-shadow:none !important; margin-top:5px !important;}

.main_visual1 p, .main_visual2 p,
.main_visual3 p, .main_visual4 p	{width:1020px; margin:0 auto; text-align:left;}
.main_visual3 p								{text-shadow:none !important; }

}




/** 익스8 **/

/**  pc gnb **/
@media all and	(min-width:1020px){
#header h1						{margin-left:10px;}
#footer_wrap									{position:relative;  clear:both; margin:0 auto;  width:100%; background:#3a3a3a; margin-top:-2px;  padding-bottom:40px; overflow:hidden; }
.chat-channel-button{
	position: fixed;
    z-index: 10;
    top: 800px;
    right: 0;
    padding: 24px 15px;
}

}




/**** tablet ****/
@media all and	(max-width:1020px){

#header h1						{position:absolute;  margin-top:33px; margin-left:10px; width:135px;}
#gnb								{position:relative; z-index:20; top:40px; left:200px;  width:600px;}
#gnb > ul							{position:relative; width:600px;}
#gnb > ul:after					{content:""; clear:both; display:block; height:0; visibility:hidden;}
#gnb > ul > li						{position:relative; float:left; width:24%; text-align:center;padding-bottom:16px;}
#gnb > ul > li.current, #gnb ul li.atv		{}
#gnb > ul > li.current a, #gnb ul li.atv a {text-decoration:none; color:#f0604e; /*border:1px solid orange;*/ font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ;}
#gnb > ul > li a:focus								{font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ;text-decoration:none; color:#f0604e;}		
#gnb > ul > li a										{font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ;display:block; font-size:17px; line-height:40px; 
															 color:#333; padding-bottom:10px; font-weight:600;}
#gnb > ul > li a img								{vertical-align:top;}

#gnb ul li .menu			{display:none; overflow:hidden; left:0; z-index:500; width:100%; padding:0; padding-top:10px; margin-top:10px;background:url('../images/menu_ver_line.png')  no-repeat left 12px }
#gnb ul li ul:last-child	{padding-top:10px;}
#gnb ul li div .ver_line	{background:url('../images/menu_ver_line.png')  no-repeat right 20px; border-right:1px solid #d0d0d0;}
#gnb ul li .menu a			{display:block; padding:0;}
#gnb ul li .menu ul		{height:140px; background:none; }
#gnb ul li .menu ul li		{float:none; padding:0 8px 0 18px; text-align:left;}
#gnb ul li .menu ul li a	{width:100%; padding:5px 0; font-size:13px; line-height:13px; color:#222;}
#gnb ul li .menu ul li a:hover {font-weight:bold; color:#f0604e; text-decoration:none;}

#gnb ul li.current .menu {/*background:#f5f5f5;*/}

#gnb_background {width:100%;  height:130px; margin:0 auto; padding-top:50px; display:none; overflow:hidden; left:0; z-index:10; background:#fff; opacity:0.8; filter:alpha(opacity=80); -ms-filter:alpha(opacity=80);
							  border-bottom:3px solid #f0604e;}


#header .lan_box		 {position:absolute; right:20px; top:30px; margin-right:20px; }
#header .lan_box ul li   {float:left; margin-left:15px; margin-top:10px;}
#header .mobile_lan_box	{display:none}

#business_area					 {position:relative;  clear:both; margin:0 auto;  width:100%; background:#09a2a8;  overflow:hidden;}
#business_area ul				 {width:100%;  margin:0 auto;}
#business_area ul li			 {float:left; width:25%; text-align:center; padding-top:42px; padding-bottom:42px;}


#eno_works							{position:relative;  clear:both; margin:0 auto; overflow:hidden; width:100%; background:#f0604e; padding:40px 0; }
#eno_works .work_tit				{position:relative; text-align:center; color:#fff;  font-size:50px; font-family:"Roboto", "nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; font-weight:700;  line-height:50px; }
#eno_works .work_add_tit		{position:relative; text-align:center; color:#fff;  font-size:17px; /*font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif ;*/ padding-top:17px; line-height:17px;}
#eno_works .eno_port			{position:relative; margin:0 auto; width:100%; margin-top:26px;}
#eno_works .eno_port ul			{width:98%; margin-left:1%;}
#eno_works .eno_port ul li		{float:left}
#eno_works .eno_port ul li		{width:23%; padding:0 1%; text-align:center;}
#eno_works .eno_port ul li img		{position:relative; z-index:10; width:100%; height:150px;}
#eno_works .eno_port ul li span	{position:relative; z-index:15; display:block; position:relative;  margin-top:-4px; /*background-color:#000;  opacity: 0.7; filter: Alpha(opacity=70); /* IE8 and earlier */ background:url('../images/port_tit_bg.png') repeat-x 60px;
													color:#fff; font-size:13px; text-align:left; padding:10px 12px; line-height:18px;}
#eno_works .eno_port ul li span strong{font-size:14px; font-weight:bold;  width:100%; overflow:hidden; white-space: nowrap; display:inline-block; text-overflow:ellipsis;  
									   word-break:break-all;}
#news_wrap .eno_news p			{position:absolute; top:40px;  left:36%}


#quick_visit							{top:100px;}

}




@media all and	(max-width:1000px){
#gnb								{display:none;}
#header_wrap					{position:relative; width:100%; outline:0px solid red; height:60px; top:0; left:0; 
										 background:none; z-index:20; }
#header						{position:fixed; margin:0 auto;  width:100%; /*min-height:50px;*/ height:100%; z-index:50; border:0px solid red; 
								background:url('../images/gnb_bg.png') repeat-x; height:60px;}
#header h1					{position:absolute;  margin-top:12px; left:50px; width:110px;}
#header h1 img				{width:85%;}

#header .lan_box			{display:none;}
#header .mobile_lan_box		{display:block; position:absolute; right:20px; margin-top:10px;}
#header .mobile_lan_box ul		{width: 118%;overflow:hidden;}
#header .mobile_lan_box ul li   {float:left; margin:0 2%; margin-top:10px;}
#header .mobile_lan_box ul li img{width:70%;}

#header .mobile_lan_box	.mo_lan01{margin-left:6px; margin-bottom:10px !important;}
#header .mobile_lan_box	.mo_lan02{margin-top:9px !important;}
#header .mobile_lan_box	.mo_lan03{margin-top:9px !important; margin-left:-2px}
#header .mobile_lan_box	.mo_lan03 img {width:56%}

.mobileBtn		{display:block; position:absolute; width:40px; height:40px; left:10px; top:8px;}
.menuOn			{width:40px; height:40px;  background:url('../images/btn_open.png') no-repeat center; background-size:100%; cursor:pointer}
.menuOff			{display:none; width:40px; height:40px;  background:url('../images/btn_close.png') no-repeat center; background-size:100%; cursor:pointer}

#side								{display:block;}
#gnbMobile							{display: block; position:fixed; width:100%; margin-top:10px;}
#gnbMobile > li						{border-bottom:1px solid #080808;}
#gnbMobile > li > a				 {display:block; border-bottom:1px solid #8a8a8a; padding:10px; color:#fff; font-size:15px;}
#gnbMobile > li > a.open {}
#gnbMobile > li > ul				{display: none; background:#595a5f;}
#gnbMobile > li > ul > li > a	 {display:block; padding:10px 15px; border-bottom:1px solid #b3b3b3; color:#b8b8b8; font-size:13px;}


.mVisual	{height:460px; padding-top:120px; background:url('/images/mVisual_01.jpg') no-repeat center 120px; }
.mVisual .slogan	{width:550px; margin:0 auto; font-size:40px; font-weight:bold;color:#333; text-align:center; padding-top:60px;}
.mVisual .slogan strong{display:block; font-size:23px; color:#666; font-weight:normal;}


#eno_works .eno_port ul li img		{width:100%; height:130px;}
#eno_works .eno_port ul li span	{margin-top:-4px; }


.modal-content {width: 100%;    }
.modal-content img {width:100%}


}


@media all and	(max-width:900px){

#eno_works .eno_port ul li span	{margin-top:-4px;}
#eno_works .eno_port ul li img		{height:120px;}

#eno_news_wrap					{position:relative; clear:both; margin:0 auto;  width:100%; background:none; margin-top:-1px;}
#news_wrap						{position:relative; width:100%; margin:0 auto;overflow:hidden;}
#news_wrap .eno_news			{width:100%; display:block; background:url('../images/mobile_news_wrap_bg01.jpg') no-repeat top center; background-size:cover; padding:1%;}
#news_wrap .eno_contact			{width:100%;display:block; background:url('../images/mobile_news_wrap_bg02.jpg') no-repeat top center; background-size:cover; padding:1%;}

#news_wrap .eno_news h2,
#news_wrap .eno_contact h2       {position:relative; padding-left:2%; top:1%; font-size:20px; color:#fff;}
#news_wrap .eno_news ul			{width:96% !important; padding:0 2%; margin-top:1%;}
#news_wrap .eno_news ul li      {width:96% !important; overflow:hidden; white-space: nowrap; display:inline-block; text-overflow:ellipsis; 
								 word-break:break-all; color:#fff !important;}
#news_wrap .eno_news ul li a	{color:#fff; font-size:14px; font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; line-height:28px}
#news_wrap .eno_news p			{position:absolute; top:5%; left:84%}
#news_wrap .eno_contact ul		{padding-left:2% !important;}
#news_wrap .eno_contact ul li	{font-size:24px; font-family:"nanumgothic", "나눔 고딕", Dotum, "돋움", sans-serif; color:#e3e0df;  font-weight:bold; line-height:34px;}
#news_wrap .eno_contact .mobile_bot_pa{padding-bottom:4%;}

#footer_wrap								{position:relative;  clear:both; margin:0 auto;  width:100%; background:#3a3a3a; margin-top:0; padding-bottom:3%; overflow:hidden; }
#footer											{width:100%;}
#footer h1, #footer .family_site,
 #footer ol, #footer ul li .mo_no{display:none}
#footer	 ul									{float:left; margin-top:3%; margin-left:3%;}
#footer	 ul li							    {font-size:12px; color:#bcbcbc; line-height:20px; vertical-align:middle; }

#footer	 ul li.footer_address			{font-size:11px;}
#footer	 ul li.footer_address strong	{color:#d84a37;}
}


/**** mobile ****/
@media all and					(max-width:700px){


#business_area					 {position:relative;  clear:both; margin:0 auto;  width:100%; background:#09a2a8;  overflow:hidden;}
#business_area ul				 {width:100%;  margin:0 auto;}
#business_area ul li			 {float:left; display:inline-block; width:46%; float:left;  padding:2%; border:0px solid red; text-align:left; line-height:20px;
								  /*background:url('../images/btn_more.png') no-repeat ;*/}
#business_area ul li	img	 {display:none}
#business_area ul li span  {display:inline; float:left; line-height:16px; vertical-align:middle; font-size:16px; color:#fff; }
#business_area ul .busi_line	{border-bottom:1px solid #fff;}
#business_area ul .busi_line02	{background:url('../images/business_line01.png') no-repeat top right;}


#eno_works								{position:relative;  clear:both; margin:0 auto; overflow:hidden; width:100%; background:#f0604e; padding:2% 0;}
#eno_works .work_tit				{position:relative; text-align:center; color:#fff;  font-size:36px; line-height:36px; }
#eno_works .work_add_tit		{position:relative; text-align:center; color:#fff;  font-size:14px; padding-top:5px; line-height:14px;}
#eno_works .eno_port				{position:relative; margin:0 auto; width:100%; margin-top:4%;}
#eno_works .eno_port ul			{width:98%; margin-left:1%;}
#eno_works .eno_port ul li		{float:left; margin-bottom:2%; width:48%; padding:0 1%; text-align:center; overflow:hidden;}
#eno_works .eno_port ul li img		{position:relative; z-index:10; width:100%; height:140px;}
#eno_works .eno_port ul li span	{position:relative; z-index:15; display:block; position:relative; margin-top:-5px; background:url('../images/port_tit_bg.png') repeat-x 60px;
													color:#fff; font-size:13px; text-align:left; padding:10px 12px; line-height:18px; height:34px;}
#eno_works .eno_port ul li span strong{font-size:14px; font-weight:bold;  width:100%; overflow:hidden; white-space: nowrap; display:inline-block; text-overflow:ellipsis;  
									   word-break:break-all;}

#quick_visit							{padding:14px 10px 14px 10px;}
#quick_visit h3						{font-size:14px; line-height:15px; margin-bottom:4px; text-align:center;}
#quick_visit p						{display:none}
#quick_visit .btn_visit img		{margin-left:0px;}
#quick_visit .btn_visit			{position:relative; margin-left:5px; }
#quick_visit .btn_visit a	,
#quick_visit .btn_qrpass a {font-size:13px; padding:3px 8px 3px 12px; line-height:20px }

#quick_visit	 .eonline	 {margin-top:15px; padding-top:15px ;border-top:1px  dashed #999999;}
.chat-channel-button{
	position: fixed;
    z-index: 10;
    top: 300px;
    right: 0;
    padding: 24px 4px;
}

}


@media all and					(max-width:540px){
#business_area ul .busi_line	{letter-spacing:-1px}

#eno_works .eno_port ul li img		{height:140px;}
}

@media all and					(max-width:480px){

#eno_works .eno_port ul li img		{height:120px;}
}

@media all and					(max-width:400px){

#eno_works .eno_port ul li img		{height:100px;}
}



/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 100; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 0  auto; 
	left:50%;
	max-width: 1000px;   

}
.pop_img {
  position:relative;
	z-index:50;
}

.modal-content .landing_wrap{position:relative; max-width:1000px}
.btn_pop_close  {position:absolute; top:0; right:0; background:rgb(0, 0,0,  0.5); padding:0.5em; width:2.5em; z-index:5000;  cursor:pointer}
.btn_pop_close  img{width:100%; }


@media all and	(max-width:1000px){


}