@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
html { font-family:'Nanum Gothic';  font-size:12px; overflow-y: scroll; }
body { width:100%; margin:0 0 0 0; font-size:12px; font-family:'Nanum Gothic'; }
img { border:none; margin:0; padding:0; vertical-align:top; }
input{ vertical-align:top; border:0; margin:0; padding:0;}
ul {margin:0; padding:0; list-style:none; }
li {margin:0; padding:0; list-style:none; vertical-align:top;}
table { list-style:none; text-align:left;}

h1{margin:0; padding:0;}

a{    letter-spacing: 0;
    outline: none;
    color: #363636; 
	text-decoration:none;
	}
/* ũ  */

dl, dd, dt{margin:0; padding:0; list-style:none;}

img, object, embed, video {
	max-width: 100%;
	
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:auto;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */





.wrap5{width:180px; height:auto; float:left; position:absolute; right:-180px; display:none;}
.r_sang3{ width:160px; height:195px; float:left; margin-left:20px; background: url('../images/phone2.png') no-repeat;}
.consu_tit{width:100%; height:35px; float:left; text-align:center; line-height:35px; color:#fff; font-size:14px;}
.con_name{width:95%; height:30px; float:left; line-height:30px; padding-left:5%;}
.run_name1{width:100%; float:left;}
.b_name_in{width:142px; height:20px; float:left; margin:0 8px 0 8px; border:1px solid #000;}
.b_tel1_in1{width:39px; height:20px; float:left; padding:0; margin:0; border:1px solid #000;}
.run_name2{width:147px; float:left; padding:0 0 0 8px;}
.run_font_st1{width:10px; height:24px; float:left; text-align:center; line-height:20px;}
.run_name3{width:100%; height:auto; float:left; text-align:center; margin-top:5px;}

.run_ok_btn{width:50px; height:20px; background-color:#fff; color:#000; border:1px solid #bfbfbf; cursor:pointer;}



.foscreen1{display: table;   margin: 0 auto; position:relative;}
.foscreen2{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1024px; height: 400px; overflow: hidden;}
.foscreen3{cursor: move; position: absolute; left: 0px; top: 0px; width: 1024px; height: 400px; overflow: hidden;}
.foscreen4{position: relative; width:100%; overflow: hidden;}

.imgbigsd{display:block;}
.imgsmasd{display:none;}



.picsf ul{width:100%; height:auto; float:left;}


.picsf ul li{width:20%; float: left; height:auto; text-align:center;}
.picsf ul li img{width:100%; margin-bottom:15px;}





@media only screen and (min-width: 0px) {

.new_pop{display:none;}

#wrap{width: 100%; height:auto; float:left;}
.wrap_pc{width:100%; height:auto; margin:0 auto; display:block;}


.s1{display:block;}
.s2{display:none;}
.s3{display:none;}
.s4{display:none;}
.s5{display:block;}
.s6{display:block;}
.s7{display:none;}

.top{width:100%; height:auto; float:left;}
.logo{ display:none;}
.top_hsc{ display:none;}
.mo_logo{width:100%; height:60px; float:left; border-bottom:1px solid #e8e8e8; display:block; position:relative;}
.mo_logo li.mo_top_logos{width:100%;  float:left; text-align:center;}
.mo_logo li.mo_top_logos img{height:100%; height:40px; padding:10px 0 0 0;}
.mo_logo li.mo_top_home{float:right; width:32px; height:32px; position:absolute; right:10px; top:14px;}
.mo_logo li.mo_top_lan{float:left; position:absolute; left:3px; top:17px; width: 90%;}

.sub_700{display:none;}



#Gnb{display:none;}
#Gnb2{display:none;}

.noti_ban{display:none;}
.noti_ban_700{display:none;}
.sub_menu{display:none;}


.gnb_submenus{display:none;}


.con2{width:100%; height:auto; float:left; display:block;}
.con2_title{width:100%; height:auto; float:left; border-bottom:1px solid #cccccc; display:block;}
.con2_title ul{width:100%; height:auto; float:left; padding:20px 0 10px 0;}
.con2_title li.con2_title_2{font-size:20px; float:left; font-weight:bold; padding-left:10px; padding-top:3px; color:#666666;}
.con2_title li.con2_nav{ width:50%; float:right; text-align:right; padding-right:10px; padding-top:13px; line-height:-20px; color:#6a6a6a;}
.con2_title li.con2_nav a {color:#6a6a6a; cursor:pointer; }
.con2_title li.con2_nav a:link {text-decoration: none;}
.con2_title li.con2_nav a:hover {color:#6a6a6a; text-decoration:none;}
.con2_title li.con2_nav a:visited { text-decoration: none;}


.con_in{width:100%; height:auto; float:left; padding-top:25px; display:block;}
.con_in ul.con_in_con{width:97%; height:auto; float:left; padding-left:2%; padding-right:1%;}
.con_in ul.con_in_con li{ padding-bottom:3%; }
.font_sty{font-size:25px; font-weight:bold; color:#09C;}


.menu_clo{position:absolute; top:0; font-size:20px; left:0; padding:10px; color:#bdbdbd; margin-top:5px;}

.neleftmenu{width:100%; height:auto; float:left;}
.neleftmenu ul{width:100%; height:auto; float:left;}
.neleftmenu ul li{width:100%;  float:left; height:auto;}
.texslim{width:100%; height:40px; float:left; line-height:40px; border-bottom:1px solid #e8e8e8; font-size:14px; font-weight:bold; -webkit-text-stroke-width:.02em; color:#000;}
.dismen{display:none;}
.texslim2{padding-left:20px;float:left;}
.texslim3{padding-left:40px;float:left;}
.texslim4{padding-left:60px;float:left;}

.gong_menu{overflow: auto; width:100%; height:100%; float:left;}
.gong_menu ul.catego_menu{width:100%; height:auto; float:left;}
.gong_menu ul.catego_menu li{width:100%; height:40px;;  line-height:40px; float:left; font-size:14px; border-bottom:1px solid #e8e8e8; font-weight:bold; -webkit-text-stroke-width:.02em; color:#000;}
.gong_menu ul.catego_menu li a{width:100%; height:40px; line-height:40px; float:left; font-size:14px; font-weight:bold; -webkit-text-stroke-width:.02em; color:#000;}
.hanamenu2{width:100%; height:auto; float:left;}
.gong_menu ul.catego_menu .hanamenu2 ul li{width:100%; height:40px; float:left; line-height:40px;  border-bottom:1px solid #e8e8e8;}

.gong_menu ul.left_logo{width:100%; height:auto; float:left;}
.gong_menu ul.left_logo li{width:100%; height:auto; float:left; text-align:center; border-bottom:1px solid #e8e8e8;}



.gong_menu ul.member_id{width:100%; height:auto; float:left;}
.gong_menu ul.member_id li{width:100%; height:auto; float:left; text-align:center; font-size:12px; padding:10px 0 10px 0; background-color:#3e3e3e; color:#fff;}




.roll_font_sty1{float:left; font-size:40px; font-weight:bold; width:100%; margin:20px 0 0 20px; color:#000;}
.roll_font_sty2{float:left; font-size:33px; font-weight:bold; width:100%; margin:20px 0 0 20px; color:#3b5c1b;}
.roll_font_sty3{float:left; font-size:40px; font-weight:bold; width:100%; margin:20px 0 0 20px; color:#f0470c;}

.roll_font_sty4{float:left; font-size:40px; font-weight:bold; width:100%; margin:40px 0 0 40px; color:#000;}
.roll_font_sty5{float:left; font-size:40px; font-weight:bold; width:100%; margin:20px 0 0 40px; color:#3b5c1b;}




.noti_ban{width:100%; height:auto; float:left; border-top:0px solid #c6c3c3; border-bottom:1px solid #c6c3c3; display:block;}

.titsf{display:none;}


.bod_last1{display:none;}
.bod_last2{width:100%; height:auto; float:left; display:block;}
.bod_last2 ul{width:100%; height:auto; float:left;}
.bod_last2 ul li{width:100%; height:auto; float:left; position:relative; margin-top:10px;}
.bodlast_titlesd3{position:absolute; padding:0 10px 0 115px; left:0; top:5px;}
.bodlast_titlesd4{font-size:13px; color:#000; font-weight:bold; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; word-break:break-all;}
.bodlast_titlesd5{ padding-top:5px; font-size:12px; color:#000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; word-break:break-all;}





.call_bansd{display:none;}
.call_bansd2{display:none;}
.call_bansd3{width:100%; height:auto; float:left; margin-top:0px; display:block;}


.main_insdu2{width:100%; height:auto; float:left; margin-top:0px;}
.main_insdu2 ul{width:100%; height:247px; float:left; border-top:1px solid #d9d1d1;}
.main_insdu2 ul li{width:90%; height:auto; float:left;padding:0 5% 0 5%;}

.main_insdu2 ul.main_insdu2_pc{display:none;}
.main_insdu2 ul.main_insdu2_pc2{display:none;}
.main_insdu2 ul.main_insdu2_mo{display:none;}

.main_insdu2 ul li.gongsd_fon3{padding-top:10px;}
.gongsd_fon1{width:75%; float:left; font-size:14px; color:#000; font-weight:normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; word-break:break-all;}
.gongsd_fon2{width:25%; text-align:right; float:right; font-size:12px; color:#000; font-weight:normal;}









.noti_ban_mo{width:100%; height:auto; float:left; margin-top:3%; display: block;}
.notice_0_mo{width:98%; height:auto; float:left; margin-left:1%; margin-right:1%;}
.notice_0_mo ul.new_qna_mo{width:100%; height:24px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_mo ul.new_qna_mo li{float:left;}
.notice_0_mo ul.new_qna_mo li.more{width:15px; height:15px; float:right; margin-right:3%; margin-top:6px;}
.notice_0_mo ul.noti_con_mo{width:100%; height:100px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_mo ul.noti_con_mo ul{width:100%; height:auto; float:left;}
.notice_0_mo ul.noti_con_mo ul li{width:100%; height:auto; float:left; line-height:25px;}
.notice_0_mo ul.noti_con_mo ul li span.date{ float:right;}


.b_cons{width:75%; float:left;}
.b_cons2{width:25%; float:left; text-align:right;}
.bod_jum{float:left; vertical-align:top; padding:11px;}

.notice_0_mo ul.noti_con_mo ul li a {color:#111111; cursor:pointer; }
.notice_0_mo ul.noti_con_mo ul li a:link {text-decoration: none;}
.notice_0_mo ul.noti_con_mo ul li a:hover {color:#0066cc; text-decoration:none;}
.notice_0_mo ul.noti_con_mo ul li a:visited { text-decoration: none;}

.notice_0_mo1 ul.noti_con_mo ul li a {color:#111111; cursor:pointer; }
.notice_0_mo1 ul.noti_con_mo ul li a:link {text-decoration: none;}
.notice_0_mo1 ul.noti_con_mo ul li a:hover {color:#0066cc; text-decoration:none;}
.notice_0_mo1 ul.noti_con_mo ul li a:visited { text-decoration: none;}

.notice_0_mo1{width:98%; height:auto; float:left; margin-left:1%; margin-right:1%; margin-top:4%;}
.notice_0_mo1{width:98%; height:auto; float:left; margin-left:1%; margin-right:1%;}
.notice_0_mo1 ul.new_qna_mo{width:100%; height:24px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_mo1 ul.noti_con_mo{width:100%; height:100px; float:left; border-bottom:1px solid #cccccc;}

.products_mo{width:98%; height:auto; float:left; margin-left:1%; position:relative; margin-right:1%; margin-top:4%; text-align:center;}
.products_mo li.pho_num_mo{float: left; position: absolute; left: 12%; top: 26%; color:#999900; font-weight:bold; font-size:30px; letter-spacing:-1px;}
.products_mo li.pho_num_mo a {color:#999900; cursor:pointer; }
.products_mo li.pho_num_mo a:link {color:#999900; text-decoration: none;}
.products_mo li.pho_num_mo a:hover {color:#999900; text-decoration:none;}
.products_mo li.pho_num_mo a:visited {color:#999900; text-decoration: none;}
.products_mo li.pho_num2_mo{float: left; position: absolute; left: 30%; top: 59%; color:#565656; font-size:12px;}
.products_mo li.pho_num2_mo a {color:#565656; cursor:pointer; }
.products_mo li.pho_num2_mo a:link {color:#565656; text-decoration: none;}
.products_mo li.pho_num2_mo a:hover {color:#565656; text-decoration:none;}
.products_mo li.pho_num2_mo a:visited {color:#565656; text-decoration: none;}
.products_mo li.email_to_mo{float: left; position: absolute; left: 30%; top: 74%; color:#565656; font-size:12px;}
.products_mo li.email_to_mo a {color:#565656; cursor:pointer; }
.products_mo li.email_to_mo a:link {color:#565656; text-decoration: none;}
.products_mo li.email_to_mo a:hover {color:#565656; text-decoration:none;}
.products_mo li.email_to_mo a:visited {color:#565656; text-decoration: none;}

.pic{width:100%; height:auto; float:left; display:block;}
.slidesjs-pagination{display:none;}

.sub_img1{width:100%; height:auto; float:left; position:relative; margin-bottom:3%; display:block;}
.sub_img1 ul.img_list1{width:100%; height:auto; float:left;  display:block;}
.sub_img1 ul.img_list1 li{ display:none; position:relative;}
.sub_img1 ul.img_list1 li:first-child{display:block;}
.sub_img1 dl.text1{position:absolute; width:100%; bottom:35px; top:50%; right:30px; text-align:right; display:block;}

.sub_img1 dl.text1 dd{ margin-top:0%;}


.vi_title{font-size:20px; font-weight:bold; color:#0072bb;}
.vi_title2{font-size:15px; font-weight:bold; color:#fff; background-color:#0e4f00;}
.vi_title3{font-size:12px; color:#fff; background-color:#0e4f00; letter-spacing:-1px; }
.vi_title4{font-size:15px; font-weight:bold; color:#7f7f7f;}

.footer{display:none;}




.footer2{width:100%; height:auto; float:left; text-align:center; margin-top:-1px;  background-color:#38464b; padding-top:15px; color:#c7cbcc; padding-bottom:20px; display:block; }
.footer2 ul{width:98%; height:auto; padding-bottom:20px; margin:0 auto; }
.footer2 li.footer_logo2{ display:block; text-align:left;}
.footer2 li.footer_add2{width:98%; float:left; text-align:left; padding-left:1%; padding-right:1%; display:block;}
.footer2 li a {cursor:pointer; }
.footer2 li a:link {color:#3c3c3c; text-decoration: none;}
.footer2 li a:hover {color:#3c3c3c; text-decoration:none;}
.footer2 li a:visited {color:#3c3c3c; text-decoration: none;}





.login_new3{width:320px; margin:0 auto;}
.login_new2{width:320px; float:left; height:auto; margin:15px 0 0 0;}
.login_new2 ul.login_fom{width:207px; height:70px; float:left;}
.login_new2 ul.login_fom li{width:207px; height:34px; float:left;}
.fom_syl{width:203px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.login_new2 ul.login_btn{width:95px; height:70px; float:left; margin-left:18px;}
.login_new2 ul.login_btn li{width:95px; height:70px; float:left; text-align:center;}
.login_btn_new{background-color:#000;  color:#fff; font-weight:bold; font-size:12px; border:0; width:95px; height:70px; cursor:pointer;}

.login_new2 ul.ser_joy{width:320px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy li{float:left; width:101px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}



.login_new4{width:100%; float:left; height:auto; margin:50px 0 0 0;}

.login_new2 ul.ser_joy2{width:320px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy2 li{float:left; width:150px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}


.login_new5{width:320px; margin:0 auto;}
.login_new4{width:320px; float:left; height:auto; margin:50px 0 0 0;}
.login_new4 ul.ser_joy2{width:320px; height:auto; float:left; margin-top:10px;}
.login_new4 ul.ser_joy2 li{float:left; width:150px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}

.fom_syl2:invalid{ background-color:#fff;}


.fom_syl2{width:145px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.ok_btn_sty3{width:100px; height:30px;  background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer;}


#member div.join{width:100%; height:auto; float:left;}
#member div.member_agree{width:96%; height:auto; float:left; margin-left:2%;}
#member div.member_agree h3{font-size:18px; height:25px; line-height:25px;}
#member div.member_agree textarea{width:100%; height:160px; border:1px solid #ccc; font-size:11px; overflow-y: scroll;}
#member div.member_agree label{display:block; text-align:right; margin-top:5px; padding:5px 0;}
#member div.member_agree label input{vertical-align:middle; margin-right:5px;}
#member div.member_agree+div.join{display:none;}
#member div.join div.member_form{}


#member div.member_agree div.btn{text-align:center; padding-top:10px; margin-top:5px; border-top:1px solid #ccc;}
#member div.member_agree div.btn a{display:inline-block; width:100px; text-align:center; margin-bottom:2px; border-radius:3px; height:30px; line-height:30px; border:1px solid #b2b2b2; background:#f4f4f4 url('../images/member/btn_bg.gif') left top repeat-x; letter-spacing:-1px; color:#fff;}
#member div.member_agree div.btn a:hover{background-position:left;}




.wrap5{display:none;}




.calen_texts{width:95%; height:auto; float:left; margin:20px 0 0 5%;}


.imgbigsd{display:none;}
.imgsmasd{display:block;}
.foscreen1{display: table;   margin: 0 auto; position:relative;}
.foscreen2{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1024px; height: 400px; overflow: hidden;}
.foscreen3{cursor: move; position: absolute; left: 0px; top: 0px; width: 1024px; height: 400px; overflow: hidden;}
.foscreen4{position: relative; width:100%; overflow: hidden;}



/*주요거래처*/
ul.p_logo{margin-left:98%; margin:0 auto;}
ul.p_logo li{padding: 2% 0px; border: 1px solid rgb(225, 225, 225); border-image: none; text-align: center; margin-bottom: 20px; margin-left:3%; float: left; width:44%;}


/*생산설비*/
ul.sub04_01menu li:first-child{float:left; padding:15px 1%; width:47%; font-size:13px; border:1px solid #dbdbdc;  min-height:40px; }
ul.sub04_01menu li{float:left; padding:15px 1%; width:47%; font-size:13px; border:1px solid #dbdbdc;  min-height:40px; }

/*생산설비-공장*/
ul.sub04_01_manufac{margin-top:10px; clear:both; float:left; width:100%;}
ul.sub04_01_manufac li{width:97%; text-align:left; font-size:1.2em; float:left; padding:20px 0 0 1%;}
ul.sub04_01_manufac li strong{ font-size:1.3em; color:#3156a3; text-decoration:underline;}
ul.sub04_01_manufac li.r{width:98%; text-align:left; font-size:1.1em; float:left; padding:20px 0 0 2%; line-height:27px; }
ul.sub04_01_manufac li img{width:100%; clear:both; float:left;}


/*회사개요*/
.map_table2{ padding:0px; margin:0px; font-size:16px; float:left; 
width:100%; }


/*인사말*/

.top_title{background: url("/images/greet_bg.png") no-repeat right bottom; background-size:50% auto; padding: 30px 0px 70px; width: 100%; border-bottom-color: rgb(13, 112, 137); border-bottom-width: 1px; border-bottom-style: solid; display:inline-block;}
.top_title_sign{text-align: right; color: rgb(102, 102, 102); line-height: 30px; font-size: 15px;}
.top_title_sign2{color: rgb(13, 112, 137); font-family: "Nanum Myeongjo", serif; font-size: 30px; font-weight: normal;}
.picsf{width:100%; height:auto; float:left; text-align:left;}
.picsf ul{width:100%; height:auto; float:left;}


.picsf ul li{width:19%; float: left; padding:0 0.5% 0 0.5%; height:auto; text-align:center; display:block; font-weight:bold; color:#666666;}
.picsf ul li img{width:100%;}


/*오시는길*/


}










@media only screen and (min-width: 690px) {
#menu{display:none;}


.s1{display:none;}
.s2{display:block;}
.s3{display:none;}
.s5{display:none;}
.s4{display:block;}
.s6{display:block;}
.s7{display:none;}

.new_pop{display:none;}

#wrap{width: 100%; height:auto; float:left;}
.wrap_pc{width:100%; height:auto; margin:0 auto; display:block;}





.logo{width:auto; height:70px; float:left; display:inline;}
.logo a img{height:100%;}


#asd{color:#ffaa56;}
#asd1{color:#fff;}

.neleftmenu{display:none;}

/*.top_hsc{width:252px; height:27px; float:right; display:block;} 
.top_hsc ul{width:252px; height:27px; float:right; background:url("../images/top_gm_bg.png") top left no-repeat;}
.top_hsc ul li{width:33.33333333333%; float:left; text-align:center;}
.top_hsc ul li a {width:100%; float:left; height:27px; line-height:27px; text-align:center; color:#fff; cursor:pointer;  text-decoration: none; font-size:11px;}*/


.top{width:100%; height:90px; float:left; border-bottom:0; display:block;}
.logo{width:280px; height:55px; float:left; display:inline; padding:15px 0 0 0;}

.top_hsc{width:790px; float:right; display:block; margin-top:-50px;} 
.top_hsc ul{width:195px;  float:right; background:url("") top left no-repeat; border:1px solid #bbbbbb; border-radius:3px; padding:0 0 0 8px;}
.top_hsc ul li{width:33.33333333333%; float:left; text-align:center;  background: url('/images/dot.gif') center left no-repeat; padding:0 0 0 5px;}
.top_hsc ul li:first-child{width:33.33333333333%; float:left; text-align:center;  background: url('') center left no-repeat; padding:0 0 0 15px;}

.top_hsc ul li a {width:100%; float:left; height:27px; line-height:27px; text-align:center; color:#666; cursor:pointer;  text-decoration: none; font-size:11px;}
.top_hsc ul li a:hover {font-weight:bold;}



#Gnb{display:none;}

#Gnb2{width:100%; height:60px; float:left; display:inline; margin-top:30px;  border-top:0px solid #999;}/*logo_width+간격만큼 margin제한다.*/
#Gnb2 ul.menu{width:100%; height:60px; float:left; position:relative;}
#Gnb2 ul.menu li{float:left; height:60px; text-align:center; }/*메뉴넓이/메뉴갯수*/
#Gnb2 ul.menu li a{color:#666; text-decoration:none; font-size:16px; letter-spacing:-1px; }
#Gnb2 ul.menu li a:hover{color:#000; font-weight:bold; }
#Gnb ul.menu li a.topmenus {font-size:16px; width:100%; height:50px; float:left; text-align:center; line-height:30px; font-weight:bold; color:#ffffff; font-weight:bold;}

#Gnb2 ul.menu li a:hover.topmenus,
#Gnb2 ul.menu li a.on.topmenus ,
#Gnb2 ul.menu li a.selected {color:#000; font-weight:bold; border-top:2px solid #3257a3; padding:10px 0 10px 0;}

#Gnb2 ul.menu ul.sub{width:100%; float:left; height:30px; position:absolute; z-index:10000; left:0; top:30px; display:none; background-color:#2d8cc6;}
#Gnb2 ul.menu ul.sub li{width:100%; float:left; height:30px; line-height:30px; }











.roll_font_sty1{float:left; font-size:30px; font-weight:bold; width:100%; margin:20px 0 0 20px; color:#000;}
.roll_font_sty2{float:left; font-size:20px; font-weight:bold; width:100%; margin:20px 0 0 20px; color:#3b5c1b;}
.roll_font_sty3{float:left; font-size:30px; font-weight:bold; width:100%; margin:20px 0 0 20px; color:#f0470c;}

.roll_font_sty4{float:left; font-size:30px; font-weight:bold; width:100%; margin:40px 0 0 40px; color:#000;}
.roll_font_sty5{float:left; font-size:30px; font-weight:bold; width:100%; margin:20px 0 0 40px; color:#3b5c1b;}




.noti_ban{width:100%; height:auto; float:left; border-top:1px solid #c6c3c3; border-bottom:1px solid #c6c3c3; display:block;}

.titsf{width:100%; height:auto; float:left; text-align:center; padding:15px 0 15px 0;}

.bod_last2{display:none}

.bod_last1{width:100%; height:auto; float:left; display:block;}
.bod_last1 ul{width:100%; height:auto; float:left;}
.bod_last1 ul li{width:21%; height:auto; float:left; padding:10px 2% 10px 2%;}
.bodlast_titlesd{width:100%; height:auto; float:left; border-bottom:1px solid #c1c1c1; padding:5px 0 5px 0; font-size:14px; font-weight:bold; color:#000;}
.bodlast_titlesd2{width:100%; height:auto; float:left; font-size:12px; color:#000; padding-top:5px;}

.main_insdu{width:96%; height:auto; float:left; padding:2%;}

.call_bansd{display:none;}
.call_bansd2{width:100%; height:auto; float:left; margin-top:20px; display:block;}
.call_bansd3{display:none;}


.main_insdu2{width:100%; height:auto; float:left;}
.main_insdu2 ul{width:49%; height:247px; float:left; border:1px solid #d9d1d1;}
.main_insdu2 ul li{width:90%; height:auto; float:left;padding:0 5% 0 5%;}

.main_insdu2 ul.main_insdu2_pc{display:none;}
 ul.main_insdu2_pc2{display:none;}
.main_insdu2 ul.main_insdu2_mo{display:block; margin-top:40px; width:100%;}

.main_insdu2 ul li.gongsd_fon3{padding-top:10px;}
.gongsd_fon1{float:left; font-size:14px; color:#000; font-weight:normal;}
.gongsd_fon2{float:right; font-size:12px; color:#000; font-weight:normal;}




.gnb_submenus{display:none;}


.menu ul.mo_menu{display:none;}
.mo_logo{display:none;}
.sub_menu{display:none;}



.con2{width:100%; height:auto; float:left; display:block; margin-top:80px;}
.con2_title{width:100%; height:auto; float:left; border-bottom:1px solid #cccccc; display:block;}
.con2_title ul{width:100%; height:auto; float:left; padding:20px 0 10px 0;}
.con2_title li.con2_title_2{font-size:20px; float:left; font-weight:bold; padding-left:10px; padding-top:3px; color:#000000;}
.con2_title li.con2_nav{ width:50%; float:right; text-align:right; padding-right:10px; padding-top:13px; line-height:-20px; color:#6a6a6a;}
.con2_title li.con2_nav a {color:#6a6a6a; cursor:pointer; }
.con2_title li.con2_nav a:link {text-decoration: none;}
.con2_title li.con2_nav a:hover {color:#6a6a6a; text-decoration:none;}
.con2_title li.con2_nav a:visited { text-decoration: none;}

.con_in{width:100%; height:auto; float:left; padding-top:25px; display:block;}
.con_in ul.con_in_con{width:97%; height:auto; float:left; padding-left:2%; padding-right:1%;}
.con_in ul.con_in_con li{ padding-bottom:3%; }
.font_sty{font-size:25px; font-weight:bold; color:#09C;}




.noti_ban_700{width:100%; height:auto; float:left; margin-top:2%; display:block;}
.notice_0_700{width:46%; height:auto; float:left; margin-left:2%; margin-right:2%;}
.notice_0_700 ul.new_qna_700{width:100%; height:24px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_700 ul.new_qna_700 li{float:left;}
.notice_0_700 ul.new_qna_700 li.more{width:15px; height:15px; float:right; margin-right:3%; margin-top:6px;}
.notice_0_700 ul.noti_con_700{width:100%; height:100px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_700 ul.noti_con_700 ul{width:100%; height:auto; float:left;}
.notice_0_700 ul.noti_con_700 ul li{width:100%; height:auto; float:left; line-height:25px;}
.notice_0_700 ul.noti_con_700 ul li span.date{ float:right;}


.b_cons{width:75%; float:left;}
.b_cons2{width:25%; float:left; text-align:right;}
.bod_jum{float:left; vertical-align:top; padding:11px;}

.notice_0_700 ul.noti_con_700 ul li a {color:#111111; cursor:pointer; }
.notice_0_700 ul.noti_con_700 ul li a:link {text-decoration: none;}
.notice_0_700 ul.noti_con_700 ul li a:hover {color:#0066cc; text-decoration:none;}
.notice_0_700 ul.noti_con_700 ul li a:visited { text-decoration: none;}

.products_700{width:46%; height:auto; float:left; margin-left:2%; position:relative; margin-right:2%; margin-top:2%; text-align:center;}
.products_700 li.pho_num_700{float: left; position: absolute; left: 15%; top: 26%; color:#999900; font-weight:bold; font-size:30px; letter-spacing:-1px;}
.products_700 li.pho_num_700 a {color:#999900; cursor:pointer; }
.products_700 li.pho_num_700 a:link {color:#999900; text-decoration: none;}
.products_700 li.pho_num_700 a:hover {color:#999900; text-decoration:none;}
.products_700 li.pho_num_700 a:visited {color:#999900; text-decoration: none;}
.products_700 li.pho_num2_700{float: left; position: absolute; left: 30%; top: 59%; color:#565656; font-size:12px;}
.products_700 li.pho_num2_700 a {color:#565656; cursor:pointer; }
.products_700 li.pho_num2_700 a:link {color:#565656; text-decoration: none;}
.products_700 li.pho_num2_700 a:hover {color:#565656; text-decoration:none;}
.products_700 li.pho_num2_700 a:visited {color:#565656; text-decoration: none;}
.products_700 li.email_to_700{float: left; position: absolute; left: 30%; top: 74%; color:#565656; font-size:12px;}
.products_700 li.email_to_700 a {color:#565656; cursor:pointer; }
.products_700 li.email_to_700 a:link {color:#565656; text-decoration: none;}
.products_700 li.email_to_700 a:hover {color:#565656; text-decoration:none;}
.products_700 li.email_to_700 a:visited {color:#565656; text-decoration: none;}

.noti_ban_mo{display:none;}
.footer{width:100%; height:auto; float:left; text-align:center; margin-top:-1px; background-color:#38464b; padding-top:15px; color:#c7cbcc; padding-bottom:20px; display:block;}
.footer ul{width:100%; height:auto; padding-bottom:20px; margin:0 auto; }
.footer li.footer_logo{width:25%; float:left; display:block;  padding-left:2%;}
.footer li.footer_add{width:70%; float:left; text-align:left; line-height:20px; padding-left:2%; padding-top:5px; display:block;}
.footer li a {cursor:pointer; }
.footer li a:link {color:#3c3c3c; text-decoration: none;}
.footer li a:hover {color:#3c3c3c; text-decoration:none;}
.footer li a:visited {color:#3c3c3c; text-decoration: none;}

.pic{width:100%; height:auto; float:left; display:block;}
.slidesjs-pagination{display:none;}

.sub_img1{width:100%; height:auto; float:left; position:relative; margin-bottom:40px; display:block;}
.sub_img1 ul.img_list1{width:100%; height:auto; float:left;  display:block;}
.sub_img1 ul.img_list1 li{ display:none; position:relative;}
.sub_img1 ul.img_list1 li:first-child{display:block;}
.sub_img1 dl.text1{position:absolute; bottom:15px; right:30px; top:60%; text-align:right; display:block;}

.sub_img1 dl.text1 dd{margin-top:0%;}

.vi_title{font-size:40px; font-weight:bold; color:#0072bb;}
.vi_title2{font-size:30px; font-weight:bold; color:#fff; background-color:#0e4f00;}
.vi_title3{font-size:20px; color:#fff; background-color:#0e4f00;}
.vi_title4{font-size:30px; font-weight:bold; color:#7f7f7f;}

.footer2{display:none;}









.login_new3{width:400px; margin:0 auto;}
.login_new2{width:400px; float:left; height:auto; margin:15px 0 0 0;}
.login_new2 ul.login_fom{width:287px; height:70px; float:left;}
.login_new2 ul.login_fom li{width:287px; height:34px; float:left;}
.fom_syl{width:285px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.login_new2 ul.login_btn{width:95px; height:70px; float:left; margin-left:18px;}
.login_new2 ul.login_btn li{width:95px; height:70px; float:left; text-align:center;}
.login_btn_new{background-color:#000;  color:#fff; font-weight:bold; font-size:12px; border:0; width:95px; height:70px; cursor:pointer;}

.login_new2 ul.ser_joy{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy li{float:left; width:128px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}



.login_new4{width:600px; float:left; height:auto; margin:50px 0 0 0;}


.login_new2 ul.ser_joy2{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy2 li{float:left; width:190px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}


.login_new5{width:600px; margin:0 auto;}
.login_new4{width:600px; float:left; height:auto; margin:50px 0 0 0;}
.login_new4 ul.ser_joy2{width:600px; height:auto; float:left; margin-top:10px;}
.login_new4 ul.ser_joy2 li{float:left; width:290px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}

.fom_syl2:invalid{ background-color:#fff;}

.fom_syl2{width:225px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.ok_btn_sty3{width:100px; height:30px;  background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer;}


#member div.join{width:100%; height:auto; float:left;}
#member div.member_agree{width:96%; height:auto; float:left; margin-left:2%;}
#member div.member_agree h3{font-size:18px; height:25px; line-height:25px;}
#member div.member_agree textarea{width:100%; height:160px; border:1px solid #ccc; font-size:11px; overflow-y: scroll;}
#member div.member_agree label{display:block; text-align:right; margin-top:5px; padding:5px 0;}
#member div.member_agree label input{vertical-align:middle; margin-right:5px;}
#member div.member_agree+div.join{display:none;}
#member div.join div.member_form{}


#member div.member_agree div.btn{text-align:center; padding-top:10px; margin-top:5px; border-top:1px solid #ccc;}
#member div.member_agree div.btn a{display:inline-block; width:100px; text-align:center; margin-bottom:2px; border-radius:3px; height:30px; line-height:30px; border:1px solid #b2b2b2; background:#f4f4f4 url('../images/member/btn_bg.gif') left top repeat-x; letter-spacing:-1px; color:#fff;}
#member div.member_agree div.btn a:hover{background-position:left;}






.wrap5{display:none;}

.calen_texts{width:80%; height:auto; float:left; margin:20px 0 0 20%;}



.imgbigsd{display:none;}
.imgsmasd{display:block;}
.foscreen1{display: table;   margin: 0 auto; position:relative;}
.foscreen2{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1024px; overflow: hidden;}
.foscreen3{cursor: move; position: absolute; left: 0px; top: 0px; width: 1024px; overflow: hidden;}
.foscreen4{position: relative; width:100%; overflow: hidden;}


/*회사개요*/
.map_table2{ padding:0px; margin:0px; font-size:16px; float:left; 
width:100%; background:url('/images/greet_bg1.png') right 27px no-repeat;}


/*주요거래처*/
ul.p_logo{margin-left:96%; margin:0 auto;}
ul.p_logo li{padding: 2% 0px; border: 1px solid rgb(225, 225, 225); border-image: none; text-align: center; margin-bottom: 20px; margin-left: 1%; float: left; width:18%;}


/*생산설비*/
ul.sub04_01menu li:first-child{float:left; padding:15px 1%; width:12%; font-size:12px; border:1px solid #dbdbdc;  letter-spacing:-2px; min-height:45px;  }
ul.sub04_01menu li{float:left; padding:15px 1%; width:12%; font-size:12px; border:1px solid #dbdbdc; border-left:0px; letter-spacing:-2px;  min-height:45px; }
ul.sub04_01menu li.second{float:left; padding:15px 1%; width:12%; font-size:12px; border:1px solid #dbdbdc; border-left:0px; letter-spacing:-2px;  min-height:45px;
border-top:0px; }
ul.sub04_01menu li.leftline{float:left; padding:15px 1%; width:12%; font-size:12px; border:1px solid #dbdbdc;  letter-spacing:-2px;  min-height:45px;
border-top:0px; }


/*생산설비-공장*/
ul.sub04_01_manufac{margin-top:50px; clear:both; float:left; width:100%;}
ul.sub04_01_manufac li{width:30%; text-align:left; font-size:16px; float:left; padding:50px 0 0 0;}
ul.sub04_01_manufac li strong{ font-size:18px; color:#3156a3; text-decoration:underline;}
ul.sub04_01_manufac li.r{width:30%; text-align:left; font-size:16px; float:left; padding:50px 0 0 2%; line-height:30px; }
ul.sub04_01_manufac li img{width:100%; clear:both; float:left;}


/*인사말*/

.top_title{background: url("/images/greet_bg.png") no-repeat right bottom; padding: 80px 0px 70px; width: 100%; border-bottom-color: rgb(13, 112, 137); border-bottom-width: 1px; border-bottom-style: solid; display:inline-block;}
.top_title_sign{text-align: right; color: rgb(102, 102, 102); line-height: 30px; font-size: 15px;}
.top_title_sign2{color: rgb(13, 112, 137); font-family: "Nanum Myeongjo", serif; font-size: 30px; font-weight: normal;}
.picsf{width:100%; height:auto; float:left;}
.picsf ul{width:100%; height:auto; float:left; font-weight:bold; font-size:15px; padding:20px 0 30px 0;}


.picsf ul li{width:19%; float: left; padding:0 0.5% 0 0.5%; height:auto; text-align:left; display:block;}

.picsf ul li img{width:100%;}

/*오시는길
ul.map_wa {clear:both; float:left; width:100%;}
ul.map_wa li.map_left{float:left; width:30%; text-align:left; font-size:13px; }
ul.map_wa li.map_right{padding: 0px 0px 0px 5%; width: 65%; float:left;line-height:29px;}

*/





}
















@media only screen and (min-width: 1024px) {

#menu{display:none;}

.s1{display:none;}
.s2{display:none;}
.s3{display:block;}
.s5{display:none;}
.s4{display:block;}
.s6{display:none;}
.s7{display:block;}

.new_pop{display:block;}

.slidesjs-pagination{display:none;}
#wrap{width: 100%; height:auto; float:left; }
.wrap_pc2{width:100%; height:auto; float:left; position:relative;}
.wrap_pc{width:1024px; height:auto; margin:0 auto; }

.wrap_pcsd2{width:1024px; height:auto; margin:0 auto;}

.wrap_pcsd3{width:1024px; height:auto; float:left; margin-top:40px; position:relative;}



.wrap_pcsd4{width:1024px; height:auto; margin:0 auto;}
.wrap_pcsd5{width:1024px; height:auto; float:left;}





.top{width:100%; height:90px; float:left; display:block;}
.logo{width:280px; height:55px; float:left; display:inline; padding:15px 0 0 0;}

.top_hsc{width:790px; float:right; display:block; margin-top:-50px;} 
.top_hsc ul{width:195px;  float:right; border:1px solid #bbbbbb; border-radius:3px; padding:0 0 0 8px;}
.top_hsc ul li{width:33.33333333333%; float:left; text-align:center;  background: url('/images/dot.gif') center left no-repeat; padding:0 0 0 5px;}
.top_hsc ul li:first-child{width:33.33333333333%; float:left; text-align:center; padding:0 0 0 15px;}

.top_hsc ul li a {width:100%; float:left; height:27px; line-height:27px; text-align:center; color:#666; cursor:pointer;  text-decoration: none; font-size:11px;}
.top_hsc ul li a:hover {font-weight:bold;}






#Gnb2{display:none;}

#Gnb{clear:both; float:left; width:1024px; height:50px; float:left; margin-top:18px; display:inline;}/*logo_width+간격만큼 margin제한다.*/
#Gnb ul.menu{width:1024px; height:50px; float:left;}
#Gnb ul.menu li{float:left; height:50px; text-align:center; position:relative;}/*메뉴넓이/메뉴갯수*/
#Gnb ul.menu li a{color:#e1effd; text-decoration:none; padding:10px 0 0 0;}
#Gnb ul.menu li a:hover{color:#ffffff;}
#Gnb ul.menu li a.topmenus {font-size:16px; width:100%; height:50px; float:left; text-align:center; line-height:30px; font-weight:bold;}

#Gnb ul.menu li a:hover.topmenus,
#Gnb ul.menu li a.on.topmenus ,
#Gnb ul.menu li a.selected {color:#ffffff;}


.gnb_submenus{width:100%; height:auto; float:left; background-color:#fff; border-bottom:1px solid #dbdbdb; display:none; position:absolute; top:137px; left:0; z-index:999;}
.gnb_submenus2{width:1024px; margin:0 auto;}
.gnb_submenus3{width:1024px; float:right; height:auto;}
.gnb_submenus3 ul{float:left; height:auto;}
.gnb_submenus3 ul li{width:96%;  float:left; line-height:30px; margin:0 2% 0 2%;border-bottom:1px solid #e1e1e1;}
.gnb_submenus3 ul li:last-child{width:96%;  float:left; line-height:30px; margin:0 2% 0 2%; border-bottom:0px solid #e1e1e1;}

.gnb_submenus3 ul li a{ width:100%;  float:left; text-align:center; line-height:30px; color:#000; font-size:13px;  padding:10px 0 10px 0; letter-spacing:0px;}
.gnb_submenus3 ul li a:hover{background-color:#ffffff; color:#000000; border-bottom:0px solid #c24b21; font-weight:bold; font-size:13px;}



.roll_font_sty1{float:left; font-size:30px; font-weight:bold; width:100%; margin:20px 0 0 20px; color:#000;}
.roll_font_sty2{float:left; font-size:20px; font-weight:bold; width:100%; margin:20px 0 0 20px; color:#3b5c1b;}
.roll_font_sty3{float:left; font-size:30px; font-weight:bold; width:100%; margin:20px 0 0 20px; color:#f0470c;}

.roll_font_sty4{float:left; font-size:30px; font-weight:bold; width:100%; margin:40px 0 0 40px; color:#000;}
.roll_font_sty5{float:left; font-size:30px; font-weight:bold; width:100%; margin:20px 0 0 40px; color:#3b5c1b;}





#asd{color:#ffaa56;}
#asd1{color:#fff;}





.menu ul.mo_menu{display:none;}
.mo_logo{display:none;}
.pic{width:1024px; height:300px; float:left; margin-bottom:20px; display:block;}





.con2{width:1024px; height:auto; float:left; margin-top:0px;}
.con2_title{width:100%; height:120px; float:left; border-bottom:0px solid #c1c1c1; display:block;}
.con2_title ul{width:100%; height:auto; float:left; padding-top:50px;}
.con2_title li.con2_title_2{font-size:26px; float:left; font-weight:bold; padding-left:10px; padding-top:3px; color:#000000; width:100%; text-align:center;}
.con2_title li.con2_nav{ width:50%; float:right; text-align:right; padding-top:13px; padding-right:10px; line-height:-20px; color:#6a6a6a; display:none;}
.con2_title li.con2_nav a {color:#6a6a6a; cursor:pointer; }
.con2_title li.con2_nav a:link {text-decoration: none;}
.con2_title li.con2_nav a:hover {color:#6a6a6a; text-decoration:none;}
.con2_title li.con2_nav a:visited { text-decoration: none;}

.con2_nav_color{color:#0099cc; font-weight:bold;}
.con2_nav_color a {color:#0099cc; cursor:pointer; }
.con2_nav_color a:link {text-decoration: none;}
.con2_nav_color a:hover {color:#0099cc; text-decoration:none;}
.con2_nav_color a:visited { text-decoration: none;}
.con_in{width:100%; height:auto; float:left; padding-top:25px; display:block;}
.con_in ul.con_in_con{width:97%; height:auto; float:left; padding-left:2%; padding-right:1%;}
.con_in ul.con_in_con li{ padding-bottom:3%; }
.font_sty{font-size:25px; font-weight:bold; color:#09C;}





.con{width:1024px; height:auto; float:left; display:block;}
.sub_menu{width:100%; height:auto; float:left; display:block;}
.sub_menu ul.sub_menu_title{width:100%; height:auto; float:left; border-bottom:1px solid #c1c1c1;}
.sub_menu ul.sub_menu_title li{height:auto; float:left;}

.left_menu_font_sty1{width:100%; float:left; padding-left:10px; font-size:24px; color:#ee2024; font-weight:bold; padding-top:30px;}
.left_menu_font_sty2{width:100%; float:left; padding-left:10px; font-size:20px; color:#848383; padding-top:10px;}

.sub_menu ul.sub_menu2{width:100%; height:50px; float:left; }
.sub_menu ul.sub_menu2 li{width:100%; height:50px; float:left; text-align:center; border:1px solid #e2e2e2; border-top:0px;border-right:0px;}
.sub_menu ul.sub_menu2 li:last-child{width:100%; height:50px; float:left; text-align:center; border:1px solid #e2e2e2; border-top:0px; }
.sub_menu ul.sub_menu2 li a {width:100%;  float:left;  height:21px;text-align:center; font-size:16px; color:#000; text-decoration: none; font-weight:bold; background-color:#f9fafb; padding:13px 0;
border-bottom:3px solid #f9fafb; }

.sub_menu ul.sub_menu2 li a.selected{background-color:#ffffff; color:#c24b21; border-bottom:3px solid #c65831;}

.sub_menu ul.sub_menu2 li a:hover{background-color:#c65831; color:#ffffff; border-bottom:3px solid #c65831; text-decoration: underline;}


.sub_menu ul.sub_menu3{width:100%; height:auto; float:left;}
.sub_menu ul.sub_menu3 li{width:100%; height:auto; float:left;}




.noti_ban{width:1022px; height:auto; float:left; border:1px solid #c6c3c3; display:block;}

.titsf{width:100%; height:auto; float:left; text-align:center; padding:15px 0 15px 0;}

.bod_last2{display:none}
.bod_last1{width:100%; height:auto; float:left; display:block;}
.bod_last1 ul{width:100%; height:auto; float:left;}
.bod_last1 ul li{width:21%; height:auto; float:left; padding:10px 2% 10px 2%;}
.bodlast_titlesd{width:100%; height:auto; float:left; border-bottom:1px solid #c1c1c1; padding:5px 0 5px 0; font-size:14px; font-weight:bold; color:#000;}
.bodlast_titlesd2{width:100%; height:auto; float:left; font-size:12px; color:#000; padding-top:5px;}


.main_insdu{width:982px; height:auto; float:left; padding:20px;}
.call_bansd{width:425px;  float:right; display:block; color:#666666; margin-top:-269px;}
.call_bansd2{display:none;}
.call_bansd3{display:none;}


.main_insdu2{width:705px; height:auto; float:left;}
.main_insdu2 ul{width:46%; height:247px; float:left; border:1px solid #d9d1d1;}
.main_insdu2 ul li{width:90%; height:auto; float:left;padding:0 5% 0 5%;}

.main_insdu2 ul.main_insdu2_pc{display:block; margin-top:60px;}
.main_insdu2 ul.main_insdu2_pc2{display:block;  float:left; margin-top:60px; width:202px; border:0px; display:inline-block; margin-left:-10px; }

.main_insdu2 ul.main_insdu2_mo{display:none;}

.main_insdu2 ul li.gongsd_fon3{padding-top:10px;}
.gongsd_fon1{float:left; font-size:14px; color:#000; font-weight:normal;}
.gongsd_fon2{float:right; font-size:12px; color:#000; font-weight:normal;}




.notice_0{width:330px; height:126px; float:left; display:block;}
.notice_0 ul.new_qna{width:330px; height:24px; float:left; border-bottom:1px solid #cccccc;}
.notice_0 ul.new_qna li{float:left;}
.notice_0 ul.new_qna li.new_mar{margin-right:1px; width:62px; height:25px; display:inline;}
.notice_0 ul.new_qna li.new_mar2{width:62px; height:25px;}
.notice_0 ul.new_qna li.more{width:15px; height:15px; margin-left:188px; margin-top:6px; display:inline;}
.notice_0 ul.noti_con{width:330px; height:100px; border-bottom:1px solid #cccccc; float:left;}
.notice_0 ul.noti_con ul{width:100%; height:auto; float:left; }
.notice_0 ul.noti_con ul li{width:100%; float:left; line-height:25px;}
.notice_0 ul.noti_con ul li span.date{ float:right;}


.b_cons{width:75%; float:left;}
.b_cons2{width:25%; float:left; text-align:right;}
.bod_jum{float:left; vertical-align:top; padding:11px;}


.notice_0 ul.noti_con ul li a {color:#111111; cursor:pointer; }
.notice_0 ul.noti_con ul li a:link {text-decoration: none;}
.notice_0 ul.noti_con ul li a:hover {color:#0066cc; text-decoration:none;}
.notice_0 ul.noti_con ul li a:visited { text-decoration: none;}

.notice_1{display:none;}

.products{width:330px; height:126px; float:left; margin-left:17px; margin-right:17px; display:inline;}
.customer{width:330px; height:126px; float:left; position: absolute; display:inline;}
.customer li.pho_num{float: left; position: absolute; left: 24px; top: 33px; color:#999900; font-weight:bold; font-size:30px; letter-spacing:-1px; }
.customer li.pho_num2{float: left; position: absolute; left: 78px; top: 74px; color:#565656; font-size:12px;}
.customer li.email_to{float: left; position: absolute; left: 78px; top: 93px; color:#565656; font-size:12px;}
.customer li.email_to a {color:#565656; cursor:pointer; }
.customer li.email_to a:link {color:#565656; text-decoration: none;}
.customer li.email_to a:hover {color:#565656; text-decoration:none;}
.customer li.email_to a:visited {color:#565656; text-decoration: none;}

.noti_ban_700{display:none;}
.noti_ban_mo{display:none;}

.footer{width:100%; height:auto; min-width:1264px; float:left; text-align:center; margin-top:20px; background-color:#38464b; padding-top:39px; color:#c7cbcc; padding-bottom:38px; display:block;}
.footer ul{width:1024px; height:auto; padding-bottom:20px; margin:0 auto; }
.footer li.footer_logo{width:25%; float:left;} 
.footer li.footer_add{width:70%; float:left; line-height:20px; text-align:left; padding-left:30px; padding-right:0;  display:block;}
.footer li a {cursor:pointer; }
.footer li a:link {color:#3c3c3c; text-decoration: none;}
.footer li a:hover {color:#3c3c3c; text-decoration:none;}
.footer li a:visited {color:#3c3c3c; text-decoration: none;}

.sub_img1{width:100%; height:auto; float:left; position:relative; margin-bottom:20px; display:block;}
.sub_img1 ul.img_list1{width:100%; height:auto; float:left; display:block;}
.sub_img1 ul.img_list1 li{ display:none; position:relative;}
.sub_img1 ul.img_list1 li:first-child{display:block;}
.sub_img1 dl.text1{position:absolute; top:220px; bottom:35px; right:30px; text-align:right; display:block;}
.sub_img1 dl.text1 dd{margin-top:0px;}

.vi_title{font-size:40px; font-weight:bold; color:#0072bb;}
.vi_title2{font-size:30px; font-weight:bold; color:#fff; background-color:#0e4f00; }
.vi_title3{font-size:20px; color:#fff; background-color:#0e4f00;}
.vi_title4{font-size:30px; font-weight:bold; color:#7f7f7f;}
.footer2{display:none;}







.login_new3{width:400px; margin:0 auto;}
.login_new2{width:400px; float:left; height:auto; margin:50px 0 0 0;}
.login_new2 ul.login_fom{width:287px; height:70px; float:left;}
.login_new2 ul.login_fom li{width:287px; height:34px; float:left;}
.fom_syl{width:285px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.login_new2 ul.login_btn{width:95px; height:70px; float:left; margin-left:18px;}
.login_new2 ul.login_btn li{width:95px; height:70px; float:left; text-align:center;}
.login_btn_new{background-color:#000;  color:#fff; font-weight:bold; font-size:12px; border:0; width:95px; height:70px; cursor:pointer;}

.login_new2 ul.ser_joy{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy li{float:left; width:128px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}
.login_new2 ul.ser_joy2{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy2 li{float:left; width:190px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}


.login_new5{width:600px; margin:0 auto;}
.login_new4{width:600px; float:left; height:auto; margin:50px 0 0 0;}
.login_new4 ul.ser_joy2{width:600px; height:auto; float:left; margin-top:10px;}
.login_new4 ul.ser_joy2 li{float:left; width:290px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}

.fom_syl2:invalid{ background-color:#fff;}

.fom_syl2{width:225px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.ok_btn_sty3{width:100px; height:30px;  background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer;}


#member div.join{width:100%; height:auto; float:left;}
#member div.member_agree{width:96%; height:auto; float:left; margin-left:2%;}
#member div.member_agree h3{font-size:18px; height:25px; line-height:25px;}
#member div.member_agree textarea{width:100%; height:160px; border:1px solid #ccc; font-size:11px; overflow-y: scroll;}
#member div.member_agree label{display:block; text-align:right; margin-top:5px; padding:5px 0;}
#member div.member_agree label input{vertical-align:middle; margin-right:5px;}
#member div.member_agree+div.join{display:none;}
#member div.join div.member_form{}


#member div.member_agree div.btn{text-align:center; padding-top:10px; margin-top:5px; border-top:1px solid #ccc;}
#member div.member_agree div.btn a{display:inline-block; width:100px; text-align:center; margin-bottom:2px; border-radius:3px; height:30px; line-height:30px; border:1px solid #b2b2b2; background:#f4f4f4 url('../images/member/btn_bg.gif') left top repeat-x; letter-spacing:-1px; color:#fff;}
#member div.member_agree div.btn a:hover{background-position:left;}






.wrap5{width:180px; height:auto; float:left; position:absolute; right:-180px; display:block;}
.r_sang3{ width:160px; height:195px; float:left; margin-left:20px; background: url('../images/phone2.png') no-repeat;}
.consu_tit{width:100%; height:35px; float:left; text-align:center; line-height:35px; color:#fff; font-size:14px;}
.con_name{width:95%; height:30px; float:left; line-height:30px; padding-left:5%;}
.run_name1{width:100%; float:left;}
.b_name_in{width:142px; height:20px; float:left; margin:0 8px 0 8px; border:1px solid #000;}
.b_tel1_in1{width:39px; height:20px; float:left; padding:0; margin:0; border:1px solid #000;}
.run_name2{width:147px; float:left; padding:0 0 0 8px;}
.run_font_st1{width:10px; height:24px; float:left; text-align:center; line-height:20px;}
.run_name3{width:100%; height:auto; float:left; text-align:center; margin-top:5px;}

.run_ok_btn{width:50px; height:20px; background-color:#fff; color:#000; border:1px solid #bfbfbf; cursor:pointer;}



.qui_name_tit6{width:118px; float:left; height:25px; border:1px solid #c6c3c3;}

.calen_texts{width:446px; height:auto; float:left; margin:20px 0 0 200px;}



.imgbigsd{display:block;}
.imgsmasd{display:none;}

.foscreen1{position: relative; left: 50%; width: 4000px; height:355px; text-align: center; margin-left: -2000px;}
.foscreen2{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1024px; height: 355px; overflow: hidden;}
.foscreen3{cursor: move; position: absolute; left: 0px; top: 0px; width: 1024px; height: 355px; overflow: hidden;}
.foscreen4{position: relative; width:100%; height:355px; overflow: hidden;}









/*회원가입 완료*/
.j_ses{width:100%; height:auto; float:left;}
.j_ses2{width:80%; height:auto; background-color:#f5f5f5; border:1px solid #959595; float:left; margin:40px 10% 0 10%;}
.j_ses3{width:80%; height:auto; background-color:#fff; float:left; margin:3%; padding:7%;}
.ses_home_go{width:80px; height:30px; background-color:#000; color:#fff; font-size:12px;}




/*인사말*/

.top_title{background: url("/images/greet_bg.png") no-repeat right bottom; padding: 80px 0px 70px; width: 100%; border-bottom-color: rgb(13, 112, 137); border-bottom-width: 1px; border-bottom-style: solid; display:inline-block;}
.top_title_sign{text-align: right; color: rgb(102, 102, 102); line-height: 30px; font-size: 15px;}
.top_title_sign2{color: rgb(13, 112, 137); font-family: "Nanum Myeongjo", serif; font-size: 30px; font-weight: normal;}
.picsf{width:100%; height:auto; float:left;}



/*주요거래처*/
ul.p_logo{margin-left:1%;}
ul.p_logo li{padding: 2% 0px; border: 1px solid rgb(225, 225, 225); border-image: none; text-align: center; margin-bottom: 20px; margin-left: 2%; float: left;  width:170px;}

.p_txt{background: rgb(51, 158, 241); padding: 5px 0px; width: 100%; color: rgb(255, 255, 255); display: inline-block; font-size:16px; font-weight:bold;}

/*생산설비*/
ul.sub04_01menu li:first-child{float:left; padding:15px 1px; width:140px; font-size:13px; border:1px solid #dbdbdc;   min-height:33px; }
ul.sub04_01menu li.leftline{float:left; padding:15px 1px; width:140px; font-size:13px; border:1px solid #dbdbdc;  border-top:0px; min-height:33px;}
ul.sub04_01menu li.second{float:left; padding:15px 1px; width:140px; font-size:13px; border:1px solid #dbdbdc;  border-top:0px; border-left:0px; min-height:33px;}
ul.sub04_01menu li{float:left; padding:15px 1px; width:140px; font-size:13px; border:1px solid #dbdbdc; border-left:0px;  min-height:33px;}


/*생산설비-공장*/
ul.sub04_01_manufac{margin-top:50px; clear:both; float:left; width:100%;}
ul.sub04_01_manufac li{width:360px; text-align:left; font-size:16px; float:left; padding:50px 0 0 0;}
ul.sub04_01_manufac li strong{ font-size:18px; color:#3156a3; text-decoration:underline;}
ul.sub04_01_manufac li.r{width:320px; text-align:left; font-size:16px; float:left; padding:50px 0 0 0; line-height:30px; }
ul.sub04_01_manufac li img{width:334px; clear:both; float:left;}


/*회사개요*/
.map_table2{ padding:0px; margin:0px; font-size:16px; float:left; 
width:100%; background:url('/images/greet_bg1.png') right 27px no-repeat;}
/*오시는길
ul.map_wa {clear:both; float:left; width:1024px;}
ul.map_wa li.map_left{clear:both; float:left; width:334px;  text-align:left; font-size:13px; line-height:20px;}
ul.map_wa li.map_right{padding: 0px 0px 0px 10px; width:680px; float:left; line-height:29px;}
*/
}




/*오시는길*/
.map_table{border-top:2px solid #5bade2; padding:0px; margin:0px; font-size:16px; float:left; width:100%;}
.map_table tr{border-bottom:1px solid #dbdbdb; padding:5px;}
.map_table td{padding:2%; width:70%; color:#666666; }
.map_table td.left{border-right:1px solid #dbdbdb; padding:2%; width:20%; background:#f4f4f4; text-align:center; font-weight:bold;}


/*회사개요*/

.map_table2 tr{border-bottom:0px solid #dbdbdb; padding:2px;}
.map_table2 td{padding:4px 2%; width:95%; color:#666666;  }
.map_table2 td.left{border-right:0px solid #dbdbdb; padding:4px 3% 4px 1%; width:20%; background:#ffffff;
text-align:left; font-weight:bold; color:#4d849b; }
.map_table2 td.left1{border-right:0px solid #dbdbdb; padding:10px 3% 4px 1%; width:20%; 
background:#ffffff;text-align:left; font-weight:bold; color:#4d849b; border-top:2px solid #4d849b; }
.map_table2 td.right{padding:10px 2% 4px 2%; width:95%; color:#666666;  
font-weight:bold;border-top:2px solid #dbdbdb; float:right;}


/*생산시설*/
.product_table{border-top:2px solid #3156a3; padding:0px; margin-top:20px; font-size:16px; float:left; width:100%;}
.product_table tr{border-bottom:1px solid #dbdbdb; padding:2px 5px;}
.product_table td{padding:8px 2%; width:40%; color:#000; }
.product_table td.right{padding:8px 2%; width:20%; color:#000;border-right:1px solid #dbdbdb; }
.product_table td.right1{padding:8px 2%; width:40%; color:#000; }
.product_table td.left{border-right:1px solid #dbdbdb; padding:8px 2%; width:30%; background:#ffffff; text-align:center; font-weight:bold;}
.product_table td.left_{border-right:0px solid #dbdbdb; padding:8px 0; width:98%; color:#004270;
background:#eff6fb; text-align:center; font-weight:bold; border-top:1px solid #3156a3;
}

.product_table td.left1{border-right:1px solid #dbdbdb; padding:8px 2%; width:25%; background:#ffffff; 
text-align:center; font-weight:bold;}
.product_table td.left2{border-right:1px solid #dbdbdb; padding:8px 2%; width:25%; background:#ffffff; 
text-align:left; font-weight:bold;}
.product_table td.top_left{border-right:1px solid #dbdbdb; padding:8px 2%; width:50%; background:#f4f4f4;
text-align:center; font-weight:bold;  color:#666666; }



.product_table td.top_right{padding:8px 2%; width:40%; color:#e13a2c; background:#f4f4f4; text-align:center; font-weight:bold;}
.product_table td.top_right1{padding:8px 2%; width:20%; color:#e13a2c; background:#f4f4f4; text-align:center; font-weight:bold; border-right:1px solid #dbdbdb;
}
.product_table td.top_right2{padding:8px 2%; width:20%; color:#e13a2c; background:#f4f4f4; text-align:center; font-weight:bold;}

/*4칸짜리 표*/
.product_table td.top_left1{border-right:1px solid #dbdbdb; padding:8px 2%; width:15%; background:#f4f4f4; text-align:center; font-weight:bold;  color:#666666; }
.product_table td.right3{padding:8px 2%; width:20%; color:#000; border-right:1px solid #dbdbdb;}
.product_table td.right4{padding:8px 2%; width:20%; color:#000; }
.product_table td.top_right3{padding:8px 2%; width:20%; color:#e13a2c; background:#f4f4f4; text-align:center; font-weight:bold; border-right:1px solid #dbdbdb;}
.product_table td.top_right4{padding:8px 2%; width:20%; color:#e13a2c; background:#f4f4f4; text-align:center; font-weight:bold;}


/*6칸짜리 표*/
.product_table td.left3{border-right:1px solid #dbdbdb; padding:8px 2%; width:10%; background:#ffffff; text-align:left; font-weight:bold;}
.product_table td.top_left2{border-right:1px solid #dbdbdb; padding:8px 2%; width:10%; background:#f4f4f4; text-align:center; font-weight:bold;  color:#666666; }
.product_table td.right5{padding:8px 1%; width:12%; color:#000; border-right:1px solid #dbdbdb;}
.product_table td.right6{padding:8px 1%; width:12%; color:#000; }
.product_table td.top_right5{padding:8px 1%; width:12%; color:#e13a2c; background:#f4f4f4; text-align:center; font-weight:bold; border-right:1px solid #dbdbdb;}
.product_table td.top_right6{padding:8px 1%; width:12%; color:#e13a2c; background:#f4f4f4; text-align:center; font-weight:bold;}





.sub04_img1{padding:20px 0 0 0;  }

ul.sub04_01menu li b{color:#fff;}
ul.sub04_01menu li.over{font-weight:bold;  color:#3156a3; background:#3156a3; color:#ffffff;}
a.pro{color:#000; }


a.pro:hover{color:#3156a3; font-weight:bold;}

/*ul.c_top_menu{font-size: 15px; display:inline-block; padding:20px 5%; width:90%;}
ul.c_top_menu li{float:left;  font-weight:bold; text-align:center; width:30%;}*/


/*서브타이틀*/
.title_1{background:url('/images/dot_1.gif') left 23px no-repeat; padding:20px 0 20px 25px; font-size:18px; font-weight:bold; 
margin-top:30px; clear:both; float:left;}

.title_2{background:url('/images/dot_2.gif') left 24px no-repeat; padding:20px 0 20px 25px; font-size:19px; font-weight:bold; color:#447e96;
margin-top:30px; clear:both; float:left;}




/*서브공통*/
.main_con{width:1024px; height:auto; margin:0 auto;}
.main_con2{width:1024px; height:auto; float:left; border:1px solid #cccccc;}



.contents_center{text-align:center;}
.contents{text-align:center;}

.contents p{text-align: left; line-height: 38px; font-size: 15px;}
.contents p.reset{width:100%; float: left;line-height:38px; font-size:15px;text-align: left; padding:0; }