*{margin:0;padding:0;} /*메뉴*/ .preload1 {background: url(blank_over.gif);} .preload2 {background: url(blank_overa.gif);} #nav {padding:0; margin:0; list-style:none; height:0px; background:#fff; position:relative; z-index:960; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left;} #nav li a.top_link {display:block; float:left; height:0px; line-height:0px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;background: url(blank.gif);} #nav li a.top_link span {float:left; display:block; padding:0 0px 0 0px; height:36px;background:url(blank.gif) right top;} #nav li a.top_link span.down {float:left; display:block; padding:0 0px 0 0px; height:36px; background:url(blanka.gif) no-repeat right top;} #nav li a.top_link:hover {color:#fff; background: url(blank_over.gif) no-repeat;} #nav li a.top_link:hover span {background:url(blank_over.gif) no-repeat right top;} #nav li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top;} #nav li:hover > a.top_link {color:#fff; background: url(blank_over.gif) no-repeat;} #nav li:hover > a.top_link span {background:url(blank_over.gif) no-repeat right top;} #nav li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top;} /* Default list styling */ #nav li:hover {position:relative; z-index:200;} /* keep the 'next' level invisible by placing it off screen. */ #nav ul, #nav li:hover ul ul, #nav li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover ul.sub1 {left:60; top:31px; background: #fff; padding:3px; border:1px solid #333333; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub1 li {display:block; height:20px; position:relative; float:center; width:120px; font-weight:normal;} #nav li:hover ul.sub1 li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;} #nav li ul.sub1 li a.fly {background:#fff url(arrow.gif) 120px 7px no-repeat;} #nav li:hover ul.sub1 li a:hover {background:#333333; color:#fff;} #nav li:hover ul.sub1 li a.fly:hover {background:#333333 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;} #nav li:hover ul.sub2 {left:12; top:31px; background: #fff; padding:3px; border:1px solid #333333; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub2 li {display:block; height:20px; position:relative; float:center; width:120px; font-weight:normal;} #nav li:hover ul.sub2 li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;} #nav li ul.sub2 li a.fly {background:#fff url(arrow.gif) 120px 7px no-repeat;} #nav li:hover ul.sub2 li a:hover {background:#333333; color:#fff;} #nav li:hover ul.sub2 li a.fly:hover {background:#333333 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;} #nav li:hover ul.sub3 {left:22; top:31px; background: #fff; padding:3px; border:1px solid #333333; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub3 li {display:block; height:20px; position:relative; float:center; width:120px; font-weight:normal;} #nav li:hover ul.sub3 li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;} #nav li ul.sub3 li a.fly {background:#fff url(arrow.gif) 120px 7px no-repeat;} #nav li:hover ul.sub3 li a:hover {background:#333333; color:#fff;} #nav li:hover ul.sub3 li a.fly:hover {background:#333333 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;} #nav li:hover ul.sub4 {left:8; top:31px; background: #fff; padding:3px; border:1px solid #333333; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub4 li {display:block; height:20px; position:relative; float:center; width:120px; font-weight:normal;} #nav li:hover ul.sub4 li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;} #nav li ul.sub4 li a.fly {background:#fff url(arrow.gif) 120px 7px no-repeat;} #nav li:hover ul.sub4 li a:hover {background:#333333; color:#fff;} #nav li:hover ul.sub4 li a.fly:hover {background:#333333 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;} #nav li:hover ul.sub5 {left:11; top:31px; background: #fff; padding:3px; border:1px solid #333333; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub5 li {display:block; height:20px; position:relative; float:center; width:120px; font-weight:normal;} #nav li:hover ul.sub5 li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;} #nav li ul.sub5 li a.fly {background:#fff url(arrow.gif) 120px 7px no-repeat;} #nav li:hover ul.sub5 li a:hover {background:#333333; color:#fff;} #nav li:hover ul.sub5 li a.fly:hover {background:#333333 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;} #nav li:hover ul.sub6 {left:6; top:31px; background: #fff; padding:3px; border:1px solid #333333; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub6 li {display:block; height:20px; position:relative; float:center; width:120px; font-weight:normal;} #nav li:hover ul.sub6 li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;} #nav li ul.sub6 li a.fly {background:#fff url(arrow.gif) 120px 7px no-repeat;} #nav li:hover ul.sub6 li a:hover {background:#333333; color:#fff;} #nav li:hover ul.sub6 li a.fly:hover {background:#333333 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;} #nav li:hover ul li:hover > a.fly {background:#333333 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;} #nav li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #333333; white-space:nowrap; width:90px; z-index:400; height:auto;} /*레프트메뉴*/ #menu {width:182px; height:400px; background:url(/data/201011/IJ12908740279361/back.gif); margin:0 auto; position:relative;} #menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:url(/data/201011/IJ12908740279361/opaque.png); padding:1px 1px 0 1px;} #menu li {margin:0; padding:0; list-style:none;} #menu li {display:inline-block; display:inline;} #menu ul {position:absolute; left:-9999px;} #menu ul.level1 {position:absolute; left:10; top:0px; width:168px;} #menu a {display:block; font:normal 11px 굴림,arial,sans-serif; color:#555; line-height:22px; text-decoration:none;padding:0 20px 0 10px; border-bottom:1px solid #ddd;} #menu ul li:hover > ul {visibility:visible; left:100%; margin-top:-24px; margin-left:-1px;} #menu a:hover ul, #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {left:100%; visibility:visible;} #menu a:hover ul ul, #menu a:hover a:hover ul ul {left:-9999px;} #menu li a:hover {background:#d8190b; color:#FFFFFF} #menu li:hover > a {background:#d8190b; color:#FFFFFF} #menu li a.fly {background: url(/data/201011/IJ12908740279361/arrow.gif) no-repeat right top;} #menu li a.fly:hover {background:#d8190b url(/data/201011/IJ12908740279361/arrow.gif) no-repeat right top; color:#FFFFFF} #menu li:hover > a.fly {background:#d8190b url(/data/201011/IJ12908740279361/arrow.gif) no-repeat right top; color:#FFFFFF} #menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;} /*전체링크 */ A:link {color: #555; FONT-FAMILY: 굴림; FONT-SIZE: 12px; text-decoration:none; onFocus:blur()} A:visited {color: #555; FONT-FAMILY: 굴림; FONT-SIZE: 12px; text-decoration:none;} A:active {color: #555; FONT-FAMILY: 굴림; FONT-SIZE: 12px; text-decoration:none;} A:hover { color:#d8190b;FONT-FAMILY: 굴림; FONT-SIZE: 12px; text-decoration:none;} /*전체 텍스트*/ body, td, div, p, span, th{font-family:굴림;font-size:12px;} a,img {selector-dummy: expression(this.hideFocus=true);} /*공지사항*/ .notice {font-family:"굴림", "Arial"; font-size:11px; color:#666; text-decoration:none;} .notice a:link {font-family:"굴림", "Arial"; font-size:11px; color:#666; text-decoration:none; onFocus:blur();} .notice a:visited {font-family:"굴림", "Arial"; font-size:11px; color:#666; text-decoration:none;} .notice a:active {font-family:"굴림", "Arial"; font-size:11px; color:#666; text-decoration:none;} .notice a:hover {font-family:"굴림", "Arial"; font-size:11px; color:#d8190b; text-decoration:none;} .notice_d {font-family:"굴림", "Arial"; font-size:11px; color:#999; text-decoration:none;} /*공지사항1*/ .notice1 {font-family:"굴림", "Arial"; font-size:12px; color:#666; text-decoration:none;} .notice1 a:link {font-family:"굴림", "Arial"; font-size:12px; color:#666; text-decoration:none; onFocus:blur();} .notice1 a:visited {font-family:"굴림", "Arial"; font-size:12px; color:#666; text-decoration:none;} .notice1 a:active {font-family:"굴림", "Arial"; font-size:12px; color:#666; text-decoration:none;} .notice1 a:hover {font-family:"굴림", "Arial"; font-size:12px; color:#d8190b; text-decoration:none;} .notice1_d {font-family:"굴림", "Arial"; font-size:12px; color:#999; text-decoration:none;} /*페이지맵*/ .page {font-family:"굴림", "Arial"; font-size:11px; color:#999; text-decoration:none;} .page_color {font-family:"굴림", "Arial"; font-size:11px; color:#d8190b; text-decoration:none; font-weight:bold;} /*메인 비주얼 */ #mainVisual {position:relative; width:790px; height:398px; float:left; padding-top:27px;} p.mainVisual_slogan {height:60px;} #mainVisual .sliderbutton {position:absolute; top:265px; cursor:pointer; z-index:10000} #mainVisual .btnLeft {left:5px;display:none;} #mainVisual .btnRight {right:5px;display:none;} #mainVisual:hover .btnLeft {display:block;} #mainVisual:hover .btnRight {display:block;} #mainVisual .next {position:absolute; top:185px; cursor:pointer; z-index:10000; } #mainVisual .prev {position:absolute; top:185px; right:5px; cursor:pointer; z-index:10000; display:none;} #mainVisual:hover .next {display:block;} #mainVisual:hover .prev {display:block;} #slider {position:relative; overflow:hidden; width:790px; height:398px; z-index:100; border:1px solid #cbcbcb} #slider ul {position:absolute; top:0; left:0;} #slider li {float:left; width:790px; height:398px;} .pagination {position:absolute; top:27px; right:-173px; width:170px; height:50px; z-index:10000; cursor:pointer; /*background:url('../images/tab_on.jpg') */} .pagination #m1{float:left; cursor:pointer; height:50px; width:170px; background:url('../images/tab1_off.gif') no-repeat; } .pagination #m1.current {background:url('../images/tab1_on.gif') no-repeat;} .pagination #m2{float:left; cursor:pointer; height:50px; width:170px; background:url('../images/tab2_off.gif') no-repeat;} .pagination #m2.current {background:url('../images/tab2_on.gif') no-repeat;} .pagination #m3{float:left; cursor:pointer; height:50px; width:170px; background:url('../images/tab3_off.gif') no-repeat;} .pagination #m3.current {background:url('../images/tab3_on.gif') no-repeat;} .pagination #m4{float:left; cursor:pointer; height:50px; width:170px; background:url('../images/tab4_off.gif') no-repeat;} .pagination #m4.current {background:url('../images/tab4_on.gif') no-repeat;} .pagination #m5{float:left; cursor:pointer; height:50px; width:170px; background:url('../images/tab5_off.gif') no-repeat;} .pagination #m5.current {background:url('../images/tab5_on.gif') no-repeat;} .pagination #m6{float:left; cursor:pointer; height:50px; width:170px; background:url('../images/tab6_off.gif') no-repeat;} .pagination #m6.current {background:url('../images/tab6_on.gif') no-repeat;} .pagination #m7{float:left; cursor:pointer; height:50px; width:170px; background:url('../images/tab7_off.gif') no-repeat;} .pagination #m7.current {background:url('../images/tab7_on.gif') no-repeat;} .pagination #m8{float:left; cursor:pointer; height:50px; width:170px; background:url('../images/tab8_off.gif') no-repeat;} .pagination #m8.current {background:url('../images/tab8_on.gif') no-repeat;}*/ .pagination li img.off {display:block;} .pagination li img.on {display:none;} .pagination li.current img.off {display:none;} .pagination li.current img.on {display:block;} .quick_menu {width:90px; height:100px; position:relative; right:-18px; top:7px;} .quick_menu li {margin-bottom:3px; font-size:0; line-height:0;} /*메뉴*/ .submenu {width:960px; height:33px; text-align:left;} /*전체 텍스트*/ .txt {font-family:"돋움", "Arial"; font-size:12px; color:#333; text-decoration:none;} .txt_11 {font-family:"돋움", "Arial"; font-size:11px; color:#333; text-decoration:none;} .txt_12_999 {font-family:"돋움", "Arial"; font-size:12px; color:#999; text-decoration:none;} .txt_11_999 {font-family:"돋움", "Arial"; font-size:11px; color:#999; text-decoration:none;} .txt_12_color {font-family:"돋움", "Arial"; font-size:12px; color:#d8190b; text-decoration:none; font-weight:bold;} .txt_11_color {font-family:"돋움", "Arial"; font-size:11px; color:#d8190b; text-decoration:none; font-weight:bold;} .txt_red {font-family:"돋움", "Arial"; font-size:11px; color:#f61b0b; text-decoration:none; font-weight:bold;} /*메인 컨텐츠*/ .main_txt {font-family:"돋움", "Arial"; font-size:11px; color:#FFF; text-decoration:none;} .main_date {font-family:"tahoma", "Arial"; font-size:11px; color:#a6c1d9; text-decoration:none;} .main_menu_list {font-family:"돋움", "Arial"; font-size:12px; color:#333; text-decoration:none; padding:10px; line-height:20px;} .sub_title_txt {font-family:"돋움", "Arial"; font-size:14px; color:#0057b4; text-decoration:none; font-weight:bold; line-height:24px;} .sub_txt a:link {color: #ffffff; FONT-FAMILY: 돋움; FONT-SIZE: 14px; text-decoration:none; onFocus:blur() font-weight:bold;} .sub_txt a:visited {color: #dffffff; FONT-FAMILY: 돋움; FONT-SIZE: 14px; text-decoration:none; font-weight:bold;} .sub_txt a:active {color: #ffffff; FONT-FAMILY: 돋움; FONT-SIZE: 14px; text-decoration:none; font-weight:bold;} .sub_txt a:hover { color:#ffffff;FONT-FAMILY: 돋움; FONT-SIZE: 14px; text-decoration:none; font-weight:bold;} .sub_txt {font-family:"돋움", "Arial"; font-size:12px; color:#d5ebff; text-decoration:none; line-height:24px;} .sub_txt a:link {color: #d5ebff; FONT-FAMILY: 돋움; FONT-SIZE: 12px; text-decoration:none; onFocus:blur()} .sub_txt a:visited {color: #d5ebff; FONT-FAMILY: 돋움; FONT-SIZE: 12px; text-decoration:none;} .sub_txt a:active {color: #d5ebff; FONT-FAMILY: 돋움; FONT-SIZE: 12px; text-decoration:none;} .sub_txt a:hover { color:#d8190b;FONT-FAMILY: 돋움; FONT-SIZE: 12px; text-decoration:none; font-weight:bold;} /* 라인 스타일*/ .line_RL {border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #dddddd;border-left-color: #dddddd;} /* 좌우 1px라인*/ .line_B {border-bottom-width: 1px;border-bottom-style: solid; border-bottom-color: #dddddd;} .line_T {border-top-width: 1px;border-top-style: solid; border-top-color: #dddddd;} .line_L {border-left-width: 1px;border-left-style: solid; border-left-color: eaeaea;padding-left:10px; padding-left:19px} .line_EA{background-color: #EAEAEA;} .line_E8{background-color: #E8E8E8;} /*게시판 */ .board_font {font-family:"굴림", "Arial"; font-size:12px; color:#555; text-decoration:none;} .board_font a:link{color:#555;} .board_font a:hover{color:#d8190b;} .board_txt01 {font-family:"굴림", "Arial"; color:#555;font-weight: bold; font-size:11px;} /* 게시판 HEAD부분 (번호,제목.내용..) */ .board_box01 {border-top-width: 2px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #416dad; border-bottom-color: #cccccc; background-color:#fff;} .board_title {color: #555; font-weight: bold; font-size:12px;} .board_btn {font-family:"굴림", "Arial"; font-size:12px; font-weight:bold; color:#555; margin-bottom:5px} .board a:link{color:#555;} .board a:hover{color:#d8190b;} .board_view {font-family:"굴림", "Arial"; font-size:12px; color:#555; text-decoration:none; padding:10px; line-height:1.7em;} /* 게시판관련 폼*/ .input {height:16px; font-family: "굴림", "돋움체"; font-size: 12px; height:18px; color: #555; border: 1px solid #DEDEDE;} .input_DE {height:16px; font-family: "굴림", "돋움체"; font-size: 12px; line-height:16px; color: #555; border: 1px solid #DEDEDE;} .input_write {height:120px; font-family: "굴림", "돋움체"; font-size: 12px; line-height:16px; color: #555; border: 1px solid #DEDEDE;} .input_form {font-family: "굴림", "돋움체"; font-size:12px; color:#555; line-height:18px;border: 1px solid #c7c7c7; background-color: #ffffff;}