@media only screen and (min-width: 1021px) {
	/* .staff_group1 { position:absolute; top:360px; left:360px; float:left; vertical-align:top; width:80%; padding-left:0px; overflow:hidden; z-index:100; } /* position:absolute 요게 중요하네...*/
	 .staff_group1 { float:left;  padding-left:0px; overflow:hidden; border:0px solid #ff00ff; }


	.issuuembed-1024 {display:block;}
		.issuuembed-480 {display:none;}
		.issuuembed-320 {display:none;}
}


@media only screen and (max-width: 1390px) and (min-width: 1021px) {
	#goto_catelinkArea .cbox {width:30%; height:400px;}
	
	#main_website_banner {padding:30px 0;}
	#main_website_banner .banner_wrap {max-width:1300px;}
	#main_website_banner .banner_wrap a {margin:0 3%; padding:10px 10px 10px 10px; width:160px;}
}



/* iPad portrait and other tablet/mid-sized viewports  max-width: 1020px */
@media only screen and (max-width: 1020px) and (min-width: 768px) /*and (orientation : portrait)*/ {
	/* Header Section *****************************************************/
	/* #headerWr{position:fixed; left:0; top:0; width:100%; z-index: 10; border-bottom:1px solid #dad9cf; }	 */

	.header { width:100%; text-align:center; margin:0 auto; height:auto;}


	#headerWr{position:fixed; left:0; top:0; width:100%; height:55px;  z-index: 10; background:#ffffff; border-bottom:1px solid #dad9cf; }
	#container{ position:relative; padding:10px 0px 0 0; margin:0 auto; border:0px solid #00ff00; }


	/*.hnb { position:absolute; top:0px; right:0px; z-index:10; font-size:12px; background:none; border:0px solid #00ff00; }*/
	.hnb { width:98%; float:left; position:relative;  display:block; margin:0 1% 10px 1%; z-index:10; font-size:12px; background:none; border:0px solid #00ff00; }

	.hnb ul { width:100%; float:left; display:block; margin-top:0px; }
	.hnb ul li { float:left; display:block;  padding-left:5px; padding-bottom:5px; text-align:left; margin-left:0; margin-right:6px; }
	.hnb ul li a,
	.hnb ul li a:focus,
	.hnb ul li a:visited { color:#808080; text-decoration:none; }
	.hnb ul li a:hover { color:#808080; text-decoration:none; }
	.hnb ul li.last { margin-right:0; padding-right:0; background:none; }


	/* Logo */
	.header_bottom {display:none;}
	.header_bottom .snsbtn_area ul {padding-top:40px; margin-left:10px;}
	.header_bottom h1 { width:50%; }
	.header_bottom h1 a img {margin:17px auto 17px auto; width:100%; max-width:190px;}
	.header_bottom .search_area { position:absolute; top:0px; right:0px; overflow:hidden; padding-top:6px; margin-right:10px; border:0px solid #00ff00; }

	/* Main Nav */
	.gnb { display:none; }



	/* Main Section ****************************************************************************/
	.bigbanner_area {display: block; margin-top: 50px;}
	
	/* main 제품 */ 
	#main_pd_list { margin:0 0 40px 0;}
	#main_pd_list .title_area {padding:50px 0 40px 0;}
	#main_pd_list .title_area p {}
	#main_pd_list .title_area p.t1 {font-size:18px; padding-bottom:10px;}
	#main_pd_list .title_area p.t2 {font-size:28px;}
	#main_pd_list .product_area {}
	#main_pd_list .product_area .pd_box {width:22%; margin:0 1%; display:inline-block;}
	#main_pd_list .product_area .pd_box a {max-width:275px; margin:0 auto;}
	#main_pd_list .product_area .pd_box a img {width:100%; max-width:275px;}
	#main_pd_list .product_area .pd_box a h4 {font-size:16px; padding:10px 0;}
	#main_pd_list .product_area .pd_box a p  {font-size:14px;}

	/* main 공장설비 */
	.sj_main_facility {}
	.facility_area {margin:0 auto;}
	#main_pd_list .bxslider_sct {width:96%; margin:0; padding:0 2% 20px 2%; display:block; position:relative; overflow:hidden;}
	#main_pd_list .bxslider_sct .area_p {width:45%; margin:0 2% 0 2%;}
	#main_pd_list .bxslider_sct .area_p img {width:100%; max-width:577px;}
	#main_pd_list .bxslider_sct .area_t {width:50%; height:100%; margin:0; padding-top:5px;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list {width:93%;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li {font-size:15px;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.subject {font-size:28px; padding:1px 0 15px;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.cont {font-size:15px; padding:0 0 10px 0;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.date {padding:15px 0 0 0;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.date span {padding:8px 12px; font-size:13px;}
	#main_pd_list .bxslider_sct a {}
	#main_pd_list .bxslider_sct ul.sct_list li.subject a:hover {}
	#main_pd_list .bxslider_sct ul.sct_list li.cont a:hover {}
	#main_pd_list .bxslider_sct ul.sct_list li.date a:hover span {}
	
	#main_cs_wrap {padding:0; margin:0 0 40px 0;}
	#main_cs_wrap .cs_outer {width:96%; max-width:1300px; margin:0 2%;}
	#main_cs_wrap .cs_outer .headtxt {font-size:20px; padding:0 0 20px 0;}
	#main_cs_wrap .cs_outer .cs_area1 {width:95%; display:block;}
	#main_cs_wrap .cs_outer .cs_area1:before {width:0; height:0;}
	#main_cs_wrap .cs_outer .cs_area1 ul.noticelist li a {color:#1d1d1d; width:95%; padding:5px 0 5px 0;}
	#main_cs_wrap .cs_outer .cs_area1 ul.noticelist li:hover {background:#fff;}
	#main_cs_wrap .cs_outer .cs_area1 ul.noticelist li span.bo_subject {padding:0; margin:0 0 5px 0; font-size:14px;} 

	#main_cs_wrap .cs_outer .cs_area2 {width:60%; padding:0 1.5% 0 0;}
	#main_cs_wrap .cs_outer .cs_area2 .sub {font-size:14px; color:#727272;}
	#main_cs_wrap .cs_outer .cs_area2:before {width:0; height:0;}
	#main_cs_wrap .cs_outer .cs_area2 .tel  {font-size:25px; }
	#main_cs_wrap .cs_outer .cs_area2 .tel a {padding:0 0 0 40px; font-size:32px; color:#1a68bd;}
	#main_cs_wrap .cs_outer .cs_area2 .mail  {font-size:19px;}
	#main_cs_wrap .cs_outer .cs_area2 .mail a {padding:0 0 0 40px; font-size:19px;}
	#main_cs_wrap .cs_outer .cs_area2 .tel i  {font-size:16px; position:absolute; left:3px; top:20px;}
	#main_cs_wrap .cs_outer .cs_area2 .mail i {font-size:16px; position:absolute; left:3px; top:8px;}
	#main_cs_wrap .cs_outer .cs_area3 {width:35%; padding:0 0 0 1.5%; display:inline-block;}
	#main_cs_wrap .cs_outer .cs_area3 .sub {font-size:14px;}
	#main_cs_wrap .cs_outer .cs_area3 .btnarea {padding:15px 0 0 8px;}
	
	#main_website_banner {padding:30px 0;}
	#main_website_banner .banner_wrap {max-width:1300px;}
	#main_website_banner .banner_wrap a {margin:0 3%; padding:10px 10px 10px 10px; width:160px;}

	/* Footer Area ****************************************************************************************************************/
	#footer-area { width:100%; margin:0 auto; padding:0 0 10px 0;}
	#theme_footArea_black {}
	#theme_footArea_black .fo_nav_wrap {}
	#theme_footArea_black .fo_nav_wrap .logo_area {width:20%; margin:20px 3%; display:inline-block;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo {width:;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo img {height:100%; max-height:42px;}
	#theme_footArea_black .fo_nav_wrap .link_area {width:90%; margin:5px 0 10px 0; text-align:left;}
	#theme_footArea_black .fo_nav_wrap .link_area span {margin:0 1px;}
	#theme_footArea_black .fo_nav_wrap .link_area span a {font-size:13px;}
	#theme_footArea_black .fo_nav_wrap .qna_area  {position:absolute; right:16px; top:17px; display:inline-block; vertical-align:top;}
	#theme_footArea_black .fo_nav_wrap .qna_area a {font-size:13px; padding:10px 15px 10px 40px;}
	#theme_footArea_black .fo_nav_wrap .qna_area a:hover {background:#0088ce;}
	#theme_footArea_black .fo_nav_wrap .qna_area i {color:#fff; position:absolute; top:10px; left:15px; font-size:16px; font-family:"Font Awesome5 Free"; font-weight:900;}

	#theme_footArea_black .fo_info_wrap .con_A {width:30%; padding:0; margin:25px 2% 0 2%;}
	#theme_footArea_black .fo_info_wrap .con_A h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_A .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_A .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_A .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_B {width:30%; padding:0; margin:25px 2% 0 2%;}
	#theme_footArea_black .fo_info_wrap .con_B h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_C {width:30%; padding:0; margin:25px 2% 25px 2%;}
	#theme_footArea_black .fo_info_wrap .con_C h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_D {float:none; width:27%; padding:0 0 0 0; margin:25px 0 25px 2%;}
	#theme_footArea_black .fo_info_wrap .con_D .logo_area {padding-right:5px;}
	#theme_footArea_black .fo_info_wrap .con_D .iso {vertical-align:top; text-align:left;}
	#theme_footArea_black .fo_info_wrap .con_D .iso img {width:58px; display:inline-block;}
	
	#theme_footArea_black .container_COPY {width:96%; padding:25px 0 25px 2%; border-top:1px solid #3c3c3c;}



	/* basic-contents-area : 기본 페이지의 내용의 기준을 잡자 */
	.basic-contents-area { clear:both; position:relative; display:block; width:98%; max-width:1024px; margin:0 1%; vertical-align:top;
									padding:15px 0 0 0; z-index:5; background:#FFF; min-height:200px; text-align:center;  border:0px solid #00ff00; }

	.basic-contents-area .SubNav { float:left; position:relative;  width:170px; overflow:hidden; border:0px solid #ff00ff; }
	.basic-contents-area .ulk-con-area { position:relative; width:100%; max-width:1024px; text-align:left; line-height:22px;  border:0px solid #325546; }

	/******** / submenu / contents / 영역 설정 *************************************************************/
	.ulk_leftmenu_area  {display:none;}
	.ulk_rightbody_area {width:100%; padding:40px 0 0 0; display:block; position:relative;}

	.basic-section { width:100%; font-size:12px; margin:0; padding:0; border:0px solid #00ff00; display:block; position:relative;} /*overflow:hidden; */
	.basic-section .title-big { font-size:20px; color:#1a9a8d; font-weight:700; padding-top:22px; padding-bottom:10px; margin-top:10px;  margin-bottom:30px; background:url("/images/care/title-bg1.gif") no-repeat top left; }
	.basic-section h3 { font-size:18px; color:#3b3b3b; font-weight:600; padding-bottom:10px; margin-bottom:22px; border-bottom:1px solid #c9c9c9;  }
	.basic-section h3 i { font-size:15px; color:#1a9a8d; font-weight:600; line-height:0.3; font-style:normal; padding-right:2px; }

	.basic-section ul    { overflow:hidden; margin:0 0 22px 0; list-style:none; }
	.basic-section ul li { color:#4e4e4e; background:url("/images/common/list-dot.png") no-repeat; background-position:2px 5px; padding-left:13px; line-height:1.8;  list-style:none; margin-bottom:11px; margin-left:5px; }
	.basic-section ul li p.color-b-14px { color:#030303; line-height:1.8; margin-bottom:5px; font-size:14px; }
	.basic-section ul li p.color-b-13px { color:#626262; line-height:1.8; margin-bottom:5px; font-size:13px; }
	.basic-section ul li p.color-b-12px { color:#626262; line-height:1.8; margin-bottom:5px; font-size:12px; }

	.basic-section .bigtitle1 { font-size:22px; color:#010101; font-weight:bold; padding-bottom:10px; margin-bottom:22px; line-height:32px;  }
	.basic-section .bigtitle1 p span.point { color:#f95e5e; }
	.basic-section .startbar { clear:both; border-bottom:2px solid #1a9a8d; width:50px; margin-bottom:30px; }
	.basic-section .smalltext1 { font-size:15px; color:#5a5a5a; font-weight:normal; margin-bottom:22px; line-height:23px; }
	.basic-section .smalltext1 p { font-size:15px; color:#5a5a5a; font-weight:normal; margin-bottom:10px; line-height:23px; }
	.basic-section .smalltext1 p span.point { color:#f95e5e; }


	/* Page title */
	.basic-contents-area .ulk-con-area .pagetitle { display:block; width:100%; margin:10px 0 25px 0; padding-bottom:15px; border-bottom:1px solid #dddddd; text-align:center; }
	.basic-contents-area .ulk-con-area .pagetitle .bigtitle { font-size:25px; color:#333333; font-weight:400; padding:0 10px 10px 5px; border-bottom:3px solid #3f5aaa; margin-bottom:-1px; }



	/*.location-area { display:none; }*/
	.location-area { float:left;display:block;position:relative;width:100%; margin-top:20px;overflow:hidden;border:1px solid #dcdcdc;text-align:left; }
	.basic-outlinebox { float:left; width:98%; padding:10px 10px; font-size:12px; border:1px solid #ebebeb; }
	.box3-layer { width:31.0%; max-width:370px; overflow:hidden; margin-right:24px; }
	.details td.h-title-L {width:200px;}

	/* Members */
	.ed { width:100%;  } /* 회원가입 약관부분의 설정 - gnuboard4에서 설정된 클래스명 이므로 변경하지 말고 사용할것  */
	.cate-title-underbox {margin:0 0 30px 0; padding:40px 0;}
	.cate-title-underbox  .text-box {padding:0 20px; margin:0;}
	.cate-title-underbox  .text-box  .t1 {font-weight:800;font-size:25px; text-align:center; padding-bottom:15px;}
	.cate-title-underbox  .text-box  .t2 {font-size:37px; font-weight:800;padding-bottom:20px;}
	.cate-title-underbox  .text-box  .t3 {font-size:16px; font-weight:400;}
	.basic_outbox {width:100%; margin:10px 0 40px 0; padding:0; font-size:16px; line-height:1.5; text-align:left; vertical-align:top; display:block; position:relative; overflow:hidden;}
	.basic_outbox .bigtitle {background:url(/images/common/icon_tit_head.png) no-repeat left 8px; padding:0 0 15px 30px; margin:0 0 20px 0; font-size:25px; font-weight:400; color:#ed0281; line-height:1.4; border-bottom:1px solid #959595;}
	.basic_outbox .subtitle {background:url(/images/common/icon_tit_sub.png) no-repeat 10px 6px; padding:0 0 12px 28px; margin:0 0 0 0; font-size:17px; font-weight:400; color:#333; line-height:1.4; word-break:keep-all;}
	.basic_outbox .cont {width:98%; padding:10px 1%; margin:0; text-align:left; line-height:1.5; color:#333; position:relative; display:block;}
	.basic_outbox  ul.basiclistUL {width:100%; padding:0; margin:0; list-style:none; display:block; position:relative;}
	.basic_outbox  ul.basiclistUL li {background:url(/images/common/icon_tit_list.png) no-repeat 6px 9px; padding:0 0 7px 20px; font-size:16px; color:#555; line-height:1.4; display:block;}
	.round1pxbox {
		border:1px solid #ddd;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		padding:14px 1%;
		width:97%;
		margin:0 0 0 2%;
		vertical-align:top;
		text-align:left;
		display:block;
		}
	
	table.table_resume2 td input.school_name {width:98%; display:inline-block;}
	table.table_resume2 td span.school {width:98%; padding-top:3px; text-align:center;}
	table.table_resume2 td span.school_check {width:100%; text-align:center; font-size:13px;}
	table.table_resume2 td input.year_in {width:40%;}
	
	/* 페이지 기본 */
	.section_basicarea {padding:0 0 40px 0; margin:0 auto;}
	.company_ptitle_area {display:block; position:relative; width:100%; margin:0; padding:0;}
	.company_ptitle_area h2 {width:100%; font-size:19px; color:#333; padding:5px 0 15px 0; margin:0 auto; text-align:center; line-height:1.5;}
	.company_ptitle_area h2 span {color:;}
	/*
	.ptitle_wrap {width:700px; height:150px; margin:0 auto 0 0; text-align:left; vertical-align:top; display:block; position:relative;}
	.ptitle_wrap .ret {width:115px; height:115px; border:2px solid #1d2088; display:block; z-index:2;}
	.ptitle_wrap .txtstyle_1line {position:absolute; top:40px; left:20px; text-align:right; font-size:49px; font-weight:400; line-height:1.0; color:#1d2088; z-index:3;}
	.ptitle_wrap .txt_align_R {}
	.ptitle_wrap .name_bg {position:absolute; top:38px; left:8px; width:120px; height:65px; background:#fff; z-index:1;}
	.ptitle_wrap.history  {width:480px; height:120px; text-align:left; vertical-align:top; display:block; position:relative;}
	.ptitle_wrap.alcenter {margin:0 auto 0 auto;}
	*/
	.ptitle_wrap.history  {width:440px; height:115px; margin:0 auto 0 auto; text-align:center; vertical-align:top; display:block; position:relative;}
	.ptitle_wrap.history  .ret {width:100px; height:100px;}
	.ptitle_wrap.history  .txtstyle_1line {background:#fff; position:absolute; top:30px; left:20px; padding:10px; text-align:left; font-size:42px;}
	.ptitle_wrap.history  .txt_align_R {}
	.ptitle_wrap.history  .name_bg {display:none;}

	.ptitle_wrap.certification  {width:440px; height:115px; margin:0 auto 0 auto; text-align:center; vertical-align:top; display:block; position:relative;}
	.ptitle_wrap.certification  .ret {width:100px; height:100px;}
	.ptitle_wrap.certification  .txtstyle_1line {background:#fff; position:absolute; top:30px; left:20px; padding:10px; text-align:left; font-size:42px;}
	.ptitle_wrap.certification  .txt_align_R {}
	.ptitle_wrap.certification  .name_bg {display:none;}

	.ptitle_wrap.equipment  {width:100%; height:115px; margin:0 auto 0 auto; text-align:left; vertical-align:top; display:block; position:relative;}
	.ptitle_wrap.equipment  .ret {width:100px; height:100px;}
	.ptitle_wrap.equipment  .txtstyle_1line {background:#fff; position:absolute; top:30px; left:20px; padding:10px; text-align:left; font-size:42px;}
	.ptitle_wrap.equipment  .txt_align_R {}
	.ptitle_wrap.equipment  .name_bg {display:none;}

	/* 소개 greeting */
	.company_area {margin:0 0 30px 0;}
	.company_area .head_area {}
	.company_area .company_txt {display:inline-block; width:55%; padding:0 3% 20px 0;}
	.company_area .company_txt p {padding:0 0 20px 0;}
	.company_area .company_txt p .keytxt {color:#1d2088; font-weight:700;}
	.company_area .company_txt p.sign {text-align:right; letter-spacing:1px; font-size:20px; font-weight:normal; font-family:'';}
	.company_area .company_txt p.sign span.name {padding-left:20px; font-size:45px;}
	.company_greeting_R {display:inline-block; width:40%; height:550px; background:url("/images/company/greeting/bg1.png") right top no-repeat; background-size:contain;}
	.company_area .ptitle_wrap {margin-left:8%; width:90%; height:150px; text-align:right;}
	.company_area .ptitle_wrap .ret {width:115px; height:115px;}
	.company_area .ptitle_wrap .txtstyle_2line {top:0; left:20px; font-size:49px;}
	.company_area .ptitle_wrap .txt_align_R {}
	.company_area .ptitle_wrap .name_bg {top:45px; left:8px; width:120px; height:65px;}
	/* 경영철학 */
	.company_philosophy {margin:0 0 30px 0;}
	.company_philosophy .philosophy_area {margin:0 0 30px 0;}
	.company_philosophy .philosophy_area .txt_wrap {height:auto; min-height:150px; margin-bottom:15px;}
	.company_philosophy .philosophy_area .txt_wrap h1 {font-size:25px; color:#1d2088; font-weight:700; padding-top:20px; padding-bottom:15px;}
	.company_philosophy .philosophy_area .txt_wrap .talign_L {font-size:15px; line-height:1.6;}
	.company_philosophy .philosophy_area .txt_wrap .talign_R {font-size:15px; line-height:1.6;}
	.company_philosophy .philosophy_area .photo_bg1 {text-align:left; padding-left:40%; background:url("/images/company/philosophy/photo1.jpg") no-repeat left top; background-size:contain;}
	.company_philosophy .philosophy_area .photo_bg2 {text-align:right; padding-right:40%; background:url("/images/company/philosophy/photo2.jpg") no-repeat right top; background-size:contain;}
	.company_philosophy .philosophy_area .photo_bg3 {text-align:left; padding-left:40%; background:url("/images/company/philosophy/photo3.jpg") no-repeat left top; background-size:contain;}
	.company_philosophy .philosophy_area .photo_bg4 {text-align:right; padding-right:40%; background:url("/images/company/philosophy/photo4.jpg") no-repeat right top; background-size:contain;}
	.company_philosophy .ptitle_wrap {width:100%; height:150px; margin:0 auto 0 0; text-align:left; vertical-align:top; display:block; position:relative;}
	.company_philosophy .ptitle_wrap .ret {width:100px; height:100px;}
	.company_philosophy .ptitle_wrap .txtstyle_1line {background:#fff; position:absolute; top:30px; left:20px; padding:10px; text-align:left; font-size:42px;}
	.company_philosophy .ptitle_wrap .txt_align_R {}
	.company_philosophy .ptitle_wrap .name_bg {display:none;}

	/* 회사연혁 */
	.history_title {padding:0 0 10px 0; font-size:40px;}
	.history_tree {padding:30px 0 10px 0; background:url("/images/company/history/seroline.jpg") repeat-y 50% top;}
	.history_tree .story_area h1 {position:absolute; top:0; left:-40%; font-size:45px; color:#2655a9; font-weight:700;}
	.history_tree .story_area.loc_R {width:50%; margin:30px 0 50px 50%; padding-top:13px;}
	.history_tree .story_area.loc_R ul {margin-left:80px; list-style:none;}
	.history_tree .story_area.loc_R ul li {text-align:left;}
	.history_tree .story_area.loc_R ul li.contxt {padding-left:15px;}
	.history_tree .story_area.loc_L {width:50%; margin:30px 50% 50px 0; text-align:right;}
	.history_tree .story_area.loc_L ul {margin-right:80px; list-style:none;}
	.history_tree .story_area.loc_L ul li {text-align:right;}
	.history_tree .story_area.loc_L ul li.contxt {padding-right:15px; text-align:right;}
	.history_tree .story_area.loc_R:after  {position:absolute; top:30px; left:-1px; width:15px; height:15px; margin-left:-7px;}
	.history_tree .story_area.loc_R:before {position:absolute; top:37px; left:-1px; width:60px; height:1px; background:#c9c9c9; content:'';}
	.history_tree .story_area.loc_L:after  {position:absolute; top:30px; right:-1px; width:15px; height:15px; margin-right:-7px;}
	.history_tree .story_area.loc_L:before {position:absolute; top:37px; right:-1px; width:60px; height:1px; background:#c9c9c9; content:'';}
	.history_tree .story_area ul li {font-size:40px; line-height:1.5;}
	.history_tree .story_area ul li.year   {color:#226ec3; padding-bottom:8px;}
	.history_tree .story_area ul li.contxt {font-size:18px; padding-bottom:5px; color:#333;}
	.history_tree .story_area ul li.date   {font-size:18px; padding-top:8px; text-align:left;}
	.history_tree .story_area.loc_R ul li.contxt:before {position:absolute; top:0; left:0; content:'-'}
	.history_tree .story_area.loc_L ul li.contxt:before {position:absolute; top:0; right:0; content:'-'}


	/* 사업분야 */
	.lscm_basicwrap .section_title2 {font-size:25px; padding:0 0 20px 0;}
	.lscm_basicwrap .section_contents2 {padding:0 0 20px 0; margin-bottom:40px;}
	.lscm_basicwrap .section_contents2 table {}
	.lscm_basicwrap .section_contents2 table th {padding:20px 8px; font-size:17px;}
	.lscm_basicwrap .section_contents2 table td {padding:12px; font-size:14px;}
	.lscm_basicwrap .section_contents2 table td p {padding:0 0 8px 0; background:url("/images/product/icon_list.jpg") no-repeat left 11px; padding-left:14px;}
	.lscm_basicwrap .section_contents2 table td ul li {background:url("/images/product/icon_list.jpg") no-repeat left 7px; padding:0 0 8px 16px;}
	.lscm_basicwrap .section_contents2 table.pdtable1 {}
	.lscm_basicwrap .section_contents2 table.pdtable1 th {background:#e7edf8; vertical-align:top;}
	.lscm_basicwrap .section_contents2 table.pdtable1 td {vertical-align:top;}
	.lscm_basicwrap .section_contents2 table.pdtable1 .col1 {width:25%;}
	.lscm_basicwrap .section_contents2 table.pdtable1 .col2 {width:25%;}
	.lscm_basicwrap .section_contents2 table.pdtable1 .col3 {width:50%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 {}
	.lscm_basicwrap .section_contents2 table.pdtable2 th {}
	.lscm_basicwrap .section_contents2 table.pdtable2 td {}
	.lscm_basicwrap .section_contents2 table.pdtable2 td img {width:100%; max-width:149px; min-width:100px;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .no {width:10%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .name {width:30%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .struct {width:;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .cas {width:20%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .spec {width:20%;}


	/* 생산설비 */
	.equipment_area {padding:0; margin:0 0 50px 0;}
	.equipment_area .section_txt {padding:20px 25px;}
	.equipment_area .section_txt.E1 {width:45%; bottom:30px; left:30px;}
	.equipment_area .section_txt.E1:after {top:20px; left:34px; width:40px; height:2px;}
	.equipment_area .section_txt.E2 {width:45%; bottom:30px; left:auto; right:20px;}
	.equipment_area .section_txt.E2:after {top:20px; left:34px; width:40px; height:2px;}
	.equipment_area .section_txt.E3 {width:45%; bottom:30px; left:auto; right:20px;}
	.equipment_area .section_txt.E3:after {top:20px; left:34px; width:40px; height:2px;}
	.equipment_area .section_txt.E4 {width:45%; bottom:30px; left:auto; right:20px;}
	.equipment_area .section_txt.E4:after {top:20px; left:34px; width:40px; height:2px;}
	.equipment_area .section_txt h2 {font-size:25px;}
	.equipment_area .section_txt p {font-size:16px; padding-top:15px;}
	.equipment_area img {width:100%; z-index:1;}


	/* 연구소 - 연구개발설비 */
	.rs_photo_area1 {margin:10px auto; padding:15px;}
	.rs_photo_area1 img {width:47%; max-width:382px; margin:10px 8px;}
	.rs_photo_area2 {margin:10px auto; padding:15px;}
	.rs_photo_area2 img {width:47%; max-width:568px; margin:10px 8px;}
	/* 복지정책 */
	.welfare_area {}
	.welfare_area .welfare {width:28%; min-height:240px; margin:0 2% 55px 2%;}
	.welfare_area h4 {font-size:18px; padding:0 0 22px 0;}
	.welfare_area p  {font-size:15px; padding:0 0 15px 0; line-height:1.6;}
	.welfare_area .icon {width:100%; position:absolute; bottom:10px; right:0px; text-align:center; padding:0 20px 10px;}

/*********************************************************************************************************************/
/*********************************************************************************************************************/
}















@media only screen and (max-width: 767px) and (min-width: 480px) { /* iPhone landscape and other small viewports */
	/* Header Section *****************************************************/
	#headerWr{position:fixed; left:0; top:0; width:100%; height:55px;  z-index: 10; background:#fffef5; border-bottom:1px solid #dad9cf; }
	/* #headerWr {  width: 100%; height:69px; z-index: 10; background: url('/images/common/gnb-bg.png') repeat-x center -30px; border-bottom:0px solid #dddddd; }  */
	#container{ position:relative; padding:10px 0px 0 0; margin:0 auto;  }


	/* Logo */
	.header_bottom {display:none;}
	.header_bottom .snsbtn_area ul {padding-top:40px; margin-left:10px;}
	.header_bottom h1 { width:35%; }
	.header_bottom h1 a img {margin:17px auto 17px auto; width:100%; max-width:110px;}
	.header_bottom .search_area { position:absolute; top:0px; right:0px; overflow:hidden; padding-top:6px; margin-right:10px; border:0px solid #00ff00; }


	.header { width:100%; text-align:center; margin:0 auto; }
	.header h1 {float:left; width:100%; text-align:center; padding-bottom:4px; padding-left:0px; padding-right:0; margin-top:10px; }
	.header h1 img { border:0; height:35px; }

	.mobile-head-logo {float:left; display:block; width:100%; height:auto; text-align:center; padding-bottom:10px; padding-left:0px; padding-right:0; margin-top:12px;}
	.mobile-head-logo-fixed { float:left; display:block; width:100%; height:auto; text-align:center; padding-bottom:10px; margin-top:10px;}


	/* Head Nav */
	/*.hnb { position:absolute; top:0px; right:10px; z-index:10; font-size:11px; background:none;  }*/
	.hnb { width:98%; float:left; position:relative;  display:block; margin:0 1% 10px 1%; z-index:10; font-size:12px; background:none; border:0px solid #00ff00; }

	.hnb ul { width:100%; float:left; display:block; margin-top:0px; }
	.hnb ul li { float:left; display:block;  padding-left:5px; padding-bottom:5px; text-align:left; margin-left:0; margin-right:6px; }
	.hnb ul li a,
	.hnb ul li a:focus,
	.hnb ul li a:visited { color:#808080; text-decoration:none; }
	.hnb ul li a:hover { color:#808080; text-decoration:none; }
	.hnb ul li.last { margin-right:0; padding-right:0; background:none; }

	/* Main Nav */
	.gnb { display:none; }



	/* Main Section ****************************************************************************/
	.bigbanner_area {display: block; margin-top: 50px;}
	/* main 제품 */ 
	#main_pd_list { margin:0 0 40px 0;}
	#main_pd_list .title_area {padding:30px 0 20px 0;}
	#main_pd_list .title_area p {}
	#main_pd_list .title_area p.t1 {font-size:14px; padding-bottom:6px;}
	#main_pd_list .title_area p.t2 {font-size:20px;}
	#main_pd_list .product_area {}
	#main_pd_list .product_area .pd_box {width:22%; margin:0 1%; display:inline-block;}
	#main_pd_list .product_area .pd_box a {max-width:275px; margin:0 auto;}
	#main_pd_list .product_area .pd_box a img {width:100%; max-width:275px;}
	#main_pd_list .product_area .pd_box a h4 {font-size:14px; padding:10px 0;}
	#main_pd_list .product_area .pd_box a p  {font-size:12px;}
	/* main 공장설비 */
	.sj_main_facility {}
	.facility_area {margin:0 auto;}
	#main_pd_list .bxslider_sct {width:96%; height:100%; margin:0; padding:0 2% 20px 2%; display:block; position:relative; overflow:hidden;}
	#main_pd_list .bxslider_sct .area_p {width:34%; height:100%; margin:0 2% 0 2%;}
	#main_pd_list .bxslider_sct .area_p img {width:100%; max-width:577px;}
	#main_pd_list .bxslider_sct .area_t {width:58%; height:100%; margin:0; padding-top:0;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list {width:93%;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li {font-size:14px;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.subject {font-size:17px; padding:0 0 5px;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.cont {font-size:12px; padding:0 0 10px 0;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.date {padding:10px 0 10px 0;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.date span {padding:8px 10px; font-size:12px;}
		
	#main_cs_wrap {padding:0; margin:0 0 10px 0;}
	#main_cs_wrap .cs_outer {width:100%; max-width:1300px; margin:0;}
	#main_cs_wrap .cs_outer .headtxt {font-size:18px; padding:0 0 20px 1.5%;}
	#main_cs_wrap .cs_outer .cs_area1 {width:100%; margin:0; display:block;}
	#main_cs_wrap .cs_outer .cs_area1:before {width:0; height:0;}
	#main_cs_wrap .cs_outer .cs_area1 ul.noticelist li a {color:#1d1d1d; width:98%; padding:5px 0 5px 1.5%;}
	#main_cs_wrap .cs_outer .cs_area1 ul.noticelist li:hover {background:#fff;}
	#main_cs_wrap .cs_outer .cs_area1 ul.noticelist li span.bo_subject {padding:0; margin:0 0 5px 0; font-size:13px;} 

	#main_cs_wrap .cs_outer .cs_area2 {width:100%; margin:0; padding:15px 0 15px 0; background:#f6f6f6;}
	#main_cs_wrap .cs_outer .cs_area2 .sub {font-size:12px; color:#727272; margin-left:1.5%;}
	#main_cs_wrap .cs_outer .cs_area2:before {width:0; height:0;}
	#main_cs_wrap .cs_outer .cs_area2 .tel  {font-size:25px; margin-left:1.5%;}
	#main_cs_wrap .cs_outer .cs_area2 .tel a {padding:0 0 0 30px; font-size:30px;}
	#main_cs_wrap .cs_outer .cs_area2 .mail  {font-size:14px; margin-left:1.5%;}
	#main_cs_wrap .cs_outer .cs_area2 .mail a {padding:0 0 0 30px; font-size:19px;}
	#main_cs_wrap .cs_outer .cs_area2 .tel i  {font-size:13px; position:absolute; left:3px; top:17px;}
	#main_cs_wrap .cs_outer .cs_area2 .mail i {font-size:13px; position:absolute; left:3px; top:8px;}
	#main_cs_wrap .cs_outer .cs_area3 {width:100%; padding:15px 0; display:block;}
	#main_cs_wrap .cs_outer .cs_area3 .sub {font-size:14px; padding-left:1.5%;}
	#main_cs_wrap .cs_outer .cs_area3 .btnarea {position:absolute; top:5px; right:25px; padding:15px 0 0 8px;}
	
	#main_website_banner {padding:20px 0;}
	#main_website_banner .banner_wrap {max-width:1300px;}
	#main_website_banner .banner_wrap a {margin:0 2%; padding:6px 6px 6px 6px; width:27%;}

	/* Footer Area ****************************************************************************************************************/
	#footer-area { width:100%; margin:0 auto; padding:0 0 10px 0;}
	#theme_footArea_black {}
	#theme_footArea_black .fo_nav_wrap {overflow:visible;}
	#theme_footArea_black .fo_nav_wrap .logo_area {width:20%; margin:20px 3%; display:inline-block;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo {width:;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo img {height:100%; max-height:42px;}
	#theme_footArea_black .fo_nav_wrap .link_area {width:96%; margin:5px 1.5% 7px 1.5%; text-align:left;}
	#theme_footArea_black .fo_nav_wrap .link_area span {padding:10px 5px; margin:0 0px;}
	#theme_footArea_black .fo_nav_wrap .link_area span:before {top:9px; right:0; height:12px;}
	#theme_footArea_black .fo_nav_wrap .link_area span a {font-size:12px;}
	#theme_footArea_black .fo_nav_wrap .qna_area  {position:absolute; right:20px; top:65px; display:block; z-index:10;}
	#theme_footArea_black .fo_nav_wrap .qna_area a {font-size:12px; padding:8px 13px 8px 30px;}
	#theme_footArea_black .fo_nav_wrap .qna_area a:hover {background:#0088ce;}
	#theme_footArea_black .fo_nav_wrap .qna_area i {color:#fff; position:absolute; top:7px; left:12px; font-size:14px;}

	#theme_footArea_black .fo_info_wrap .con_A {width:95%; padding:0; margin:25px 2% 10px 2%;}
	#theme_footArea_black .fo_info_wrap .con_A h1 {padding:0 0 12px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_A .add {padding-bottom:10px; font-size:13px;}
	#theme_footArea_black .fo_info_wrap .con_A .number {padding-bottom:5px; font-size:13px;}
	#theme_footArea_black .fo_info_wrap .con_A .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_B {width:45%; padding:0; margin:25px 2% 0 2%;}
	#theme_footArea_black .fo_info_wrap .con_B h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_C {width:45%; padding:0; margin:25px 2% 25px 2%;}
	#theme_footArea_black .fo_info_wrap .con_C h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_D {float:none; position:absolute; bottom:60px; right:0; width:95%; padding:0; margin:15px 0 15px 0;}
	#theme_footArea_black .fo_info_wrap .con_D .iso {vertical-align:top; text-align:left;}
	#theme_footArea_black .fo_info_wrap .con_D .iso img {width:58px; display:inline-block;}
	
	#theme_footArea_black .container_COPY {display:block; width:96%; padding:15px 0 20px 2%; border-top:1px solid #3c3c3c;}



	.location-area { display:none; }


	/* basic-contents-area : 기본 페이지의 내용의 기준을 잡자 */
	.basic-contents-area { clear:both; position:relative; display:block; width:100%; height:auto;  margin:0 auto; vertical-align:top;
									padding:0px 0 0 0; z-index:5; background:#FFF; min-height:100px; overflow:hidden; text-align:center; border:0px solid #00ff00; }
	.basic-contents-area .SubNav { display:none; }
	.basic-contents-area .ulk-con-area { position:relative; display:block; width:100%; padding:10px; margin:0 0 0 0; text-align:left; line-height:22px;  overflow:hidden;  }

	/******** / submenu / contents / 영역 설정 *************************************************************/
	.ulk_leftmenu_area  {display:none;}
	.ulk_rightbody_area {width:100%; padding:20px 0 0 0;}


	/* Page title */
	.basic-contents-area .ulk-con-area .pagetitle { display:block; width:100%; margin:60px 0 25px 0; padding-bottom:14px; border-bottom:1px solid #dddddd; text-align:center; }
	.basic-contents-area .ulk-con-area .pagetitle .bigtitle { font-size:20px; color:#333333; font-weight:500; padding:0 10px 5px 5px; border-bottom:3px solid #3f5aaa; margin-bottom:-3px; }
	
	/* 페이지 기본 */
	.section_basicarea {padding:0 0 40px 0; margin:0 auto;}
	.company_ptitle_area {display:block; position:relative; width:100%; margin:0; padding:0;}
	.company_ptitle_area h2 {width:100%; font-size:17px; color:#333; padding:5px 0 15px 0; margin:0 auto; text-align:center; line-height:1.5;}
	.company_ptitle_area h2 span {color:;}
	/*
	.ptitle_wrap {width:700px; height:150px; margin:0 auto 0 0; text-align:left; vertical-align:top; display:block; position:relative;}
	.ptitle_wrap .ret {width:115px; height:115px; border:2px solid #1d2088; display:block; z-index:2;}
	.ptitle_wrap .txtstyle_1line {position:absolute; top:40px; left:20px; text-align:right; font-size:49px; font-weight:400; line-height:1.0; color:#1d2088; z-index:3;}
	.ptitle_wrap .txt_align_R {}
	.ptitle_wrap .name_bg {position:absolute; top:38px; left:8px; width:120px; height:65px; background:#fff; z-index:1;}
	.ptitle_wrap.history  {width:480px; height:120px; text-align:left; vertical-align:top; display:block; position:relative;}
	.ptitle_wrap.alcenter {margin:0 auto 0 auto;}
	*/
	.ptitle_wrap.history  {width:100%; max-width:300px; height:115px; margin:0 auto 0 0; text-align:left;}
	.ptitle_wrap.history  .ret {width:80px; height:80px;}
	.ptitle_wrap.history  .txtstyle_1line {background:#fff; position:absolute; top:25px; left:20px; padding:10px; text-align:left; font-size:29px;}
	.ptitle_wrap.history  .txt_align_R {}
	.ptitle_wrap.history  .name_bg {display:none;}
	
	.ptitle_wrap.organization  {width:100%; max-width:300px; height:115px; margin:0 auto 0 0; text-align:left;}
	.ptitle_wrap.organization  .ret {width:80px; height:80px;}
	.ptitle_wrap.organization  .txtstyle_1line {background:#fff; position:absolute; top:25px; left:20px; padding:10px; text-align:left; font-size:29px;}
	.ptitle_wrap.organization  .txt_align_R {}
	.ptitle_wrap.organization  .name_bg {display:none;}

	.ptitle_wrap.certification  {width:100%; max-width:300px; height:115px; margin:0 auto 0 0; text-align:left;}
	.ptitle_wrap.certification  .ret {width:80px; height:80px;}
	.ptitle_wrap.certification  .txtstyle_1line {background:#fff; position:absolute; top:25px; left:20px; padding:10px; text-align:left; font-size:29px;}
	.ptitle_wrap.certification  .txt_align_R {}
	.ptitle_wrap.certification  .name_bg {display:none;}

	.ptitle_wrap.equipment  {width:100%; max-width:300px; height:115px; margin:0 auto 0 0; text-align:left;}
	.ptitle_wrap.equipment  .ret {width:80px; height:80px;}
	.ptitle_wrap.equipment  .txtstyle_1line {background:#fff; position:absolute; top:25px; left:20px; padding:10px; text-align:left; font-size:29px;}
	.ptitle_wrap.equipment  .txt_align_R {}
	.ptitle_wrap.equipment  .name_bg {display:none;}
	

	/* 소개 greeting */
	.company_area {margin:0 0 30px 0;}
	.company_area .head_area {}
	.company_area .company_txt {display:inline-block; width:65%; padding:0 3% 20px 0;}
	.company_area .company_txt p {padding:0 0 20px 0; font-size:14px;}
	.company_area .company_txt p .keytxt {color:#1d2088;}
	.company_area .company_txt p.sign {text-align:right; letter-spacing:1px; font-size:17px;}
	.company_area .company_txt p.sign span.name {padding-left:20px; font-size:40px;}
	.company_greeting_R {display:inline-block; width:33%; height:500px; background:url("/images/company/greeting/bg1.png") right top no-repeat; background-size:contain;}
	.company_area .ptitle_wrap {margin-left:8%; width:90%; height:150px; text-align:right;}
	.company_area .ptitle_wrap .ret {width:80px; height:80px; background:#fff;}
	.company_area .ptitle_wrap .txtstyle_2line {top:10px; left:20px; font-size:29px;}
	.company_area .ptitle_wrap .txt_align_R {}
	.company_area .ptitle_wrap .name_bg {top:30px; left:8px; width:120px; height:45px;}
	/* 경영철학 */
	.company_philosophy {margin:0 0 30px 0;}
	.company_philosophy .philosophy_area {margin:0 0 30px 0;}
	.company_philosophy .philosophy_area .txt_wrap {height:auto; min-height:100px; margin-bottom:25px;}
	.company_philosophy .philosophy_area .txt_wrap h1 {font-size:18px; font-weight:700; padding-top:5px; padding-bottom:10px;}
	.company_philosophy .philosophy_area .txt_wrap .talign_L {font-size:13px; line-height:1.6;}
	.company_philosophy .philosophy_area .txt_wrap .talign_R {font-size:13px; line-height:1.6;}
	.company_philosophy .philosophy_area .photo_bg1 {text-align:left; padding-left:45%; padding-right:0; background:url("/images/company/philosophy/photo1.jpg") no-repeat left top; background-size:41%;}
	.company_philosophy .philosophy_area .photo_bg2 {text-align:left; padding-left:45%; padding-right:0; background:url("/images/company/philosophy/photo2.jpg") no-repeat left top; background-size:41%;}
	.company_philosophy .philosophy_area .photo_bg3 {text-align:left; padding-left:45%; padding-right:0; background:url("/images/company/philosophy/photo3.jpg") no-repeat left top; background-size:41%;}
	.company_philosophy .philosophy_area .photo_bg4 {text-align:left; padding-left:45%; padding-right:0; background:url("/images/company/philosophy/photo4.jpg") no-repeat left top; background-size:41%;}
	.company_philosophy .ptitle_wrap {width:100%; height:100px; margin:0 auto 0 0; text-align:left; vertical-align:top; display:block; position:relative;}
	.company_philosophy .ptitle_wrap .ret {width:80px; height:80px;}
	.company_philosophy .ptitle_wrap .txtstyle_1line {background:#fff; position:absolute; top:20px; left:20px; padding:10px; text-align:left; font-size:29px;}
	.company_philosophy .ptitle_wrap .txt_align_R {}
	.company_philosophy .ptitle_wrap .name_bg {display:none;}
	/* 회사연혁 */
	.history_title {padding:0 0 10px 0; font-size:40px;}
	.history_tree {padding:10px 0 10px 0; background:url("/images/company/history/seroline.jpg") repeat-y 40% top;}
	.history_tree .story_area h1 {position:absolute; top:8px; left:-65%; font-size:40px; color:#2655a9; font-weight:700;}
	.history_tree .story_area.loc_R {width:50%; margin:30px 0 50px 40%; padding-top:15px;}
	.history_tree .story_area.loc_R ul {margin-left:40px; list-style:none;}
	.history_tree .story_area.loc_R ul li {text-align:left;}
	.history_tree .story_area.loc_R ul li.contxt {padding-left:15px;}
	.history_tree .story_area.loc_L {width:50%; margin:30px 50% 50px 0; text-align:right;}
	.history_tree .story_area.loc_L ul {margin-right:40px; list-style:none;}
	.history_tree .story_area.loc_L ul li {text-align:right;}
	.history_tree .story_area.loc_L ul li.contxt {padding-right:15px; text-align:right;}
	.history_tree .story_area.loc_R:after  {position:absolute; top:30px; left:-1px; width:15px; height:15px; margin-left:-7px;}
	.history_tree .story_area.loc_R:before {position:absolute; top:37px; left:-1px; width:30px; height:1px; background:#c9c9c9; content:'';}
	.history_tree .story_area.loc_L:after  {position:absolute; top:30px; right:-1px; width:15px; height:15px; margin-right:-7px;}
	.history_tree .story_area.loc_L:before {position:absolute; top:37px; right:-1px; width:30px; height:1px; background:#c9c9c9; content:'';}
	.history_tree .story_area ul li {font-size:25px; line-height:1.5;}
	.history_tree .story_area ul li.year   {color:#226ec3; padding-bottom:8px;}
	.history_tree .story_area ul li.contxt {font-size:14px; padding-bottom:5px; color:#333;}
	.history_tree .story_area ul li.date   {font-size:16px; padding-top:8px; padding-bottom:4px; text-align:left;}
	.history_tree .story_area.loc_R ul li.contxt:before {position:absolute; top:0; left:0; content:'-'}
	.history_tree .story_area.loc_L ul li.contxt:before {position:absolute; top:0; right:0; content:'-'}
	/* 사업분야 */
	.lscm_basicwrap .section_title2 {font-size:20px; padding:0 0 20px 0;}
	.lscm_basicwrap .section_contents2 {padding:0 0 20px 0; margin-bottom:30px;}
	.lscm_basicwrap .section_contents2 table {}
	.lscm_basicwrap .section_contents2 table th {padding:17px 8px; font-size:16px;}
	.lscm_basicwrap .section_contents2 table td {padding:12px; font-size:13px;}
	.lscm_basicwrap .section_contents2 table td p {padding:0 0 8px 0; background:url("/images/product/icon_list.jpg") no-repeat left 9px; padding-left:11px;}
	.lscm_basicwrap .section_contents2 table td ul li {background:url("/images/product/icon_list.jpg") no-repeat left 7px; padding:0 0 8px 16px;}
	.lscm_basicwrap .section_contents2 table.pdtable1 {}
	.lscm_basicwrap .section_contents2 table.pdtable1 th {background:#e7edf8; vertical-align:top;}
	.lscm_basicwrap .section_contents2 table.pdtable1 td {vertical-align:top;}
	.lscm_basicwrap .section_contents2 table.pdtable1 .col1 {width:25%;}
	.lscm_basicwrap .section_contents2 table.pdtable1 .col2 {width:25%;}
	.lscm_basicwrap .section_contents2 table.pdtable1 .col3 {width:50%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 {}
	.lscm_basicwrap .section_contents2 table.pdtable2 th {}
	.lscm_basicwrap .section_contents2 table.pdtable2 td {}
	.lscm_basicwrap .section_contents2 table.pdtable2 td img {width:100%; max-width:149px; min-width:100px;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .no {width:10%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .name {width:30%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .struct {width:;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .cas {width:20%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .spec {width:20%;}

	/* 생산설비 */
	.equipment_area {padding:0; margin:0 0 50px 0; overflow:visible; border-top:2px solid #333; }
	.equipment_area .section_txt {padding:18px 5px; overflow:visible;}
	.equipment_area .section_txt.E1 {display:block; position:relative; width:99%; bottom:0px; left:0px; overflow:visible;}
	.equipment_area .section_txt.E1:after {display:none;}
	.equipment_area .section_txt.E2 {display:block; position:relative; width:99%; bottom:0px; left:0px; overflow:visible;}
	.equipment_area .section_txt.E2:after {display:none;}
	.equipment_area .section_txt.E3 {display:block; position:relative; width:99%; bottom:0px; left:0px; overflow:visible;}
	.equipment_area .section_txt.E3:after {display:none;}
	.equipment_area .section_txt.E4 {display:block; position:relative; width:99%; bottom:0px; left:0px; overflow:visible;}
	.equipment_area .section_txt.E4:after {display:none;}
	.equipment_area .section_txt h2 {font-size:18px;}
	.equipment_area .section_txt p {font-size:13px; padding-top:7px;}
	.equipment_area img {width:100%; z-index:1;}

	/* 연구소 - 연구개발설비 */
	.rs_photo_area1 {margin:10px auto; padding:15px;}
	.rs_photo_area1 img {width:47%; max-width:382px; margin:10px 8px;}
	.rs_photo_area2 {margin:10px auto; padding:15px;}
	.rs_photo_area2 img {width:47%; max-width:568px; margin:10px 8px;}
	/* 복지정책 */
	.welfare_area {}
	.welfare_area .welfare {width:28%; min-height:240px; margin:0 2% 55px 2%;}
	.welfare_area h4 {font-size:18px; padding:0 0 16px 0;}
	.welfare_area p  {font-size:15px; padding:0 0 15px 0; line-height:1.6;}
	.welfare_area .icon {width:100%; position:absolute; bottom:0px; right:0px; text-align:center; padding:0 20px 10px;}

/*********************************************************************************************************************/
/*********************************************************************************************************************/

}


















@media only screen and ( max-width: 479px) and (min-width: 100px) { /* Smart phones portrait */
	#ulk_wrap { min-width:200px;  }
	#container{ /*height:auto;*/ position:relative; padding:10px 0 0 0; margin:0 auto; border:0px solid #00ff00; }
	/* Header Section *****************************************************/
	#headerWr{position:fixed; left:0; top:0; width:100%; height:55px; margin-top:0;  z-index: 10; background:#ffffff; /*background:#fffef5;*/
		border-bottom:1px solid #dad9cf; }
	/*
	#headerWr {  width: 100%; height:59px; z-index: 10; background: url('/images/common/gnb-bg.png') repeat-x center -40px; border-bottom:0px solid #dddddd; }
	*/
	.header { min-width:290px; width:100%; text-align:center; margin:0 auto; }
	.header h1 {float:left; width:100%; text-align:center; padding-bottom:10px; padding-left:0px; padding-right:0; margin:10px 0 0 0; }
	.header h1 img { border:0; height:30px; }

	.mobile-head-logo {float:left; display:block; width:100%; height:auto; text-align:center; padding-bottom:10px; padding-left:0px; padding-right:0; margin-top:12px;}
	.mobile-head-logo-fixed { float:left; display:block; width:100%; height:auto; text-align:center; padding-bottom:10px; margin-top:10px;}

	.header_bottom {display:none;}

	/* Head Nav */
	/*.hnb { position:absolute; top:0px; right:10px; z-index:10; font-size:11px; background:none;  }*/
	.hnb { width:100%; float:left; position:relative;  display:block; margin:0 1%; padding:0; z-index:10; font-size:12px; background:none; border:0px solid #00ff00; }


	.hnb ul { width:100%; float:left; display:block; margin-top:0px; }
	.hnb ul li { float:left; display:block;  padding-left:5px; padding-bottom:5px; text-align:left; margin-left:0; margin-right:6px; }
	.hnb ul li a,
	.hnb ul li a:focus,
	.hnb ul li a:visited { color:#808080; text-decoration:none; }
	.hnb ul li a:hover { color:#808080; text-decoration:none; }
	.hnb ul li.last { margin-right:0; padding-right:0; background:none; }
	/* Main Nav */
	.gnb { display:none; }

	.location-area { display:none; }



	/* Main Section ****************************************************************************/	
	.bigbanner_area {display: block; margin-top: 34px;}

	/* main 제품 */ 
	#main_pd_list { margin:0 0 40px 0;}
	#main_pd_list .title_area {padding:30px 0 20px 0;}
	#main_pd_list .title_area p {}
	#main_pd_list .title_area p.t1 {font-size:14px; padding-bottom:6px;}
	#main_pd_list .title_area p.t2 {font-size:20px;}
	#main_pd_list .product_area {}
	#main_pd_list .product_area .pd_box {width:21%; margin:0 1%; display:inline-block;}
	#main_pd_list .product_area .pd_box a {max-width:275px; margin:0 auto;}
	#main_pd_list .product_area .pd_box a img {width:100%; max-width:275px;}
	#main_pd_list .product_area .pd_box a h4 {font-size:13px; padding:10px 0 7px 0;}
	#main_pd_list .product_area .pd_box a p  {font-size:12px;}
	/* main 공장설비 */
	.sj_main_facility {}
	.facility_area {margin:0 auto;}
	#main_pd_list .bxslider_sct {width:96%; height:100%; margin:0; padding:0 2% 20px 2%; display:block; position:relative; overflow:hidden;}
	#main_pd_list .bxslider_sct .area_p {width:34%; height:100%; margin:33px 2% 0 2%;}
	#main_pd_list .bxslider_sct .area_p img {width:100%; max-width:577px;}
	#main_pd_list .bxslider_sct .area_t {width:58%; height:100%; margin:0; padding-top:0;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list {width:93%;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li {font-size:14px;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.subject {font-size:17px; padding:0 0 5px;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.cont {font-size:12px; padding:0 0 10px 0;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.date {padding:10px 0 10px 0;}
	#main_pd_list .bxslider_sct .area_t ul.sct_list li.date span {padding:8px 10px; font-size:12px;}
		
	#main_cs_wrap {padding:0; margin:0 0 10px 0;}
	#main_cs_wrap .cs_outer {width:100%; max-width:1300px; margin:0;}
	#main_cs_wrap .cs_outer .headtxt {font-size:18px; padding:0 0 20px 1.5%;}
	#main_cs_wrap .cs_outer .cs_area1 {width:100%; margin:0; display:block;}
	#main_cs_wrap .cs_outer .cs_area1:before {width:0; height:0;}
	#main_cs_wrap .cs_outer .cs_area1 ul.noticelist li a {color:#1d1d1d; width:98%; padding:5px 0 5px 1.5%;}
	#main_cs_wrap .cs_outer .cs_area1 ul.noticelist li:hover {background:#fff;}
	#main_cs_wrap .cs_outer .cs_area1 ul.noticelist li span.bo_subject {padding:0; margin:0 0 5px 0; font-size:13px;} 

	#main_cs_wrap .cs_outer .cs_area2 {width:100%; margin:0; padding:15px 0 15px 0; background:#f6f6f6;}
	#main_cs_wrap .cs_outer .cs_area2 .sub {font-size:12px; color:#727272; margin-left:1.5%;}
	#main_cs_wrap .cs_outer .cs_area2:before {width:0; height:0;}
	#main_cs_wrap .cs_outer .cs_area2 .tel  {font-size:25px; margin-left:1.5%;}
	#main_cs_wrap .cs_outer .cs_area2 .tel a {padding:0 0 0 30px; font-size:30px;}
	#main_cs_wrap .cs_outer .cs_area2 .mail  {font-size:14px; margin-left:1.5%;}
	#main_cs_wrap .cs_outer .cs_area2 .mail a {padding:0 0 0 30px; font-size:19px;}
	#main_cs_wrap .cs_outer .cs_area2 .tel i  {font-size:13px; position:absolute; left:3px; top:17px;}
	#main_cs_wrap .cs_outer .cs_area2 .mail i {font-size:13px; position:absolute; left:3px; top:8px;}
	#main_cs_wrap .cs_outer .cs_area3 {width:100%; padding:15px 0; display:block;}
	#main_cs_wrap .cs_outer .cs_area3 .sub {font-size:14px; padding-left:1.5%;}
	#main_cs_wrap .cs_outer .cs_area3 .btnarea {position:absolute; top:5px; right:25px; padding:15px 0 0 8px;}
	
	#main_website_banner {padding:20px 0;}
	#main_website_banner .banner_wrap {max-width:1300px;}
	#main_website_banner .banner_wrap a {margin:0 2%; padding:6px 6px 6px 6px; width:27%;}

	/* Footer Area ****************************************************************************************************************/
	#footer-area { width:100%; margin:0 auto; padding:0 0 10px 0;}
	#theme_footArea_black {}
	#theme_footArea_black .fo_nav_wrap {overflow:visible;}
	#theme_footArea_black .fo_nav_wrap .logo_area {width:20%; margin:20px 3%; display:inline-block;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo {width:;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo img {height:100%; max-height:42px;}
	#theme_footArea_black .fo_nav_wrap .link_area {width:97%; margin:5px 1.3% 7px 1.5%; text-align:left;}
	#theme_footArea_black .fo_nav_wrap .link_area span {padding:10px 5px; margin:0 0px;}
	#theme_footArea_black .fo_nav_wrap .link_area span:before {display:none; /*top:9px; right:0; height:12px;*/}
	#theme_footArea_black .fo_nav_wrap .link_area span a {font-size:12px; letter-spacing:-1px;}
	#theme_footArea_black .fo_nav_wrap .qna_area  {position:absolute; right:15px; top:65px; display:block; z-index:10;}
	#theme_footArea_black .fo_nav_wrap .qna_area a {font-size:12px; padding:8px 13px 8px 30px;}
	#theme_footArea_black .fo_nav_wrap .qna_area a:hover {background:#0088ce;}
	#theme_footArea_black .fo_nav_wrap .qna_area i {color:#fff; position:absolute; top:7px; left:12px; font-size:14px;}

	#theme_footArea_black .fo_info_wrap .con_A {width:95%; padding:0; margin:25px 2% 10px 2%;}
	#theme_footArea_black .fo_info_wrap .con_A h1 {padding:0 0 12px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_A .add {padding-bottom:10px; font-size:13px;}
	#theme_footArea_black .fo_info_wrap .con_A .number {padding-bottom:5px; font-size:13px;}
	#theme_footArea_black .fo_info_wrap .con_A .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_B {width:45%; padding:0; margin:25px 2% 0 2%;}
	#theme_footArea_black .fo_info_wrap .con_B h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_C {width:45%; padding:0; margin:25px 2% 25px 2%;}
	#theme_footArea_black .fo_info_wrap .con_C h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_D {float:none; position:absolute; bottom:60px; right:0; width:95%; padding:0; margin:15px 0 15px 0;}
	#theme_footArea_black .fo_info_wrap .con_D .logo_area {padding-right:15px;}
	#theme_footArea_black .fo_info_wrap .con_D .logo_area a {}
	#theme_footArea_black .fo_info_wrap .con_D .logo_area a img {width:100%; max-width:80px;}

	
	#theme_footArea_black .container_COPY {display:block; width:96%; padding:15px 0 20px 2%; border-top:1px solid #3c3c3c;}



	/* basic-contents-area : 기본 페이지의 내용의 기준을 잡자 */
	.basic-contents-area { clear:both; position:relative; display:block; width:100%; height:auto;  margin:0 auto; vertical-align:top;
									padding:10px 0 0 0; z-index:5; background:#FFF; min-height:250px; overflow:hidden; text-align:center; }

	.basic-contents-area .SubNav { display:none; }
	.basic-contents-area .ulk-con-area { position:relative; display:block; width:auto; height:auto; margin:0 0 20px 0; padding:0 10px; text-align:left; line-height:22px;  overflow:hidden; }

	/******** / submenu / contents / 영역 설정 *************************************************************/
	.ulk_leftmenu_area  {display:none;}
	.ulk_rightbody_area {width:100%; padding:20px 0 0 0;}

	/* Page title */
	.basic-contents-area .ulk-con-area .pagetitle {display:block; width:100%; margin:30px 0 25px 0; padding-bottom:13px; border-bottom:1px solid #dddddd; text-align:center; }
	.basic-contents-area .ulk-con-area .pagetitle .bigtitle {font-family:nsr, 나눔고딕,'nanum gothic',돋움,굴림; font-size:20px; color:#333333; font-weight:600; padding:0 5px 15px 5px; border-bottom:1px solid #3f5aaa; margin-bottom:-2px; }


	.basic-section {display:block; width:100%; font-size:12px; margin:0; } /*overflow:hidden; */
	.basic-section .title-big {font-size:17px; color:#1a9a8d; font-weight:700; padding-top:11px; padding-bottom:10px; margin-top:0px;  margin-bottom:20px; background:url("/images/care/title-bg1.gif") no-repeat -12px top; }
	
	#RightNowBanner {display:none;}

	/* 페이지 기본 */
	.section_basicarea {padding:0 0 40px 0; margin:0 auto;}
	.company_ptitle_area {display:block; position:relative; width:100%; margin:0; padding:0;}
	.company_ptitle_area h2 {width:100%; font-size:16px; color:#333; padding:5px 0 15px 0; margin:0 auto; text-align:left; line-height:1.5;}
	.company_ptitle_area h2 span {color:;}
	/*
	.ptitle_wrap {width:700px; height:150px; margin:0 auto 0 0; text-align:left; vertical-align:top; display:block; position:relative;}
	.ptitle_wrap .ret {width:115px; height:115px; border:2px solid #1d2088; display:block; z-index:2;}
	.ptitle_wrap .txtstyle_1line {position:absolute; top:40px; left:20px; text-align:right; font-size:49px; font-weight:400; line-height:1.0; color:#1d2088; z-index:3;}
	.ptitle_wrap .txt_align_R {}
	.ptitle_wrap .name_bg {position:absolute; top:38px; left:8px; width:120px; height:65px; background:#fff; z-index:1;}
	.ptitle_wrap.history  {width:480px; height:120px; text-align:left; vertical-align:top; display:block; position:relative;}
	.ptitle_wrap.alcenter {margin:0 auto 0 auto;}
	*/
	.ptitle_wrap.history  {width:100%; max-width:600px; height:87px; margin:0 auto 0 0; text-align:left;}
	.ptitle_wrap.history  .ret {width:70px; height:70px;}
	.ptitle_wrap.history  .txtstyle_1line {background:#fff; position:absolute; top:20px; left:20px; padding:10px; text-align:left; font-size:25px;}
	.ptitle_wrap.history  .txt_align_R {}
	.ptitle_wrap.history  .name_bg {display:none;}
	
	.ptitle_wrap.organization  {width:100%; max-width:600px; height:87px; margin:0 auto 0 0; text-align:left;}
	.ptitle_wrap.organization  .ret {width:70px; height:70px;}
	.ptitle_wrap.organization  .txtstyle_1line {background:#fff; position:absolute; top:20px; left:20px; padding:10px; text-align:left; font-size:25px;}
	.ptitle_wrap.organization  .txt_align_R {}
	.ptitle_wrap.organization  .name_bg {display:none;}

	.ptitle_wrap.certification  {width:100%; max-width:600px; height:87px; margin:0 auto 0 0; text-align:left;}
	.ptitle_wrap.certification  .ret {width:70px; height:70px;}
	.ptitle_wrap.certification  .txtstyle_1line {background:#fff; position:absolute; top:20px; left:20px; padding:10px; text-align:left; font-size:25px;}
	.ptitle_wrap.certification  .txt_align_R {}
	.ptitle_wrap.certification  .name_bg {display:none;}

	.ptitle_wrap.equipment  {width:100%; max-width:600px; height:87px; margin:0 auto 0 0; text-align:left;}
	.ptitle_wrap.equipment  .ret {width:70px; height:70px;}
	.ptitle_wrap.equipment  .txtstyle_1line {background:#fff; position:absolute; top:20px; left:20px; padding:10px; text-align:left; font-size:25px;}
	.ptitle_wrap.equipment  .txt_align_R {}
	.ptitle_wrap.equipment  .name_bg {display:none;}
	
	

	/* 오시는길 */
	table.timetable_table {width:600px; }
	table.timetable_table th {background:#fbeaf3; padding:10px; font-size:13px; text-align:center;}
	table.timetable_table td.timetable_td1 {width:20%; font-size:12px; background:#fffcef; padding:10px; line-height:1.5;}
	table.timetable_table td.timetable_td2 {width:; font-size:12px; background:#ffffff; padding:10px; line-height:1.5;}
	/* 오시는길 */

	.over_outer {overflow:auto;}
	.over_outer intable_normal {}
	

	/* 소개 greeting */
	.company_area {margin:0 0 30px 0; padding-top:110px; position:relative; display:block;}
	.company_area:after {
						position:absolute; top:0; left:0; 
						background:url("/images/company/greeting/bg1.png") left top no-repeat; 
						background-size:100%;
						opacity:0.4 !important;
						filter:alpha(opacity=40);
						z-index:0;
						content:"";
						width:100%;
						height:100%;}
	.company_area .head_area {}
	.company_area .company_txt {display:inline-block; width:100%; padding:0 0 20px 0;}
	.company_area .company_txt p {padding:0 0 20px 0; font-size:14px;}
	.company_area .company_txt p .keytxt {color:#1d2088;}
	.company_area .company_txt p.sign {text-align:right; letter-spacing:1px; font-size:17px;}
	.company_area .company_txt p.sign span.name {padding-left:20px; font-size:40px;}
	.company_greeting_R {background:none; position:absolute; top:0; left:0; display:block; text-align:left; width:100%; height:100px; }
	.company_area .ptitle_wrap {margin:0; padding:0; width:100%; height:100px; text-align:right; display:inline-block;}
	.company_area .ptitle_wrap .ret {width:80px; height:80px; background:#fff;}
	.company_area .ptitle_wrap .txtstyle_2line {top:10px; left:20px; font-size:29px;}
	.company_area .ptitle_wrap .txt_align_R {}
	.company_area .ptitle_wrap .name_bg {top:30px; left:8px; width:120px; height:45px;}
	/* 경영철학 */
	.company_philosophy {margin:0 0 30px 0;}
	.company_philosophy .philosophy_area {margin:0 0 30px 0;}
	.company_philosophy .philosophy_area .txt_wrap {height:auto; min-height:100px; margin-bottom:25px;}
	.company_philosophy .philosophy_area .txt_wrap h1 {font-size:18px; font-weight:700; padding-top:0px; padding-bottom:10px;}
	.company_philosophy .philosophy_area .txt_wrap .talign_L {font-size:13px; line-height:1.6;}
	.company_philosophy .philosophy_area .txt_wrap .talign_R {font-size:13px; line-height:1.6;}
	.company_philosophy .philosophy_area .photo_bg1 {text-align:left; padding-left:45%; padding-right:0; background:url("/images/company/philosophy/photo1.jpg") no-repeat left top; background-size:41%;}
	.company_philosophy .philosophy_area .photo_bg2 {text-align:left; padding-left:45%; padding-right:0; background:url("/images/company/philosophy/photo2.jpg") no-repeat left top; background-size:41%;}
	.company_philosophy .philosophy_area .photo_bg3 {text-align:left; padding-left:45%; padding-right:0; background:url("/images/company/philosophy/photo3.jpg") no-repeat left top; background-size:41%;}
	.company_philosophy .philosophy_area .photo_bg4 {text-align:left; padding-left:45%; padding-right:0; background:url("/images/company/philosophy/photo4.jpg") no-repeat left top; background-size:41%;}
	.company_philosophy .ptitle_wrap {width:100%; height:100px; margin:0 auto 0 0; text-align:left; vertical-align:top; display:block; position:relative;}
	.company_philosophy .ptitle_wrap .ret {width:70px; height:70px;}
	.company_philosophy .ptitle_wrap .txtstyle_1line {background:#fff; position:absolute; top:20px; left:20px; padding:10px; text-align:left; font-size:25px;}
	.company_philosophy .ptitle_wrap .txt_align_R {}
	.company_philosophy .ptitle_wrap .name_bg {display:none;}

	/* 회사연혁 
	.history_title {font-size:26px; line-height:1.5; text-align:left;}
	.history_tree {padding:0 0 10px 0; background:url("/images/company/history/seroline.jpg") repeat-y 1% top;}
	.history_tree .head_dot {width:9px; height:9px; margin:0 0 0 1%;}
	.history_tree .story_area {}
	.history_tree .story_area.loc_R {width:97%; margin:30px 0 20px 2%; background-position:-40px 7px;}
	.history_tree .story_area.loc_R ul {margin-left:9%;}
	.history_tree .story_area.loc_R ul li {text-align:left;}
	.history_tree .story_area.loc_L {width:97%; margin:30px 0 20px 2%;  background:url("/images/company/history/loc_R_icon.png") no-repeat; background-position:-40px 7px;}
	.history_tree .story_area.loc_L ul {margin-right:0; margin-left:9%; }
	.history_tree .story_area.loc_L ul li {text-align:left;}
	.history_tree .story_area ul li {font-size:19px; line-height:1.5;}
	.history_tree .story_area ul li.year   {padding-bottom:5px;}
	.history_tree .story_area ul li.contxt {font-size:14px; padding-bottom:4px;}
	*/

	/* 회사연혁 */
	.history_title {padding:0 0 10px 0; font-size:40px;}
	.history_tree {padding:0 0 10px 0; background:url("/images/company/history/seroline.jpg") repeat-y 15px top;}
	.history_tree .story_area h1 {position:absolute; top:16px; left:40px; font-size:26px; color:#2655a9; font-weight:700;}
	.history_tree .story_area.loc_R {width:99%; margin:30px 0 40px 21px; padding-top:65px;}
	.history_tree .story_area.loc_R ul {margin-left:40px; list-style:none;}
	.history_tree .story_area.loc_R ul li {text-align:left;}
	.history_tree .story_area.loc_R ul li.contxt {padding-left:15px;}
	.history_tree .story_area.loc_L {width:50%; margin:30px 50% 50px 0; text-align:right;}
	.history_tree .story_area.loc_L ul {margin-right:40px; list-style:none;}
	.history_tree .story_area.loc_L ul li {text-align:right;}
	.history_tree .story_area.loc_L ul li.contxt {padding-right:15px; text-align:right;}
	.history_tree .story_area.loc_R:after  {position:absolute; top:30px; left:-1px; width:15px; height:15px; margin-left:-7px;}
	.history_tree .story_area.loc_R:before {position:absolute; top:37px; left:-1px; width:30px; height:1px; background:#c9c9c9; content:'';}
	.history_tree .story_area.loc_L:after  {position:absolute; top:30px; right:-1px; width:15px; height:15px; margin-right:-7px;}
	.history_tree .story_area.loc_L:before {position:absolute; top:37px; right:-1px; width:30px; height:1px; background:#c9c9c9; content:'';}
	.history_tree .story_area ul li {font-size:16px; line-height:1.5;}
	.history_tree .story_area ul li.year   {color:#226ec3; padding-bottom:8px;}
	.history_tree .story_area ul li.contxt {font-size:14px; padding-bottom:5px; color:#333;}
	.history_tree .story_area ul li.date   {font-size:16px; padding-top:8px; padding-bottom:4px; text-align:left;}
	.history_tree .story_area.loc_R ul li.contxt:before {position:absolute; top:0; left:0; content:'-'}
	.history_tree .story_area.loc_L ul li.contxt:before {position:absolute; top:0; right:0; content:'-'}


	/* 사업분야 */
	.lscm_basicwrap .section_title2 {font-size:18px; padding:0 0 20px 0;}
	.lscm_basicwrap .section_contents2 {padding:0 0 20px 0; margin-bottom:30px; overflow-x:auto; white-space:nowrap; } /* table에 가로 스크롤해주기 */
	.lscm_basicwrap .section_contents2::-webkit-scrollbar { -webkit-appearance: none; } 
	.lscm_basicwrap .section_contents2::-webkit-scrollbar:vertical { width: 12px; } 
	.lscm_basicwrap .section_contents2::-webkit-scrollbar:horizontal { height: 8px; } 
	.lscm_basicwrap .section_contents2::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
	.lscm_basicwrap .section_contents2::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }	

	.lscm_basicwrap .section_contents2 table {width:auto;}
	.lscm_basicwrap .section_contents2 table th {padding:17px 8px; font-size:15px; letter-spacing:-0.5px;}
	.lscm_basicwrap .section_contents2 table td {padding:10px 8px; font-size:12px; letter-spacing:-0.5px;}
	.lscm_basicwrap .section_contents2 table td p {padding:0 0 8px 0; background:url("/images/product/icon_list.jpg") no-repeat left 8px; padding-left:11px;}
	.lscm_basicwrap .section_contents2 table td ul li {background:url("/images/product/icon_list.jpg") no-repeat left 7px; padding:0 0 8px 16px; letter-spacing:0px;}
	.lscm_basicwrap .section_contents2 table.pdtable1 {}
	.lscm_basicwrap .section_contents2 table.pdtable1 th {background:#e7edf8; vertical-align:top;}
	.lscm_basicwrap .section_contents2 table.pdtable1 td {vertical-align:top;}
	.lscm_basicwrap .section_contents2 table.pdtable1 .col1 {width:25%;}
	.lscm_basicwrap .section_contents2 table.pdtable1 .col2 {width:25%;}
	.lscm_basicwrap .section_contents2 table.pdtable1 .col3 {width:50%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 {}
	.lscm_basicwrap .section_contents2 table.pdtable2 th {}
	.lscm_basicwrap .section_contents2 table.pdtable2 td {}
	.lscm_basicwrap .section_contents2 table.pdtable2 td img {width:100%; max-width:149px; min-width:100px;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .no {width:10%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .name {width:30%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .struct {width:;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .cas {width:20%;}
	.lscm_basicwrap .section_contents2 table.pdtable2 .spec {width:20%;}

	/* 생산설비 */
	.equipment_area {padding:0; margin:0 0 50px 0; overflow:visible; border-top:2px solid #333; }
	.equipment_area .section_txt {padding:18px 5px; overflow:visible;}
	.equipment_area .section_txt.E1 {display:block; position:relative; width:99%; bottom:0px; left:0px; overflow:visible;}
	.equipment_area .section_txt.E1:after {display:none;}
	.equipment_area .section_txt.E2 {display:block; position:relative; width:99%; bottom:0px; left:0px; overflow:visible;}
	.equipment_area .section_txt.E2:after {display:none;}
	.equipment_area .section_txt.E3 {display:block; position:relative; width:99%; bottom:0px; left:0px; overflow:visible;}
	.equipment_area .section_txt.E3:after {display:none;}
	.equipment_area .section_txt.E4 {display:block; position:relative; width:99%; bottom:0px; left:0px; overflow:visible;}
	.equipment_area .section_txt.E4:after {display:none;}
	.equipment_area .section_txt h2 {font-size:18px;}
	.equipment_area .section_txt p {font-size:13px; padding-top:7px;}
	.equipment_area img {width:100%; z-index:1;}


	/* 연구소 - 연구개발설비 */
	.rs_photo_area1 {margin:1px auto; padding:10px 0; border-right:0; border-left:0;}
	.rs_photo_area1 img {width:98%; max-width:382px; margin:6px 5px;}
	.rs_photo_area2 {margin:1px auto; padding:10px 0; border-right:0; border-left:0;}
	.rs_photo_area2 img {width:98%; max-width:568px; margin:6px 5px;}
	/* 복지정책 */
	.welfare_area {}
	.welfare_area .welfare {width:43%; min-height:240px; margin:0 2% 55px 2%; border-bottom:0;}
	.welfare_area h4 {font-size:18px; padding:0 0 16px 0;}
	.welfare_area p  {font-size:15px; padding:0 0 15px 0; line-height:1.5; word-break:keep-all;}
	.welfare_area .icon {width:100%; position:absolute; bottom:0px; right:0px; text-align:center; padding:0 20px 10px;}
/*********************************************************************************************************************/
/*********************************************************************************************************************/


}







@media only screen and (max-width:1440px) and (min-width: 1025px) {

}

@media only screen and (max-width:1024px) and (min-width: 768px) {
#cate_headimg {width:100%; height:220px; position: relative; text-align:center; z-index:1; }
#cafe_headimg .bgBox {position: absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;}
#cate_headimg .bgBox span {transition:2s all; transform:scale(1.1); position: absolute; left:0; top:0; width: 100%; height: 100%; }
#cate_headimg ul.textarea {width:100%; display:block; padding-top:120px; font-size:20px; line-height:20px; font-weight:400; }
#cate_headimg ul.textarea li.tbig   {font-size:25px; font-weight:700; padding:0 0 10px 0;}
#cate_headimg ul.textarea li.line   {width:20px; border-bottom:1px solid #fff; margin:0 auto; }
#cate_headimg ul.textarea li.tsmall {clear:both; margin:8px auto 0 auto; font-size:12px; color:#fff; }
}

@media only screen and (max-width:767px) and (min-width: 480px) {
	/*.foot-nav-area .foot-nav {width:100%; padding:10px 0 12px 0;}*/
#cate_headimg {width:100%; height:170px; position: relative; text-align:center; z-index:1; }
#cafe_headimg .bgBox {position: absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;}
#cate_headimg .bgBox span {transition:2s all; transform:scale(1.1); position: absolute; left:0; top:0; width: 100%; height: 100%; }
#cate_headimg ul.textarea {width:100%; display:block; padding-top:90px; font-size:20px; line-height:20px; font-weight:400; }
#cate_headimg ul.textarea li.tbig   {font-size:20px; font-weight:700; padding:0 0 10px 0;}
#cate_headimg ul.textarea li.line   {width:20px; border-bottom:1px solid #fff; margin:0 auto; }
#cate_headimg ul.textarea li.tsmall {clear:both; margin:8px auto 0 auto; font-size:12px; color:#fff; }
}

@media only screen and (max-width:479px) and (min-width: 50px) {
	/*
	.foot-nav-area .foot-nav {width:100%; padding:10px 0 12px 0;}
	.foot-nav-area .foot-nav ul li { margin-left:0px; padding-left:2px; padding-right:2px;}
	.foot-nav-area .foot-nav ul li.first {margin-left:0px; padding-left:10px; padding-right:5px; background:none;}
	*/
#cate_headimg {width:100%; height:170px; position: relative; text-align:center; z-index:1; }
#cafe_headimg .bgBox {position: absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;}
#cate_headimg .bgBox span {transition:2s all; transform:scale(1.1); position: absolute; left:0; top:0; width: 100%; height: 100%; }
#cate_headimg ul.textarea {width:100%; display:block; padding-top:90px; font-size:20px; line-height:20px; font-weight:400; }
#cate_headimg ul.textarea li.tbig   {font-size:20px; font-weight:700; padding:0 0 10px 0;}
#cate_headimg ul.textarea li.line   {width:20px; border-bottom:1px solid #fff; margin:0 auto; }
#cate_headimg ul.textarea li.tsmall {clear:both; margin:8px auto 0 auto; font-size:12px; color:#fff; }

/* 온라인 강의 */
.bo_onlineprogram_head {font-size:14px; font-weight:300;}
.bo_onlineprogram_head p {line-height:1.4; font-size:14px; padding:0 0 4px 0;}
.btn_mylecture_apply {width:180px; font-size:16px; font-weight:400; color:#fff; background:#007274; padding:10px 15px; margin:10px auto; border-radius:15px;}
.btn_mylecture_apply:link, .btn_mylecture_apply:visited, .btn_mylecture_apply:active {color:#fff; font-size:16px !important;}
.btn_mylecture_apply:hover {color:#fff; background:#058352; font-size:16px !important;  }

.justify {text-align:justify;  word-break:keep-all; line-height:1.5; padding:15px; vertical-align:top;}
img.arume {width:100%; max-width:50px;}

.arume_title_area {padding:30px; margin:70px auto 50px auto;}
.arume_title_area .t1 {font-size:29px; font-weight:900; color:#df6400; line-height:1.5; vertical-align:top;}
.arume_title_area .t1 img.arume_big {width:100%; max-width:95px; margin-top:-4px; margin-right:3px;}
.arume_title_area .t1 span {padding-top:30px;}
.arume_title_area .t2 {font-size:16px; font-weight:300; line-height:1.5; margin-top:16px;}
.arume_title_area .t3 {font-size:14px; font-weight:300; line-height:1.5; margin-top:7px;}

table.intable_normal td.justify p {font-size:13px;}
table.intable_normal td.movietd {font-size:13px;}
}


@media only screen and (max-width:1023px) and (min-width: 50px) {

/* 바로가기 둥근원  */
.main_goblock_area {width:98%; margin:20px 1% 0 1%; padding:0; display:block; position:relative; }
.main_goblock_area .goblock_box { float:left; width:22%; padding:0; margin:0 1%; display:inline-block; position:relative; text-align:center; border:0px solid #00ff00; }
.main_goblock_area .goblock_box a { width:auto; margin:0; padding:0; display:inline-block; position:relative; overflow:hidden; text-align:center; border:0px solid #ff00ff; }
.main_goblock_area .goblock_box a.cir-maingo { vertical-align:top; }

/*
.main_goblock_area div.goblock_box a .txt {color:#3a3b3d; font-size:15px; font-family:nsr, 나눔고딕, 나눔명조, 'Roboto', 'Spoqa Han Sans';
	width:100%; margin:0 auto; padding:5px 5px 5px 5px; display:block; position:relative; overflow:hidden; vertical-align:top; text-align:center;}
.main_goblock_area div.goblock_box a:hover .txt {color:#000;}
*/
.main_goblock_area .goblock_box a:link  div.icon {width:70px; height:70px;  margin:0 auto; padding:0; border-radius:50%; background:#e9ebe8;}
.main_goblock_area .goblock_box a:link  div.icon img {width:100%; max-width:70px;}
.main_goblock_area .goblock_box a:hover div.icon {width:70px; height:70px;  margin:0 auto; padding:0; border-radius:50%; background:#c2dee5;}
.main_goblock_area .goblock_box a:link  div.t-big {width:70px;  margin:0 auto; padding:15px 0 0px 0; font-size:13px; }
.main_goblock_area .goblock_box a:hover div.t-big {color:;}
.main_goblock_area .goblock_box a div.t-small {padding:15px 0 5px 0; font-size:12px; line-height:1.4; color:#888; font-weight:normal; vertical-align:top; text-align:center; font-family:'NanumSquareRound', nsr, 나눔고딕, 'Nanum Gothic', 맑은고딕, 돋움, 굴림; }
/* 바로가기 둥근원  */



/* 메인 롤링 센터이모저모 */
#mainRollingCenterPhoto {border:1px solid #ddd; display:block; position:relative; width:100%; padding:15px 0; margin:10px 0 0 0; position:relative; overflow:hidden;}
#rollphoto {width:100%; margin:0; padding:0; display:inline-block; position:relative; overflow:hidden; border:0px solid #00ff00;}
#rollphoto .rollphoto_list {width:1716px; left: -1716px;  display:block; list-style:none; padding:0; margin:0 auto; overflow:hidden;}
#rollphoto .rollphoto_list li {display:block; width:48%; float:left; text-align:center; margin:0 1%;}
#rollphoto .rollphoto_list li a {display:block; padding-top:0; font-size:13px; color:#333;}
#rollphoto .rollphoto_list li a div.photo {display:block; padding:0; margin:0; text-align:center; vertical-align:top;}
#rollphoto .rollphoto_list li a div.t {font-size:13px; color:#666; display:block; padding:0; margin:12px 0 0 0; text-align:left; vertical-align:top;}
#rollphoto .rollphoto_list li a img {display:block; width:100%;}
/* #rollphoto .rollphoto_list li a span {display:block; margin:0; padding:0; text-indent:-999px; height:1px;} */
#mainRollingCenterPhoto .arrowL {width:18px; height:30px; position:absolute; top:35%; left:20px; display:block;}
#mainRollingCenterPhoto .arrowR {width:18px; height:30px; position:absolute; top:35%; right:20px; display:block;}



.customercenter_box {width:100%; height:auto; display:inline-block; vertical-align:top; text-align:left; color:#fff; background:#5c7f30;}
.customercenter_box ul.info {width:90%; margin:20px 5%;}
.customercenter_box ul.info li {list-style:none; color:#fff; font-size:17px; font-weight:400; padding:3px 0;}
.customercenter_box ul.info li.subject {font-size:20px; font-weight:700; padding:5px 0 10px; 0;}
.customercenter_box ul.info li.underbar {width:22px; border-bottom:1px solid #a4c991; }
.customercenter_box ul.info li.tel {font-size:22px; font-weight:700; padding:13px 0 2px; 0;}
.customercenter_box ul.info li.email {font-size:15px;}
.customercenter_box ul.info li.time  {font-size:15px;}
.customercenter_box ul.info li a {color:#fff;}
.customercenter_box ul.info li a:link,
.customercenter_box ul.info li a:visited,
.customercenter_box ul.info li a:active {color:#fff;}
.customercenter_box ul.info li a:hover {color:#d5f179;}
.customercenter_box ul.info li.email {font-size:15px;}


/* 카테고리별 서브메뉴 상단 버전 */
.ca_submenu_area {width:100%; height:auto; background-color:#31498f; color:#fff;
	border-bottom:1px solid #d0d0d0;
	display:block;
	position:relative;
	overflow:hidden;
	padding:5px 0 10px 0;}
.ca_submenu_area .catesubUUU {margin:0 auto; padding:0; text-align:center; display:block; position:relative;  list-style:none;}
.ca_submenu_area .catesubUUU li.name {margin:10px 0 0 0; padding:0; text-align:center; font-size:12px; font-weight:400; display:inline-block; list-style:none;}
.ca_submenu_area .catesubUUU li.name a {font-family:NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움; font-weight:500; }
.ca_submenu_area .catesubUUU li.bar {width:1px; height:12px; padding:0; margin:10px 10px 0 10px; display:inline-block; list-style:none;}
.ca_submenu_area .catesubUUU li:last-child {display:none;}
/* 카테고리별 서브메뉴 상단 버전 */

}





@media only screen and (max-width:3479px) and (min-width: 50px) { 
/* 개인정보취급방침 */ 
.per_rule {width:100%; line-height:160%; padding-top:30px; float:left; display:block; position:relative; }
.per_rule dl {width:100%;}
.per_rule dl dd div {line-height:160%; float:left; display:block; position:relative; }
.outlinebox-white {border:1px solid #dedede; border-radius:10px; background:#ffffff; display:block;float:left;width:100%; padding:10px 18px 5px 13px;}
.outlinebox-white p {border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:8px; }
ul.con-ul-text {border:0px solid #ff00ff; padding:0; display:block; width:100%; margin-top:5px; margin-left:10px; font-family: inherit;  list-style:none;}
ul.con-ul-text li{background:url(../img/ico_disc.gif) no-repeat 0 11px; margin:0; padding-left:13px; padding-bottom:5px; line-height:26px; font-size:13px; font-weight:400; font-family: inherit; list-style:none;}
ul.con-ul-text-blue {display:block; width:100%; padding:0; margin-top:5px; margin-left:10px; font-family: inherit;  list-style:none;}
ul.con-ul-text-blue li {background:url(../img/ico_disc_blue.gif) no-repeat 0 11px; margin:0; padding-left:15px; padding-bottom:5px; line-height:26px; font-size:13px; font-weight:400; font-family: inherit; list-style:none;}
ul.con-ul-text-blue li ul.sublist {display:block; width:100%; margin:3px; font-family: inherit;  list-style:none;}
ul.con-ul-text-blue li ul.sublist li {background:none; list-style:none; padding-left:3px; padding-bottom:4px; line-height:26px; font-size:13px; font-weight:400; font-family: inherit; }
}