/************* Visual. wetive ¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú
/*************
/*************
-----------------------------------------------------------------------------*/
.animation_canvas { overflow:hidden; position:relative; width: 100%; height: 500px; z-index:-1; }

.slider_panel { width: 100%; height: 895px; position:relative; }
.slider_image { position: absolute; left:0; top:0; width: 100%; height: 895px; opacity:0; }

.slider_panel .img1 { background:url(main-02-bg.jpg) no-repeat center top; }

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 500px; }
.slider_text_panel .slider_text { width: 1000px; height: 500px; position:absolute; left:50%; top:0; margin-left: -600px; }

.slider_text_panel .txt1 .text1 { position: absolute; left: 50%; top: 450px; margin-left: -150px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text2 { position: absolute; left: 50%; top: 320px; margin-left: -338px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text3 { position: absolute; left: 50%; top: 320px; margin-left: -338px; opacity: 0; filter: alpha(opacity=0);}


.control_panel { position:absolute; top: 470px; left: 50%; margin-left: -35px; width:69px; height: 20px; overflow:hidden; background:url(point_back.png) no-repeat 0 0; z-index: 100; }
.control_panel .control_button { width:10px; height:10px; position:relative; float:left; cursor:pointer; display:inline-block; background:url(point.png) no-repeat center top; margin: 5px 5px 0 0; }
.control_panel .control_button.active { background-position: center bottom; }
.control_panel .first { margin: 5px 5px 0 7px; }

/************* ¿©±â±îÁö. wetive ¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú **************************/




@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { margin: 0; padding: 0;  }

html { border:0 !important; }

body {
	font-family: 'Nanum Gothic';
	font-size:12px;
	color:#444;
	width: 100%;
	border:0 !important;
}

a {
	color: #004096;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

p {	margin: 0; }
img { border: none; }
input {	vertical-align: middle; }


#wrapper { width: 100%; position:relative; border:0 !important; }


/* Header
-----------------------------------------------------------------------------*/
#header { width: 960px; height: 80px; overflow:hidden; position:relative; margin:0 auto;border:0; }
h1 { margin-top: 20px; }
.gnb { overflow:hidden;clear:both;width:100%; position:absolute; left:247px; top:28px; list-style:none; }
.gnb li{ float:left;position:relative; padding: 0 1px 0 0; background:url(../image/main/mline.gif) no-repeat right top; }
.gnb li a{display:block; padding:0 30px; color:#000;text-align:center;text-decoration:none; height: 24px; overflow:hidden; }
.gnb li a:hover img,
.gnb li a.active img { margin-top: -24px; }
.gnb li.end { padding:0; background:none; }

.gnb_open { width:100%; height:0; border-top: 3px #144e9c solid; position:absolute; top: 80px; background:url(../image/main/gnb_open_back.png) repeat-x 0 0; z-index:100; overflow:hidden; }
.gnb_open .menu_area { width: 960px; min-height:265px; height:auto; margin: 0 auto; background:url(../image/main/txt_2depth.gif) no-repeat 0 20px; }
.gnb_open .menu_area .total_menu { clear:both; list-style:none; margin-left:247px; }
.gnb_open .menu_area .total_menu li { float:left; border-left: 1px #f3f3f3 solid; }
.gnb_open .menu_area .total_menu li.m1 { width:119px; height:265px; padding: 20px 0; }
.gnb_open .menu_area .total_menu li.m2 { width:121px; height:265px; padding: 20px 0; }
.gnb_open .menu_area .total_menu li.m3 { width:138px; height:265px; padding: 20px 0; }
.gnb_open .menu_area .total_menu li.m4 { width:126px; height:265px; padding: 20px 0; }
.gnb_open .menu_area .total_menu li.m5 { width:116px; height:265px; padding: 20px 0; }
.gnb_open .menu_area .total_menu li.m6 { width:86px; height:265px; padding: 20px 0; }

.gnb_open .menu_area .total_menu .sm { list-style:none; margin: 0 5px 0 5px; clear:both; }
.gnb_open .menu_area .total_menu .sm li { letter-spacing: -0.5px; margin-bottom: 5px; clear:both; border:0; }
.gnb_open .menu_area .total_menu .sm li a { display:block; padding: 5px 5px 5px 15px; color:#666; background:url(../image/main/sm_back.gif) no-repeat left top; }
.gnb_open .menu_area .total_menu .sm li a:hover,
.gnb_open .menu_area .total_menu .sm li a.active { background-position:left bottom; color:#fff; font-weight:bold; }
.gnb_open .menu_area .total_menu .m1 .sm li a { width:89px; }
.gnb_open .menu_area .total_menu .m2 .sm li a { width:91px; }
.gnb_open .menu_area .total_menu .m3 .sm li a { width:108px; }
.gnb_open .menu_area .total_menu .m4 .sm li a { width:96px; }
.gnb_open .menu_area .total_menu .m5 .sm li a { width:86px; }
.gnb_open .menu_area .total_menu .m6 .sm li a { width:56px; }
.gnb_open .gnb_close { width: 960px; height: 36px; text-align: right; margin:0 auto; }