@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/*common*/
.sub_container{min-height:600px; padding:30px 0 80px;}
.contents_wrap{padding-top:40px;}
.sub_contents{padding-top:30px;}
.sub_page_title>h4{font-size:34px; color:#000000; text-align:center; letter-spacing:-1px; line-height:1.4; position:relative;}

/*서브 비주얼*/
.sub_visual{height:290px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_visual>div{height:100%;}
.sub_visual01{background-image:url("../images/sub/sub_visual01.jpg");}
.sub_visual02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual03{background-image:url("../images/sub/sub_visual07.jpg");}
.sub_visual04{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual05{background-image:url("../images/sub/sub_visual05.jpg");}
.sub_visual06{background-image:url("../images/sub/sub_visual03.jpg");}
/*.sub_visual_txt*/
.sub_visual_txt{display:table; width:100%; height:100%; color:#000000; letter-spacing:-1px;}
.sub_visual_txt.sub_visual_txt02{color:#ffffff;}
.sub_visual_txt>div{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.sub_visual_txt h3{font-size:28px; position:relative; padding-bottom:7px;}
.sub_visual_txt h3:before{content:''; width:40px; height:2px; display:block; background-color:#eb0000; position:absolute; left:0; bottom:0;}
.sub_visual_txt p{margin-top:8px; font-size:20px; font-weight:500;}
.sub_visual_txt.sub_visual_txt03,.sub_visual_txt.sub_visual_txt04{color:#ffffff; text-shadow:1px 1px 3px rgba(0,0,0,0.5);} 

/*horizontal_menu_bar 가로 1201px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{padding-top:0px;}
.horizontal_menu_bar ul{font-size:0; text-align:center;}
.horizontal_menu_bar li{display:inline-block; vertical-align:middle; width:20%; font-size:17px;  letter-spacing:-1px; position:relative; border:1px solid #dedede;
		background-color:#ffffff;}
.horizontal_menu_bar.horizontal_menu_bar01 li{width:14.2222%;}
.horizontal_menu_bar li+li{margin-left:-1px;}
.horizontal_menu_bar li>a{display:block; padding:10px 5px; }
.horizontal_menu_bar li:hover{ z-index:10; border-color:#e72e2e; background-color:#e72e2e;}
.horizontal_menu_bar li:hover>a{color:#ffffff; font-weight:500;}
.horizontal_menu_bar li.h_menu_on{ z-index:10; border-color:#eb0000; background-color:#eb0000;}
.horizontal_menu_bar li.h_menu_on>a{color:#ffffff; font-weight:500;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:none; background-color:#255aa7;}
.sub_tab{float:left; color:#ffffff; position:relative;}
.sub_tab+div:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:rgba(255,255,255,0.2);}
.sub_tab_01{width:10%;}
.sub_tab_02{width:45%;}
.sub_tab_03{width:45%;}
.sub_tab_bar h4,.sub_tab_bar h3{padding:10px 15px 10px; font-size:16px; cursor:pointer; font-weight:400;}
.sub_tab_bar strong{font-weight:400;}
.sub_tab_bar a{display:block;}
/*icon_home*/
.sub_tab_01{text-align:center;}
.sub_tab_01>a{padding:12px 0 12px;}
.sub_tab_01 .icon_home02{width:16px; height:14px; display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.sub_tab_01 .icon_home02:before{content:''; width:0; height:0px; display:block; position:absolute; left:0; top:0; border:7px solid transparent; 
		border-bottom-color:#ffffff; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8); -moz-transform:scale(1,0.8);
		-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.sub_tab_01 .icon_home02:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px; border:3px solid #ffffff; 
		border-top-width:3px; border-bottom:0;}
/*메뉴 더보기*/
.sub_tab_bar .menu_more{position:absolute; right:15px; top:18px; width:11px; height:11px; overflow:hidden; text-indent:-999999px; display:block; font-size:0;}
.sub_tab_bar .menu_more:after,.sub_tab_bar .menu_more:before{content:''; display:block; background-color:#ffffff; width:11px; height:1px; 
		position:absolute; left:0; top:5px;}
.sub_tab_bar .menu_more:after{width:1px; height:11px; left:5px; top:0; }
.sub_tab_bar h4.open .menu_more:after,.sub_tab_bar h3.open .menu_more:after{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:47px; width:100%; z-index:250; background-color:#ffffff; padding:15px 0;
		  border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.sub_tab_2depth>li+li{margin-top:3px; font-size:15px;}
.sub_tab_2depth>li>a{display:block; padding:1px 15px;}
.sub_tab_2depth>li>a:hover{color:#255aa7; font-weight:500;}
.sub_tab_2depth>li>a:hover strong{font-weight:500;}

/*breadcrumb*/
.breadcrumb>p{font-size:0; text-align:center;}
.breadcrumb span{display:inline-block; vertical-align:middle; font-size:14px; color:#777777;}
.breadcrumb span+span{margin-left:6px;}
.breadcrumb span.on{color:#eb0000;}
.breadcrumb span.right_arrow{width:12px; height:14px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #999999; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:4px; left:1px;}
/*icon_home*/
.breadcrumb .icon_home{width:16px; height:14px; display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.breadcrumb .icon_home:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#777777; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8);
		-moz-transform:scale(1,0.8);-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.breadcrumb .icon_home:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px; border:3px solid #777777; 
		border-top-width:3px; border-bottom:0;}

/*상세보기 이미지 확대 뷰 common*/
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both;}
html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw;}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000000;filter:alpha(Opacity=80);opacity:.8;display:none;}
.lightbox{position:absolute;left:0; width:100%; z-index:10000;font-weight:normal;}
.lightbox .lb-image{display:block; height:auto; max-width:inherit; max-height:none; border:2px solid #ffffff;}
.lb-outerContainer{position:relative; margin:0 auto; background-color:#ffffff;}
.lb-loader,.lb-nav{position:absolute;left:0;}
.lb-outerContainer:after{display:table;}
.lb-loader{top:43%;height:25%;width:100%;}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto; background:url("../images/common/loading.gif") no-repeat;}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
/*next,prev 버튼*/
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block; opacity:1.0;}
.lb-nav a.lb-prev{width:25%;left:0;float:left; margin-left:5px;  background:url("../img/prev.png")no-repeat left  48% ;
	-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;}
.lb-nav a.lb-next{width:25%;right:0;float:right; margin-right:5px;background:url("../img/next.png")no-repeat right 48% ;
	 -webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;}
.lb-dataContainer{margin:0 auto; padding-top:15px; width:100%; }
.lb-dataContainer:after{display:table}
.lb-data{padding:0 4px;color:#cccccc;}
.lb-data .lb-details{width:95%; margin:0 auto; text-align:left;line-height:1.1em}
.lb-details .lb-caption{font-size:15px; font-weight:normal; line-height:1.4; display:block; padding-bottom:10px;}
.lb-details .lb-number{font-size:13px; display:block; clear:left; padding-bottom:10px;}
/*닫기 버튼*/
.lb-data .lb-close{float:right; width:27px; height:27px;  position:relative; cursor:pointer; overflow:hidden;}
.lb-data .lb-close:before, .lb-data .lb-close:after{content:''; height:2px; width:27px; 
		display:block; background-color:#0f82be; position:absolute; top:10px; left:0px; transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.lb-data .lb-close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/*회사소개 company_introduction.asp*/
.company_introduction_wrap{font-size:18px;}
.company_introduction_wrap>ul{font-size:0; text-align:center;}
.company_introduction_wrap li{display:inline-block; vertical-align:top; color:#ffffff; font-size:24px; font-weight:500; width:20%; 
		position:relative; border-radius:50%; background:linear-gradient( 42deg, #4984c7, #255aa7); overflow:hidden;}
.company_introduction_wrap li:before{content:''; display:block; padding-bottom:100%;}
.company_introduction_wrap li+li{margin-left:5%;}
.company_introduction_wrap>ul div{position:absolute; left:0; top:0; width:100%; height:100%; display:table;}
.company_introduction_wrap>ul div>span{ width:100%; height:100%; display:table-cell; vertical-align:middle;}
.company_introduction_wrap>ul em{display:block; margin-top:20px;}
.company_introduction_wrap p{line-height:1.5; margin-top:60px; text-align:center; letter-spacing:-0.5px;}
.company_introduction_wrap p+p{ margin-top:20px;}
.company_introduction_wrap p>span{display:block;}
.company_introduction_wrap p>span+span{ margin-top:10px;}
.company_introduction_wrap p strong{color:#000000;}

/*history.asp*/
.history_title{font-size:18px; letter-spacing:-1px; color:#333333; text-align:center; line-height:1.5; }
.history_list{margin-top:50px;}
.history_list>li{float:left; width:22.75%; margin:20px 0;}
.history_list>li+li{margin-left:3%;}
.history_list>li:nth-child(4n+1){margin-left:0; clear:both;}
.history_year{color:#ffffff; font-size:20px; width:115px; height:115px; border-radius:50%; background-color:#255aa7; text-align:center; font-weight:bold;
		line-height:115px; letter-spacing:-1px; position:relative; margin:0 auto; }
.history_year:before{content:''; width:1px; height:80px; background-color:#255aa7; display:block; position:absolute; left:50%; top:100%; z-index:-1;}
.history_contents{background-color:#ffffff; margin-top:70px; padding:20px 0 15px; text-align:center; min-height:87px; letter-spacing:-1px;}
.history_contents>p{font-size:17px; color:#333333; line-height:1.5; padding-left:8px; position:relative; display:inline-block; text-align:left; }
.history_contents>p:before{content:''; width:4px; height:4px; border-radius:50%; display:block; background-color:#255aa7; position:absolute; left:0; top:11px; }
.history_contents>p+p{margin-top:5px;}

/*organization_chart.asp 조직도*/
.organization_chart_title{font-size:18px; letter-spacing:-1px; color:#333333; text-align:center; line-height:1.5; }
.organization_chart{margin-top:50px; line-height:1.4; font-weight:500; text-align:center; letter-spacing:-1px;}
.chart_1depth{width:140px; height:140px; margin:0 auto; background-color:#255aa7; border-radius:50%; color:#ffffff; position:relative; font-size:19px;
		line-height:140px;}
.chart_1depth:before{content:''; width:1px; height:106px; background-color:#bbbbbb; position:absolute; left:50%; top:135px; display:block; z-index:-1;}
.chart_1depth:after{content:''; width:8px; height:8px; display:block; background-color:#4984c7; border-radius:100%; position:absolute; left:50%; top:136px;
		margin-left:-4px;}
.organization_chart02{margin-top:100px; position:relative; padding-top:40px;}
.organization_chart02:before{content:''; width:77.25%; height:1px; display:block; z-index:-1; background-color:#bbbbbb; position:absolute; left:11.375%; 
		top:0;}
.chart_2depth{float:left; width:22.75%; position:relative;}
.chart_2depth+div{margin-left:3%;}
.chart_2depth>em{width:120px; height:120px; display:block; margin:0 auto; background-color:#4984c7; border-radius:50%; color:#ffffff; position:relative; 
		font-size:17px; line-height:120px;}
.chart_2depth>em:before{content:''; width:8px; height:8px; display:block; background-color:#255aa7; border-radius:50%; position:absolute; 
		left:50%; top:-4px; margin-left:-4px;}
.chart_2depth>em:after{content:''; width:1px; height:191px; display:block; z-index:-1; background-color:#bbbbbb; position:absolute; left:50%; top:-40px;}
.chart_2depth.chart_2depth_01>em:after{height:230px;}
.chart_2depth.chart_2depth_04>em:after{height:45px;}
.chart_2depth>ul{margin-top:30px; padding-top:30px; font-size:0; position:relative;}
.chart_2depth>ul:before{content:''; width:51.3%; height:1px; display:block; z-index:-1; background-color:#bbbbbb; position:absolute; left:24.5%; top:0;}
.chart_2depth.chart_2depth_01>ul:before{width:68.3%; left:16%;}
.chart_2depth>ul>li{display:inline-block; vertical-align:top; font-size:16px; width:49%; padding:10px 2px; border:1px solid #666666; letter-spacing:-1px;
		color:#333333; position:relative; background-color:#ffffff;}
.chart_2depth.chart_2depth_01>ul>li{width:32%;}
.chart_2depth>ul>li:before{content:''; width:1px; height:30px; display:block; z-index:-1; background-color:#bbbbbb; position:absolute; left:50%; top:-30px;}
.chart_2depth.chart_2depth_01>ul>li:nth-child(2):before{display:none;}
.chart_2depth>ul>li+li{margin-left:2%;}

/*certification_status.asp 인증현황*/
.certification_status_wrap>div+div{margin-top:50px;}
.certification_status_wrap h5{font-size:24px; color:#255aa7;}
.certification_status li{float:left; width:17.5%; margin:20px 0 20px;  -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  
		transition:all 0.3s ease;}
.certification_status li+li{margin-left:3%;}
.certification_status li:nth-child(5n+1){margin-left:0; clear:both;}
.certification_status li>a{display:block; }
.certification_status li>a img{border:1px solid #e6e6e6; width:100%;}
.certification_status li>a:hover{box-shadow:1px 1px 4px rgba(0,0,0,0.4);}

/*production_equipment.asp 생산설비*/
.production_equipment_list+div{margin-top:30px;}
.production_equipment_list h5{font-size:24px; color:#255aa7; letter-spacing:-1px;}
.equipment_list>li{float:left; width:30%; margin:20px 0 30px;  -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  
		transition:all 0.3s ease;}
.equipment_list>li+li{margin-left:5%;}
.equipment_list>li:nth-child(3n+1){margin-left:0; clear:both;}
.equipment_list>li>a{display:block; }
.equipment_list>li>a img{width:100%;}
.equipment_list>li>a:hover{box-shadow:1px 1px 4px rgba(0,0,0,0.4);}

.equipment_txt {text-align:center;padding:10px;font-size:13pt}

/*map.asp 오시는길*/
.map_title{font-size:18px; letter-spacing:-1px; color:#255aa7; text-align:center; line-height:1.5; }
.map_img{margin-top:50px;}
.map_txt{margin-top:40px;}
.map_txt h5{color:#333333; font-size:24px; font-weight:bold;}
.map_txt h5 span{color:#eb0000;}
.map_txt table{width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #666666; margin-top:10px;}
.map_txt table caption{font-size:0; text-indent:-999999px;}
.map_txt table th{width:20%; padding:12px 10px 12px 20px; text-align:left; border-bottom:1px solid #dedede; color:#333333; font-size:16px; font-weight:500;}
.map_txt table td{width:80%; padding:12px 10px; text-align:left; border-bottom:1px solid #dedede; font-size:16px;}
.map_txt table tr:last-child th,.map_txt table tr:last-child td{border-bottom:1px solid #666666;}

/*제품 탭 common*/
.products_tab ul{font-size:0; width:100%;} 
.products_tab li{display:inline-block; vertical-align:top; font-size:16px; width:25%; margin-top:-1px;}
.products_tab li+li{margin-left:-1px;}
.products_tab li:nth-child(4n+1){margin-left:0;}
.products_tab li>a{display:table; width:100%; min-height:70px; padding:15px 20px; color:#333333; font-weight:500; border:1px solid #999999; position:relative; 
		line-height:1.4; letter-spacing:-1px; background-color:#ffffff; background-size:95px auto; background-position:right bottom; 
		background-repeat:no-repeat;}
.products_tab li>a em{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.products_tab li>a:hover{color:#255aa7; border-color:#255aa7;}
/*thumbnail*/
.products01_tab li:nth-child(1)>a{background-image:url("../img/thumbnail/products01_thumbnail01.png"); }
.products01_tab li:nth-child(2)>a{background-image:url("../img/thumbnail/products01_thumbnail02.png"); }
.products01_tab li:nth-child(3)>a{background-image:url("../img/thumbnail/products01_thumbnail03.png"); }
.products01_tab li:nth-child(4)>a{background-image:url("../img/thumbnail/products01_thumbnail04.png"); }
.products01_tab li:nth-child(5)>a{background-image:url("../img/thumbnail/products01_thumbnail05.png"); }
.products01_tab li:nth-child(6)>a{background-image:url("../img/thumbnail/products01_thumbnail06.png"); }
.products01_tab li:nth-child(7)>a{background-image:url("../img/thumbnail/products01_thumbnail07.png"); }
.products01_tab01 li:nth-child(1)>a,.products01_tab02 li:nth-child(2)>a,.products01_tab03 li:nth-child(3)>a,.products01_tab04 li:nth-child(4)>a,
.products01_tab05 li:nth-child(5)>a,.products01_tab06 li:nth-child(6)>a,.products01_tab07 li:nth-child(7)>a{color:#255aa7; border-color:#255aa7;}
.products02_tab li:nth-child(1)>a{background-image:url("../img/thumbnail/products02_thumbnail01.png");}
.products02_tab li:nth-child(2)>a{background-image:url("../img/thumbnail/products02_thumbnail02.png");}
.products02_tab li:nth-child(3)>a{background-image:url("../img/thumbnail/products02_thumbnail03.png");}
.products02_tab li:nth-child(4)>a{background-image:url("../img/thumbnail/products02_thumbnail04.png");}
.products02_tab01 li:nth-child(1)>a,.products02_tab02 li:nth-child(2)>a,.products02_tab03 li:nth-child(3)>a,.products02_tab04 li:nth-child(4)>a
		{color:#255aa7; border-color:#255aa7;}
.products03_tab li:nth-child(1)>a{background-image:url("../img/thumbnail/products03_thumbnail01.png");}
.products03_tab li:nth-child(2)>a{background-image:url("../img/thumbnail/products03_thumbnail02.png");}
.products03_tab li:nth-child(3)>a{background-image:url("../img/thumbnail/products03_thumbnail03.png");}
.products03_tab li:nth-child(4)>a{background-image:url("../img/thumbnail/products03_thumbnail04.png");}
.products03_tab li:nth-child(5)>a{background-image:url("../img/thumbnail/products03_thumbnail05.png");}
.products03_tab li:nth-child(6)>a{background-image:url("../img/thumbnail/products03_thumbnail06.png");}
.products03_tab li:nth-child(7)>a{background-image:url("../img/thumbnail/products03_thumbnail07.png");}
.products03_tab li:nth-child(8)>a{background-image:url("../img/thumbnail/products03_thumbnail08.png");}
.products03_tab li:nth-child(9)>a{background-image:url("../img/thumbnail/products03_thumbnail09.png");}
.products03_tab li:nth-child(10)>a{background-image:url("../img/thumbnail/products03_thumbnail10.png");}
.products03_tab li:nth-child(11)>a{background-image:url("../img/thumbnail/products03_thumbnail11.png");}
.products03_tab01 li:nth-child(1)>a,.products03_tab02 li:nth-child(2)>a,.products03_tab03 li:nth-child(3)>a,.products03_tab04 li:nth-child(4)>a,
.products03_tab05 li:nth-child(5)>a,.products03_tab06 li:nth-child(6)>a,.products03_tab07 li:nth-child(7)>a,.products03_tab08 li:nth-child(8)>a,
.products03_tab09 li:nth-child(9)>a,.products03_tab10 li:nth-child(10)>a,.products03_tab11 li:nth-child(11)>a{color:#255aa7; border-color:#255aa7;}
.products04_tab li:nth-child(1)>a{background-image:url("../img/thumbnail/products04_thumbnail01.png"); }
.products04_tab li:nth-child(2)>a{background-image:url("../img/thumbnail/products04_thumbnail02.png"); }
.products04_tab li:nth-child(3)>a{background-image:url("../img/thumbnail/products04_thumbnail03.png"); }
.products04_tab li:nth-child(4)>a{background-image:url("../img/thumbnail/products04_thumbnail04.png"); }
.products04_tab01 li:nth-child(1)>a,.products04_tab02 li:nth-child(2)>a,.products04_tab03 li:nth-child(3)>a,.products04_tab04 li:nth-child(4)>a
		{color:#255aa7; border-color:#255aa7;}
.products05_tab li:nth-child(1)>a{background-image:url("../img/thumbnail/products05_thumbnail01.png"); }
.products05_tab li:nth-child(2)>a{background-image:url("../img/thumbnail/products05_thumbnail02.png"); }
.products05_tab li:nth-child(3)>a{background-image:url("../img/thumbnail/products05_thumbnail03.png"); }
.products05_tab li:nth-child(4)>a{background-image:url("../img/thumbnail/products05_thumbnail04.png"); }
.products05_tab li:nth-child(5)>a{background-image:url("../img/thumbnail/products05_thumbnail05.png"); }
.products05_tab li:nth-child(6)>a{background-image:url("../img/thumbnail/products05_thumbnail06.png"); }
.products05_tab li:nth-child(7)>a{background-image:url("../img/thumbnail/products05_thumbnail07.png"); }
.products05_tab li:nth-child(8)>a{background-image:url("../img/thumbnail/products05_thumbnail08.png"); }
.products05_tab01 li:nth-child(1)>a,.products05_tab02 li:nth-child(2)>a,.products05_tab03 li:nth-child(3)>a,.products05_tab04 li:nth-child(4)>a,
.products05_tab05 li:nth-child(5)>a,.products05_tab06 li:nth-child(6)>a,.products05_tab07 li:nth-child(7)>a,.products05_tab08 li:nth-child(8)>a
		{color:#255aa7; border-color:#255aa7;}

/*products_contents common*/
.products_contents_wrap{margin:60px auto 0;}
.products_list+div{margin-top:60px;}
.products_contents_title{font-size:0;}
.products_contents_title>*{display:inline-block; vertical-align:bottom;}
.products_contents_title h6{font-size:28px; letter-spacing:-2px; color:#000000; padding-left:25px; position:relative; line-height:1.4;}
.products_contents_title h6:before{content:''; width:0; height:0; display:block; border-top:18px solid #eb0000; border-left:9px solid transparent;
		border-right:9px solid transparent; position:absolute; left:0; top:12px;}
.products_contents_title p{font-size:20px; letter-spacing:-1px; color:#255aa7; font-weight:500; margin-left:12px;}
.products_info_table{margin-bottom:50px;}
.products_info_table table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; letter-spacing:-1px; font-size:15px;}
.products_info_table caption{font-size:0; text-indent:-999999px;}
.products_info_table th{padding:12px 4px; color:#333333; text-align:center; border:1px solid #cccccc; background-color:#f5f5f5; font-weight:500;}
.products_info_table td{padding:10px 4px 10px 4px; border:1px solid #cccccc; text-align:center; }
.products_contents strong{font-size:24px; letter-spacing:-1px; color:#333333; padding-left:15px; position:relative; display:block; margin-bottom:12px;}
.products_contents strong:before{content:''; width:8px; height:8px; display:block; background-color:#255aa7; border-radius:50%; position:absolute; 
		left:0; top:15px;}
.products_contents .products_img+.products_img{margin-top:50px;}
.products_contents .products_img>span{display:inline-block; vertical-align:top; border:1px solid #999999; background-color:#f3f7fa; font-size:16px;}
/*products_contents_type01*/
.products_contents_type01{margin-top:50px;}
.products_contents_type01 .products_img{font-size:0; text-align:center;}
/*products_contents_type02*/
.products_contents_type02{ margin-top:25px;}
.products_contents_type02>li{float:left; width:47.5%; margin:25px 0;}
.products_contents_type02>li+li{margin-left:5%;}
.products_contents_type02>li:nth-child(2n+1){margin-left:0; clear:both;}
/*products_contents_type03*/
.products_contents_type03{margin-top:50px;}
.products_contents_type03>div+div{margin-top:50px;}
.products_contents_type03 li{float:left; width:47.5%;}
.products_contents_type03 li+li{margin-left:5%;}
.products_contents_type03 li:nth-child(2n+1){margin-left:0; clear:both;}
.products_contents_type03 .products_img span{display:inline-block; vertical-align:top; border:1px solid #999999; background-color:#f3f7fa;}
/*면목 / 수절목*/
.products_info_table.products_info_table04 th{padding:11px 2px;}
.products_info_table.products_info_table04 td{padding:11px 2px;}
/*HI, PS 수절목, 요철목*/
.products04_contents02>div+div{margin-top:50px;}
/*HI, PS 콤비, 주공용 콤비*/
.products04_contents03>div+div{margin-top:50px;}


/*1300이하 */
@media screen and (max-width:1300px){





}/*1300이하 끝*/

/*1200이하 */
@media screen and (max-width:1200px){

/*horizontal_menu_bar 가로 1201px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{display:none;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:block;}

/*history.asp*/
.history_list>li{width:45%;}
.history_list>li+li{margin-left:10%;}
.history_list>li:nth-child(2n+1){margin-left:0; clear:both;}

/*organization_chart.asp 조직도*/
.organization_chart02:before{width:76.5%; left:15%;} 
.chart_2depth{width:25%;}
.chart_2depth.chart_2depth_01{width:30%;}
.chart_2depth.chart_2depth_04{width:17%;}
.chart_2depth+div{margin-left:1%;}

/*제품 탭 common*/
.products_tab li>a{padding:8px 10px;}


}/*1200이하 끝*/


/*1024이하 */
@media screen and (max-width:1024px){

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_01{display:none; float:none;}
.sub_tab_02{width:50%;}
.sub_tab_03{width:50%; }
.sub_tab.sub_tab_02:before{display:none;}

/*회사소개 company_introduction.asp*/
.company_introduction_wrap li{width:30%;}

/*production_equipment.asp 생산설비*/
.equipment_list>li{width:32%; margin:15px 0 10px;}
.equipment_list>li+li{margin-left:2%;}

/*history.asp*/
.history_list>li{width:47.5%;}
.history_list>li+li{margin-left:5%;}

/*organization_chart.asp 조직도*/
.chart_2depth>ul>li{font-size:15px;}

/*certification_status.asp 인증현황*/
.certification_status li{width:48.5%;}
.certification_status li:nth-child(2n+1){margin-left:0; clear:both;}

/*제품 탭 common*/
.products_tab li{width:50%;}
.products_tab li:nth-child(2n+1){margin-left:0;}



}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*.sub_visual_txt*/
.sub_visual_txt{text-align:center;}
.sub_visual_txt h3:before{left:50%; margin-left:-20px;}
.sub_visual_txt p{font-size:18px;}

/*회사소개 company_introduction.asp*/
.company_introduction_wrap li{width:32%;}
.company_introduction_wrap li+li{margin-left:2%;}
.company_introduction_wrap>ul em{margin-top:10px;}

/*organization_chart.asp 조직도*/
.chart_2depth{width:47%;}
.chart_2depth.chart_2depth_01{width:47%;}
.chart_2depth.chart_2depth_04{width:47%;}
.chart_2depth.chart_2depth_04,.chart_2depth.chart_2depth_03{margin-top:90px;}
.chart_2depth+div{margin-left:6%;}
.chart_2depth:nth-child(2n+1){margin-left:0; clear:both;}
.chart_1depth:before{height:419px;}
.organization_chart01{position:relative;}
.organization_chart01:after{content:''; width:53%; height:1px; display:block; z-index:-1; background-color:#bbbbbb; position:absolute; left:23.5%;
		top:553px;}
.organization_chart02:before{width:53%; left:23.5%;}

/*certification_status.asp 인증현황*/
.certification_status_wrap h5{margin-bottom:10px;}
.certification_status li{margin:10px 0;}

/*production_equipment.asp 생산설비*/
.equipment_list>li{margin:15px 0 0;}


}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.contents_wrap{padding-top:35px;}
.sub_page_title>h4{font-size:30px;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_02{width:100%; float:none;}
.sub_tab_03{width:100%; float:none;}
.sub_tab.sub_tab_03:before{width:100%; top:0; height:1px; }
.sub_tab.sub_tab_02 .sub_tab_2depth{z-index:400;}

/*회사소개 company_introduction.asp*/
.company_introduction_wrap{font-size:16px;}
.company_introduction_wrap li{font-size:18px; letter-spacing:-1px;}
.company_introduction_wrap li img{width:55px;}
.company_introduction_wrap p{margin-top:40px;}

/*history.asp*/
.history_title{font-size:16px;}
.history_list>li{width:100%; float:none; margin:0}
.history_list>li+li{margin-left:0; margin-top:40px;}
.history_year{font-size:18px; width:100px; height:100px; line-height:100px; }
.history_year:before{height:70px;}
.history_contents{margin-top:30px; padding:12px 0 12px; min-height:auto;}
.history_contents>p{ font-size:16px;}
.history_contents>p:before{top:10px;}
.history_img{max-width:420px; margin:0 auto;}

/*organization_chart.asp 조직도*/
.organization_chart_title{font-size:16px;}
.organization_chart01:after{width:51.5%; left:24.25%; top:491px;}
.chart_1depth{font-size:18px; width:120px; height:120px; line-height:120px;}
.chart_1depth:before{top:115px; height:377px;}
.chart_1depth:after{top:116px;}
.organization_chart02{margin-top:80px;}
.organization_chart02:before{width:51.5%; left:24.25%;}
.chart_2depth{width:48.5%;}
.chart_2depth.chart_2depth_01{width:48.5%;}
.chart_2depth.chart_2depth_04{width:48.5%;}
.chart_2depth+div{margin-left:3%;}
.chart_2depth>em{font-size:16px; width:100px; height:100px; line-height:100px;}
.chart_2depth>em:after{height:170px;}
.chart_2depth>ul>li{font-size:14px;}

/*certification_status.asp 인증현황*/
.certification_status_wrap>div+div{margin-top:40px;}
.certification_status_wrap h5{font-size:22px; margin-bottom:5px;}

/*production_equipment.asp 생산설비*/
.production_equipment_list+div{margin-top:40px;}
.production_equipment_list h5{font-size:22px;}
.equipment_list{margin-top:15px;}
.equipment_list>li{margin:0; float:none; width:100%;}
.equipment_list>li+li{margin-left:0; margin-top:20px;}

/*map.asp 오시는길*/
.map_title{font-size:16px;} 
.map_txt{margin-top:30px;}
.map_txt h5{font-size:21px;}
.map_txt table th{width:25%; padding:10px 8px; font-size:15px;}
.map_txt table td{width:75%; padding:10px 8px; font-size:15px;}

/*제품 탭 common*/
.products_tab li>a{padding:6px 40px 6px 10px; min-height:60px; background-size:60px auto;}

/*products_contents common*/
.products_contents_wrap{margin:50px auto 0;}
.products_list+div{margin-top:50px;}
.products_contents_title>*{display:block;}
.products_contents_title h6{font-size:24px; padding-left:20px;}
.products_contents_title h6:before{border-top:14px solid #eb0000; border-left:7px solid transparent; border-right:7px solid transparent; top:11px;}
.products_contents_title p{font-size:17px; padding-left:19px; margin-left:0; margin-top:2px;}
.products_contents strong{font-size:19px; padding-left:13px; margin-bottom:10px;}
.products_contents strong:before{top:12px;}
.products_info_table{margin-bottom:40px;}
.products_info_table table{font-size:14px;}
.products_info_table th{padding:10px 4px;}
.products_info_table td{padding:9px 4px;}
.products_contents .products_img+.products_img{margin-top:40px;}
.products_contents .products_img>span{font-size:15px;}
/*products_contents_type01*/
.products_contents_type01{margin-top:30px;}
/*products_contents_type02*/
.products_contents_type02{margin-top:30px;}
.products_contents_type02>li{float:none; width:100%; margin:0;}
.products_contents_type02>li+li{margin-left:0; margin-top:30px;}
/*products_contents_type03*/
.products_contents_type03{margin-top:30px;}
.products_contents_type03>div+div{margin-top:30px;}
.products_contents_type03 li{float:left; width:100%;}
.products_contents_type03 li+li{margin-left:0; margin-top:30px;}
/*면목 / 수절목*/
.products_info_table.products_info_table04 th{padding:10px 2px;}
.products_info_table.products_info_table04 td{padding:10px 2px;}
/*HI, PS 수절목, 요철목*/
.products04_contents02>div+div{margin-top:30px;}
/*HI, PS 콤비, 주공용 콤비*/
.products04_contents03>div+div{margin-top:30px;}


}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){

/*회사소개 company_introduction.asp*/
.company_introduction_wrap{font-size:15px;}
.company_introduction_wrap li{display:block; width:200px; margin:0 auto;}
.company_introduction_wrap li+li{margin:20px auto 0;}
.company_introduction_wrap p{margin-top:30px;}
.company_introduction_wrap p+p{ margin-top:15px;}

/*organization_chart.asp 조직도*/
.organization_chart01:after{top:486px;}
.chart_1depth:before{height:372px;}
.organization_chart02{margin-top:60px;}
.chart_2depth.chart_2depth_01>ul>li{padding:7px 3px; min-height:56px;}

/*certification_status.asp 인증현황*/
.certification_status li{margin:5px 0;}

/*제품 탭 common*/
.products_tab li{display:block; width:100%; margin-top:0;}
.products_tab li+li{margin-left:0; margin-top:-1px;}
.products_tab li>a{min-height:50px;}

/*products_contents common*/
.products_list+div{margin-top:40px;}
.products_info_table{margin-bottom:30px;}
.products_contents .products_img+.products_img{margin-top:30px;}
/*면목 / 수절목*/
.products_info_table.products_info_table04 table{font-size:13px;}

}/*420이하 끝*/

/*340이하 */
@media screen and (max-width:340px){

/*map.asp 오시는길*/
.map_txt table th{width:24%; padding:10px 5px;}
.map_txt table td{width:76%; padding:10px 6px;} 

}/*340이하 끝*/