@charset "euc-kr"; /*초기화*/ body {font-family:Gulim, "굴림", Arial, Verdana, sans-serif; font-size:12px; color:#666; background:url(/design/main20120905/image/bg_main.gif) repeat-x left top;} * {margin:0; padding:0;} select, textarea {border:1px solid #ccc; font-size:12px;} select {height:20px;} textarea {padding:10px; line-height:1.5; font-family:Gulim, "굴림";} div, table, th, td {border-collapse:collapse;} img, fieldset,iframe {border:0;} ul, ol, li {list-style:none;} li *,td *,dd *,fieldset * {vertical-align:middle;} h1, h2, h3, h4, h5, h6 {font-size:12px} hr {display:none;} button {cursor:pointer;} caption, legend {position:relative; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} legend {position:absolute} a {color:#666; text-decoration:none;} a:hover {text-decoration:underline;} a:link, a:visited, a:active, a:hover {color:#666;} /* skipNavigation */ #skipNavigation {position:relative; width:100%; overflow:hidden;} #skipNavigation a {display:block; margin-bottom:-1px; padding:0 10px; height:1px; color:#444; text-align:center; overflow:hidden;} #skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {height:auto; border:1px solid #ddd; background:#f2f2f2;} /*header*/ #header {position:relative; margin:0 auto; width:930px; height:100px; z-index:2;} #header h1 {float:left; display:inline; padding-top:32px;} #header dl {position:absolute; top:0; right:0; padding:5px 0 0 0; width:267px; height:20px; background:url(/design/main20120905/image/bg_global.gif) no-repeat left top;} #header dl dt {width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} #header dl dd {float:left; display:inline; padding-left:25px; margin-right:-8px;} #header dl dd img {vertical-align:top;} #header dl dd span {letter-spacing:-2px;} #header ul li {float:left; display:inline; margin:50px 0 0 55px; height:16px;} #header ul li a {display:block; width:100%; height:100%; text-indent:-5000px;} #header ul li#mNavi01 {width:53px; background:url(/design/main20120905/image/m_navi01.gif) no-repeat;} #header ul li#mNavi02 {width:55px; background:url(/design/main20120905/image/m_navi02.gif) no-repeat;} #header ul li#mNavi03 {width:54px; background:url(/design/main20120905/image/m_navi03.gif) no-repeat;} #header ul li#mNavi04 {width:41px; background:url(/design/main20120905/image/m_navi04.gif) no-repeat;} #header ul li#mNavi05 {width:54px; background:url(/design/main20120905/image/m_navi05.gif) no-repeat;} #header ul li#mNavi06 {width:70px; background:url(/design/main20120905/image/m_navi06.gif) no-repeat;} #header ul li ul {float:left; display:inline; padding-top:9px; overflow:hidden;} #header ul li#mNavi01 ul {margin-left:35px; _margin-left:50px; background:url(/design/main20120905/image/bg_arr.gif) no-repeat 253px top;} #header ul li#mNavi02 ul {margin-left:226px; _margin-left:113px; background:url(/design/main20120905/image/bg_arr.gif) no-repeat 170px top;} #header ul li#mNavi03 ul {margin-left:169px; _margin-left:84px; background:url(/design/main20120905/image/bg_arr.gif) no-repeat 338px top;} #header ul li#mNavi04 ul {margin-left:412px; _margin-left:206px; background:url(/design/main20120905/image/bg_arr.gif) no-repeat 196px top;} #header ul li#mNavi05 ul {margin-left:292px; _margin-left:146px; background:url(/design/main20120905/image/bg_arr.gif) no-repeat 420px top;} #header ul li ul li {float:left; display:inline; margin:0 0 0 -1px; font-family:dotum, "돋움";} #header ul li ul li a {display:inline; padding:0 20px; background:url(/design/main20120905/image/bg_bar_write.gif) no-repeat left 1px; color:#fff; text-indent:0px;} #header ul li.active {background-position:bottom !important;} #header ul li.active div {position:absolute; top:66px; left:0; padding-top:8px; width:930px; height:26px; background:url(/design/main20120905/image/bg_gnb.gif) no-repeat left bottom; z-index:3;} #header ul li ul li a:hover, #header ul li ul li a:focus, #header ul li ul li.active a {font-weight:bold; color:#001765; text-decoration:none; letter-spacing:-1px} #header fieldset {float:right; display:inline; margin-top:45px; width:145px; background:url(/design/main20120905/image/bg_search.gif) no-repeat left top;} #header fieldset * {float:left; display:inline;} #header fieldset input.keyword {margin:7px 0 0 11px; width:100px; border:none; background:none; font-family:Gulim, "굴림"; font-size:12px;} #header fieldset input.search {vertical-align:top;} /*container*/ #container {position:relative; clear:both; margin:-28px auto 0; width:930px; z-index:1;} #container p {width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} #container ul#menu {width:100%; height:276px; background:url(/design/main20120905/image/main.jpg) no-repeat;} #container ul#menu li {position:absolute; width: 113px; height: 115px;} #container ul#menu li.con_menu1 {top:41px; left:322px;} #container ul#menu li.con_menu2 {top:97px; left:413px;} #container ul#menu li.con_menu3 {top:41px; left:509px;} #container ul#menu li.con_menu4 {top:117px; left:589px;} #container ul#menu li.con_menu5 {top:31px; left:656px;} #container ul#menu li.con_menu1 a {background: url(/design/main20120905/image/menu01.png) no-repeat;} #container ul#menu li.con_menu2 a {background: url(/design/main20120905/image/menu02.png) no-repeat;} #container ul#menu li.con_menu3 a {background: url(/design/main20120905/image/menu03.png) no-repeat;} #container ul#menu li.con_menu4 a {background: url(/design/main20120905/image/menu04.png) no-repeat;} #container ul#menu li.con_menu5 a {background: url(/design/main20120905/image/menu05.png) no-repeat;} #container ul#menu li a {display:block; width:100%; height:100%; text-indent:-5000px;} #container ul#menu li a:hover, #container ul#menu li a:focus {background-position:bottom;} #container ul#customer {position:absolute; top:120px; right:21px; float:right; display:inline; width:117px;} #container ul#customer li {position:relative;float:left; display:inline; width:116px; text-indent:-5000px;} #container ul#customer li.customer1 {height:46px; background: url(/design/main20120905/image/menu06.gif) no-repeat;} #container ul#customer li.customer1 div {display:none;} #container ul#customer li.customer1 div ul {margin-top:10px;} #container ul#customer li.customer1 div ul li {height:23px;} #container ul#customer li.customer1 div ul li.menuP1 {background: url(/design/main20120905/image/menu_p01.gif) no-repeat;} #container ul#customer li.customer1 div ul li.menuP2 {background: url(/design/main20120905/image/menu_p02.gif) no-repeat;} #container ul#customer li.customer1 div ul li.menuP3 {background: url(/design/main20120905/image/menu_p03.gif) no-repeat;} #container ul#customer li.customer1 div ul li.menuP4 {background: url(/design/main20120905/image/menu_p04.gif) no-repeat;} #container ul#customer li.customer1 div ul li.menuP5 {background: url(/design/main20120905/image/menu_p05.gif) no-repeat;} #container ul#customer li.customer1 div ul li.menuP6 {background: url(/design/main20120905/image/menu_p06.gif) no-repeat;} #container ul#customer li.customer1 div ul li.menuP7 {background: url(/design/main20120905/image/menu_p07.gif) no-repeat;} #container ul#customer li.customer1 div ul li.menuP8 {background: url(/design/main20120905/image/menu_p08.gif) no-repeat;} #container ul#customer li.customer1 div ul li.menuP9 {background: url(/design/main20120905/image/menu_p09.gif) no-repeat;} #container ul#customer li.customer2 {height:43px; background: url(/design/main20120905/image/menu07.gif) no-repeat;} #container ul#customer li.customer2 div {display:none;} #container ul#customer li.customer2 div ul {margin-top:9px;} #container ul#customer li.customer2 div ul li {height:20px;} #container ul#customer li.customer2 div ul li.menuC1 {background: url(/design/main20120905/image/menu_c01.gif) no-repeat;} #container ul#customer li.customer2 div ul li.menuC2 {background: url(/design/main20120905/image/menu_c02.gif) no-repeat;} #container ul#customer li.customer2 div ul li.menuC3 {background: url(/design/main20120905/image/menu_c03.gif) no-repeat;} #container ul#customer li.customer2 div ul li.menuC4 {background: url(/design/main20120905/image/menu_c04.gif) no-repeat;} #container ul#customer li.customer2 div ul li.menuC5 {background: url(/design/main20120905/image/menu_c05.gif) no-repeat;} #container ul#customer li.customer2 div ul li.menuC6 {background: url(/design/main20120905/image/menu_c06.gif) no-repeat;} #container ul#customer li.customer2 div ul li.menuC7 {background: url(/design/main20120905/image/menu_c07.gif) no-repeat;} #container ul#customer li.customer2 div ul li.menuC8 {background: url(/design/main20120905/image/menu_c08.gif) no-repeat;} #container ul#customer li.customer2 div ul li.menuC9 {background: url(/design/main20120905/image/menu_c09.gif) no-repeat;} #container ul#customer li.customer2 div ul li.menuC10 {background: url(/design/main20120905/image/menu_c10.gif) no-repeat;} #container ul#customer li.active {background-position:bottom !important;} #container ul#customer li.active div {display:block; position:absolute; left:-159px; padding:0 0 0 15px;} #container ul#customer li.active.customer1 div {top:-92px; width:148px; height:225px; background:url(/design/main20120905/image/bg_menuP.gif) no-repeat left top;} #container ul#customer li.active.customer2 div {top:-132px; width:148px; height:221px; background:url(/design/main20120905/image/bg_menuC.gif) no-repeat left top;} #container ul#customer li div ul li {width:124px; text-indent:0px;} #container ul#customer li div ul li a {display:block; width:100%; height:100%; text-indent:-5000px;} #container ul#quick {overflow:hidden;} #container ul#quick li {float:left; display:inline; height:47px;} #container ul#quick li.quick1 a {width:185px; background: url(/design/main20120905/image/quick01.gif) no-repeat;} #container ul#quick li.quick2 a {width:186px; background: url(/design/main20120905/image/quick02.gif) no-repeat;} #container ul#quick li.quick3 a {width:186px; background: url(/design/main20120905/image/quick03.gif) no-repeat;} #container ul#quick li.quick4 a {width:186px; background: url(/design/main20120905/image/quick04.gif) no-repeat;} #container ul#quick li.quick5 {width:187px; background: url(/design/main20120905/image/quick05.gif) no-repeat; text-indent:-5000px;} #container ul#quick li a {display:block; width:100%; height:100%; text-indent:-5000px;} #container ul#quick li a:hover, #container ul#quick li a:focus, #container ul#quick li.quick5:hover, #container ul#quick li.quick5:focus {background-position:bottom;} #container ul#quick li img {vertical-align:top} #contents {overflow:hidden; padding:8px 10px 0; height:122px;} #contents div {position:relative; float:left; display:inline; margin-right:38px; width:302px;} #contents div h3 {margin-bottom:12px;} #contents div ul li {position:relative;} #contents div#notice ul li span {width:233px;} #contents div#business ul li span {width:300px;} #contents div ul li span.ellipsis {display:inline-block; padding-left:8px; background:url(/design/main20120905/image/bul_dot.gif) no-repeat 0 6px;} #contents div ul li span.date {position:absolute; top:0; left:256px; color:#999; font-family:Tahoma; font-size:10px;} #contents div ul li span a {line-height:1.6;} #contents div a.more {position:absolute; top:3px; right:0;} #contents div#popupzone {float:right; margin:0; width:230px;} #contents div#popupzone h3 {margin-bottom:8px;} #contents div#popupzone span {position:absolute; top:1px; right:0;} #contents div#popupzone a.pop-itmnode {display:none;} #contents div#popupzone a.pop-itmnode.active {display:inline;} #contents div#popupzone a.pop-itmnode img {width:230px; height:99px;} #popupzone ul {overflow:hidden} #popupzone .popup-ctrl {position:absolute; top:1px; right:0; margin:0; width:auto} #popupzone .popup-ctrl button {background:url(/design/main20120905/image/btn_stop.gif) 0 0 no-repeat; width:14px; height:12px; border:0; text-indent:-5000px} #popupzone .popup-ctrl button.popupzone-play {background-image:url(/design/main20120905/image/btn_play.gif)} #popupzone .popup-ctrl button.popupzone-prev {background-image:url(/design/main20120905/image/btn_pre.gif)} #popupzone .popup-ctrl button.popupzone-next {background-image:url(/design/main20120905/image/btn_next.gif)} ul#site {height:126px; background:url(/design/main20120905/image/bg_site.gif) no-repeat left top;} ul#site li {float:left; display:inline;} ul#site li.site1 a {margin-top:55px; width:104px; height:63px; background: url(/design/main20120905/image/site01.gif) no-repeat;} ul#site li.site2 a {margin-top:55px; width:89px; height:57px; background: url(/design/main20120905/image/site02.gif) no-repeat;} ul#site li.site3 a {margin-top:23px; width:68px; height:60px; background: url(/design/main20120905/image/site03.gif) no-repeat;} ul#site li.site4 a {margin-top:23px; width:79px; height:60px; background: url(/design/main20120905/image/site04.gif) no-repeat;} ul#site li.site5 a {margin:55px 0 0 -1px; width:85px; height:57px; background: url(/design/main20120905/image/site05.gif) no-repeat;} ul#site li.site6 a {margin-top:61px; width:91px; height:51px; background: url(/design/main20120905/image/site06.gif) no-repeat;} ul#site li.site7 a {margin-top:61px; width:84px; height:51px; background: url(/design/main20120905/image/site07.gif) no-repeat;} ul#site li.site8 a {margin-top:61px; width:70px; height:51px; background: url(/design/main20120905/image/site08.gif) no-repeat;} ul#site li.site9 a {margin-top:61px; width:78px; height:51px; background: url(/design/main20120905/image/site09.gif) no-repeat;} ul#site li.site10 a {margin-top:28px; width:74px; height:62px; background: url(/design/main20120905/image/site10.gif) no-repeat;} ul#site li.site11 a {width:109px; height:61px; background: url(/design/main20120905/image/site11.gif) no-repeat;} ul#site li a {display:block; width:100%; height:100%; text-indent:-5000px;} ul#site li a:hover, ul#site li a:focus {background-position:bottom;} /*footer*/ #footer {position:relative; overflow:hidden; margin:0 auto; width:930px; height:97px;} #footer ul {overflow:hidden; margin:16px 0 13px -16px; width:100%} #footer ul li {float:left; display:inline; padding:0 15px; background:url(/design/main20120905/image/bg_bar.gif) no-repeat left 50%;} #footer ul li img {vertical-align:top;} #footer form {position:absolute; top:13px; right:0} #footer form * {vertical-align:middle;} #footer select {height:21px;} #footer div {position:relative; width:100%} #footer div img.logo {float:left; display:inline;} #footer div img.access {position:absolute; top:0; right:0;} .ellipsis {overflow-x:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; -o-text-overflow:ellipsis!important; -ms-text-overflow:ellipsis!important; -moz-binding: url('/design2/css/ellipsis.xml#ellipsis')!important; }