@charset "euc-kr"; @import url(default.css); #wrap { width:100%; } #innerWrap { width:975px; margin:0 auto; } #head { position:relative; height:37px; } #head .logo { position:absolute; top:9px; left:11px; } #head p { position:absolute; top:20px; right:70px; } #gnb { height:370px; margin-bottom:13px; _margin-bottom:5px; } #gnb #flv { float:left; display:inline; width:749px; } #gnb #logArea {position:relative; float:left; display:inline; width:226px; height:330px; background:url(../img/main/logarea_bg2.gif) left top no-repeat; } #gnb #logArea input.txtType01 { width:81px; height:15px; padding:3px 3px 0 3px; border:1px solid #9c0100; color:#800202; } #gnb #logArea .idInput { position:absolute; top:190px; left:40px; } #gnb #logArea .pwdInput { position:absolute; top:215px; left:40px; } #gnb #logArea .loginBtn { position:absolute; top:191px; right:40px; } #gnb #logArea .subMenu { position:absolute; top:242px; left:40px; font-size:95%;} #gnb #logArea .subMenu input { float:left; display:inline; } #gnb #logArea .subMenu label { float:left; display:inline; margin-top:3px; } #gnb #logArea .subMenu a { float:left; display:inline; margin-top:3px; } #gnb #logArea .subMenu .join {position:relative; float:left; display:inline; margin-left:-70px;} #gnb #logArea .subMenu .find { position:relative; float:left; display:inline; margin-left:-25px; } #gnb #logArea .subMenu .find2 { margin-left:5px; } #gnb #logArea .subMenu a:link , #gnb #logArea .subMenu a:visited { color:#680100; text-decoration:none; } #gnb #logArea .subMenu a:hover , #gnb #logArea .subMenu a:active { color:#680100; text-decoration:underline; } #logArea02 p span { color:#343434; } /* #wrap { width:100%; } #innerWrap { width:975px; margin:0 auto; } #head { position:relative; height:37px; } #head .logo { position:absolute; top:9px; left:11px; } #head p { position:absolute; top:20px; right:70px; } #gnb { height:80px; margin-bottom:13px; _margin-bottom:5px; } #gnb #flv { float:left; display:inline; width:749px; } #gnb #logArea {position:relative; float:left; display:inline; width:294px; height:80px; background:url(../img/main/logarea_bg.gif) left top no-repeat; } #gnb #logArea input.txtType01 { width:81px; height:15px; padding:3px 3px 0 3px; border:1px solid #84C74B; color:#84C74B; } #gnb #logArea .idInput { position:absolute; top:21px; left:25px; } #gnb #logArea .pwdInput { position:absolute; top:21px; left:118px; } #gnb #logArea .loginBtn { position:absolute; top:20px; right:21px; } #gnb #logArea .subMenu { position:absolute; top:51px; left:26px; font-size:95%;} #gnb #logArea .subMenu input { float:left; display:inline; } #gnb #logArea .subMenu label { float:left; display:inline; margin-top:3px; } #gnb #logArea .subMenu a { float:left; display:inline; margin-top:3px; } #gnb #logArea .subMenu .join { margin-left:12px; } #gnb #logArea .subMenu .find { margin-left:5px; } #gnb #logArea .subMenu a:link , #gnb #logArea .subMenu a:visited { color:#B0F07A; text-decoration:none; } #gnb #logArea .subMenu a:hover , #gnb #logArea .subMenu a:active { color:#B0F07A; text-decoration:underline; } #logArea02 p span { color:#343434; } */ #gnb #logout {position:relative; float:left; display:inline; width:226px; height:330px; background:url(../img/main/logarea_bg2.gif) left top no-repeat; } #gnb #logout .message { position:absolute; top:190px; left:40px; color:#9c0100; line-height:14px; } #gnb #logout .message span {color:#470f0c; } #gnb #logout .logoutBtn { position:absolute; top:280px; right:80px; } #gnb #logout .point { position:absolute; top:230px; left:40px; color:#9c0100; } #gnb #logout .other { position:absolute; top:250px; left:40px; color:#470f0c; font-size:95%; letter-spacing:-1px; } #gnb #logout .other a:link , #gnb #logout .other a:visited { color:#470f0c; text-decoration:none; } #gnb #logout .other a:hover , #gnb #logout .other a:active { color:#470f0c; text-decoration:underline; } /* #gnb #logout {position:relative; float:left; display:inline; width:294px; height:80px; background:url(../img/main/logout_bg.gif) left top no-repeat; } #gnb #logout .message { position:absolute; top:19px; left:25px; color:#fff; line-height:14px; } #gnb #logout .message span {color:#FFF95C; } #gnb #logout .logoutBtn { position:absolute; top:21px; right:21px; } #gnb #logout .point { position:absolute; top:54px; left:26px; color:#FFF; } #gnb #logout .other { position:absolute; top:54px; left:140px; color:#FFFED2; font-size:95%; letter-spacing:-1px; } #gnb #logout .other a:link , #gnb #logout .other a:visited { color:#FFFED2; text-decoration:none; } #gnb #logout .other a:hover , #gnb #logout .other a:active { color:#FFFED2; text-decoration:underline; } */ #head1 { position:relative; height:1px; } #head1 p { position:absolute; top:42px; right:9px; } #gnb1 { height:171px; margin-bottom:5px; _margin-bottom:5px; } #gnb1 #flv { float:left; display:inline; width:681px; } #gnb1 #head {position:relative; float:left; display:inline; width:294px; height:87px; } #gnb1 #head p {position:absolute; top:60px; right:9px; } /* #gnb1 #logArea {position:relative;float:left; display:inline; width:294px; height:80px; background:url(../img/main/logarea_bg.gif) left top no-repeat; } #gnb1 #logArea input.txtType01 { width:81px; height:15px; padding:3px 3px 0 3px; border:1px solid #84C74B; color:#84C74B; } #gnb1 #logArea .idInput { position:absolute; top:21px; left:25px; } #gnb1 #logArea .pwdInput { position:absolute; top:21px; left:118px; } #gnb1 #logArea .loginBtn { position:absolute; top:20px; right:21px; } #gnb1 #logArea .subMenu { position:absolute; top:51px; left:26px; font-size:95%;} #gnb1 #logArea .subMenu input { float:left; display:inline; } #gnb1 #logArea .subMenu label { float:left; display:inline; margin-top:3px; } #gnb1 #logArea .subMenu a { float:left; display:inline; margin-top:3px; } #gnb1 #logArea .subMenu .join { margin-left:12px; } #gnb1 #logArea .subMenu .find { margin-left:5px; } #gnb1 #logArea .subMenu a:link , #gnb #logArea .subMenu a:visited { color:#B0F07A; text-decoration:none; } #gnb1 #logArea .subMenu a:hover , #gnb #logArea .subMenu a:active { color:#B0F07A; text-decoration:underline; } #logArea02 p span { color:#343434; } #gnb1 #logout {position:relative; float:left; display:inline; width:294px; height:80px; background:url(../img/main/logout_bg.gif) left top no-repeat; } #gnb1 #logout .message { position:absolute; top:19px; left:25px; color:#fff; line-height:14px; } #gnb1 #logout .message span {color:#FFF95C; } #gnb1 #logout .logoutBtn { position:absolute; top:21px; right:21px; } #gnb1 #logout .point { position:absolute; top:54px; left:26px; color:#FFF; } #gnb1 #logout .other { position:absolute; top:54px; left:140px; color:#FFFED2; font-size:95%; letter-spacing:-1px; } #gnb1 #logout .other a:link , #gnb #logout .other a:visited { color:#FFFED2; text-decoration:none; } #gnb1 #logout .other a:hover , #gnb #logout .other a:active { color:#FFFED2; text-decoration:underline; } */ #content { margin-bottom:20px; } #Lside { float:left; display:inline; width:188px; } #Lside #lanking { position:relative; width:164px; height:87px; padding:53px 10px 15px 10px; _padding-bottom:6px; margin-bottom:3px; background:url(../img/main/lanking_bg.gif) left top no-repeat; } #Lside #lanking .more { position:absolute; top:17px; right:12px; } #Lside #lanking .firstGrade { margin-bottom:10px; padding-left:22px; background:url(../img/main/firstGrade.gif) left 2px no-repeat; } #Lside #lanking .firstGrade a:link , #Lside #lanking .firstGrade a:visited { color:#fff; text-decoration:none; } #Lside #lanking .firstGrade a:hover , #Lside #lanking .firstGrade a:active { color:#fff; text-decoration:underline; } #Lside #lanking .other .thumb { float:left; display:inline; width:76px; height:64px; padding:1px 0 0 2px; margin-right:5px; background:url(../img/main/thumb_bg.gif) left top no-repeat; } #Lside #lanking .other ul { margin-top:-3px; _margin-top:0; } #Lside #lanking .other ul li { font-size:95%; letter-spacing:-1px; _margin-bottom:3px; } #Lside #lanking .other ul li img { margin-right:3px; } #Lside #lanking .other ul li a:link , #Lside #lanking .other ul li a:visited { color:#B1F17B; text-decoration:none; } #Lside #lanking .other ul li a:hover , #Lside #lanking .other ul li a:active { color:#B1F17B; text-decoration:underline; } /* 문화 이벤트 */ #Lside #discus1 { position:relative; width:160px; height:85px; padding:46px 12px 18px 12px; margin-bottom:5px; _margin-bottom:0; background:url(../img/main/discus_bg111.gif) left top no-repeat; } #Lside #discus1 .more { position:absolute; top:17px; right:35px; } #Lside #discus1 .thumb { float:left; display:inline; width:75px; height:95px; padding:1px 0 0 2px; margin:0 8px 8px0; background:url(../img/main/thumb_bg05.gif) left top no-repeat; } #Lside #discus1 p { letter-spacing:-1px; color:#9A9A9A; } #Lside #discus1 p strong { display:block; color:#616A60; margin-bottom:3px; } #Lside #discus1 ul { text-align:center; } /* 공감 바이러스 원래 좌측꺼 */ #Lside #virus .tl { position:relative; width:205px; height:27px; margin-bottom:10px; background:url(../img/main/virus_t2.gif) left top no-repeat; } #Lside #virus .tl a { position:absolute; top:8px; right:34px; } #Lside #virus .listTl { font-size:95%; color:#3C8100; font-weight:bold; letter-spacing:-1px; margin:0 0 7px 15px; } #Lside #virus ul { margin:0 0 10px 7px; line-height:15px; } #Lside #virus ul li { padding-left:13px; background:url(../img/main/bullet_dot_02.gif) left 5px no-repeat; } #Lside #virus ul li a:link , #Rside #virus ul li a:visited { color:#9A9A9A; text-decoration:none; } #Lside #virus ul li a:hover { color:#9A9A9A; font-weight:bold; text-decoration:underline; } #Lside #virus ul li a:active { color:#9A9A9A; text-decoration:underline; } /* 공감 바이러스2 좌측에서 우측으로 이동 */ /*#Rside #virus .tl { position:relative; width:225px; height:27px; margin-bottom:10px; background:url(../img/main/virus_t2_.gif) left top no-repeat; }*/ /*위에경로가 원래 공감바이러스/ 밑에꺼는 단체죽 주문으로 바꾸면서 수정한것 2010.02.01 */ #Rside #virus .tl { position:relative; width:225px; height:27px; margin-bottom:10px; background:url(../img/main/delivery_tl.gif) left top no-repeat; } #Rside #virus .tl a { position:absolute; top:8px; right:34px; } #Rside #virus .listTl { font-size:95%; color:#3C8100; font-weight:bold; letter-spacing:-1px; margin:0 0 7px 15px; } #Rside #virus ul { margin:0 0 10px 7px; line-height:15px; } #Rside #virus ul li { padding-left:13px; background:url(../img/main/bullet_dot_02.gif) left 5px no-repeat; } #Rside #virus ul li a:link , #Rside #virus ul li a:visited { color:#9A9A9A; text-decoration:none; } #Rside #virus ul li a:hover { color:#9A9A9A; font-weight:bold; text-decoration:underline; } #Rside #virus ul li a:active { color:#9A9A9A; text-decoration:underline; } /* 추천 도서 2009 11 16 */ #Lside #book .tl { position:relative; width:205px; height:27px; margin-bottom:10px; background:url(../img/main/book_t1.gif) left top no-repeat; } #Lside #book .tl a { position:absolute; top:8px; right:34px; } #Lside #book .listTl { font-size:95%; color:#3C8100; font-weight:bold; letter-spacing:-1px; margin:0 0 7px 15px; } #Lside #book ul { margin:0 0 10px 7px; line-height:15px; text-align:center; } /*#Lside #book ul { margin:0 0 10px 7px; line-height:15px; }*/ #Lside #book ul li { padding-left:13px; background:url(../img/main/bullet_dot_02.gif) left 5px no-repeat; } #Lside #book ul li a:link , #Rside #virus ul li a:visited { color:#9A9A9A; text-decoration:none; } #Lside #book ul li a:hover { color:#9A9A9A; font-weight:bold; text-decoration:underline; } #Lside #book ul li a:active { color:#9A9A9A; text-decoration:underline; } /* 매니아 랭킹 */ #Lside #mania { width:185px; height:160px; margin-bottom:8px; } #Lside #mania h2 { position:relative; height:27px; margin-bottom:5px; background:url(../img/main/mania_bg.gif) left top no-repeat; } #Lside #mania h2 .more { position:absolute; top:8px; right:12px; } #Lside #mania ul li { width:169px; height:18px; padding:6px 7px 0 8px; margin-bottom:-2px; _margin-bottom:-3px } #Lside #mania ul li.colBg { background-color:#F5FAF0; } #Lside #mania ul li a { float:left; display:inline; width:118px; padding-left:20px; } #Lside #mania ul li span { float:left; display:inline; color:#86BA5A } #Lside #mania ul li .first { background:url(../img/main/lank_01.gif) left 2px no-repeat; } #Lside #mania ul li .second { background:url(../img/main/lank_02.gif) left 2px no-repeat; } #Lside #mania ul li .third { background:url(../img/main/lank_03.gif) left 2px no-repeat; } #Lside #mania ul li .fourth { background:url(../img/main/lank_04.gif) left 2px no-repeat; } #Lside #mania ul li .fifth { background:url(../img/main/lank_05.gif) left 2px no-repeat; } /* #Lside #shopping { position:relative; width:189px; height:122px; background:url(../img/main/shopping_bg.gif) left top no-repeat; } #Lside #shopping a { position:absolute; bottom:13px; right:10px; } */ #center { float:left; display:inline; width:466px; } #center #campaign { position:relative; width:466px; height:150px; margin-bottom:15px; } #center #talk { width:448px; height:130px; padding-left:15px; line-height:16px; /* background:url(../img/main/talk_bg.gif) left top no-repeat; */ } #center #talk li { padding-left:13px; /* background:url(../img/main/bullet_dot_01.gif) left 5px no-repeat; */} #center #talk li a:link , #center #talk li a:visited { color:#444; text-decoration:none; } #center #talk li a:hover { color:#444; text-decoration:underline; font-weight:bold; } #center #talk li a:active { color:#444; text-decoration:underline; } #center #talk li p { float:left; display:inline; } #center #talk li span { float:right; display:inline; font-size:90%;} #center #centerBottom { width:448px; height:150px; margin-left:4px; margin-top:5px; background:url(../img/main/bottom_content_bg.gif) left top no-repeat; } /* #center #centerBottom #story { position:relative; width:448px; height:136px; margin-bottom:8px; _margin-bottom:7px; background:url(../img/main/story_bg.gif) left top no-repeat; } #center #centerBottom #story dl { position:relative; width:185px; } #center #centerBottom #story dl.first { position:absolute; top:53px; left:21px; } #center #centerBottom #story dl.second { position:absolute; top:53px; left:247px; } #center #centerBottom #story dl dt { float:left; display:inline; width:71px; height:50px; margin-right:10px; padding:2px 0 0 2px; background:url(../img/main/thumb_bg03.gif) left top no-repeat; } #center #centerBottom #story dl dd { float:left; display:inline; font-size:95%; line-height:16px; } #center #centerBottom #story dl dd h5 { color:#444; margin-bottom:5px; } */ #center #centerBottom #pic { position:relative; margin-top:20px; } #center #centerBottom #pic .picTl { margin:0 0 5px 22px; _margin-bottom:7px; } #center #centerBottom #pic .more { position:absolute; top:8px; right:16px; } #center #centerBottom #pic .picArea { position:relative; width:405px; height:96px; padding:25px 0 0 42px; background:url(../img/main/pic_bg.gif) left top no-repeat; } #center #centerBottom #pic .picArea .left { position:absolute; top:52px; left:15px; width:17px; height:18px; } #center #centerBottom #pic .picArea .right { position:absolute; top:52px; right:15px; width:17px; height:18px; } #center #centerBottom #pic .picArea dl { width:78px; float:left; display:inline; margin-right:16px; } #center #centerBottom #pic .picArea dl dt{ width:76px; height:54px; padding:1px 0 0 2px; margin-bottom:8px; background:url(../img/main/thumb_bg04.gif) left top no-repeat; } #center #centerBottom #pic .picArea dl dd { text-align:center; } #Rside { float:left; display:inline; width:215px; } #Rside #magazine { position:relative; height:154px; margin-bottom:3px; background:url(../img/main/magazine_bg.gif) left top no-repeat;} #Rside #magazine .thumb { position:absolute; top:14px; left:15px; } #Rside #magazine p { position:absolute; top:20px; left:102px; width:100px; height:120px; line-height:15px; letter-spacing:-1px; } #Rside #magazine p span { font-size:110%; font-weight:bold; color:#646D62; } #Rside #magazine p img { margin-bottom:3px; } #Rside #magazine p a:link , #magazine p a:visited { color:#9A9A9A; text-decoration:none; } #Rside #magazine p a:hover , #magazine p a:active { color:#9A9A9A; text-decoration:underline; } #Rside #rightBottom { width:204px; height:313px; padding:9px 5px 0 6px; background:url(../img/main/right_bottom_bg2.gif) left top no-repeat; } #Rside #imagin .tl { position:relative; width:204px; height:27px; margin-bottom:10px; background:url(../img/main/imag_tl.gif) left top no-repeat; } #Rside #imagin p a { position:absolute; top:8px; right:14px; } #Rside #imagin .listTl { font-size:95%; color:#3C8100; font-weight:bold; letter-spacing:-1px; margin:0 0 7px 15px; } #Rside #imagin ul { margin:0 0 10px 7px; line-height:15px; } #Rside #imagin ul li { padding-left:13px; background:url(../img/main/bullet_dot_02.gif) left 5px no-repeat; } #Rside #imagin ul li a:link , #imagin ul li a:visited { color:#9A9A9A; text-decoration:none; } #Rside #imagin ul li a:hover { color:#9A9A9A; font-weight:bold; text-decoration:underline; } #Rside #imagin ul li a:active { color:#9A9A9A; text-decoration:underline; } #Rside #mission { margin-bottom:10px; } #Rside #mission .tl { position:relative; width:205px; height:27px; margin-bottom:10px; background:url(../img/main/mission_tl.gif) left top no-repeat; } #Rside #mission .tl a { position:absolute; top:8px; right:14px; } #Rside #mission .move { position:relative; height:16px; padding-top:1px; margin-bottom:10px; text-align:center; font-weight:bold; letter-spacing:-1px; } #Rside #mission .move a:link , #Rside #mission .move a:visited { color:#9A9A9A; text-decoration:none; } #Rside #mission .move a:hover , #Rside #mission .move a:active { color:#9A9A9A; text-decoration:underline; } #Rside #mission .move a.left { position:absolute; height:18px; top:0; left:0; } #Rside #mission .move a.right { position:absolute; height:18px; top:0; right:0; } #Rside #mission .thumb { margin-left:6px; } #Rside #mission .thumb dl { float:left; display:inline; width:91px; margin-right:8px; } #Rside #mission .thumb dl dt { margin-bottom:6px; } #Rside #mission .thumb dl dt img { border:1px solid #C1C5C1; } #Rside #mission .thumb dl dd { text-align:center; } #bannerSide { position:absolute; display:inline; margin-left:7px; width:92px; } #bannerSide .quick { width:92px; height:262px; margin-bottom:10px;} #bannerSide .bannerZone { margin-left:6px; } #bannerSide .bannerZone a { display:block; } #footer {position:relative; width:975px; height:110px; margin:0 auto;} #footer .ftImg {position:absolute; top:0; left:0; z-index:10;} #footer .familySiteImg {position:absolute; top:0; right:30px; z-index:10; height:20px; } #footer .ftCopy {position:absolute; top:22px; right:30px; z-index:10;} #footer .fs {position:absolute; right:5px; bottom:108px; z-index:10; border:1px solid #e1dbce; font-size:11px; color:#a38f66; letter-spacing:-1px; width:124px; height:90px; overflow:auto; overflow-x:hidden; background:#ffffff; padding:7px; scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#a38f66; } #footer .fs a {display:block; color:#a38f66; margin-bottom:5px;}