@charset "euc-kr"; @import url("base.css"); @import url("common.css"); @import url("script.css"); body { position:relative; width:100%; height:100%; background-image:url(../../images/main/background.gif); text-align:center;} #wrap01 { position:relative; width:995px; text-align:left; margin:0 auto;} /* 상단 레이아웃 */ #header { background:url(../../images/common/bg_gnb.gif) top no-repeat;} #header .mainVisual { float:left; position:absolute; left:0; top:110px; width:345px; height:565px;} /* 중앙 레이아웃 */ #center { float:left; position:relative; width:630px; left:345px; top:4px; margin:0px; } #center #top { position:relative; float:left; display:inline; width:100%; margin:0px; background:url(../../images/main/top_bg.png) left top no-repeat;} #top #top01 { position:relative; float:left; width:275px; margin:0;} #top #top01 #searchGroup {height:26px; margin:0; padding:6px 0 0 10px; background:url(../../images/main/bg_search.gif) left top no-repeat;} #searchGroup ul li {float:left; padding:0 1px;} #top #top01 #memberGroup { position:relative; float:left; display:inline; width:198px; height:76px; margin:13px 0 0 0; padding:15px 0 0 77px; background:url(../../images/main/bg_member.gif) left top no-repeat;} #memberGroup ul { float:left; margin-right:5px;} #memberGroup ul li { padding:1px 0; margin:0;} #memberGroup p {margin:0;} #memberGroup ul.btnMember { clear:both; } #memberGroup ul.btnMember li {float:left; padding:0 12px 0 0; margin:5px 0 0 0;} #center #top #boardGroup { position:relative; float:left; width:250px; margin:40px 20px 0 0px; min-height:125px; padding:0; } #boardGroup h3 { position:absolute; left:0; top:0; width:250px;} #boardGroup ul { position:relative; float:left; left:5px; top:30px;} #boardGroup li { white-space:nowrap; } #boardGroup li a { line-height:200%; padding-left:6px; border-bottom:1px dashed #d5d5d5; color:#636363; float:left; width:230px; background:url(../../images/main/icon_dot.gif) left 9px no-repeat; } #boardGroup li a:hover{ color:#000; } #boardGroup li a img { padding:1px 0 0 2px;} #boardGroup li.None a { border:none !important;} #boardGroup p.btnMore { position:absolute; display:block; right:0; top:0; margin:6px 0 0 0; padding:0; } #center #top #boardGroup3 { position:relative; float:left; width:250px; margin:40px 20px 0 0px; min-height:125px; padding:0; } #boardGroup3 h3 { position:absolute; left:0; top:0; width:250px;} #boardGroup3 ul { position:relative; float:left; left:5px; top:30px;} #boardGroup3 li { white-space:nowrap; } #boardGroup3 li a { line-height:200%; padding-left:6px; border-bottom:1px dashed #d5d5d5; color:#636363; float:left; width:230px; background:url(../../images/main/icon_dot.gif) left 9px no-repeat; } #boardGroup3 li a:hover{ color:#000; } #boardGroup3 li a img { padding:1px 0 0 2px;} #boardGroup3 li.None a { border:none !important;} #boardGroup3 p.btnMore { position:absolute; display:block; right:0; top:0; margin:6px 0 0 0; padding:0; } /* height:125px; overflow:hidden;*/ #center #top #boardGroup2 { position:relative; float:left; width:330px; margin:40px 0 0 0px; min-height:125px; padding:0;height:125px; overflow:hidden; } #boardGroup2 h3 { position:absolute; left:0; top:0; width:215px;} #boardGroup2 ul { position:relative; float:left; top:30px; width:100%;} #boardGroup2 li { position:relative; line-height:200%; color:#636363; letter-spacing:-1px; float:left; width:110px;} #boardGroup2 li a:hover{ color:#000; } #boardGroup2 li a img { padding:1px 0 0 2px;} #boardGroup2 li.None a { border:none !important;} #boardGroup2 p.btnMore { position:absolute; display:block; right:0; top:0; margin:6px 0 0 0; padding:0; } #boardGroup2 p.btnMore img { padding:0 5px 0 5px;} #center #middle {position:relative; float:left; width:100%; display:inline; margin:25px 0 0 0;} #center #middle #popupGroup { float:left; position:relative; width:240px; margin:0; padding-right:25px; min-height:115px; } #center #middle #popupGroup h3 { position:absolute; left:0; top:0;} #center #middle #popupGroup div { position:relative; display:inline; width:350px; float:left; left:0; } #center #middle #popupGroup img { padding-bottom:5px;} #center #middle #popupGroup div p.btnMore { position:absolute; right:0; top:6px; margin:0; padding:0;} #center #middle #popupGroup div div { width:166px; float:left;display:inline; margin:33px 0 0 7px;} #center #middle #popupGroup div div p { position:relative; border:1px solid #cbcbcb; margin:0; float:left;} #center #middle #popupGroup div div dl { float:left; width:95px; margin:2px 0 0 5px;} #center #middle #popupGroup div div dl dt { margin:0 0 5px 0; line-height:180%; padding:0; border-bottom:1px solid #e9e9e9; font-weight:bold; letter-spacing:-1px; color:#494949; } #center #middle #popupGroup div div dl dd { color:#494949; border-bottom:1px solid #e9e9e9;} #center #middle #donationGroup { float:left; width:340px; height:210px; margin-bottom:15px;background:url(../../images/main/bg_donation.png) left top no-repeat;} #center #middle #donationGroup #donationTitle { float:left; margin:20px 0 0 35px;} #center #middle #donationGroup #donationBtn { float:right; margin:20px 30px 0 0;} #center #middle #donationGroup #donationTotal { position:relative; float:left; width:300px; height:20px; left:20px; top:20px; border:1px solid; color:#dc8f2e; background-color:#ebebeb;} #center #middle #donationGroup #donationTotalTitle { float:left; position:relative; width:100px; margin:1px 0 0 3px;color:#666;font-weight:bold;letter-spacing:-0.1em;} #center #middle #donationGroup #donationTotalCon { float:right; position:relative; width:180px; text-align:right; color:#4a4a4a; font-weight:bold;} #center #middle #donationGroup #donationTable { position:relative; float:left; width:300px; margin-left:20px; margin-top:25px;} #center #middle #donationGroup #donationTable th { text-align:left; border-bottom:1px dashed #CCCCCC;} #center #middle #donationGroup #donationTable td { text-align:right; border-bottom:1px dashed #CCCCCC; } #center #middle #donationGroup #donationData { position:relative; top:25px; left:25px; overflow:hidden; width:300px; height:110px;} #center #middle #donationGroup #donationData table { width:290px; } #center #middle #donationGroup #donationData th { text-align:left; border-bottom:1px dashed #CCCCCC;} #center #middle #donationGroup #donationData td { text-align:right; border-bottom:1px dashed #CCCCCC; } #iconBanner{ float:left; width:100%; text-align:left; margin-bottom:15px;} #bannerGroup {position:relative; float:left; width:593px; height:53px; background-image:url(../../images/main/bg_bannerzone.gif);} #bannerGroup #bannerBtn01 { float:left; margin: 20px 0 10px 10px;} #bannerGroup #bannerBtn02 { float:right; margin: 20px 10px 10px 0;} #bannerGroup #bannerList {position:absolute; clear:both; left:30px; top:-31px;} #bannerList a img { margin:0; padding:0 2px;} #center #bottom #bottom02 { position:relative; float:left; width:305px; margin:10px 0 0 16px; padding:0; } #bottom02 #favoriteGroup {position:relative; float:left; margin:0 0 22px 0; } #favoriteGroup h3 { padding:0 0 0 17px; background:url(../../images/main/icon_bul.gif) left top no-repeat;} #favoriteGroup ul { height:100px; background:url(../../images/main/favorite_img.gif) 15px top no-repeat; margin:18px 0 0 0; padding:0;} #favoriteGroup ul li { float:right; padding:0 8px 0 0;} /* 2012-07-18 */ #familyList li {font-size:11px;letter-spacing:-0.1em;}