@charset "utf-8";
@import url(board.css);



#content h3 {margin:10px 0 5px 5px; color:#000; font:bold 1.2em "나눔 고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;}
#content h4 {margin:10px 0 5px 5px; color:#ff7214; font:bold 1.1em "돋움", Dotum, "굴림", Gulim, Sans-serif;}
#content p.Tcoment {padding-left:5px;}
.inputText {border:1px solid #e1e1e1; padding:2px 4px 4px 4px; height:12px; font-family:돋움;}

/*인덱스*/
#location.index {position:absolute; clear:both; right:4px; top:0; color:#5a6083;}
.popup {float:left; width:249px; margin:40px 17px 3px 0;}
.popup span {display:block; height:19px; margin-top:2px; background-color:#d6d6d6;}
.popup span a {display:block; float:left; width:19px; height:19px; margin-right:2px; text-align:center; background-color:#474843; color:#fff;}
.popup span a:hover {background-color:#fa602e;}
.popup span a:focus {background-color:#fa602e;}
.article-notice {position:relative; float:left; width:230px; margin:40px 19px 3px 0;}
.article-news {position:relative; float:left; width:230px; margin:40px 0 3px 0;}
#content .article-notice h2, #content .article-news h2 {width:230px; padding:0 0 5px 0; margin:0; background:url(../../images/Main/bg_line.gif) left bottom repeat-x;}
.article-notice h2 img{padding-bottom:7px;}
.article-notice ul, .article-news ul {margin:7px 0 19px 0;}
.article-notice ul li, .article-news ul li {padding:2px 0 1px 10px; line-height:1.3; background:url(../../images/Main/icn_dot.gif) 0.2em 0.8em no-repeat;}
.article-notice ul li a, .article-news ul li a, .sell ul li a, .buy ul li a {color:#666;}
.article-notice ul li a:hover, .article-news ul li a:hover, .sell ul li a:hover, .buy ul li a:hover {color:#418e00;}
.article-notice ul li a img, .article-news ul li a img {vertical-align:top; padding-left:3px;}
.article-notice ul li.newNoti, .article-news ul li.newNoti {font-weight:bold; min-height:70px; min-height:79px; height:76px; padding:0 5px 10px 5px; background:url(../../images/Common/bg_dotG.gif) left bottom repeat-x;}
.article-notice ul li.firstNoti, .article-news ul li.firstNoti {margin-top:10px;}
.article-news ul li span {color:#c66c43;}
.article-notice ul li.newNoti span, .article-news ul li.newNoti span {font-weight:normal; padding-top:7px; background:none; display:block;}
.article-notice ul li.newNoti span a, .article-news ul li.newNoti span a {color:#8f8f8f;}
.article-notice p.btn, .article-news p.btn {position:absolute; top:3px; right:3px;}

/*중고장터인덱스*/
.marketindex {overflow:hidden; float:left; width:748px; margin-top:13px; background:#d6d6d6 url(../../images/Community/bg_market.gif) 1em top no-repeat; border:1px solid #acacac;}
#content .marketindex h2 {padding:0; margin:0; background:none;}
#content .marketindex h2 img {padding:10px 0 0 62px;}
.marketindex .sell {float:left; display:inline; position:relative; width:368px; margin:13px 0 4px 4px; border:1px solid #c3c3c3;  border-right:1px solid #fff; background:#fff url(../../images/Community/bg_sell.gif) left 3em no-repeat;}
.marketindex .buy {float:left; display:inline; position:relative; width:368px; margin:13px 4px 4px 0; border:1px solid #c3c3c3; background:#fff url(../../images/Community/bg_buy.gif) left 3em no-repeat;}
#content .marketindex .sell h3, #content .marketindex .buy h3 {margin:0; padding:20px 0 10px 24px;}
.marketindex .sell ul, .marketindex .buy ul {width:227px; min-height:121px; margin:0 0 0 122px; padding-bottom:10px;}
.marketindex .sell ul li, .marketindex .buy ul li {padding:2px 0 1px 10px; background:url(../../images/Main/icn_dot.gif) 0.2em 0.8em no-repeat;}
.marketindex .sell ul li.newNoti, .marketindex .buy ul li.newNoti {font-weight:bold; padding:0 5px 5px 5px; background:url(../../images/Common/bg_dotG.gif) left bottom repeat-x;}
.marketindex .sell ul li.firstNoti, .marketindex .buy ul li.firstNoti {margin-top:10px;}
.marketindex .sell ul li.newNoti span, .marketindex .buy ul li.newNoti span {padding-top:7px; min-height:36px; color:#c66c43; font-weight:normal; display:block;}/*height값 어쩌나*/
.marketindex .sell ul li.newNoti span a, .marketindex .buy ul li.newNoti span a {color:#8f8f8f;}
.marketindex .sell p.btn, .marketindex .buy p.btn {position:absolute; top:23px; right:22px;}

/*만화구인인덱스*/
.comicJob {float:left; display:inline; position:relative; width:363px; margin:22px 20px 0 0;}
#content .comicJob h2, #content .comicSeek h2 {width:363px; padding:0 0 5px 0; margin:0; background:url(../../images/Main/bg_line.gif) left bottom repeat-x;}
.comicJob ul, .comicSeek ul {margin:7px 0 19px 0;}
.comicJob ul li, .comicSeek ul li {padding:2px 0 1px 10px; line-height:1.3; background:url(../../images/Main/icn_dot.gif) 0.2em 0.8em no-repeat;}
.comicJob ul li a, .comicSeek ul li a {color:#666;}
.comicJob ul li a:hover, .comicSeek ul li a:hover {color:#418e00;}
.comicJob ul li.newNoti, .comicSeek ul li.newNoti {overflow:hidden; min-height:65px; padding:0 5px 10px 5px; background:url(../../images/Common/bg_dotG.gif) left bottom repeat-x;}
.comicJob ul li.newNoti a, .comicSeek ul li.newNoti a {display:block; width:350px; padding-bottom:5px; font-weight:bold;}
.comicJob ul li span.newcon a, .comicSeek ul li span.newcon a {color:#8f8f8f;}
.comicJob ul li span.newcon a, .comicSeek ul li span.newcon a {display:block; font-weight:normal;}
.comicJob ul li.firstNoti, .comicSeek ul li.firstNoti {margin-top:10px;}
.comicJob ul li span a, .comicSeek ul li span a {float:left; display:inline; width:284px;}
.comicJob p.btn, .comicSeek p.btn{position:absolute; top:3px; right:5px;}
.comicSeek {float:left; display:inline; position:relative; width:363px; margin:22px 0 0 0;}


/*텝*/
.tab {height:31px; margin-bottom:15px;}
.tab a {display:block; float:left; width:100px; height:31px; line-height:32px; padding-right:10px; color:#676767; font-weight:bold; text-align:center; background:url(../../images/Community/bg_tab.gif) no-repeat;}
.tab a:hover, .tab a:focus {color:#fa602e; background:url(../../images/Community/bg_tab_over.gif) no-repeat;}
.tab a.choice {color:#fa602e; background:url(../../images/Community/bg_tab_over.gif) no-repeat;}

/*게시판_중고장터*/
.boardList tr td.sell {color:#c66c43;}
.boardList tr td.buy {color:#418e00;}
.boardReadheader dd.titleFull a span {font-weight:normal;}

.boardWrite table {width:100%; table-layout:fixed; border-top:2px solid #606060;}
.boardEntry {border:4px solid #e4e4e4;}
.boardEntry table td a input {padding-left:5px;}
.boardEntry table td{width:485px;}
.boardEntry table td.photo{width:153px; text-align:center; background:url(../../images/Common/bg_entryphoto.gif) repeat-y; border-left:1px solid #e8e8e8;}
.boardEntry table td div.entrysearch{margin:10px 0; background-color:#fbfbfb;}
.boardEntry table td div.entrysearch span{color:#4b4b4b;}

/*메타블로그*/
.blog {overflow:hidden; width:100%; margin-top:8px; border-top:2px solid #606060;}
.blog dl {float:left; display:inline; width:745px; margin:15px 0 0 2px; padding:0; background:url(../../images/Common/bg_dotG.gif) left bottom repeat-x;}
.blog dt {float:left; display:inline; width:745px; margin:0 0 0 0px; padding:0; letter-spacing:1px; font:bold 1.3em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;}
.blog dt a{padding-right:2px; color:#418e00; font-weight:bold;}
.blog dd {padding:0 0 10px 0;}
.blog dd.blogcon {width:745px; margin:0 0 0 0px; padding:10px 0 15px 0; color:#000; line-height:1.4; background:url(../../images/Common/bg_dotlineO.gif) left top repeat-x;}
.blog dd span {padding:0 8px 0 8px; background:url(../../images/Common/icn_writer.gif) no-repeat; color:#4a4a4a;}
.blog dl dd.img {margin:0; padding:0; background:none;}
.blog dd.img img {float:right; margin:0px 8px 0 0;}

.blogWrite {overflow:hidden; width:100%; margin-top:8px; border-top:2px solid #606060; border-bottom:1px solid #ccc;}
.blogWrite dl { width:100%;}
.blogWrite dt {float:left; display:inline; width:100px; padding:10px; font-weight:bold; text-align:right; border-top:1px solid #efefef; background:#fbfbfb url(../../images/Common/bg_dotline.gif) right top repeat-y;}
.blogWrite dd {float:left; display:inline; width:610px; padding:10px; border-top:1px solid #efefef;}
.blogWrite .inputText {border:1px solid #e1e1e1; height:12px; font-family:돋움;}
.blogWrite .inputFile {border:1px solid #e1e1e1; height:18px; font-family:돋움;}

/*답변보기*/
.question {background-color:#fafafa; padding:10px 10px 10px 10px; margin-bottom:10px;}
.question span {display:block; padding-bottom:5px; font-weight:bold; color:#fa602e;}
.reply {padding:0 10px 0 10px;}
.reply span {display:block; padding:0 10px 5px 0; font-weight:bold; color:#b36926;}
.reply img {vertical-align:top;}

/*뉴스레터신청*/
.newsletter {position:relative; width:638px; margin:0 5px 20px 55px; background:url(../../images/Common/bg_boxbottom.gif) left bottom no-repeat;}
.newsletter p.ttl {width:638px; height:78px; background:url(../../images/Common/bg_boxtop.gif) left top no-repeat;}
.newsletter p.ttl img {position:absolute; left:45px; top:33px;}
.newsletter p.coment{padding:0; margin:0 5px 20px 45px; font-size:1.1em;}
.newsletter p.coment span{font:bold 1.2em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#418e00;}

.letterWrite {overflow:hidden; width:545px; margin:0 auto; border-top:2px solid #606060; border-bottom:1px solid #ccc;}
.letterWrite dl {width:545px; border-bottom:1px solid #ccc;}
.letterWrite dt {float:left; display:inline; width:100px; padding:10px; font-weight:bold; text-align:right; background:url(../../images/Common/bg_dotline.gif) right top repeat-y; border-top:1px solid #efefef;}
.letterWrite dd {float:left; display:inline; width:400px; padding:10px; border-top:1px solid #efefef;}

/* 랭킹센터 */
.lankingwrap {overflow:hidden; float:left; width:357px; margin-right:16px; position:relative;}
#content h3.lank{margin-bottom:8px; padding:0; color:#418e00; font:bold 1.2em "나눔 고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;}
.booklank {float:left; display:inline; width:357px; margin-right:20px; background-color:#d4d4d4; border:1px solid #bababa;}
.booklank .lanking {width:350px; margin:3px; background-color:#fff;}
.lanking dl {width:350px; margin:0 0 5px 0; padding:0 0 15px 0; background:url(../../images/Community/bg_lank.gif) left bottom repeat-x;}
.lanking dt {float:left; display:inline; width:182px; margin:0 0 0 150px; padding:10px 0 0 0; letter-spacing:1px;}
.lanking dt a{padding-right:2px; color:#000; font-weight:bold;}
.lanking dd {padding:0 0 2px 0;}
.lanking dd.blogcon {width:182px; margin:0 0 0 150px; padding:0; color:#777; line-height:1.4;}
.lanking dd.blogcon a {width:182px; margin:0; padding:0; color:#777; line-height:1.4;}
.booklank dd.img img {float:left; padding:0; margin:-20px 8px 0 10px;}
.booklank dd.star img {margin:-16px 5px 0 0; padding:5px 0 0 0;}

.lanking dl.book {width:350px; margin:0 0 5px 0; padding:0 0 13px 0; background:url(../../images/Community/bg_lank.gif) left bottom repeat-x;}
.lanking dl.book dt {float:left; display:inline; width:250px; margin:0 0 0 83px; padding:10px 0 0 0; letter-spacing:1px;}
.lanking dl.book dt a{padding-right:2px; color:#000; font-weight:bold;}
.lanking dl.book dd {padding:0 0 2px 0;}
.lanking dl.book dd.blogcon {width:250px; margin:0 0 0 83px; padding:0; color:#777; line-height:1.4;}
.lanking dl.book dd.blogcon a {width:250px; margin:0; padding:0; color:#777; line-height:1.4;}
.booklank dl.book dd.img img {float:left; padding:0; margin:-25px 8px 0 10px; width:57px; height:88px;}
.booklank dl.book dd.star img {margin:-16px 5px 0 8px; padding:5px 0 0 0;}


.lanking ol {width:315px; padding:10px 0 5px 5px;}
.lanking ol li{position:relative; overflow:hidden; width:315px; padding:0 0 4px 30px;}
.lanking ol li a {color:#666;}
.lanking ol li.num1 a {color:#ff5c01;}
.num1 {background:url(../../images/Common/icn_rank1.gif) 0.5em 0.1em no-repeat;}
.num2 {background:url(../../images/Common/icn_rank2.gif) 0.5em 0.1em no-repeat;}
.num3 {background:url(../../images/Common/icn_rank3.gif) 0.5em 0.1em no-repeat;}
.num4 {background:url(../../images/Common/icn_rank4.gif) 0.5em 0.1em no-repeat;}
.num5 {background:url(../../images/Common/icn_rank5.gif) 0.5em 0.1em no-repeat;}
.num6 {background:url(../../images/Common/icn_rank6.gif) 0.5em 0.1em no-repeat;}
.num7 {background:url(../../images/Common/icn_rank7.gif) 0.5em 0.1em no-repeat;}
.num8 {background:url(../../images/Common/icn_rank8.gif) 0.5em 0.1em no-repeat;}
.num9 {background:url(../../images/Common/icn_rank9.gif) 0.5em 0.1em no-repeat;}
.num10 {background:url(../../images/Common/icn_rank10.gif) 0.5em 0.1em no-repeat;}

.artistlank {float:left; width:357px; background-color:#d4d4d4; border:1px solid #bababa;}
.artistlank .lankingR {overflow:hidden; width:350px; margin:3px; background-color:#fff;}
.artistlank p.img {float:left; padding:5px; border-right:2px solid #cbc9ca;}
.artistlank p.lank {float:right; width:215px; padding:10px 5px 5px 0; margin:0; font-weight:bold;}
.artistlank p.lank span {padding-left:10px; font-weight:normal;}
.lankingR ol {float:left; width:225px; padding:10px 0 5px 5px;}
.lankingR ol li{float:left; overflow:hidden; width:80px; height:18px; padding:0 0 4px 30px;}
.lankingR ol li a {color:#666;}
.lankingR ol li.num1 a {color:#ff5c01;}

.codiclank {float:left; width:357px; background-color:#d4d4d4; border:1px solid #bababa;}
.codiclank .lankingcodic {overflow:hidden; width:350px; margin:3px; background-color:#fff;}
.codiclank ol {float:left; width:357px; padding:10px 0 12px 5px;}
.codiclank ol li{float:left; overflow:hidden; width:138px; height:18px; padding:0 0 4px 30px;}
.codiclank ol li a {color:#666;}
.codiclank ol li.num1 a {color:#ff5c01;}

.reviewlank {float:left; display:inline; width:357px; margin-right:20px; background-color:#d4d4d4; border:1px solid #bababa;}
.reviewlank .lanking {width:350px; margin:3px; background-color:#fff;}
.reviewlank dt a {overflow:hidden; display:block; height:30px; line-height:1.2em; margin-bottom:2px;}
.reviewlank dd.img {float:left; display:inline; padding:5px 0; margin:-45px 8px 0 10px;}
.reviewlank dd.img img {width:120px; height:80px;}


.lanking ol {width:315px; padding:10px 0 5px 5px;}
.lanking ol li{position:relative; overflow:hidden; width:315px; padding:0 0 4px 30px;}
.lanking ol li a {color:#666;}

.lankingwrapper {overflow:hidden; float:left; width:735px; position:relative;}
.etclank {float:left; display:inline; width:733px; background-color:#d4d4d4; border:1px solid #bababa;}
.etclank .lanking {overflow:hidden; width:727px; margin:3px; background-color:#fff;}
.etclank dl {width:727px;}
.etclank dt {width:560px;}
.etclank dt a {overflow:hidden; display:block;}
.etclank dd.blogcon {width:560px;}
.etclank dd.img {float:left; display:inline; padding:5px 0; margin:-26px 8px 0 10px;}
.etclank dd.img img {width:120px; height:80px;}
.etclank dd.star {margin-left:150px;}
.etclank ol li{width:680px;}

/*rss피드*/
.rssfeed {overflow:hidden; margin:0 auto;}
.rssfeed .rss {float:left; display:inline; width:208px; margin:0 16px 45px 20px; background:url(../../images/Community/bg_rssmiddle.gif) left top repeat-y;}
#content h3.comicinfo {width:208px; height:36px; margin:0; padding:10px 0 0 20px; background:url(../../images/Community/bg_rss1.gif) left top no-repeat;}
#content h3.artist {width:208px; height:36px; margin:0; padding:10px 0 0 20px; background:url(../../images/Community/bg_rss2.gif) left top no-repeat;}
#content h3.codic {width:208px; height:36px; margin:0; padding:10px 0 0 20px; background:url(../../images/Community/bg_rss3.gif) left top no-repeat;}
#content h3.magazine {width:208px; height:36px; margin:0; padding:10px 0 0 20px; background:url(../../images/Community/bg_rss4.gif) left top no-repeat;}
#content h3.community {width:208px; height:36px; margin:0; padding:10px 0 0 20px; background:url(../../images/Community/bg_rss5.gif) left top no-repeat;}
.rssfeed .rss ul {padding:0 10px 15px 10px; margin:0; background:url(../../images/Community/bg_rssbottom.gif) left bottom no-repeat;}
.rssfeed .rss ul li {position:relative; overflow:hidden; padding:5px 5px 5px 15px; margin:0; border-bottom:1px solid #efefef; background:url(../../images/Common/icn_arrowG.gif) 0.7em 0.8em no-repeat;}
.rssfeed .rss ul li a {position:absolute; left:155px;}

.boardWrite td img {vertical-align:middle;}

/*팝업*/
.pop {width:500px; background:url(../../images/common/bg_popmiddle.gif) left top repeat-y;}
.pop h3 {height:41px; padding:8px 0 0 15px; font:bold 1.3em "나눔고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#fff; background:url(../../images/common/bg_pop.gif) left top no-repeat;}
.pop_search {overflow:hidden; padding:20px; background:url(../../images/common/bg_popbottom.gif) left bottom no-repeat;}
.pop_search ul {overflow:auto; height:140px; margin:10px 0 10px 0; padding:5px; background-color:#fbfbfb;}
.pop_search ul li {padding:2px 0;}