@charset "utf-8";

/*resetstyle*/
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,p,button,table,th,td,input{margin:0;padding:0}
html,body{width:100%;height:100%;}
* {margin:0; padding:0; font-family:"NanumGothicBold", "나눔고딕","돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:13px; line-height:160%; color:#666666} 
img,fieldset,table{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
em,address{font-style:normal}
button,label{cursor:pointer}
a{text-decoration:none}
/*a{color:#fff;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}*/
table{border-collapse:collapse;border-spacing:0}
hr{display:none}
button{overflow:visible;border:0 none;background:none}
legend  {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
bold{font-weight:bold; }
.red{color:#ff0000}
.pad10{padding-top:10px;}
.pad20{padding-top:20px;}

/* 레이아웃 */
body{ margin:0; padding:0;}
#wrap{ position:relative;  width:100%;  background-image:url(../images/main_bg.gif); background-repeat:repeat-x; text-align:center; }
#subwrap{ position:relative;  width:100%;  background-image:url(../images/sub_bg.gif); background-repeat:repeat-x; text-align:center; }
#subwrap01{ position:relative;  width:1055px;  background-image:url(../images/sub_bg.gif); background-repeat:repeat-x; text-align:center; }
#wrap_box{ position:relative;  width:980px; text-align:left; margin:auto; }

#top_wrap{ position:relative;  width:980px; height:128px; }
#visual_wrap{  position:relative;  width:980px; height:444px; z-index:1; }
#contants_wrap{ width:980px;}

#alliance{position:relative;  width:100%; text-align:center; margin:auto;}
#alliance_wrap{ position:relative;  width:980px; text-align:left; margin:auto; height:44 px;}
#alliance_wrap li{float:left}
#footer{clear:both; width:100%; background-image:url(../images/footer_bg.gif); background-repeat:repeat-x; text-align:center; margin:auto;}
#footer_wrap{ position:relative;  width:980px; text-align:left; height:100 px; padding-top:25px; margin:auto; }

/*상단*/
#top_wrap h1{ float:left; }
.seach{ float:left; width:250px; padding-top:55px}
.nv{  font-size:11px;  padding-top:60px}



/*메뉴*/
.main_menu{ padding-top:5px;margin-left:150px;}
#menu{width:980px; position:relative; float:left; z-index:1000; }
#menu h3{ float:left;  top:0px;}
#menu ul.main_menu li {float:left; height:41px; }
#menu li a{color:#ffffff; text-decoration:none; display:inline-block;}
#menu li a:hover{color:#56a4fb;}

/*슬라이드메뉴*/
#menu_dept{position:absolute;width:820px; height:235px; left:160px; top:45px;background:#333; padding-left:15px; padding-bottom:20px; z-index:10000;}
#menu_dept .menu_dept_ul li{float:left;width:150px; text-align:center; margin-top:10px;}
.menu_open1{text-align:center;width:160px;height:150px;float:left;}
.menu_open2{text-align:center;width:180px;height:150px;float:left;}
.menu_open3{text-align:center;width:160px;height:150px;float:left;}
.menu_open4{text-align:center;width:150px;height:150px;float:left;}
.menu_open5{text-align:center;width:140px;height:150px;float:left;}

.sub_menu1 li{width:160px; margin-top:10px; }
.sub_menu2 li{width:160px; margin-top:10px; }
.sub_menu3 li{width:160px; margin-top:10px;}
.sub_menu4 li{width:160px; margin-top:10px;}
.sub_menu5 li{width:160px; margin-top:10px;}


/*메인*/
.slides_container{width:980px;}
.prev { z-index:10; float:left; cursor:pointer; position: absolute; top:250px; width:54px; height:61px; left:-50px}
.next { z-index:10; float:right; cursor:pointer; position:absolute; top:250px; width:54px; height:61px; 	margin-left:980px;}

.notice{ float:left; width:345px; margin-top:25px; margin-bottom:25px; margin-left:10px; margin-right:10px;}
.certificate{float:left; width:155px;margin-top:25px; margin-bottom:25px; margin-left:30px; }
.product{ float:left; width:160px;margin-top:25px; margin-bottom:25px; margin-right:30px;}
.movie{ float:left;width:240px;margin-top:25px; margin-bottom:25px; }
.movie h6{padding-bottom:10px;}

/*서브*/
.left_menu{  width:240px;  float:left;}
	.left_box{height:100 px; }
.contantstxt_wrap{  float:left; width:740px;}
.txt_wrap{ margin-left:25px; margin-bottom:150px; width:715px;}
.subtitle{width:500px; font-size:26px; float:left; border-bottom:1px solid #ddd; margin-bottom:50px}
.subnv{width:215px; font-size:11px; float:left; border-bottom:1px solid #ddd; padding-top:53px; padding-bottom:15px; text-align:right; margin-bottom:50px}
.quick{ position:absolute; left:50%; margin-left:500px;  top:128px; }

.ceoimg{ position:absolute; top:430px; left:670px; }
.history{ width:715px;}
.history_year{color:#00aeef; width:105px;  font-size:28px; float:left; border-bottom:1px solid #ddd; }
.history_txt{width:600px;padding-bottom:20px; padding-top:20px; border-bottom:1px solid #ddd; }
.history_point{ color:#ff0000}

.txt_01 li{ float:left;  text-align:center; margin-left: 15px;  margin-bottom: 55px;}
.sub_subpoint{font-weight:bold; font-size:18px; color:#0db14b}
.sub_subtitle{font-weight:bold; font-size:18px; color:#fff; padding-top:5px; padding-bottom:5px; padding-left:10px; margin-bottom:20px; background-color:#ff9200}
.sub_subtitle01{font-weight:bold; font-size:14px; color:#333; }

.product_tab li{ float:left; }
.product_img {padding-top:20px; margin-bottom:20px}

.product_subtitle{background-color:#58595b; padding-top:5px; padding-bottom:5px; color:#fff; font-weight:bold; text-align:center; }
.product_subtxt{ padding-bottom:5px; padding-left:10px;}
.point_txt{color:#000; font-weight:bold;}

.login_wrap_container{ width:100%; margin:auto;  text-align:center; }
.login_wrap{ width:550px; margin:auto;  text-align:left; }
.login_txt_wrap{ background-color:#fbfbfb; border:1px solid #e0e4e7; padding:30px 48px}
.id{float:left;}
.save{padding-top:5px; padding-bottom:5px; font-size:11px; }
.pw{float:left;}
.input{border:1px solid red}