@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);
html { font-family:'Noto Sans Korean','Nanum Gothic'; font-size:12px; overflow-y: scroll; }
body { width:100%; margin:0 0 0 0; font-size:12px; font-family:'Noto Sans Korean','Nanum Gothic'; line-height:30px; }
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;}


ul.list1{padding:0 0 0 20px; clear:both; float:left; }
ul.list1 li{list-style-image:url('/images/dot.gif'); font-size:15px;}
ul.list1 li b{color:#000;}

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:-200px; 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: auto; 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;}







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






.auto-table{width:100%;padding:0px; margin:0px; border-top:0px solid #034ba5; }
.auto-table li{width:49%;  font-size:15px; float:left; border-bottom:0px solid #bee1f6; background:#ffffff;  padding:15px 0 0 1%;letter-spacing:0px;}

.bu-table{width:100%;padding:0px; margin:0px; border-top:2px solid #034ba5; }
.bu-table li{width:33%;  font-size:12px; float:left; border-bottom:1px solid #bee1f6; background:#ffffff; min-height:150px; padding:15px 0 0 0; letter-spacing:-2px;}
.bu-table li.top{width:33%;  font-size:12px; float:left; border-bottom:1px solid #bee1f6; background:#f6f6f6; min-height:150px; padding:15px 0 0 0;}

p {font-size:1em; line-height:200%; width:100%;clear:both; float:left;}
ul.producr-list li{font-size:1em; line-height:200%; }


h3{color:#0468a2; font-weight:bold; font-size:14px; background:url("/images/h3dot.gif") no-repeat left 10px; padding:0px 0 0 20px; margin-top:20px; clear:both; float:left; width:94%;}

img.con-top{width:70%; display:block; margin:0 auto;}
img.con-top2{width:70%; display:block; margin:0 auto;}
img.con-top-m{width:100%; display:block; margin:0 auto;}
img.con-top-w{width:100%; display:none; margin:0 auto;}


img.com-img{float:right; width:60%; margin-right:20%; }
img.com-img2{ float:left; width:100%; clear:both; margin-top:0px;}
.pro-w{ float:left; margin-top:-200px;  }
.pro-w-{ float:left; margin-top:-280px;  }



.con-top1{width:100%; text-align:center; padding:0 0 0 0; font-size:13px;}




.tops{margin-top:51px;}

.opsnd2{display:none;}

.new_pop{display:none;}

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

.motalmenus{width:100%; height:auto; float:left; margin-top:20px;}

.subimg_cateimg1{display:none;}
.subimg_cateimg2{display:block;}


.sear_text_view{width:100%; height:auto; text-align:center; padding:15px 0 15px 0; font-size:14px; color:gray; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; margin-bottom:30px;}
.sear_text_view2{width:100%; height:auto; padding:10px 0 10px 0; font-size:14px; color:#000; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; margin-top:20px;}


.ser_menu{width:100%; height:auto; float:left; display:block;}
.ser_menu ul.ser_menu2{width:100%; height:auto; float:left;}
.ser_menu ul.ser_menu2 li{width:100%; height:auto; float:left; text-align:center;}
.ser_menu ul.ser_menu2 li a {width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:12px; color:#fff; text-decoration: none; font-weight:bold; background-color:#c1c1c1;}
.ser_menu ul.ser_menu2 li a:hover{background-color:#f44336; color:#fff;}
.ser_menu ul.ser_menu2 li a.selected{background-color:#f44336; color:#fff;}



.chk_ser_in{color:blue; border-bottom:1px solid blue; font-size:13px; padding-bottom:5px;}
a.chk_ser_in:visited{color:blue; border-bottom:1px solid blue; font-size:13px; padding-bottom:5px;}
.chk_ser_ins{color:gray; border-bottom:1px solid gray; font-size:12px; padding-bottom:5px;}
a.chk_ser_ins:visited{color:gray; border-bottom:1px solid gray; font-size:12px; padding-bottom:5px;}



.top{width:100%; height:auto; float:left;}
.logo{ display:none;}
.top_hsc{ display:none;}
.mo_logo{width:100%; height:auto; float:left; display:block; position:fixed; top:0; left:0; background-color:#fff; z-index:999;}
.mo_logo ul.mo_logo2{width:100%; height:50px; float:left; border-bottom:1px solid #e8e8e8;}
.mo_logo ul.mo_logo2 li.mo_top_logos{width:100%;  float:left; text-align:center;}
.mo_logo ul.mo_logo2 li.mo_top_logos img{padding:18px 0 0 0;}
.mo_logo ul.mo_logo2 li.mo_top_home{float:left; width:32px; height:32px; position:absolute; right:10px; top:10px;}
.mo_logo ul.mo_logo2 li.mo_top_back{float:left; width:32px; height:32px; position:absolute; left:10px; top:14px;}
.mo_logo ul.mo_logo2 li.mo_top_ser{float:left; width:32px; height:32px; position:absolute; left:10px; top:10px;}

.mo_logo ul.mo_logo3{display:none; background-color:#fff; width:100%; height:auto; float:left; position:absolute; top:51px; z-index:99999;}
.mo_logo ul.mo_logo3 li{width:100%; height:auto; float:left; padding:10px 0 10px 0;}
.dudbo2{ width:97%; height:25px; float:left; padding-left:3%; border:1px solid #a7a7a7; border-radius:5px; background-color:#f1f1f1; outline:none;}


.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;}

.mobile_sub_menus{width:100%; height:auto; float:left;}
.mobile_sub_menus ul{width:100%; height:auto; float:left;}
.mobile_sub_menus ul li{width:31.3333333333333333%; float:left; text-align:center; line-height:30px; font-size:12px; cursor:pointer; margin:0 1% 0 1%; font-family:dotum;}
.mobile_sub_menus ul li.celchk{background-color:#1d6788; font-weight:bold; color:#fff; border-radius:2px;}



.con2{width:100%; height:auto; float:left; display:block;}
.con2_title{width:100%; height:auto; float:left; border-bottom:1px solid #cccccc; display:none;}
.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; 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;}


.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:30px; float:left; border-bottom:0px solid #e8e8e8; font-size:12px; font-weight:normal; -webkit-text-stroke-width:.02em; color:#000;}
.dismen{display:none;}
.texslim2{padding-left:20px;float:left;height:30px; }
.texslim3{padding-left:40px;float:left; height:20px;line-height:27px;}
.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;}





.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:20px; display:block;}


.main_insdu2{width:100%; height:auto; float:left; margin-top:20px;}
.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_mo{display:block;}

.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:20px;  background-color:#2b2a2a; padding-top:15px; color:#ffffff; padding-bottom:20px; display:block; }
.footer2 ul{width:100%; height:auto; padding-bottom:20px; margin:0 auto; line-height:180%; font-size:11px;}
.footer2 li.footer_logo2{ display:none;}
.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{color:#999; text-decoration: none;}

.footer2 li a:visited {color:#999; 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: 468px; overflow: hidden;}
.foscreen3{cursor: auto; position: absolute; left: 0px; top: 0px; width: 1024px; height: 468px; overflow: hidden;}
.foscreen4{position: relative; width:100%; overflow: hidden;}



/*main-product*/
ul.main-product{clear:both; float:left; margin:0 auto; width:99%; padding:0 0 30px 0; }
ul.main-product li{float:left; width:31%;  text-align:center; margin-left:2%; }
ul.main-product li:last-child{float:left; width:31%;  text-align:center; margin-right:0; }
ul.main-product li a.main-product-link{font-size:13px; letter-spacing:-1px;}



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

.titsf{width:100%; height:auto; float:left; text-align:center; padding:35px 0 5px 0; font-size:16px;}


.new-title2{color:#fa3105; font-size:2em; float:left;font-family: 'Jal_Onuel'; width:100%;}
.new-title3{padding:3px 4px; color:#fff; border-radius:3px; margin-left:1%; float:left; background:#f00; 
line-height:95%; height:14px; font-weight:bold; font-size:14px; }
}










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

.new-title2{color:#fa3105; font-size:2em; float:left;font-family: 'Jal_Onuel'; width:100%;}
.new-title3{padding:3px 4px; color:#fff; border-radius:3px; margin-left:5px; float:left; background:#f00; 
line-height:95%; height:14px; font-weight:bold; font-size:14px;}
.tops{margin-top:0;}

.opsnd2{display:none;}


#menu{display:none;}
.menusv{display:none;}

.new_pop{display:none;}

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

.motalmenus{display:none;}

.subimg_cateimg1{display:block;}
.subimg_cateimg2{display:none;}

.sear_text_view{width:100%; height:auto; text-align:center; padding:15px 0 15px 0; font-size:14px; color:gray; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; margin-bottom:30px;}
.sear_text_view2{width:100%; height:auto; padding:10px 0 10px 0; font-size:14px; color:#000; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; margin-top:20px;}


.chk_ser_in{color:blue; border-bottom:1px solid blue; font-size:16px; padding-bottom:5px;}
a.chk_ser_in:visited{color:blue; border-bottom:1px solid blue; font-size:16px; padding-bottom:5px;}
.chk_ser_ins{color:gray; border-bottom:1px solid gray; font-size:14px; padding-bottom:5px;}
a.chk_ser_ins:visited{color:gray; border-bottom:1px solid gray; font-size:14px; padding-bottom:5px;}

.ser_menu{width:100%; height:auto; float:left; display:block;}
.ser_menu ul.ser_menu2{width:100%; height:auto; float:left;}
.ser_menu ul.ser_menu2 li{width:100%; height:auto; float:left; text-align:center;}
.ser_menu ul.ser_menu2 li a {width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:14px; color:#fff; text-decoration: none; font-weight:bold; background-color:#c1c1c1;}
.ser_menu ul.ser_menu2 li a:hover{background-color:#f44336; color:#fff;}
.ser_menu ul.ser_menu2 li a.selected{background-color:#f44336; color:#fff;}



.top{width:100%; height:130px; float:left; border-bottom:1px solid #dbdbdb;}
.logo{width:auto; height:45px; float:left; display:inline; margin:25px 0 10px 15px;}


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

.neleftmenu{display:none;}

.top_hsc{width:auto; height:31px; float:right; display:block;} 
.top_hsc ul.hmlc{float:right; margin-right:10px;}
.top_hsc ul.hmlc li{float:left;}
.top_hsc ul.hmlc li a {line-height:31px; color:#000; cursor:pointer;  text-decoration: none; font-size:11px;}

.top_hsc ul.hmlc2{float:right; height:31px; margin-right:10px;}
.top_hsc ul.hmlc2 li{float:left;}

.top_hsc ul.hmlc3{width:100%; float:right; height:auto; margin-right:10px;}
.top_hsc ul.hmlc3 li{float:right; margin-top:10px; width:230px; border-bottom:1px solid #9e9e9e;}
.dudbo{height:30px; width:200px; outline:none; background-color:#fff; text-align:center; font-size:16px;}



#Gnb{display:none;}

#Gnb2{width:100%; height:60px; float:left; display:inline;}/*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:#000; text-decoration:none;}
#Gnb2 ul.menu li a:hover{color:#4069b2;}
#Gnb2 ul.menu li a.topmenus {font-size:16px; width:100%; height:60px; float:left; text-align:center; line-height:30px; font-weight:bold;}

#Gnb2 ul.menu li a:hover.topmenus,
#Gnb2 ul.menu li a.on.topmenus ,
#Gnb2 ul.menu li a.selected {color:#4069b2;}

#Gnb2 ul.menu ul.sub{width:100%; float:left; height:30px; position:absolute; z-index:10000; left:0; top:30px; display:none; background-color:#585858;}
#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:0px solid #c6c3c3; border-bottom:0px solid #c6c3c3; display:block;}

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

.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;}
.main_insdu2 ul.main_insdu2_mo{display:block;}

.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;}
.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; display:block;}
.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:20px; background-color:#2b2a2a; padding-top:15px; color:#ffffff; 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;}
.footer li.footer_add{width:99%; float:left; text-align:left; line-height:20px; padding-left:1%; padding-right:0; display:block;}

.footer li a:link {color:#333; text-decoration: none; }
.footer li a:hover {color:#999; text-decoration:none;}
.footer li a:visited {color:#999; 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: auto; position: absolute; left: 0px; top: 0px; width: 1024px; overflow: hidden;}
.foscreen4{position: relative; width:100%; overflow: hidden;}



/*main-product*/
ul.main-product{clear:both; float:left; margin:0 auto; width:99%; padding:0 0 50px 1%; }
ul.main-product li{float:left; width:18%;  text-align:center; margin-left:1%; }
ul.main-product li:last-child{float:left; width:18%;  text-align:center; margin-left:1%; }
ul.main-product li a.main-product-link{font-size:21px; letter-spacing:-1px;}


p {font-size:16px; line-height:200%; width:100%;clear:both; float:left;}

h3{color:#0468a2; font-weight:bold; font-size:23px; background:url("/images/h3dot.gif") no-repeat left 25px; padding:16px 0 0 20px; margin-top:20px; clear:both; float:left; width:98%;}

img.con-top{width:374px; display:none;}
img.con-top2{width:374px; }
img.com-img{float:right; width:367px; margin-top:0px; }
img.com-img2{ float:right; width:449px; clear:both; margin-right:30%;}





.con-top1{width:100%; text-align:center; padding:20px 0 30px 0; font-size:18px;}

.bu-table{width:100%;padding:0px; margin:0px; border-top:2px solid #034ba5; }
.bu-table li{width:32%;  font-size:15px; float:left; border-bottom:1px solid #bee1f6; background:#ffffff; min-height:180px; padding:15px 0 0 1%; letter-spacing:0px;}
.bu-table li.top{width:32%;  font-size:15px; float:left; border-bottom:1px solid #bee1f6; background:#f6f6f6; min-height:180px; padding:15px 0 0 1%;}

.auto-table{width:100%;padding:0px; margin:0px; border-top:0px solid #034ba5; }
.auto-table li{width:32%;  font-size:15px; float:left; border-bottom:0px solid #bee1f6; background:#ffffff;  padding:15px 0 0 1%;letter-spacing:0px;}

img.con-top-m{width:100%; display:block; margin:0 auto;}
img.con-top-w{width:100%; display:none; margin:0 auto;}
.pro-w{ float:left; margin-top:-480px;  }


.pro-w-{ float:left; margin-top:-20px;  }
b.pro-title{font-weight:bold; font-size:20px; color:#189ae5;}

ul.producr-list li{font-size:16px; line-height:200%; }
}
















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

.new-title2{color:#fa3105; font-size:2.3em; float:left;font-family: 'Jal_Onuel';  width:125px;}
.new-title3{padding:3px 4px; color:#fff; border-radius:3px; margin-left:5px; float:left; background:#f00; 
line-height:95%; height:14px; font-weight:bold; font-size:14px;}

table.pro-table{ padding:0; width:100%; border:1px solid #C5B9A9;}

b.pro-title{font-weight:bold; font-size:20px; color:#189ae5;}
.pro-w{ float:left; margin-top:-500px;   }
.pro-w-{ float:left; margin-top:0px;   }
img.con-top-m{width:100%; display:none; margin:0 auto;}
img.con-top-w{width:100%; display:block; margin:0 auto;}
.auto-table{width:100%;padding:0px; margin-top:-30px; border-top:0px solid #034ba5; }
.auto-table li{width:32%;  font-size:15px; float:left; border-bottom:0px solid #bee1f6; background:#ffffff;  padding:15px 0 0 1%;letter-spacing:0px;}



.bu-table{width:100%;padding:0px; margin:0px; border-top:2px solid #034ba5; }
.bu-table li{width:19%;  font-size:15px; float:left; border-bottom:1px solid #bee1f6; background:#ffffff; min-height:180px; padding:15px 0 0 1%;letter-spacing:0px;}
.bu-table li.top{width:19%;  font-size:15px; float:left; border-bottom:1px solid #bee1f6; background:#f6f6f6; min-height:180px; padding:15px 0 0 1%;}



.con-top1{width:100%; text-align:center; padding:0px 0 50px 0; font-size:18px;}
img.com-img{float:right; width:367px;}
img.com-img2{ float:right; width:449px; clear:both;margin-right:290px;}

/*orga*/
img.con-top{width:374px; display:none;}
img.con-top2{width:374px; }

p {font-size:17px; line-height:200%; width:100%; clear:both; float:left;}

ul.producr-list li{font-size:17px; line-height:200%; }

h3{color:#0468a2; font-weight:bold; font-size:22px; background:url("/images/h3dot.gif") no-repeat left 27px; padding:16px 0 0 15px; margin-top:20px; clear:both; float:left; width:98%;}



/*main-product*/
ul.main-product{clear:both; float:left; margin:0 auto; width:100%; padding:0 0 50px 1%; }
ul.main-product li{float:left; width:18%;  text-align:center; margin-left:1%; }
ul.main-product li:last-child{float:left; width:18%;  text-align:center; margin-left:1%; }
ul.main-product li a.main-product-link{font-size:21px; letter-spacing:-1px;}



.tops{margin-top:0;}

.opsnd2{display:block;}



#menu{display:none;}
.menusv{display:none;}

.new_pop{display:block;}

.motalmenus{display:none;}


.slidesjs-pagination{display:none;}
#wrap{width: 100%; height:auto; float:left;}
.wrap_pc2{width:100%; height:auto; float:left; border-bottom:1px solid #dbdbdb; margin-bottom:47px; 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;}


.chk_ser_in{color:blue; border-bottom:1px solid blue; font-size:16px; padding-bottom:5px;}
a.chk_ser_in:visited{color:blue; border-bottom:1px solid blue; font-size:16px; padding-bottom:5px;}
.chk_ser_ins{color:gray; border-bottom:1px solid gray; font-size:14px; padding-bottom:5px;}
a.chk_ser_ins:visited{color:gray; border-bottom:1px solid gray; font-size:14px; padding-bottom:5px;}


.subimg_cateimg1{display:block;}
.subimg_cateimg2{display:none;}


.top{width:100%; height:90px; float:left; border-bottom:0; display:block;}
.logo{width:170px; height:54px; float:left; display:inline; padding:10px 0 0 0;}

.top_hsc{width:790px; height:31px; float:right; display:block;} 
.top_hsc ul.hmlc{float:right;}
.top_hsc ul.hmlc li{ float:left;}
.top_hsc ul.hmlc li a {line-height:31px; color:#000; cursor:pointer;  text-decoration: none; font-size:11px;}


.top_hsc ul.hmlc2{float:right; height:31px; margin-right:10px;}
.top_hsc ul.hmlc2 li{float:left;}

.top_hsc ul.hmlc3{width:100%; float:right; height:auto;}
.top_hsc ul.hmlc3 li{float:right; margin-top:10px; width:230px; border-bottom:1px solid #9e9e9e;}
.dudbo{height:30px; width:200px; outline:none; background-color:#fff; text-align:center; font-size:16px;}

#Gnb2{display:none;}

#Gnb{width:100%; height:auto; float:left; display:inline;}/*logo_width+간격만큼 margin제한다.*/
#Gnb ul.menu{width:100%; height:auto; float:left;}
#Gnb ul.menu li.relati_menu{float:left; height:auto; text-align:center; position:relative;}/*메뉴넓이/메뉴갯수*/

#Gnb ul.menu li.relati_menu:hover > a.topmenus{border-bottom:2px solid #4069b2; padding-bottom:0;color:#4069b2;}
#Gnb ul.menu li.relati_menu a.topmenus {font-size:15px; width:100%; height:45px; float:left; text-align:center; line-height:45px; font-weight:bold;color:#000; text-decoration:none; 
 padding-bottom:2px;}
#Gnb ul.menu li.relati_menu a.topmenus:hover{color:#4069b2;}




.submenu_slow{width:100%; height:auto; float:left; background-color:#fff; display:none;}
.submenu_slow li{width:100%; float:left;}
.submenu_slow li a{ width:100%; height:40px; float:left; text-align:center; line-height:40px; font-size:14px; letter-spacing:-1px;}
.submenu_slow li a:hover{color:#4069b2; font-weight:bold;}

.gnb_submenus{width:100%; height:auto; float:left; background-color:#fff; border-bottom:1px solid #dbdbdb; display:none; position:absolute; top:136px; 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%; height:30px; float:left; line-height:30px; margin:0 2% 0 2%;}
.gnb_submenus3 ul li a{ width:100%; height:30px; float:left; text-align:center; line-height:30px; color:#000; font-size:12px; border-bottom:1px solid #e1e1e1;}
.gnb_submenus3 ul li a:hover{background-color:#f44336; color:#fff;}



.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;}


.sear_text_view{width:100%; height:auto; text-align:center; padding:15px 0 15px 0; font-size:18px; color:gray; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; margin-bottom:30px;}
.sear_text_view2{width:100%; height:auto; padding:10px 0 10px 0; font-size:14px; color:#000; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; margin-top:20px;}



.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;}
.con2_title{width:100%; height:120px; float:left; border-bottom:1px solid #c1c1c1; display:block;}
.con2_title ul{width:100%; height:auto; float:left; padding-top:50px;}
.con2_title li.con2_title_2{font-size:24px; float:left; font-weight:bold; padding-left:10px; padding-top:3px; color:#848383;}
.con2_title li.con2_nav{ width:50%; float:right; text-align:right; padding-top:13px; padding-right:10px; line-height:-20px; color:#6a6a6a; display:block;}
.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;}


.ser_menu{width:100%; height:auto; float:left; display:block;}
.ser_menu ul.ser_menu2{width:100%; height:auto; float:left;}
.ser_menu ul.ser_menu2 li{width:100%; height:auto; float:left; text-align:center;}
.ser_menu ul.ser_menu2 li a {width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:14px; color:#fff; text-decoration: none; font-weight:bold; background-color:#c1c1c1;}
.ser_menu ul.ser_menu2 li a:hover{background-color:#f44336; color:#fff;}
.ser_menu ul.ser_menu2 li a.selected{background-color:#f44336; color:#fff;}



.con{width:1024px; height:auto; float:left; display:block;}
.sub_menu{width:100%; height:auto; float:left; margin-top:20px; 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:auto; float:left; border-bottom:0px solid #f4f5f6;}
.sub_menu ul.sub_menu2 li{width:100%; height:auto; float:left; text-align:center;}
.sub_menu ul.sub_menu2 li a {width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:13px; color:#fff; text-decoration: none; font-weight:normal; 
color:#666;  border-bottom:2px solid #dedede; border-top:1px solid #dedede; letter-spacing:-1px;}

.sub_menu ul.sub_menu2 li a:hover{background-color:#fff; color:#1d6788; 
border-bottom:2px solid #1d6788; border-top:1px solid #1d6788;font-size:14px; font-weight:bold;letter-spacing:-2px;}

.sub_menu ul.sub_menu2 li a.selected{background-color:#fff; color:#1d6788;border-bottom:2px solid #1d6788;
border-top:1px solid #1d6788;font-size:13px; font-weight:bold;}


.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:0px solid #c6c3c3; display:block;}

.titsf{width:100%; height:auto; float:left; text-align:center; padding:65px 0 15px 0; font-size:27px; color:#000;}


.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:227px; height:249px; float:left; margin-right:50px; margin-top:20px; display:block;}
.call_bansd2{display:none;}
.call_bansd3{display:none;}


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

.main_insdu2 ul.main_insdu2_pc{display:block;}
.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:1024px; float:left; text-align:center; margin-top:20px; background-color:#2b2a2a; padding-top:15px; color:#FFFFFF; padding-bottom:20px; display:block;}
.footer ul{width:1024px; height:auto; padding-bottom:20px; margin:0 auto; font-size:14px; line-height:180%;  }
.footer li.footer_logo{width:25%; float:left;} 
.footer li.footer_add{width:90%; float:left; line-height:20px; text-align:left; padding-left:2%; padding-right:0;  display:block;}

.footer li a {color:#666; text-decoration: none; font-size:12px;cursor:pointer; }
.footer li a:hover  { 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:-200px; 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: 580px; overflow: hidden;}
.foscreen3{cursor: auto; position: absolute; left: 0px; top: 0px; width: 1024px; height: 580px; overflow: hidden;}
.foscreen4{position: relative; width:100%; height:580px; 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;}



}






.main_con{width:1024px; height:auto; margin:0 auto;}
.main_con2{width:1024px; height:auto; float:left; border:1px solid #cccccc;}