/* =ÃʱâÈ­ ----------------------------------------------------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;table-layout:auto;} fieldset,img{border:0;} a img {border:0 none;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;} hr {display:none;} /* ±âº» ¹é±×¶ó¿îµå */ body {background:url(../image/common/bg_body.jpg) 0 0 repeat;} /* body#sub {background:url(../image/common/bg_sub_body.gif) 0 0 repeat-x;} */ body#sub {background:url(../image/common/bg_body.jpg) 0 0 repeat;} /* =±âº»ÆùÆ® -------------------------------------------------------------------------------------------------------------*/ body, div, input, select { font-family:Arial, Verdana; font-size:12px; color:#8c8c8c; line-height:1.2; } input.type_text, textarea {padding:2px 5px 0 5px; border:1px #bababa solid; height:15px;} select, input {vertical-align:middle;} /* Link */ a:link {text-decoration:none; } a:visited {text-decoration:none; } a:hover {text-decoration:underline; } a:active {text-decoration:none; } /* float */ .f_clear:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; } .clear { clear:both; font-size:0; line-height:0; } /* hidden */ .hidden, legend {display:block; height:0; font-size:0; line-height:0; overflow:hidden;} /* =Layout ---------------------------------------------------------------------------------------------------------------- */ #header {position:relative; margin:0 auto; width:1025px; height:94px; background:url(../image/common/bg_header.gif) 0 0 no-repeat;} #header .logo {position:absolute; top:10px; left:20px; overflow:hidden; width:128px; height:44px; text-indent:-10000em; background:url(../image/common/img_logo_magicTree.gif) 0 0 no-repeat;} #sub #header {position:relative; width:1024px; height:71px; background:url(../image/common/bg_sub_header.gif) right top no-repeat;} #sub #header .logo {left:60px;} /* main contents */ #mainFlashArea {overflow:hidden; margin:0 auto; padding:0 75px 0 0; width:1025px; height:370px; background:url(../image/main/bg_mainFlashArea.gif) right top repeat-x;} #mainHistory {position:relative; z-index:2; margin:0 auto; padding:2px 11px 0 11px; width:1078px; height:69px; background:url(../image/common/bg_mainHistoryArea.gif) left top repeat-x;} #mainHistory .historySpot {position:relative; overflow:hidden; z-index:3; width:1078px; height:69px;} #mainHistory .historySpot img {display:block;} #mainHistory .particle {position:absolute; z-index:10; right:0; bottom:-1px; width:85px; height:49px; background:url(../image/main/img_historyrightparticle.gif) 0 0 no-repeat;} #mainHistory .rightLeaf {position:absolute; z-index:10; right:-147px; top:-144px; width:147px; height:342px; background:url(../image/main/bg_rightLeaf.gif) 0 0 no-repeat;} #mainContents {position:relative; z-index:1; margin:0 auto; width:1100px; height:271px; background:url(../image/common/bg_mainContents.gif) 0 0 no-repeat #ffffff;} #subFlashArea {margin:0 auto; padding:0 0 0 44px; height:97px; width:980px; background:url(../image/common/bg_subFlashClipArea.gif) right top no-repeat;} #subContents {position:relative; margin:0 auto; padding:21px 52px 30px 172px; width:800px; background:url(../image/common/bg_subContentsArea.gif) right top no-repeat;} .subPageTitle {overflow:hidden; margin:0 0 10px 7px; height:57px;} .leftLeaf {position:absolute; width:131px; height:212px; left:-131px; top:0; background:url(../image/sub/bg_treeLeft.gif) 0 0 no-repeat;} /* =Footer ---------------------------------------------------------------------------------------------------------------- */ #footer {position:absolute; top:230px; left:41px; width:900px; height:14px; background:url(../image/common/bg_footer.gif) 0 0 no-repeat;} #footer ul li {display:block; overflow:hidden; width:200px; text-indent:-1000000em;} #subFooter {margin:0 auto;padding:0 0 0 172px; width:852px; height:145px; background:url(../image/sub/bg_subFooter.gif) right bottom no-repeat;} #subFooter ul li {display:block; overflow:hidden; width:200px; text-indent:-1000000em;} /* =GNB ---------------------------------------------------------------------------------------------------------------- */ #header .gnb {position:absolute; top:15px; right:150px; padding:14px 0 0 27px; width:516px; height:40px; background:url(../image/common/bg_gnbBar2.gif) 0 0 no-repeat;} #sub #header .gnb {right:31px;} /* 1 Depth Menu */ #header .gnb ul.parent li {display:inline; float:left;} #header .gnb ul.parent li.bar {display:block; overflow:hidden; height:13px; width:22px; background:url(../image/common/divbar_gnbMenu.gif) 11px 0 no-repeat;} #header .gnb ul.parent li a {display:block; overflow:hidden; height:13px; text-indent:-10000em; background-image:url(../image/common/btn_gnbPmenu.gif); background-repeat:no-repeat;} #header .gnb ul.parent li a.pmenu00 {width:137px; background-position:0 0;} #header .gnb ul.parent li a.pmenu00:hover, #header .gnb ul.parent li.enable a.pmenu00, #header .gnb ul.parent li a.pmenu0on {width:137px; background-position:-143px 0;} #header .gnb ul.parent li a.pmenu01 {width:86px; background-position:0 -15px;} #header .gnb ul.parent li a.pmenu01:hover, #header .gnb ul.parent li.enable a.pmenu01, #header .gnb ul.parent li a.pmenu1on {width:86px; background-position:-143px -15px;} #header .gnb ul.parent li a.pmenu02 {width:84px; background-position:0 -30px;} #header .gnb ul.parent li a.pmenu02:hover, #header .gnb ul.parent li.enable a.pmenu02, #header .gnb ul.parent li a.pmenu2on {width:84px; background-position:-143px -30px;} #header .gnb ul.parent li a.pmenu03 {width:85px; background-position:0 -45px;} #header .gnb ul.parent li a.pmenu03:hover, #header .gnb ul.parent li.enable a.pmenu03, #header .gnb ul.parent li a.pmenu3on {width:85px; background-position:-143px -45px;} /* 2 Depth Menu */ #header .gnb ul.parent li ul.child {display:none; position:absolute; top:32px; overflow:hidden; padding:4px 0 0 11px; height:18px;} #header .gnb ul.parent li.enable ul.child {display:block;} #header .gnb ul.parent li ul.child.first {right:202px; width:194px; background:url(../image/common/bg_gnbCmenu1.gif) 0 0 no-repeat;} #header .gnb ul.parent li ul.child.second {right:100px; width:170px; background:url(../image/common/bg_gnbCmenu2.gif) 0 0 no-repeat;} #header .gnb ul.parent li ul.child li {float:left; padding:0 5px 0 4px;} #header .gnb ul.parent li ul.child li a {display:block; overflow:hidden; height:12px; text-indent:-10000em; background-image:url(../image/common/bg_gnbCmenu_btn.gif); background-repeat:no-repeat;} #header .gnb ul.parent li ul.child li a.cmenu00 {width:80px; background-position:0 0;} #header .gnb ul.parent li ul.child li a.cmenu00:hover, #header .gnb ul.parent li ul.child li a.cmenu0on {width:80px;background-position:-90px 0;} #header .gnb ul.parent li ul.child li a.cmenu01 {width:86px; background-position:0 -15px;} #header .gnb ul.parent li ul.child li a.cmenu01:hover, #header .gnb ul.parent li ul.child li a.cmenu1on {width:86px; background-position:-90px -15px;} #header .gnb ul.parent li ul.child li a.cmenu02 {width:60px; background-position:0 -30px;} #header .gnb ul.parent li ul.child li a.cmenu02:hover, #header .gnb ul.parent li ul.child li a.cmenu2on {width:60px; background-position:-90px -30px;} #header .gnb ul.parent li ul.child li a.cmenu03 {width:69px; background-position:0 -45px;} #header .gnb ul.parent li ul.child li a.cmenu03:hover, #header .gnb ul.parent li ul.child li a.cmenu3on {width:69px; background-position:-90px -45px;} /* =History Layer ---------------------------------------------------------------------------------------------------------------- */ .historyLayer {position:absolute; z-index:5; width:210px;} .historyLayer .top {padding:15px 12px 0 12px; height:10px; text-align:right; background:url(../image/main/bg_historyLayer_top.gif) 0 0 no-repeat;} .historyLayer .layerBody {padding:0 18px; border:5px #f9a069 solid; border-width:0 5px; background-color:#fafaf8;} .historyLayer .layerBody dl dt {padding:7px 6px 5px 6px; background:url(../image/common/line_6x1.gif) left bottom repeat-x; text-align:center;} .historyLayer .layerBody dl dt a {display:block; color:#666666; font:bold 8pt/1.3 µ¸¿ò, dotum; letter-spacing:-1px;} .historyLayer .layerBody dl dd {display:block; padding:3px 6px 7px 6px; color:#a5a5a5; font:normal 8pt/1.3 µ¸¿ò, dotum;} .historyLayer .layerBody dl dd.thumb {overflow:hidden; padding:0; width:162px; height:85px; border:1px #989792 solid;} .historyLayer .bottom {padding:0 17px 24px 17px; text-align:right; background:url(../image/main/bg_historyLayer_bottom.gif) left bottom no-repeat;} .historyLayer .bottom a {display:inline-block; overflow:hidden; padding:0 7px 0 0; height:14px; color:#5c67c0; font:normal 8pt/1.2 µ¸¿ò, dotum; background:url(../image/icon/bul_detailView.gif) right 30% no-repeat;} /* ·¹À̾î À§Ä¡ */ #history0306 {left:0px; top:-188px;} #history0309 {left:37px; top:-170px;} #history0311 {left:66px; top:-203px;} #history0312a {left:78px; top:-162px;} #history0312b {left:78px; top:-186px;} #history0402 {left:103px; top:-196px;} #history0405 {left:143px; top:-181px;} #history0406 {left:157px; top:-202px;} #history0501a {left:245px; top:-199px;} #history0501b {left:245px; top:-166px;} #history0508 {left:337px; top:-194px;} #history0512a {left:389px; top:-202px;} #history0512b {left:389px; top:-172px;} #history0601a {left:402px; top:-188px;} #history0601b {left:402px; top:-158px;} #history0612 {left:545px; top:-162px;} #history0701a {left:559px; top:-203px;} #history0701b {left:559px; top:-180px;} #history0705a {left:611px; top:-191px;} #history0705b {left:611px; top:-157px;} #history0708 {left:650px; top:-173px;} #history0712 {left:701px; top:-174px;} #history0801a {left:714px; top:-206px;} #history0801b {left:714px; top:-156px;} #history0802 {left:727px; top:-174px;} #history0803 {left:740px; top:-206px;} #history0804 {left:752px; top:-163px;} #history0805 {left:765px; top:-169px;} #history0806 {left:780px; top:-201px;} #history0807a {left:791px; top:-180px;} #history0807b {left:791px; top:-152px;} #history0808 {left:805px; top:-209px;} #history0809a {left:817px; top:-178px;} #history0809b {left:817px; top:-160px;} #history0810a {left:831px; top:-212px;} #history0810b {left:831px; top:-190px;} #history0811 {left:845px; top:-151px;} /* =Main Contents ---------------------------------------------------------------------------------------------------------------- */ .mainTit {overflow:hidden; height:39px; text-indent:-100000em;width:267px;} .last {background:none !important; border:0 !important;} .news {position:absolute; top:10px; left:39px;} .news .mainTit {background:url(../image/common/tit_main_news.gif) 0 0 no-repeat;} .news ul {overflow:hidden; width:267px;} .news ul li {display:block; overflow:hidden; margin:0 0 4px 0; padding:4px 2px 6px 2px; height:14px; background:url(../image/common/line_6x1.gif) 1px bottom repeat-x;} .news ul li a {color:#6c6c62; font:normal 9pt/1.2 µ¸¿ò, dotum;} .story {position:absolute; top:10px; left:315px;} .story .mainTit {background:url(../image/common/tit_main_story.gif) 0 0 no-repeat;} .story dl {margin:4px 0 5px 0; padding:0 0 6px 0; width:264px; background:url(../image/common/line_6x1.gif) 1px bottom repeat-x;} .story dl dt,.story dl dd {float:right; width:178px; color:#333333; font:normal 9pt/1.2 µ¸¿ò, dotum;} .story dl dd.thumb {display:block; float:left; overflow:hidden; width:76px; height:44px; border:1px #a5a696 solid;} .story dl dt a {color:#333333; font:bold 9pt/1.3 µ¸¿ò, dotum;} .magicForest {display:block; position:absolute; top:20px; left:590px; width:177px; height:155px; text-indent:-10000em; background:url(../image/common/btn_go_sayClub.gif) 0 0 no-repeat;} //.sayClub {display:block; position:absolute; top:20px; left:590px; width:177px; height:155px; text-indent:-10000em; background:url(../image/common/btn_go_magicForest.gif) 0 0 no-repeat;} .sayClub {display:block; position:absolute; top:20px; left:774px; width:177px; height:155px; text-indent:-10000em; background:url(../image/common/btn_go_10000magic.gif) 0 0 no-repeat;} /* =Sub Contents Common Modules ---------------------------------------------------------------------------------------------------------------- */ /* BreadCrumbs */ #BreadCrumbs {margin:0 45px 0 0; height:18px; text-align:right; color:#a9a9a9; font:normal 8pt/1.2 µ¸¿ò, dotum;} #BreadCrumbs span {padding:0 0 0 20px; background:url(../image/icon/ico_BreadCrumbs.gif) 0 30% no-repeat;} #BreadCrumbs a {color:#7e7e7e; font:normal 8pt/1.2 µ¸¿ò, dotum; text-decoration:underline;} /* ¼­ºñ½º ¼³¸í ¹®±¸ */ .serviceInfoText {margin:0 0 20px 0; padding:9px 0 8px 46px; background:url(../image/icon/ico_serviceInfoText.gif) 0 0 no-repeat;} .serviceInfoText2 {margin:0 0 8px 0; padding:9px 0 8px 46px; background:url(../image/icon/ico_serviceInfoText.gif) 0 0 no-repeat;} /* paging */ .paging {position:relative; margin:0 0 0 60px; padding:4px 0 0 0; width:680px; height:23px; text-align:center;} .paging .prev {margin:0 5px 0 0;} .paging .next {margin:0 0 0 5px;} .paging a {display:inline-block; padding:0 2px; color:#666666; font:normal 9pt/1.2 µ¸¿ò, dotum;} .paging a.on {color:#ff6600; text-decoration:underline;} .paging a img {vertical-align:middle;} .paging .writeBtn {position:absolute; overflow:hidden; padding:0; top:-4px; right:0; width:54px; height:25px; text-indent:-10000em; background:url(../image/btn/btn_write.gif) 0 0 no-repeat;} /* = Board List ---------------------------------------------------------------------------------------------------------------- */ .boardList {margin:0 0 10px 45px; border-top:1px #e4e4e3 solid; border-bottom:1px #bdbdbd solid;} .boardList tr th {padding:7px 0 12px 0; color:#bfbebe; text-align:center; background:url(../image/sub/bg_boardList_tit.gif) left bottom repeat-x;} .boardList tr td {overflow:hidden; padding:9px 0 5px 0; color:#666666; font:normal 8pt/1.2 µ¸¿ò, dotum; height:15px; text-align:center; border-bottom:1px #e3e3e2 solid;} .boardList tr.notice td {background:url(../image/sub/bg_boardList_notice.gif) 0 1px repeat-x;} .boardList tr td.category {color:#ff6600;} .boardList tr td.inquiry {color:#a5a5a5;} .boardList tr td.name {color:#ff6600;} .boardList tr td.subject {text-align:left;} .boardList tr td.subject a {color:#666666; font:norma 9pt/1.2 µ¸¿ò, dotum;} .boardList tr.notice td.subject a {color:#666666; font:bold 9pt/1.2 µ¸¿ò, dotum;} .boardList tfoot tr td {overflow:hidden; padding:8px 0 0 0; height:9px; line-height:0; font-size:8px; background:url(../image/sub/bg_boardList_foot.gif) left bottom repeat-x;} /* = Board View ---------------------------------------------------------------------------------------------------------------- */ .boardView {overflow:hidden; margin:0 0 0 45px; width:711px;} .boardView dl.docuInfo {margin:0 0 15px 0; padding:9px 16px 5px 16px; height:20px; border-bottom:1px #ffa365 solid; background:url(../image/sub/bg_boardView_docuInfo.gif) left bottom repeat-x;} .boardView dl.docuInfo dt {float:left; color:#666666; font:bold 14px/1.2 µ¸¿ò, dotum;} .boardView dl.docuInfo dd {float:right; color:#212121; text-align:right; font:normal 11px/1.2 µ¸¿ò, dotum;} .boardView dl.docuInfo dd span {margin:0 8px 0 18px; color:#3d3d3d; font:bold 11px/1.2 µ¸¿ò, dotum;} .boardView dl.docuInfo dd em {margin:0 0 0 16px; color:#a5a5a5; font:normal 11px/1.2 µ¸¿ò, dotum; font-style:normal;} .boardView .viewArea {margin:0 0 8px 0; padding:8px 0 30px 0; min-height:275px; color:#7e7e7e; font:normal 9pt/1.4 µ¸¿ò, dotum;} .boardView .viewArea2 {margin:0 0 8px 0; padding:8px 0 0 0;} .boardView .viewArea p {margin:0 15px 15px 15px; line-height:1.6;} .viewAreaBottom {clear:both; overflow:hidden; margin:0 0 10px 0; width:711px; height:10px; border-bottom:1px #bdbdbd solid; background:url(../image/sub/bg_boardView_viewArea.gif) left 5px repeat-x;} .btnArea {overflow:hidden; padding:0 18px 0 6px; height:25px;} .btnArea li.left {float:left;} .btnArea li.right {float:right; text-align:right;} .btnArea li a {margin:0 0 0 4px;} /* ÄÚ¸àÆ® */ .commentArea {border-top:1px #000000 solid;} .commentArea h4 {margin:0 0 1px 0; padding:6px 15px 0 15px; height:19px; background:url(../image/sub/bg_commentTit.gif) #d4d7cc right top no-repeat;} .commentArea h4 a {padding:0 9px 0 0; color:#666666; text-decoration:none; font:normal 9pt/1.2 µ¸¿ò, dotum;} .commentArea h4 a.open {background:url(../image/icon/ico_downArrow.gif) right 30% no-repeat;} .commentArea h4 a.close {background:url(../image/icon/ico_upperArrow.gif) right 30% no-repeat;} .commentArea h4 a em {color:#000000;} .commentList {padding:7px 15px 11px 15px; background-color:#d4d7cc;} .commentList table {width:100%;} .commentList table tr td {padding:0 0 06px 0; color:#666666; height:18px; font:normal 12px/1.2 µ¸¿ò, dotum;} .commentList table tr td.name {color:#333333;} .commentList table tr td span {margin:0 0 0 5px; color:#999999;} .commentList .commentWrite {overflow:hidden; height:21px;} .commentList .commentWrite label, .commentList .commentWrite input {vertical-align:middle;} .commentList .commentWrite label {padding:0 11px 0 3px;} .commentList .commentWrite input.textInput {margin:0 10px 0 0; padding:3px 4px 0 4px; width:570px; height:15px; color:#666666; font-size:9pt; border:1px #d8d9db solid;} /* comment paging */ .cpaging {position:relative; margin:0 0 0 0px; padding:4px 0 0 0; width:680px; height:23px; text-align:center;} .cpaging .prev {margin:0 5px 0 0;} .cpaging .next {margin:0 0 0 5px;} .cpaging a {display:inline-block; padding:0 2px; color:#666666; font:normal 8pt/1.2 µ¸¿ò, dotum;} .cpaging a.on {color:#ff6600; text-decoration:underline;} .cpaging a img {vertical-align:middle;} /* = »çȸ°øÇå »ý°¢ ---------------------------------------------------------------------------------------------------------------- */ .contWrap {margin:0 0 0 45px;} .contWrap em {visibility:hidden;} .contWrap p {margin:0 0 15px 0; overflow:hidden; width:730px;} .contWrap p.img01 {height:44px; background:url(../image/sub/img_contribution01.gif) 0 0 no-repeat;} .contWrap .graph1 {margin:0 0 30px 89px; height:261px; background:url(../image/sub/img_contribution_Graph01.gif) left top no-repeat;} .contWrap p.img02 {height:44px; background:url(../image/sub/img_contribution02.gif) 0 0 no-repeat;} .contWrap .graph2 {margin:0 0 30px 0; height:277px; background:url(../image/sub/img_contribution_Graph02.gif) left top no-repeat;} /* = À̺¥Æ® ---------------------------------------------------------------------------------------------------------------- */ .eventArea {overflow:hidden; margin:0 0 0 45px; padding:14px 15px 0 13px; width:683px; background:url(../image/sub/bg_boardView_docuInfo.gif) left top repeat-x;} .eventAreaBottom {clear:both; margin:0 0 10px 45px; width:711px; height:14px; border-bottom:1px #bdbdbd solid; background:url(../image/sub/bg_boardView_viewArea.gif) left bottom repeat-x;} /* À̺¥Æ® ¸®½ºÆ® */ .eventArea dl {display:block; overflow:hidden; position:relative; margin:7px 0 0 0; padding:0 0 6px 0; width:683px; border-bottom:1px #e3e3e2 solid;} .eventArea dl dt, .eventArea dl dd {display:block; overflow:hidden; float:left; width:400px;} .eventArea dl dt {margin:10px 0;} .eventArea dl dt a {color:#636363; font:bold 9pt/1.2 µ¸¿ò, dotum;} .eventArea dl dd {color:#666666; font:normal 9pt/1.6 µ¸¿ò, dotum;} .eventArea dl dd .date {display:block; overflow:hidden; margin-bottom:6px; width:136px; color:#ff6600; border-bottom:1px #e4e4e3 solid;} .eventArea dl dd.thumb {padding:17px 30px 17px 17px; width:130px; height:90px; background:url(../image/sub/bg_event_thumbnail_Border.gif) 0 0 no-repeat;} .eventArea dl dd.btn {float:none; position:absolute; top:0; right:0; padding:24px 0 0 0; width:93px; height:76px;} /* = °¶·¯¸® ---------------------------------------------------------------------------------------------------------------- */ .galleryInfo {margin:0 0 0 42px; overflow:hidden; width:532px; height:58px; text-indent:-100000em; background:url(../image/sub/img_gallery01.gif) 0 0 no-repeat;} .galleryBtn {margin:0 0 0 44px; padding:3px 0 5px 0; width:711px; text-align:right;} .galleryBtn a {margin:0 0 0 2px;} .galleryIntro {margin:0 0 6px 45px; padding:1px; width:703px; border:3px #D2D2D2 solid; background-color:#EAEAEA;} .galleryIntro .listArea {overflow:hidden; padding:14px 0 9px 10px; width:693px; background-color:#ffffff; border-bottom:1px #eaeaea solid;} .galleryItem {position:relative; float:left; margin:0 0 6px 0; padding:18px 21px 0 17px; width:100px; height:134px; background:url(../image/sub/bg_galleryIntroList.gif) 0 0 no-repeat;} .galleryItem dt {position:absolute; top:116px; overflow:hidden; height:15px; text-align:center; } .galleryItem dt a {color:#353535; font:normal 8pt/1.2 µ¸¿ò,dotum; letter-spacing:-1px;} .galleryItem dd {position:absolute; top:18px; overflow:hidden; width:100px; height:88px;} .pagingArea {clear:left; padding:8px 0 0 0; height:21px; text-align:center; background:url(../image/sub/bg_galleryPagingArea.gif) 0 0 repeat-x;} .pagingArea .year {padding:0 25px 0 41px; color:#000000; font:bold 14px/1.2 µ¸¿ò, dotum; background:url(../image/sub/img_year.gif) 0 2px no-repeat;} .pagingArea .year img, .pagingArea .month img {vertical-align:middle;} .pagingArea .month {padding:0 25px 0 41px; color:#000000; font:bold 14px/1.2 µ¸¿ò, dotum; background:url(../image/sub/img_month.gif) 0 2px no-repeat;} .pagingArea .month img {margin:-2px 0 0 0;} .pagingArea .month a {display:inline-block; font:normal 12px/1.2 µ¸¿ò, dotum;} .pagingArea .month a.off {padding:0 2px; color:#666666;} .pagingArea .month a.on {padding:0 2px; color:#ff6600; font-weight:bold;} .noticeList {margin:0 0 0 45px; padding:9px 12px 4px 12px; width:687px; border-top:2px #000000 solid; background:url(../image/sub/bg_noticeList.gif) #D4D7CC right top no-repeat;} .noticeList li {display:block; padding:0 0 0 12px; margin:0 0 4px 0; color:#666666; font:bold 12px/1.2 µ¸¿ò, dotum; background:url(../image/icon/ico_noticeList.gif) 0 30% no-repeat;} /* °¶·¯¸® Æ˾÷ */ .galleryPopup {background:url(../image/sub/galleryPopup.gif) no-repeat; position:absolute; z-index:10; top:36%; left:35%; width:446px; height:346px;} .galleryPopup .prevBtn {position:absolute; z-index:20; overflow:hidden; left:1px; top:154px; width:25px; height:27px; text-indent:-100000em; background:url(../image/btn/btn_popup_prev.gif) 0 0 no-repeat;} .galleryPopup .nextBtn {position:absolute; z-index:20; overflow:hidden; right:0; top:154px; width:25px; height:27px; text-indent:-100000em; background:url(../image/btn/btn_popup_next.gif) 0 0 no-repeat;} .galleryPopup .closeWindow {position:absolute; z-index:20; overflow:hidden; right:14px; bottom:8px; width:33px; height:12px; text-indent:-100000em; background:url(../image/btn/btn_closeWindow.gif) 0 0 no-repeat;} .galleryPopup h1 {margin:0 0 0 37px;height:42px;width:373px;} .galleryPopup h1 span {color:#F60;font:bold 14px µ¸¿ò, dotum;float:left;padding:16px 0 0;} .galleryPopup h1 p {color:#F60;font:11px µ¸¿ò, dotum;float:right;padding:12px 0 0;} .galleryPopup h1 p img {vertical-align:middle;} .galleryPopup dl {margin:0 0 0 38px;height:267px;width:372px;} .galleryPopup dt {float:left;width:190px;} .galleryPopup dt img {border:4px solid #9B9B9B;height:259px;width:182px;} .galleryPopup dd {background-color:#FFF;border:1px solid #999;float:right;padding:2px 2px 2px 0;_padding:2px 1px 2px 0;height:261px;width:173px;_width:174px;} .galleryPopup dd .information {overflow:auto;height:261px;width:173px;_width:174px;} .galleryPopup dd .information {scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFF; scrollbar-shadow-color:#999; scrollbar-3dlight-color:#999; scrollbar-arrow-color:#989898; scrollbar-track-color:#FFF; scrollbar-darkshadow-color:#FFF; scrollbar-base-color:#FFF} .galleryPopup dd .information h2 {font:bold 14px 'µ¸¿ò';line-height:19px;margin:0 0 20px;padding:8px 8px 0 10px;} .galleryPopup dd .information p {font:12px 'µ¸¿ò';line-height:19px;padding:0 5px 5px 10px;} /* = »çȸ°øÇå È÷½ºÅ丮 ---------------------------------------------------------------------------------------------------------------- */ .historyDocu {display:block; margin:0 0 5px 15px; width:680px;} .historyDocu dt {float:left; width:30px;} .historyDocu dd {float:right; width:645px; color:#7E7E7E; font:normal 9pt/1.4 µ¸¿ò, dotum;} .historyDocu dd img {margin:8px 0 15px 0;} .magicTree {position:relative; margin:0 0 10px 47px; width:711px; height:579px; background:url(../image/sub/bg_magicTree.gif) 0 0 no-repeat;} .magicTree a {color:#333333; font:normal 8pt/1.1 µ¸¿ò, dotum; letter-spacing:-1px;} .magicTree .fruit1 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit1 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit1.gif);} .magicTree .fruit2 {position:absolute; padding:16px 0 0 0; width:56px; height:40px; text-align:center; background: url(../image/sub/bg_fruit2.gif) 0 0 no-repeat;} .magicTree .fruit3 {position:absolute; padding:32px 0 0 0; width:56px; height:39px; text-align:center; background: url(../image/sub/bg_fruit3.gif) 0 0 no-repeat;} .magicTree .fruit4 {position:absolute; padding:41px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit4.gif) 0 0 no-repeat;} .magicTree .fruit5 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit5 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit5.gif);} .magicTree .fruit6 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit6 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit6.gif);} .magicTree .fruit7 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit7 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit7.gif);} .magicTree .fruit8 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit8 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit8.gif);} .magicTree .fruit9 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit9 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit9.gif);} .magicTree .fruit10 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit10 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit10.gif);} .magicTree .fruit11 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit11 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit11.gif);} .magicTree .fruit12 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit12 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit12.gif);} .magicTree .fruit13 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit13 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit13.gif);} .magicTree .fruit14 {position:absolute; padding:15px 7px 0 7px; width:80px; height:79px; text-align:center; background: url(../image/sub/bg_fruit1.gif) 0 0 no-repeat;} .magicTree .fruit14 dd {display:block; overflow:hidden; margin:0 0 8px 0px; width:68px; height:40px; background:url(../image/sub/img_fruit14.gif);} .magicTree .fruit15 {position:absolute; padding:28px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit3.gif) 0 0 no-repeat;} .magicTree .fruit16 {position:absolute; padding:14px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit2.gif) 0 0 no-repeat;} .magicTree .fruit17 {position:absolute; padding:41px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit4.gif) 0 0 no-repeat;} .magicTree .fruit18 {position:absolute; padding:41px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit4.gif) 0 0 no-repeat;} .magicTree .fruit19 {position:absolute; padding:19px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit2.gif) 0 0 no-repeat;} .magicTree .fruit20 {position:absolute; padding:41px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit4.gif) 0 0 no-repeat;} .magicTree .fruit21 {position:absolute; padding:19px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit2.gif) 0 0 no-repeat;} .magicTree .fruit22 {position:absolute; padding:12px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit2.gif) 0 0 no-repeat;} .magicTree .fruit23 {position:absolute; padding:47px 0 0 0; width:77px; height:53px; text-align:center; background: url(../image/sub/bg_fruit4.gif) 0 0 no-repeat;} .mgtreeBtn {margin:0 0 0 47px; padding:0 12px; width:687px; text-align:right;} /* = ¿ì¸® ÀÌ¿ô »ç¿¬ ---------------------------------------------------------------------------------------------------------------- */ .oneClick {overflow:hidden; margin:0 0 18px 45px; width:532px; height:58px; text-indent:-10000em; background:url(../image/sub/img_neighbor01.gif) 0 0 no-repeat;} .oneClick2 {overflow:hidden; margin:0 0 18px 45px; width:532px; height:58px; text-indent:-10000em; background:url(../image/sub/img_neighbor01_1.gif) 0 0 no-repeat;} .neighborView1 {width:711px; height:371px; background:url(../image/sub/img_neighbor02.gif) 0 0 no-repeat;} .neighborView1 p {visibility:hidden;} .neighborView2 {position:relative; width:711px; height:354px; background:url(../image/sub/img_neighbor03.gif) 0 0 no-repeat;} .neighborView2 p {visibility:hidden;} .neighborView2 li.action {margin:287px 0 0 585px;} .neighborView3 {width:711px; height:256px; background:url(../image/sub/img_neighbor04.gif) 0 0 no-repeat;} .neighborView3 p {visibility:hidden;} .neighborView4 {position:relative; width:711px; height:392px; background:url(../image/sub/img_neighbor05.gif) 0 0 no-repeat;} .neighborView4 .total {position:absolute; left:574px; top:287px; width:62px; color:#046C9B; font:bold 18px/1.2 µ¸¿ò, dotum; text-align:center; letter-spacing:-1px;} .neighborView4 p {visibility:hidden;} .neighborView5 {width:711px; height:725px; background:url(../image/sub/img_neighbor06.gif) 0 0 no-repeat;} .neighborView5 .total {position:absolute; left:574px; top:287px; width:62px; color:#046C9B; font:bold 18px/1.2 µ¸¿ò, dotum; text-align:center; letter-spacing:-1px;} .neighborView5 p {visibility:hidden;} .matter1 {position:absolute; width:114px; left:66px; top:43px;} .matter1 li {display:block; overflow:hidden;} .matter1 li.choice {width:114px; height:192px;} .matter1 li.click {margin:6px 0 18px 23px;} .matter1 li.count {margin:0 0 0 30px; width:52px; color:#046C9B; font:bold 14px/1.2 µ¸¿ò, dotum;} .matter2 {position:absolute; width:114px; left:189px; top:43px;} .matter2 li {display:block; overflow:hidden;} .matter2 li.choice {width:114px; height:192px;} .matter2 li.click {margin:6px 0 18px 23px;} .matter2 li.count {margin:0 0 0 30px; width:52px; color:#046C9B; font:bold 14px/1.2 µ¸¿ò, dotum;} .matter3 {position:absolute; width:114px; left:313px; top:43px;} .matter3 li {display:block; overflow:hidden;} .matter3 li.choice {width:114px; height:192px;} .matter3 li.click {margin:6px 0 18px 23px;} .matter3 li.count {margin:0 0 0 30px; width:52px; color:#046C9B; font:bold 14px/1.2 µ¸¿ò, dotum;} .matter4 {position:absolute; width:114px; left:436px; top:43px;} .matter4 li {display:block; overflow:hidden;} .matter4 li.choice {width:114px; height:192px;} .matter4 li.click {margin:6px 0 18px 23px;} .matter4 li.count {margin:0 0 0 30px; width:52px; color:#046C9B; font:bold 14px/1.2 µ¸¿ò, dotum;} #neighborstory {width:370px;position:absolute;} #neighborstory h1 {background:url(../image/sub/g_story1.gif) no-repeat;color:#212121;font-size:11px;font-weight:bold;padding:16px 10px 0 15px;} #neighborstory .desc {background:url(../image/sub/g_story2.gif) no-repeat 0 100%;font-size:11px;line-height:1.4;text-align:justify;padding:15px 15px 20px;} #neighborstory2 {width:229px;position:absolute;} #neighborstory2 h1 {background:url(../image/sub/g_story3.gif) no-repeat;color:#212121;font-size:11px;font-weight:bold;padding:16px 10px 0 15px;} #neighborstory2 .desc {background:url(../image/sub/g_story4.gif) no-repeat 0 100%;font-size:11px;line-height:1.4;text-align:justify;padding:15px 15px 20px;} .neighborStory7 {width:699px;} .neighborStory7 p {display:none;} .neighborStory7 .gr1 {background:url('http://file.sayclub.co.kr/magictree/image/sub/sub_magictree_neighbor7_1.jpg') no-repeat;height:307px;width:699px;padding-top:202px;} .neighborStory7 .gr1 a {display:block;height:18px;width:150px;margin:0 0 0 260px;text-indent:-1000em;overflow:hidden;} .neighborStory7 .gr2 {background:url('http://file.sayclub.co.kr/magictree/image/sub/sub_magictree_neighbor7_2.gif') no-repeat;height:246px;width:699px;} .neighborStory7 .gr2 div {padding:3px 0 0 27px;} /*=¸ÞÀÎ Æ˾÷ ---------------------------------------------------------------------------------------------------------------*/ .mainPopup {background:url(../image/main/mainPopup.gif) no-repeat; position:absolute; width:400px; height:525px;} .mainPopup .treeNum {position:absolute; top:225px; left:162px; width:40px; height:15px; color:#4D4D4D; font:normal 14px/1.2 µ¸¿ò, dotum; letter-spacing:-1px; text-align:right;} .mainPopup .sum {position:absolute;top:261px; left:110px; width:40px; height:15px; color:#4D4D4D; font:normal 14px/1.2 µ¸¿ò, dotum; letter-spacing:-1px; text-align:right;} .mainPopup dd {position:absolute; z-index:20; overflow:hidden; left:17px; top:421px; background-color:#FFF;border:1px solid #999;float:right;padding:2px 2px 2px 0;_padding:2px 1px 2px 0;height:60px;width:364px;_width:365px;} .mainPopup dd .information {overflow:auto;height:60px;width:364px;_width:365px;} .mainPopup dd .information {scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFF; scrollbar-shadow-color:#999; scrollbar-3dlight-color:#999; scrollbar-arrow-color:#989898; scrollbar-track-color:#FFF; scrollbar-darkshadow-color:#FFF; scrollbar-base-color:#FFF} .mainPopup dd .information p {font:12px 'µ¸¿ò';line-height:19px;padding:0 5px 5px 10px;} /*=·Î±×ÀÎ ---------------------------------------------------------------------------------------------------------------*/ #login {background:url(../image/sub/bg_login.gif) no-repeat;margin:68px 0 50px 117px;padding:50px 0 0 138px;height:178px;width:428px;} #login .loginText {background:url(../image/sub/bg_loginText.gif) no-repeat 0 2px;color:#736357;font:11px/1.4 'µ¸¿ò';letter-spacing:-1px;margin:0 0 13px;padding-left:8px;width:270px;} #login fieldset {padding:0 0 15px;width:290px;} #login fieldset .form {float:left;padding:2px 0 0;_padding:0;width:200px;} #login fieldset .form label {float:left;padding:5px 0 0;height:13px;width:60px;} #login fieldset .form p {float:left;margin:0 0 3px;_margin:0 0 1px;} #login fieldset .form input {border:1px solid #D4D2CD;height:16px;width:135px;} #login fieldset .login {float:left;} #login .login input {background:url(../image/btn/btn_login.gif) no-repeat;border:0;height:42px;width:87px;} #login .login button {background:url(../image/btn/btn_login.gif) no-repeat;border:0;cursor:pointer;height:42px;width:87px;} #login .login span {display:none;} #login .help .check {color:#333;font:11px 'µ¸¿ò','dotum';} #login .help .check a {color:#333;font:11px 'µ¸¿ò','dotum';letter-spacing:-1px;} #login .help .check input {margin:0 3px 0 0;_margin:0 0 0 -4px;vertical-align:-3px;} #login .help .join {margin:0 0 0 2px;vertical-align:-7px;} /* ¿ì¸®ÀÌ¿ô»ç¿¬ Ãß°¡ 0130 ------------------------------------------------------------------------------------------------------*/ #neighborView0130 {background:url('../image/sub/bg_neighborView_0130.gif') no-repeat;height:717px;width:697p;margin:0 0 0 4px;position:relative;} #neighborView0130 .hidden {display:none;} #neighborView0130 .desc1 {color:#603811;font:12px 'µ¸¿ò','dotum';letter-spacing:-1px;line-height:20px;margin:0 0 18px;padding:113px 0 0 53px;width:350px;} #neighborView0130 .desc2 {color:#603811;font:12px 'µ¸¿ò','dotum';letter-spacing:-1px;line-height:20px;padding:0 0 0 53px;} #neighborView0130 .click {z-index:3;} #neighborView0130 .click p {color:#00B087;font:bold 14px 'µ¸¿ò','dotum';letter-spacing:-1px;} #neighborView0130 .click h6 {cursor:pointer;height:44px;width:97px;text-indent:-1000em;} #neighborView0130 .click1 {position:absolute;top:42px;left:430px;} #neighborView0130 .click1 h6 {float:left;margin:0 16px 0 0;} #neighborView0130 .click1 p {float:left;line-height:44px;margin:2px 0 0;} #neighborView0130 .click2 {position:absolute;top:253px;left:577px;} #neighborView0130 .click2 p {margin:0 0 9px;padding:0 0 0 10px;text-align:center;} #neighborView0130 .click3 {position:absolute;top:454px;left:551px;} #neighborView0130 .click3 h6 {margin:0 0 12px;} #neighborView0130 .click3 p {padding:0 0 0 5px;text-align:center;} #neighborView0130 .click4 {position:absolute;top:496px;left:379px;} #neighborView0130 .click4 h6 {width:113px;margin:0 0 12px;} #neighborView0130 .click4 p {text-align:center;} #neighborView0130 .sumclick {position:absolute;top:580px;left:351px;} #neighborView0130 .sumclick h6 {display:none;} #neighborView0130 .sumclick p {color:#4D4D4D;font:28px 'µ¸¿ò','dotum';letter-spacing:-2px;} #neighborView0130 .storyList {margin:135px 0 0 47px;} #neighborView0130 .storyList li {float:left;} #neighborView0130 .storyList li a {display:block;height:53px;width:95px;text-indent:-1000em;overflow:hidden;} #neighborView0130 .gosite {position:absolute;bottom:26px;right:33px;_right:37px;} #neighborView0130 .gosite a {display:block;height:66px;width:169px;text-indent:-1000em;overflow:hidden;} #neighborStory0130 {position:absolute;} #neighborStory0130 h1 {background:url('../image/sub/g_story0130Top.gif') no-repeat;width:200px;padding:18px 14px 15px 15px;color:#212121;font:bold 11px/1.3 'µ¸¿ò','dotum';} #neighborStory0130 .desc {background:url('../image/sub/g_story0130Btm.gif') no-repeat 0 100%;width:200px;padding:0 14px 10px 15px;color:#636363;font:11px/1.3 'µ¸¿ò','dotum';} #neighborStory0130 .desc p {margin:0 0 10px;}