@import url(style.css);
/* CSS Document */

/* 레이아웃   background:gray;   background:yellow;*/
html{background:url(/images/bg_visual.gif)  repeat-x;}
body{background:url(/images/bg_footer.gif)  left bottom repeat-x;}
#wrap{}
#header{position:relative; margin:0 auto; width:1116px; height:109px; }
#container{position:relative; margin:0 auto; width:1116px; height:686px;  z-index:1;}
.visual{width:1116px; height:469px;  z-index:1;}
.contents{position:absolute; width:1116px; height:218px; background:url(/images/bg_contents.gif)  no-repeat;}
.con01{position:relative; float:left; width:332px; height:218px;}
.con02{position:relative; float:left; width:281px; height:218px;}
.con03{position:relative; float:left; width:503px; height:218px;}
#footer{position:relative; margin:0 auto; width:1116px; height:116px;}
/*
html{background:url(/images/bg_index01.jpg) bottom center no-repeat;}
body{position:relative;}
.bg_header{position:absolute; top:0; left:0; z-index:15; height:106px; width:100%; background:url(/images/bg_index.gif) repeat-x;}


#slideshow {position:absolute; bottom:0; left:0; z-index:1; height:980px;}
#slideshow li{width:100%;}
#slideshow img {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow img.active {z-index:10; opacity:1.0;}
#slideshow img.last-active {z-index:9;}

#allmenu{position:absolute; left:0; top:105px; width:100%; height:145px; background:#8cc589; z-index:30; font:12px/1.4 "NanumGothic","나눔고딕",sans-serif;}
.sub_img{display:none;}



*/
/* 레이아웃 완료 */

/* header 시작 */
.gray333{color:#333;}
.red{color:red;}
.font11{font-size:11px;}

/*  컨텐츠 시작 */
.con01 h3{position:absolute; left:82px; top:40px;}
.con01_1{position:absolute; left:82px; top:67px;}
.con01 .more{position:absolute; left:0; top:48px;}

.con02 h3{position:absolute; left:33px; top:40px;}
.con02_1{position:absolute; left:33px; top:67px;}
.con02 .more{position:absolute; left:0; top:48px;}

.con03 h3{position:absolute; left:31px; top:41px; padding-left:18px; background:url(/images/con_icon.jpg)  no-repeat;}
.con03_0{position:absolute; left:163px; top:41px;}
.con03_1{position:absolute; left:31px; top:84px;}
.con03_2{position:absolute; left:204px; top:92px;}
.con03_2 li{float:left; padding-left:25px;}
/*
#container .index_t1{position:absolute; left:150px; top:-72px;}

.con01_01 li{line-height:17px;}
.con01_01 li a{color:#b6b7b8; font-weight:bold;}

.con02_01{padding:11px 0 0 10px;}
.con02_01 li{float:left; padding-right:12px;}

.con03 h3{padding:10px 0 0 16px;}
.con03_01{position:absolute; right:31px; top:12px;}
.con03_01 li{float:left; padding-right:3px;}
.con03_02_01{position:absolute; left:13px; top:57px;}
.con03_02_02{position:absolute; left:139px; top:57px;}
.con03_02_03{position:absolute; left:13px; top:90px;}
.con04 h3{padding:10px 0 0 16px;}
.con04_01_01{position:absolute; left:13px; top:57px;}
.con04_01_02{position:absolute; left:139px; top:57px;}
.con04_01_03{position:absolute; left:13px; top:90px;}

.con02 #menu_tab1{position:relative;  width:235px; height:163px;}
.con02 #menu_tab1 a{color:#d2d4d7; font-weight:bold;}
.con02 #menu_tab1 ul li{padding-left:5px; background:url(/images/index_22.gif) 0 5px no-repeat; line-height:17px;}
.con02 #menu_tab1 .txt1 ul{position:absolute; left:0; top:47px;}
.con02 #menu_tab1 .txt1 ul li{width:215px;}
.con02 #menu_tab1 .txt2 ul{position:absolute; left:0; top:47px;}
.con02 #menu_tab1 .txt2 ul li{width:215px;}
*/