@import url("layout.css"); body { background:url("../images/index/bg_index.jpg") top left no-repeat; } #wrap { width:1230px; height:749px; } #mainMenu h1 { position:absolute; left:173px; top:21px; z-index:3; width:111px; height:38px; text-indent:-10000px; background:url("../images/index/logo.png") top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src="./images/index/logo.png"); } #mainMenu .navi { position:absolute; left:453px; top:20px; z-index:3; } #mainMenu .visual { position:absolute; left:0; top:0; z-index:0; width:1152px; overflow:hidden; } #mainMenu .quickMenu { position:absolute; left:1152px; top:110px; z-index:3; width:78px; border-top:1px solid #efefef; } #mainMenu .quickMenu img { vertical-align:top; } #mainMenu .quickMenu a { display:block; padding:6px 0 6px 16px; font-size:0; border-bottom:1px solid #efefef; background:url("../images/common/bg_bul2.gif") 6px center no-repeat; } .downAdd { position:absolute; left:172px; top:512px; } #noticeList { position:absolute; left:173px; top:577px; width:320px; padding-top:29px; } #noticeList h2 a { display:block; height:24px; overflow:hidden; text-indent:-1000px; background:url("") center top no-repeat; } #noticeList .item1 h2 { position:absolute; left:0; top:0; } #noticeList .item1 h2 a { width:62px; background-image:url("../images/index/tab_board1.gif"); } #noticeList.view1 .item1 h2 a, #noticeList .item1 h2 a:hover { background-image:url("../images/index/tab_board1_over.gif"); } #noticeList .item2 h2 { position:absolute; left:62px; top:0; width:62px; } #noticeList .item2 h2 a { width:54px; background-image:url("../images/index/tab_board2.gif"); } #noticeList.view2 .item2 h2 a, #noticeList .item2 h2 a:hover { background-image:url("../images/index/tab_board2_over.gif"); } #noticeList .item3 h2 { position:absolute; left:116px; top:0; width:62px; } #noticeList .item3 h2 a { width:79px; background-image:url("../images/index/tab_board3.gif"); } #noticeList.view3 .item3 h2 a, #noticeList .item3 h2 a:hover { background-image:url("../images/index/tab_board3_over.gif"); } #noticeList ul { display:none; border-top:1px solid #d6d8d8; } #noticeList.view1 .item1 ul,#noticeList.view2 .item2 ul,#noticeList.view3 .item3 ul { display:block; } #noticeList ul li { padding:4px 0 2px 12px; border-bottom:1px solid #d6d8d8; background:url("../images/common/bul_dot.gif") 4px 9px no-repeat; } #noticeList ul li a { color:#999; padding-right:10px; font:9px/1.131 "Verdana", "Verdana Ref", "Tahoma", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",sans-serif; background:url("../images/common/ico_add2.gif") right 3px no-repeat; } #noticeList ul li a:hover .title { color:#333; font-weight:bold; letter-spacing:-1px; } #noticeList ul li .title { cursor:pointer; display:inline-block; width:238px; padding-right:5px; font:11px/1.131 'Dotum',sans-serif; } #noticeList ul li .title, #noticeList ul li .title img { vertical-align:top; } #indexList { position:absolute; left:824px; top:460px; width:284px; padding-top:76px; } #indexList .todayDate { position:absolute; top:0; right:0; text-align:center; width:159px; height:24px; padding-top:13px; background:url("../images/index/bg_quickdate.gif") center top no-repeat; } #indexList .todayDate .week { margin-left:5px; } #indexList h2 { position:absolute; top:40px; } #indexList h2 a { display:block; width:71px; height:26px; overflow:hidden; text-indent:-1000px; background:url("") center top no-repeat; } #indexList .item1 h2 { left:0; } #indexList .item1 h2 a { background-image:url("../images/index/tab_index1.gif"); } #indexList.view1 .item1 h2 a, #indexList .item1 h2 a:hover { background-image:url("../images/index/tab_index1_over.gif"); } #indexList .item2 h2 { left:71px; } #indexList .item2 h2 a { background-image:url("../images/index/tab_index2.gif"); } #indexList.view2 .item2 h2 a, #indexList .item2 h2 a:hover { background-image:url("../images/index/tab_index2_over.gif"); } #indexList .item3 h2 { left:142px; } #indexList .item3 h2 a { background-image:url("../images/index/tab_index3.gif"); } #indexList.view3 .item3 h2 a, #indexList .item3 h2 a:hover { background-image:url("../images/index/tab_index3_over.gif"); } #indexList .item4 h2 { left:213px; } #indexList .item4 h2 a { background-image:url("../images/index/tab_index4.gif"); } #indexList.view4 .item4 h2 a, #indexList .item4 h2 a:hover { background-image:url("../images/index/tab_index4_over.gif"); } #indexList .item5 h2 { left:0px; top:66px; } #indexList .item5 h2 a { background-image:url("../images/index/tab_index5.gif"); } #indexList.view5 .item5 h2 a, #indexList .item5 h2 a:hover { background-image:url("../images/index/tab_index5_over.gif"); } #indexList .item6 h2 { left:71px; top:66px; } #indexList .item6 h2 a { background-image:url("../images/index/tab_index6.gif"); } #indexList.view6 .item6 h2 a, #indexList .item6 h2 a:hover { background-image:url("../images/index/tab_index6_over.gif"); } #indexList .item7 h2 { left:142px; top:66px; } #indexList .item7 h2 a { background-image:url("../images/index/tab_index7.gif"); } #indexList.view7 .item7 h2 a, #indexList .item7 h2 a:hover { background-image:url("../images/index/tab_index7_over.gif"); } /* script 스크롤 영역 */ #indexList .scrollup { width:10px; height:1px; overflow:hidden; background:#ededed url("../images/index/bg_scrollbar2.gif") center top no-repeat; } /* up 버튼 ↑ */ #indexList .scrollface { background:#cacaca; width:6px !important; height:6px !important; border:1px solid #c3c3c3; font-size:0px !important; margin-left:1px; } /* 마우스로 이동하는 바 | */ #indexList .scrolldown { width:10px; height:1px; overflow:hidden; background:#ededed url("../images/index/bg_scrollbar2.gif") center top no-repeat; } /* down 버튼 ↓ */ #indexList .scrolltrack { background:#ededed; } /* script 스크롤 영역 */ #indexList { position:absolute; left:824px; top:480px; width:284px; padding-top:0; } #indexList .titleHead { position:absolute; top:98px; left:11px; width:273px; display:none; color:#666; font-weight:bold; } #indexList .list { position:absolute !important; top:112px; left:11px; width:273px; height:95px; overflow:hidden; visibility:hidden; color:#999; } #indexList .list li { padding:3px 0 3px 0; } #indexList .list li.up .vari,#indexList .list li.up .variIco { color:#d61010; } #indexList .list li.down .vari,#indexList .list li.down .variIco { color:#2e719b; } #indexList.view1 .item1 .list,#indexList.view2 .item2 .list,#indexList.view3 .item3 .list,#indexList.view4 .item4 .list,#indexList.view5 .item5 .list, #indexList.view6 .item6 .list, #indexList.view7 .item7 .list { visibility:visible; } #indexList.view1 .item1 .titleHead,#indexList.view2 .item2 .titleHead,#indexList.view3 .item3 .titleHead,#indexList.view4 .item4 .titleHead,#indexList.view5 .item5 .titleHead,#indexList.view6 .item6 .titleHead,#indexList.view7 .item7 .titleHead { display:block; } #indexList .chart { position:absolute !important; top:96px; left:0; width:282px; height:115px; overflow:hidden; display:none; color:#999; } #indexList.view1 .item1 .chart,#indexList.view2 .item2 .chart,#indexList.view3 .item3 .chart,#indexList.view4 .item4 .chart,#indexList.view5 .item5 .chart,#indexList.view6 .item6 .chart ,#indexList.view7 .item7 .chart { display:block; } #indexList .type { display:inline-block; width:124px; } #indexList .earning { display:inline-block; width:73px; } #indexList .titleHead .vari { display:inline-block; width:55px; } #indexList .item4 .titleHead { position:absolute; left:11px; width:273px; display:none; color:#666; font-weight:bold; } #indexList .item4 .type { float:left; width:124px; } #indexList .item4 .earning { float:left; width:73px; } #indexList .item4 .titleHead .vari { float:left; width:55px; } #indexList .item4 .list { position:absolute !important; top:100px; left:11px; width:273px; height:95px; color:#999; } #indexList .vari { padding-right:3px; } #indexList .variIco { display:inline-block; width:6px; overflow:hidden; text-indent:-1000px; font:9px/1.131 "Verdana", "Verdana Ref", "Tahoma", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",sans-serif; } #indexList .down .variIco { background:url("../images/common/ico_down.gif") center center no-repeat; } #indexList .up .variIco { background:url("../images/common/ico_up.gif") center center no-repeat; } #indexList .same .variIco { text-indent:0; } .subPoint { position:absolute; right:78px; top:0; z-index:2; height:759px; overflow:hidden; } .subPoint span.doorBtn { position:absolute; left:0; top:0; display:block; width:857px; height:759px; font-size:0; overflow:hidden; background:url("../images/index/bg_subpoint.png") top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src="./images/index/bg_subpoint.png"); } .subPoint a#doorBtn { position:absolute; left:7px; top:279px; width:18px; height:60px; overflow:hidden; text-indent:-1000px; background:url("../images/index/btn_subpoint_open.gif") top left no-repeat; } .subPoint a.open { background-image:url("../images/index/btn_subpoint_open.gif") !important; } .subPoint a.close { background-image:url("../images/index/btn_subpoint_close.gif") !important; } .subPoint #subPointList { position:relative; z-index:1; margin:66px 0 0 25px; width:807px; overflow:hidden !important; } /* width:0; */ /* 20090730 psy .subPoint #subPointList .cont { width:747px; overflow:hidden; padding:24px 30px 0 30px; } .subPoint #subPointList .visual { position:absolute; left:0; top:0; z-index:0; display:block; width:441px; height:180px; background:url("../images/index/subpoint_visual.png") top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src="./images/index/subpoint_visual.png"); } */ .subPoint #subPointList .cont { width:747px; overflow:hidden; padding:24px 30px 0 30px; background:url("../images/index/subpoint_visual.png") top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src="./images/index/subpoint_visual.png"); } .subPoint #subPointList .news { position:relative; z-index:2; float:left; width:376px; margin:170px 23px 0 0; } .subPoint #subPointList .news h2 { float:left; } .subPoint #subPointList .news h2 .more { display:block; margin-top:5px; } .subPoint #subPointList .news .list { float:left; width:290px; margin-left:19px; } .subPoint #subPointList .news .list li { padding:5px 0 1px 12px; border-top:1px solid #d6d8d8; background:url("../images/common/bul_dot.gif") 4px 9px no-repeat; } .subPoint #subPointList .news .list li a { color:#999; font:9px/1.131 "Verdana", "Verdana Ref", "Tahoma", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",sans-serif; } .subPoint #subPointList .news .list li a:hover .title,.subPoint #subPointList .news .list li .title a:hover { color:#333; font-weight:bold; letter-spacing:-1px; } .subPoint #subPointList .news .list li .title,.subPoint #subPointList .news .list li .title a { cursor:pointer; display:inline-block; width:225px; font:11px/1.131 'Dotum',sans-serif; } .subPoint #subPointList .news .list li .title, .subPoint #subPointList .news .list li .title img { vertical-align:top; } .subPoint #subPointList .news .list li.point { width:100%; overflow:hidden; padding:0; border:0; background:none; } .subPoint #subPointList .news .list li.point a { display:block; position:relative; margin-bottom:10px; } .subPoint #subPointList .news .list li.point .thum { float:left; margin:0 10px 0 0; } .subPoint #subPointList .news .list li.point .thum img { border:1px solid #ced9e0; } .subPoint #subPointList .news .list li.point .title { width:187px; font-weight:bold; letter-spacing:-1px; color:#333; padding-top:21px; } .subPoint #subPointList .news .list li.point .date { position:absolute; top:9px; left:100px; _left:0; } .subPoint #subPointList .news ul.newsMenu { clear:both; width:100%; padding-top:30px; overflow:hidden; } .subPoint #subPointList .news ul.newsMenu li { float:left; margin-bottom:13px; } .subPoint #subPointList .news ul.newsMenu li.item1,.subPoint #subPointList .news ul.newsMenu li.item3 { width:196px; } .subPoint #subPointList .news ul.newsMenu li.item3 { padding-top:5px; } .subPoint #subPointList .news ul.newsMenu li.item2,.subPoint #subPointList .news ul.newsMenu li.item4 { width:180px; } .subPoint #subPointList .kisList { position:relative; z-index:2; float:left; width:333px; } .subPoint #subPointList .kisList li { border-top:1px solid #e7e8e8; width:100%; vertical-align:top; } .subPoint #subPointList .kisList li.item1 { border-top:none; } .subPoint #subPointList .kisList li a { display:block; } .subPoint #subPointList .kisList li a img { display:block; padding:22px 5px 22px 17px; vertical-align:top; } .subPoint #subPointList .kisList li a:hover { background:url("../images/index/bg_subpoint_over_btm.gif") left bottom no-repeat; } .subPoint #subPointList .kisList li a:hover img { background:url("../images/index/bg_subpoint_over_top.gif") left top no-repeat; } #familySite { right:0; z-index:10; top:706px; } #footer { position:absolute; right:121px; top:710px; z-index:9; overflow:hidden; margin:0 0 0 144px; width:500px; text-align:right; font-size:9px; }