Code - chominsoo4245/mjon

#leftMenu { background-image: url('/images/common/back_left.png'); float:left; width:180px; ;} #main_container { width:960px; height: 800px; margin:0 auto; margin-bottom: 16px; } #main_body { width: 780px; float:left; } #main_boardNquick { width:562px; height:272px; float: left; background-color: #ffffff; overflow:hidden; margin: 8px 0 0 10px; background-image: url('/images/main/main_box1.png'); background-repeat:no-repeat;} #main_boardNquick #main_board { height: 124px; overflow:hidden;padding: 12px 16px 4px 16px;} #main_boardNquick .main_board_list { margin: 8px 0 0 0; } #main_boardNquick .main_board_title { padding-right: 4px; } #main_boardNquick #boardTitle02 {position: absolute; top:412px; left:379px;} #main_boardNquick #boardTitle03 {position: absolute; top:412px; left:452px;} #main_boardNquick .main_board_more {position: absolute; top:412px; left:812px;} #main_boardNquick #boardBar01 {position: absolute; top:412px; left:812px;} #main_boardNquick #boardBar02 {position: absolute; top:412px; left:812px;} #main_boardNquick #main_board a:hover { color:#ee1d25; } #main_boardNquick .main_board_list ul { } #main_boardNquick .main_board_list ul li { padding-left: 12px; padding-bottom: 4px; background-image: url('/images/common/dot.png'); background-repeat:no-repeat; } #main_boardNquick .main_board_list ul li .title { width:437px; display:inline-block;} #main_boardNquick .main_board_list ul li .date { width: 75px; display:inline-block; text-align: right; } #main_boardNquick #main_quickMenu { height: 105px; overflow:hidden; padding: 12px 16px 12px 16px; } #main_boardNquick #main_quickMenu ul li { float: left; width: 88px; padding-top: 8px; text-align:center;} #main_boardNquick #main_quickMenu ul li img { padding-bottom: 8px;} #main_boardNquick #main_quickMenu ul li a { font-size: 13px; } #main_boardNquick #main_quickMenu a:hover { color: #ee1d25; } #main_zone{ width:100%; height:306px; overflow:hidden; position:relative; z-index:1;} #main_zone_btn{position: absolute; top:287px; height:20px; width:770px;} #main_zone_btn a{ margin-right:2px; height:20px;} #main_popupZone { width: 198px; height: 272px; float: left; overflow:hidden; background-color: #ffffff; margin: 8px 0 0 10px; background-image: url('/images/main/main_box2.png'); background-repeat:no-repeat;} #main_popupZone #popTitle { height: 20px; padding: 8px 0 4px 8px;} #main_popupZone #popContents { height: 240px; overflow:hidden; margin: 2px 0 0 1px; } #main_facebook { width:562px; height:202px; float: left;overflow:hidden; background-color: #ffffff; margin: 8px 0 0 10px; background-image: url('/images/main/main_box3.png'); background-repeat:no-repeat;} #main_facebook #facebookTitle { height: 20px; padding: 8px 0px 4px 8px;} #main_facebook #facebookContents{ width:100%; padding: 16px 16px 16px 16px; } #facebookList ul li { width: 100%; height: 50px;} #facebookList ul li .thums { width: 35px; height: 40px; float: left; padding: 0 8px 0 0;} #facebookList ul li .lines { width: 510px; float: left; font-size: 13px; } #facebookList ul li .line1 { width: 490px; padding-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #facebookList ul li .line1 a {font-size:11px; font-weight: bold;} #facebookList ul li .line2 { width: 490px; height: 23px; background-image: url('/images/common/back_dot.png'); list-style-position:inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #facebookList ul li .line2 a { color: gray; } #main_gallary { width:198px; height:202px; float: left; background-color: #ffffff; margin: 8px 0 0 10px; background-image: url('/images/main/main_box4.png'); background-repeat:no-repeat;} #main_gallary #gallaryTitle { height: 20px; padding: 8px 0 4px 8px;} #main_gallary #gallaryContents {width:196px; height: 168px; overflow:hidden; margin: 2px 0 0 1px; } #main_gallary #gallaryContents li img {max-width:196px;max-height:167px;display:none;} #main_banner { width:960px; height: 70px; overflow:hidden; margin:0 auto; border: 1px solid #c9c9c9; background: #ffffff; margin-bottom: 16px; } .bannerTitle { position:relative; width:80px; float:left; padding: 16px 16px 0 16px; z-index: 100; background: #ffffff; top: 4px;} .bannerTitle img { padding-bottom: 2px; } .bannerList { position:relative; float: left; top: 16px; width:840px; height: 42px; overflow:hidden;} .bannerList ul { overflow:hidden; margin:0;padding:0;vertical-align:top; } .bannerList ul li { float: left; padding-right: 10px; } #main_popIcon { z-index: 10000; position: relative; top: 141px; left: 4px; height:0px; width: 172px; font-weight: bold; } #main_popIcon #popupTitle { padding: 2px 0 4px 4px; margin-bottom: 4px; background-color: #f1efef; } #main_popIcon #popupIcon { padding-left: 4px;}