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


#viewinfo {position:relative; width:970px; margin-bottom:40px; background:url(../../images/Comicinfo/bg_info.gif) -0.9em 1.7em no-repeat;} /* 콘텐츠 레이아웃 수정금지 */
#viewinfo h2.comicttl {margin:0; padding:0 0 7px 23px; background:url(../../images/Common/icn_title_depth1.gif) 0 0em no-repeat;}


/* 인덱스 */
#location.index {position:absolute; clear:both; right:4px; top:0; color:#5a6083;}
#content h2.comicttl {padding:0 0 11px 0; background:none;}
#content p.txtbtn {padding:5px; float:right;}


.inputText {border:1px solid #e1e1e1; padding:1px 4px 2px 4px; font-family:돋움;}
.searchInfo {overflow:hidden; position:relative; border:1px solid #ffc66c; background:url(../../images/Common/bg_quick.gif) left bottom repeat-x;}
.searchInfo p.Coment {position:absolute; left:400px; padding-top:5px; color:#fa602e;}
.searchInfo dt {float:left; width:83px; padding:5px 0; text-align:center; font-weight:bold; background:#fcfcfc url(../../images/Common/icn_navi.gif) 1.2em center no-repeat; border-top:1px dotted #dfdfdf;}
.searchInfo dd {float:left; width:648px; padding:5px 8px; background:url(../../images/Common/bg_dotright.gif) left top repeat-y; border-top:1px dotted #dfdfdf;}
.searchInfo dt.searchF {float:left; width:84px;}
.searchInfo dd.searchF {float:left; width:265px;}
.searchInfo dt.searchS {float:left; width:73px; background:#fcfcfc url(../../images/Common/icn_navi.gif) 0.7em center no-repeat;}
.searchInfo dd.searchS {float:left; width:295px;}
.searchInfo dd.searchS select {padding-left:5px; margin-left:6px;}
.searchInfo dd a {color:#5b5b5b; padding:2px 3px 1px 3px; margin:0 2px;}
.searchInfo dd a:hover, .searchInfo dd a:focus, .searchInfo dd a.choice {color:#fff; background-color:#000;}
.searchInfo dt.first-search {border-top:1px solid #ff9c00; border-left:1px solid #ff9c00;}
.searchInfo dd.first-search { border-top:1px solid #ff9c00; border-right:1px solid #ff9c00;}
.searchInfo dd.full {width:747px; padding:0; margin:0; border-bottom:2px solid #ff9c00; border-left:1px solid #ff9c00; border-right:1px solid #ff9c00; background:none;}
.searchInfo dd.full dt{float:left; width:83px; padding:5px 0; margin:0; font-weight:normal; color:#636363; background:url(../../images/Common/icn_arrowG.gif) 1.4em 0.8em no-repeat;}
.searchInfo dd.full dt.firstS {border:none;}
.searchInfo dd.full dd.firstS {border:none;}
.searchInfo dd.full dd{float:left; width:642px; padding:5px 8px; margin:0;}
.searchInfo dd.full dd a {float:left; color:#5b5b5b; padding:1px 4px 1px 4px;}
*+ html .searchInfo dd.full dd a {float:none;} /*글자 밀리는거*/
.searchInfo dd.full dd a:hover, .searchInfo dd.full dd a:focus, .searchInfo dd.full dd a.choice {color:#fff; background-color:#000;}
.searchInfo dd.full dd a.colorO {color:#418e00; background:none; font-weight:bold;}



.result {clear:both; position:relative;}
.result h3 {padding:5px 0 5px 12px; font-family:돋움; font-size:1em; background-color:#6b7073; color:#fff;}
.result .boardinformation {padding:0 0 7px 3px;}
.result .boardinformation span {padding-left:20px;}
.result .boardinformation span strong {color:#ff1e00;}
.result ul {padding-top:10px; overflow:hidden;}
.result ul li {display:inline; float:left; width:101px; margin:0 11px 15px 13px;}
.result ul li span {display:inline-block; width:101px;}
.result ul li img {display:inline-block; width:93px; height:136px; padding:3px; margin-bottom:5px; border:1px solid #e0e0e0;}
.result ul li img:hover, .result ul li img:focus {border:1px solid #ff8e52;}/* 테스트해보기 */
.result ul li a {font-weight:bold; color:#202020;}
.result p.btn {position:absolute; top:32px; right:10px;}
/* 오늘의신간 */
.todayData {padding:8px 0; background-color:#f9f9f9; border:1px solid #eee; text-align:center;}
.todayData img.year {background:url(../../images/Common/bg_dotBlack.gif) right 1.4em no-repeat;}
.todayData img.day {background:none;}
.todayData img {padding:0 15px 0 5px; background:url(../../images/Common/bg_dotOrange.gif) right 2.3em no-repeat;}

.today {clear:both; position:relative;}
.today ul {padding-top:19px; overflow:hidden;}
.today ul li {display:inline; float:left; width:126px; margin:0 12px 15px 12px; }
.today ul li.height {display:inline; float:left; width:126px; height:240px; margin:0 12px 15px 12px; }
.today ul li span {display:inline; overflow:hidden; width:101px; height:15px; font-weight:bold;}
.today ul li img {display:block; padding:3px; margin-bottom:5px; border:1px solid #e0e0e0;}
.today ul li img:hover, .result ul li img:focus {border:1px solid #ff752a;}
.today ul li a img.icn, .today table a img.icn {border:none; padding:0 0 0 3px; margin:0; display:inline; vertical-align:middle;}
.today ul li a {font-weight:bold; color:#202020; font-weight:normal;}
.today ul li a.writer {display:block; overflow:hidden; height:15px; font-weight:normal; color:#666;}
.today p.btn {position:absolute; top:-27px; right:10px;}

/*출시예정작*/
.boardList td.first-child {color:#418e00;}

/*베스트셀러*/
#content .bestseller h3 {padding:0 0 0 19px; background:url(../../images/Common/icn_h3.gif) 0.4em 0.2em no-repeat;}
.bestseller {overflow:hidden; clear:both;}
.bestseller dl {float:left; display:inline; width:745px; margin:12px 0 0 0; border:2px solid #ececec;}
.bestseller dl.first {float:left; display:inline; width:745px; margin:12px 0 0 0; border:2px solid #ff9c00; background:url(../../images/Comicinfo/bg_best.gif) left bottom repeat-x;}
.bestseller dt {float:left; display:inline; width:595px; margin:5px 0 0 152px;}
.bestseller dt img.number {float:left; margin:10px 0 0 0;}
.bestseller dt a {float:left; display:inline; margin:10px 0 0 5px; color:#418e00; font:bold 1.2em "나눔고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;}
.bestseller dd dl {width:600px; margin:-170px 0 0 145px; border:none;}
.bestseller dd dl dt {float:left; width:61px; margin:0 0 0 15px; padding:0; font-weight:bold;}
.bestseller dd dl dd {float:left; width:510px;}
.bestseller dd dl dt.first-line {padding-top:10px; background:url(../../images/Common/bg_dotG.gif) left top repeat-x;}
.bestseller dd dl dd.first-line {padding-top:10px; background:url(../../images/Common/bg_dotG.gif) left top repeat-x;}
.bestseller dd dl dd.hiddennote {width:530px; display:inline; margin:0 0 0 48px; padding:0 0 10px 0;}
.bestseller dd dl dd.hiddencon {width:570px; display:inline; margin:10px 10px 0 15px; padding:0; color:#7d7d7d;}
.bestseller dl dd.img {float:left; display:inline; width:126px; margin:-45px 12px 10px 12px; height:180px; border:1px solid #dbdbdb; background:none;}
.bestseller dd.img img {float:left; display:inline; padding:4px;}

/*상세보기_상단*/
.bookBox {margin:3px 0 0 0; overflow:hidden; background-color:#d5d5d5; border:1px solid #c3c3c3;}
.bookinfo {position:relative; overflow:hidden; margin:3px; padding:20px 22px 22px 274px; background:#fff url(../../images/Comicinfo/bg_bookD.gif) repeat-y;}
.bookinfo p.medal {float:left; display:inline; width:52px; height:51px; margin:0; padding:0; background-color:#f5f5f5;}
.bookinfo h3 {font:bold 1.4em "나눔고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#418e00; background-color:#f5f5f5; padding:7px 5px 2px 10px;}
.bookinfo h3 span {font-size:0.8em;}
.bookinfo ul {overflow:hidden; padding:0 5px 4px 10px; background-color:#f5f5f5;}
.bookinfo ul li {float:left; display:inline; padding-right:30px;}
 *+html .bookinfo ul li {/*float:left; 공간에서 세로로 보임 */ float:none; display:inline; padding-right:30px;}
.bookinfo dl {overflow:hidden; width:100%; margin:0 0 23px 0; min-height:190px;}
*+html .bookinfo dl {overflow:hidden; margin:0 0 13px 0; min-height:185px;}
.bookinfo dt {float:left; display:inline; overflow:hidden; width:110px; padding-left:13px; height:31px; line-height:32px; background:url(../../images/Common/icn_navi.gif) 0.5em 1.1em no-repeat; border-bottom:1px solid #efefef; font-weight:bold;}
.bookinfo dt.full {clear:both; overflow:hidden;}
.bookinfo dd {float:left; overflow:hidden; width:200px; height:31px; padding-left:8px; line-height:32px; border-bottom:1px solid #efefef; background:url(../../images/Main/bg_dotH.gif) left repeat-y;}
.bookinfo dd a {line-height:31px;}
.bookinfo dd.full {float:left; overflow:hidden; width:533px; padding-left:8px; height:31px; line-height:32px; border-bottom:1px solid #efefef; background:url(../../images/Main/bg_dotH.gif) left repeat-y;}
.bookinfo dd.full span { float:left; display:block; padding-left:3px; color:#ff7214; height:31px; line-height:32px;}
.bookinfo dd.full img {float:left; padding-top:8px; margin:0;  line-height:32px; padding-right:5px;}
.bookinfo p.picture {position:absolute; left:22px; top:20px;}
.bookinfo p.picture img {border:4px solid #e9e9e9;}
.bookinfo p.museum {position:absolute; padding-top:12px;}

/* tab */
.infoTab {clear:both; width:969px; height:32px; margin:20px 0 18px 0; background: url(/images/search/tab_bg.gif) no-repeat top;}
.infoTab ul li {float:left; color:#fff; padding:8px 25px 0 25px; background: url(/images/search/tab_bar.gif) right 0.7em no-repeat;}
.infoTab ul li a {position:relative; padding:5px 10px 10px 10px; color:#fff;}
.infoTab ul li a:hover, .infoTab ul li a:focus {background:#fff; color:#000;}
.infoTab ul li a.choice {background:#fff; color:#000; font-weight:bold;}

/* 기본정보틀 */
#viewinfo h4 {padding:0 0 10px 15px; background:url(../../images/Common/icn_h3.gif) 0 0em no-repeat;}
.basicinfo {position:relative; width:920px; margin:0 auto; margin-bottom:65px;}
.basicinfo p.boardinformation {position:absolute; top:0; right:0;}
.series {position:relative; overflow:hidden; margin:5px 0 20px 0; border:2px solid #eeeeee;}
.series ul {width:820px; margin:0 auto;}
.series p.btnL {position:absolute; left:10px; top:70px;}
.series p.btnR {position:absolute; right:10px; top:70px;}
.series li {float:left; width:101px; padding:10px 8px 10px 8px; text-align:center;}
.series li img {width:93px; height:136px; padding:3px; border:1px solid #e3e3e3;}
.series li span {display:block; padding:0 3px; text-align:left;}
.basicinfo p.conline {padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #e4e4e4;}
.basicinfo p.conlast {padding:0; margin:0;}
.basicinfo p.conlast span {display:block; font-weight:bold;}

/* 캐릭터 */
.character {position:relative; overflow:hidden; margin:5px 0 20px 0; border:2px solid #eeeeee; background:url(../../images/Common/bg_quick.gif) left bottom repeat-x;}
.character_con {float:right; width:100%;}
.character_con .thumb {float:right; width:104px; height:104px; margin:10px 10px 10px 20px; padding:4px; border:1px solid orange;}
.character_con p.character_ttl {padding:15px 0 10px 0; margin:0 15px 0 15px; font-size:1em; font-weight:normal; background:url(../../images/Comicinfo/bg_dotG.gif) left bottom repeat-x; color:#000;}
.character_con p.character_ttl a:hover {color:#0d53a4;}
.character_con p.character_info {padding:10px 0 15px 0; margin:0 15px 0 15px; font-size:1em; font-weight:normal;}
*+html .character_con p.character_info {float:left;}

/* 명대사 list */
.character_con p.character_info span {padding-left:5px;}
.character_con p.character_info span.good {padding:5px 5px 5px 20px; background:url(../../images/Common/icn_good.gif) 0.7em  no-repeat; color:#ff7214;}
.character_con p.character_ttl a {color:#000;}

/* 명대사 view */
.infoView {position:relative; overflow:hidden; margin:5px 0 20px 0; border:2px solid #eeeeee; background:url(../../images/Common/bg_quick.gif) left bottom repeat-x;}
.infoView p.infoTitle {padding:10px 0 10px 0; margin:0 15px 0 15px; font-size:1em; font-weight:normal; background:url(../../images/Common/bg_dotG.gif) left bottom repeat-x;}
.infoView p.infoTitle span {padding-left:5px;}
.infoView p.infoTitle span.good {padding:5px 5px 5px 20px; background:url(../../images/Common/icn_good.gif) 0.7em  no-repeat; color:#ff7214;}
.viewbody {padding:10px 0 10px 0; margin:0 15px 15px 15px;}
.viewbody p {padding:10px 0 20px 0;}
.infoView p.btn {float:right; padding:10px 15px 20px 0;}

/* 댓글 */
.coment {clear:both; width:883px; padding:0; margin:0 15px 18px 15px;}
.comentView p.reply textarea{width:733px; border:1px solid #e1e1e1; padding:5px; line-height:1.2; height:37px; overflow:auto; margin-bottom:5px; font-family:돋움; font-size:1em;}
.coment h5 {padding:0 0 14px 20px; color:#56595c; font-size:1em; background:url(../../images/Common/icn_coment.gif) 0.4em 0.3em no-repeat;}

/* 명대사 write */
.basicinfo h5 img {padding-top:7px; padding-bottom:3px;}
.basicinfo p {padding-bottom:12px;}
.basicinfo p.warning {position:absolute; top:60px; right:10px; color:#ff4343;}
.basicinfo span.warningC {color:#ff4343;}

/* 도서리뷰 view write */
#viewinfo h5.viewTitle {margin:10px 15px -5px 15px; padding:0; font-family:돋움; font-size:1.2em;}
.boardWrite td.star span {float:left; margin-right:20px; color:#ff8400;}
.boardWrite td.star img {padding:0 3px 0 2px;}


/* 쇼핑정보 */
.boardList tr td.notic{padding:0;}
.boardList tr td.notic img {padding-left:2px; padding-right:2px;}
.basicinfo table td div.entrysearch{margin:10px 0; background-color:#fbfbfb;}
.basicinfo table td div.entrysearch span{color:#4b4b4b;}

/* 미리보기 */
.preview {position:relative; padding-bottom:20px; margin:10px 0 45px 0; background:url(../../images/Comicinfo/bg_preview.gif) top center no-repeat; border:1px solid #fff;}
.preview p.btnL {position:absolute; left:0; top:290px;}
.preview p.btnR {position:absolute; right:0; top:290px;}
.preview p.btnLeft {position:absolute; left:41px; top:630px;}
.preview p.btnRight {position:absolute; right:41px; top:630px;}
.preview ul {overflow:hidden; width:890px; margin:0 auto; text-align:center;}
.preview ul li {float:left; display:inline; width:400px; padding:16px 25px 10px 18px;}

/* 미리보기댓글 */
.comentfull {clear:both; width:899px; padding:0; margin:0 15px 18px 36px;}
.comentFull p.reply textarea{width:733px; border:1px solid #e1e1e1; padding:5px; line-height:1.2; height:37px; overflow:auto; margin-bottom:5px; font-family:돋움; font-size:1em;}
.comentfull h5 {padding:0 0 14px 20px; color:#56595c; font-size:1em; background:url(../../images/Common/icn_coment.gif) 0.4em 0.3em no-repeat;}
.comentFull {background-color:#f7f7f7;}
.comentFull dl {width:96%; margin:0 auto; overflow:hidden;}
.comentFull dl dt {float:left; width:15%; padding:5px; color:#000; background:url(../../images/Common/bg_dotG.gif) top repeat-x;}
.comentFull dl dd {float:left; width:82%; padding:5px; background:url(../../images/Common/bg_dotG.gif) top repeat-x;}
.comentFull dl dt.first-child {background:none;}
.comentFull dl dd.first-child {background:none;}
.comentFull dl dd span {color:#949393; padding-left:10px;}
.comentFull p.reply {width:96%; margin:0 auto; padding: 30px 0 10px 0;}
.comentFull p.reply textarea{width:745px; border:1px solid #e1e1e1; padding:5px; line-height:1.2; height:37px; overflow:auto; margin-bottom:5px; font-family:돋움; font-size:1em;}
.comentFull p.reply input {padding-left:5px; vertical-align:top;}

/* 관련기사 */
.media {border-top:2px solid #606060;}
.media p.mediattl {overflow:hidden; padding:15px 0 3px 0; margin:0; border:none; color:#000;}
.media p.mediattl a {padding:2px 15px 0 0; margin-right:15px; background:url(../../images/Common/icn_blank.gif) right 0 no-repeat;}
.media p {padding:0 0 15px 0; margin:0; border-bottom:1px solid #efefef;}

/*원격블로깅*/
.basicinfo h5.bloging {margin:40px 0 9px 0;}
.basicinfo .blogingpattern {overflow:hidden; padding:4px; background:url(../../images/Comicinfo/bg_bloging.gif) repeat;}
.basicinfo .blogingwrap {overflow:hidden; background-color:#fff;}
.basicinfo .blogingwrap ol {width:860px; margin:0 auto; padding-top:12px;}
.basicinfo .blogingwrap ol li {padding:1px 0 1px 7px; background:url(../../images/Common/icn_arrowG.gif) 0 0.7em no-repeat;}
.basicinfo .blogingwrap ol li span{color:#418e00;}
.basicinfo .blogingwrap ol li span.bg {padding:2px; background-color:#000; color:#fff;}
.basicinfo .blogingwrap p.btn {margin:10px 0 10px 25px;}
.basicinfo .blogingwrap p.con {margin:0 0 0 25px;}
.basicinfo .blogingwrap dl {overflow:hidden; margin:0 25px 20px 25px; border-bottom:1px solid #efefef;}
.basicinfo .blogingwrap dt {float:left; width:80px; padding:6px 5px 6px 15px; background-color:#fbfbfb; border-top:1px solid #efefef; font-weight:bold;}
.basicinfo .blogingwrap dd {float:left; width:750px; padding:5px; border-top:1px solid #efefef;}
.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;}


/*게시판*/
.boardList tr td.data {white-space:normal; width:10%;}
.boardList tr td.Title {white-space:normal; text-align:left; width:35%;}
.boardList tr td.TitleComic {white-space:normal; text-align:left; width:30%;}
.boardList tr td.book {white-space:normal; width:12%;}
.boardList tr td.bookj {white-space:normal; width:10%;}
.boardList tr td.tm {white-space:normal; word-break:keep-all; width:11%;}