/*공통*/ #header,#container, #banner, #sub_container, #footer {position:relative; width:100%; margin:0 auto; text-align:center; clear:both;} #header{background:url(/images/main/top_bg.jpg) repeat-x; height:100px;} #banner{background:#f3f3f3; height:200px;} #sub_container{background:url(/images/sub/sub_bg.jpg) repeat-x; height:135px; margin-top:20px; } /*탑*/ #wrap {position:relative; margin:0 auto; width:1000px; text-align:left; } #logo{float:left; width:147px; height:75px; left:0; margin-top:20px; } #navi{float:right; width:621px; margin-top:44px;} #right{position:absolute; right:0; top:10px;} /*메인 컨텐츠*/ .main_content{width:1250px; margin:0 auto; margin-top:50px;height:373px;} .banner1{float:left; width:570px; padding-bottom:10px;} .banner2{float:left; width:400px; padding-left:10px} /*메인 컨텐츠*/ .main_banner{width:1000px; padding-top:25px; margin:0 auto; text-align:left; background:url(/images/main/banner_bg.jpg) no-repeat; height:200px;} /*서브 컨텐츠*/ .sub_content{width:1000px; text-align:left; margin:0 auto; background:url(/images/sub/sub_title_bg.jpg) no-repeat 0 0; height:130px; } .menu{float:left; width:200px;margin-top:165px; } .pt25{padding-top:25px; clear:both;} .sub{float:right; position:relative;width:740px; } .title{width:740px; height:95px; position:relative; margin-top:15px; } .title .mini{position:absolute; right:0; top:0; font-size:11px; font-weight:normal;} .title .mini span{color:#00a4ec;} .title h3{position:absolute; bottom:0; } .sub_page{position:relative; width:740px; margin-top:95px; margin-bottom:100px; min-height:300px;} /*푸터*/ .foot{width:1000px; text-align:center; margin:0 auto;} /*네비*/ #nav {margin:0;float:left; width:621px; text-align:left;} #nav ul, #nav li {margin:0;} #nav li {list-style:none; float:left;} #nav a {display:block; padding-top:0px; font-weight:bold; text-decoration:none;} #nav li ul {display:none; position:absolute; /*li의 자식인 ul을 숨겨둡니다.;*/} #nav li.on ul {display:block; /*활성화된 li의 자식인 ul만 보여줍니다.*/ } #nav .menu1{position:absolute;} #nav .menu1 div ul{position:absolute;} #nav .bmenu1, .bmenu2, .bmenu3, .bmenu4, .bmenu5, .bmenu6{float:left;position:absolute; z-index:50;} #nav .bmenu1{margin-left:0px;} #nav .bmenu2{margin-left:108px;} #nav .bmenu3{margin-left:196px;} #nav .bmenu4{margin-left:305px;} #nav .bmenu5{margin-left:410px;} #nav .bmenu6{margin-left:515px;} #nav .smenu1, .smenu2, .smenu3, .smenu4, .smenu5{ float:left; z-index:50;} #nav .smenu1{margin-top:45px; width:621px; margin-left:0px;display:inline; z-index:50;} #nav .smenu2{margin-top:45px;width:621px; margin-left:109px;display:inline; z-index:50;} #nav .smenu3{margin-top:45px; width:621px; margin-left:150px;display:inline; z-index:50;} #nav .smenu4{margin-top:45px; width:621px; margin-left:306px;display:inline; z-index:50;} #nav .smenu5{margin-top:45px; width:621px; margin-left:100px; display:inline;} #nav .smenu6{margin-top:45px; width:621px;margin-left:235px; display:inline;} /*sub02/표*/ .tb_type{width:740px;} .tb_type th{font-size:13px; line-height:16px;color:#666; height:35px; text-align:center; border:1px solid #4f4c4d;} .tb_type td{font-size:13px; line-height:16px; color:#666; padding:7px; vertical-align:top; border:1px solid #4f4c4d; text-align:left;} .tb_type .title{border-top:1px solid #4f4c4d; height:26px; vertical-align:middle;} .tb_type .cont{text-align:left;} .tb_type .cont_title{font-weight:bold; color:#444;} .tb_type .left{text-align:left; line-height:22px;} .tb_type .last{ border-bottom:1px solid #4f4c4d;} /*레프트*/ /* lnb */ div.lnb-wrap {position:relative; float:left;width:200px; min-height:500px;} div.lnb-wrap h2 {width:200px; height:40px;} #lnbMenu div {list-style-type:none; width:200px;} #lnbMenu .lnb2 {float:left; margin-top:16px;} #lnbMenu .lnb2 div {display:inline;} #lnbMenu .lnb2 h3 {width:200px; height:35px; background:#dedede; margin:1px 0 1px 0;} #lnbMenu .lnb2 h3 .over {width:200px; color:#fff; background:url(/images/menu_over.jpg) no-repeat; display:block; text-decoration:none;} #lnbMenu .lnb2 h3 a {width:200px; color:#58595b; font-size:13px; display:block; padding:10px 0 10px 0px; } #lnbMenu .lnb2 h3 a:hover {width:200px; color:#fff; height:35px; background:url(/images/menu_over.jpg) no-repeat; display:block; text-decoration:none;} #lnbMenu .lnb2 h3 span { font-weight:bold; padding-left:20px; width:200px; line-height:14px; } /*왼쪽메뉴 3데스*/ #LeftMenu div{list-style-type:none; width:200px; margin-top:16px; } #LeftMenu .lnb{float:left;} #LeftMenu .lnb div {display:inline; width:200px;} #LeftMenu .lnb h2 {width:200px; height:35px; margin-bottom:2px;} #LeftMenu .lnb h2 .over{width:200px; height:35px; color:#fff; background:url(/images/menu_over.jpg) no-repeat; display:block; text-decoration:none;} #LeftMenu .lnb h2 a{width:200px; color:#777; height:36px; background:#dedede; line-height:36px; font-size:13px; font-weight:bold; display:block;} #LeftMenu .lnb h2 a:hover{width:200px; height:35px; color:#fff; background:url(/images/menu_over.jpg) no-repeat; display:block; text-decoration:none;} #LeftMenu .lnb h2 span{padding-left:20px; word-spacing:-1px; } #LeftMenu .lnb li.on ul {display:block} #LeftMenu .lnb li {display:inline;} #LeftMenu .lnb ul{} #LeftMenu .lnb li a {display:block; background:#ffffff;} #LeftMenu .lnb li.deps1 a {padding-top:10px; padding-bottom:10px; width:190px;padding-left:20px; font-size:12px; height:18px; line-height:18px; font-weight:normal; } #LeftMenu .lnb li.deps1 .m_over{width:200px; color:#c00000; font-weight:bold; text-decoration:none;} #LeftMenu .lnb li.deps1 a:hover{width:200px; color:#c00000; font-weight:bold; text-decoration:none;} #LeftMenu .lnb li.on a.sub,#LeftMenu .lnb li.deps1 ul li a {height:auto;} /*online폼*/ .txt_022 {font-size:22px;color:#0493e0;font-weight:bold;} .txt_03 {font-size:14px; color:#777777;} .page_tit2 {color:#555555;no-repeat;padding-left:5px;font-size:13px;vertical-align:top;} .tbl_type_w,.tbl_type_w th,.tbl_type_w td{border:0} .tbl_type_w{width:100%;border-bottom:2px solid #dcdcdc;font-family:Tahoma;font-size:11px;text-align:center} .tbl_type_w caption{display:none} .tbl_type_w th{padding:9px 0 9px;border-top:2px solid #dcdcdc;color:#666;font-size:12px;font-weight:bold;text-align:left;} .tbl_type_w td{padding:9px 0 9px;border-top:2px solid #e5e5e5;color:#4c4c4c} /* Visual */ #visual{position:relative; width:1250px; height:373px; overflow:hidden; z-index:1;} #visual h2{position:absolute; top:0px; left:50%; margin-left:-250px; height:auto; margin-top:-373px;} #visual #visualBanner li{position:absolute; top:0px; width:50%; height:373px; z-index:-1;} #visual #visualBanner li p{position:absolute;} #visual .scene{display:none;} #visual .vis1{left:100%; background:url('/images/main/main_txt2.png') no-repeat center top;margin-top:140px;margin-left:50px;} #visual .vis1 .pointer1{top:560px; left:50%; margin-left:-300px;} #visual .vis2{left:100%; background:url('/images/main/main_txt2.png') no-repeat center top;margin-top:140px;margin-left:50px;} #visual .vis2 .pointer1{top:560px; left:50%; margin-left:-300px;} /*Control사용할 경우 background 풀어줌*/ .control{position:absolute; top:560px; left:50%; margin-left:-460px; width:140px; height:23px; /*background:url('/images/visual/visual_control_bg.gif') no-repeat left top;*/ z-index:100000000;} .control #btnPlay{position:absolute; top:4px; left:0; display:block; width:36px; height:12px; text-indent:-9999em; overflow:hidden; /*background:url('/images/visual/btn_play_event.gif') no-repeat left top;*/} .control #btnPlay.on{/*background:url('/images/visual/btn_stop_event.gif') no-repeat left top*;*/} .control ul{position:absolute; top:5px; left:60px; *zoom:1;} .control ul:after{content:""; display:block; clear:both;} .control ul li{float:left; margin-right:10px; width:10px; height:10px; text-indent:-9999em; overflow:hidden; cursor:pointer; /*background:url('/images/visual/btn_active.gif') no-repeat 0 0;*/} .control ul li.on{background-position:0 -10px;} /* 찾아오시는길 */ .map_wrap p {font-family: 'Nanum Gothic'; font-size:15px; color:#555; margin-top:20px; font-weight:bold;}