@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;}

#content p.txtbtn {padding:5px; float:right;}
.board .inputText {border:1px solid #e1e1e1; padding:3px 4px 3px 4px; height:12px; font-family:돋움;}
.inputText {border:1px solid #e1e1e1; padding:2px 4px 2px 4px; height:12px; font-family:돋움;}
.searchArtist {position:relative; width:750px; margin:0 5px 0 0; background:url(../../images/Common/bg_box_bottom.gif) left bottom no-repeat;}
.searchArtist dl {overflow:hidden; width:750px; background:url(../../images/Common/bg_box_top.gif) left top no-repeat;}
.searchArtist dt {float:left; width:68px; margin:1px 0 0 1px; padding:5px 0 4px 16px; font-weight:bold; background:#fcfcfc url(../../images/Common/icn_navi.gif) 0.7em center no-repeat; border-top:1px dotted #dfdfdf;}
.searchArtist dt.last {padding-bottom:1px; clear:both;}
.searchArtist dd.last {padding-bottom:8px;}
.searchArtist dd {float:left; width:647px; margin:1px 1px 0 0; padding:5px 8px 4px 8px; background:url(../../images/Common/bg_dotright.gif) left top repeat-y; border-top:1px dotted #dfdfdf;}
.searchArtist dd.half {float:left; width:272px;}
.searchArtist dd a {color:#5b5b5b; padding:2px 5px 1px 5px; margin:0 2px;}
.searchArtist dd a:hover, .searchArtist dd a:focus, .searchArtist dd a.choice {color:#fff; background-color:#000;}
.resultArtist {clear:both; position:relative;}
.boardinformation {padding:3px 0 5px 0;}
.boardinformation span {padding-left:20px;}
.boardinformation span strong {color:#ff1e00;}
.detailArtist {height:70px; background:url(../../images/Common/bg_detail.gif) left bottom no-repeat;}
.detailArtist p {overflow:hidden; padding:10px; margin:0;}
.detailArtist a {display:block; float:left; display:inline; width:16px; height:16px; line-height:17px; text-align:center; margin:4px; padding:0; background:url(../../images/Common/icn_detail.gif) no-repeat; font-weight:bold; color:#fff;}
.detailArtist a:hover, .detailArtist a:focus, .detailArtist a.choice {background:url(../../images/Common/icn_detail_over.gif) no-repeat;}
.detailArtist a.number {display:block; float:left; display:inline; width:30px; height:16px; line-height:17px; text-align:center; margin:4px; padding:0; background:url(../../images/Common/icn_detail1.gif) no-repeat; font-weight:bold; color:#fff;  margin-right:350px;}
.detailArtist a.number:hover, .detailArtist a.number:focus {background:url(../../images/Common/icn_detail1_over.gif) no-repeat;}
.detailArtist a.eng {clear:both;}
.resultArtist ul {overflow:hidden; padding:15px 0 20px 12px; border-bottom:1px solid #ccc;}
.resultArtist ul li {float:left; width:180px; padding:2px 0;}
.resultArtist ul li a {color:#474843;}

/* 인덱스 */
#location.index {position:absolute; clear:both; right:4px; top:0; color:#5a6083;}
#content h2.artistindex {padding:0 0 10px 0; margin-top:-5px; font:bold 1.25em "나눔고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#418e00;  background:none;}
.artister {position:relative; overflow:hidden; min-height:140px; margin:3px; padding:10px 35px 43px 224px; background:#fff url(../../images/Artist/bg_bookD.gif) repeat-y;}
.artister p.picture {position:absolute; left:34px; top:10px;}
.artister p.btnL {position:absolute; left:5px; top:90px;}
.artister p.btnR {position:absolute; right:5px; top:90px;}
.artister p.btn {position:absolute; right:45px; top:35px;}
.artister p.picture img {border:4px solid #e9e9e9;}
.artister dl.artisterinfo {overflow:hidden; clear:both; padding:0; margin:0 0 0 0; min-height:0;}
.artister h3 {float:left; background-color:#f5f5f5; padding:6px 5px 5px 5px; margin-top:15px; font:bold 1.2em "나눔고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#0d53a4;}
.artister dl.artistertop {overflow:hidden; padding:6px 5px 6px 15px; margin-top:15px; background-color:#f5f5f5;}
*+html .artister dl.artistertop {margin-top:25px;}
.artister dl.artistertop dd {float:left; padding-right:7px;}
.artister dl.artisterinfo {padding:0 5px 5px 5px;}
.artister dl.artisterinfo dt {float:left; width:82px; padding:5px 5px 5px 13px; border-bottom:1px solid #efefef; background:url(../../images/Common/icn_navi.gif) 0.4em 1em no-repeat; font-weight:bold;}
.artister dl.artisterinfo dd {float:left; width:350px; padding:5px 5px 5px 15px; border-bottom:1px solid #efefef; background:url(../../images/Main/bg_dotH.gif) left repeat-y;}
ul.people {overflow:hidden; margin-bottom:30px;}
ul.people li {overflow:hidden; float:left; width:172px; margin:5px 7px 20px 8px; background:url(../../images/Magazine/photo_bg.gif) left top  no-repeat;}
ul.people li img {display:block; padding:10px 0 18px 10px;}
ul.people li a.book {display:block; float:left;;}
ul.people li.full {overflow:hidden; clear:both; width:720px; padding:7px 7px 7px 8px; margin:0; background:url(../../images/Comicinfo/bg_dotG.gif) left bottom repeat-x;}
ul.people li.full a.artist {padding-left:5px; background:url(../../images/Main/icn_dot.gif) left 0.5em no-repeat;}
ul.people li span.con {clear:both; overflow:hidden; display:block; padding-top:5px; padding-right:3px; line-height:1.3em;}






/*상세보기_상단*/
.bookBox {margin:3px 0 20px 0; overflow:hidden; background-color:#8c9bab; border:1px solid #7c8a9a;}
.artistinfo {position:relative; overflow:hidden; margin:3px; padding:20px 22px 22px 274px; background:#fff url(../../images/Comicinfo/bg_bookD.gif) repeat-y;}
.artistinfo h3 {font:bold 1.4em "나눔고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#0d53a4; background-color:#f5f5f5; padding:5px 5px 0 10px;}
.artistinfo dl.artinfo {overflow:hidden; padding:0; margin:-7px 0 0 0; min-height:0; background-color:#f5f5f5;}
.artistinfo dl.artinfo dt {float:left; width:60px; border:none; margin:0; padding:0 0 0 10px; background:none;}
.artistinfo dl.artinfo dd {float:left; width:auto; padding:0 10px 0 0; margin:0; border:none; background:none;}
.artistinfo dl {overflow:hidden; width:100%; margin:0 0 23px 0; min-height:170px;}
*+html .artistinfo dl {overflow:hidden; margin:0 0 13px 0; min-height:165px;}
.artistinfo dt {float:left; display:inline; overflow:hidden; width:90px; 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;}
.artistinfo dt.full {clear:both; overflow:hidden;}
.artistinfo dd {float:left; overflow:hidden; width:220px; height:31px; padding-left:8px; line-height:32px; border-bottom:1px solid #efefef; background:url(../../images/Main/bg_dotH.gif) left repeat-y;}
.artistinfo dd a {line-height:31px;}
.artistinfo dd.full {float:left; overflow:hidden; width:553px; padding-left:8px; height:31px; line-height:32px; border-bottom:1px solid #efefef; background:url(../../images/Main/bg_dotH.gif) left repeat-y;}
.artistinfo dd.full span { float:left; display:block; padding-left:3px; color:#ff7214; height:31px; line-height:32px;}
.artistinfo dd.full img {float:left; padding-top:8px; margin:0;  line-height:32px;}
.artistinfo p.picture {position:absolute; left:22px; top:20px;}
.artistinfo p.picture img {border:4px solid #e9e9e9;}
.artistinfo p.picture span {position:absolute; left:0px; bottom:-25px;}
.artistinfo p.picture span a {display:block; float:left; width:16px; height:16px; padding-left:4px; margin:7px 0 0 0; background:url(../../images/Artist/btn_bgG.gif) no-repeat; font-weight:bold; color:#fff;}
.artistinfo p.picture span a:hover, .artistinfo p.picture span a:focus {display:block; float:left; width:16px; height:16px; padding-left:4px; margin:7px 0 0 0; background:url(../../images/Artist/btn_bgO.gif) no-repeat; font-weight:bold; color:#fff;}

/* 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;}
.basicinfo p.Mbtn {float:right; padding:5px 0 25px 0;}

/* 매거진 */
.magazine {position:relative; overflow:hidden; margin:5px 0 10px 0; border:2px solid #eeeeee; background:url(../../images/Common/bg_quick.gif) left bottom repeat-x;}
.magazine_con {float:right; width:100%;}
.magazine_con .thumb {float:right; width:104px; height:104px; margin:10px 10px 10px 20px; padding:4px; border:1px solid orange;}
.magazine_con p.magazine_ttl {padding:15px 0 10px 0; margin:0 15px 0 15px; font-size:1.2em; font-weight:bold; background:url(../../images/Comicinfo/bg_dotG.gif) left bottom repeat-x; color:#000;}
.magazine_con p.magazine_ttl a {color:#000;}
.magazine_con p.magazine_ttl span.noti {color:#fa602e;}
.magazine_con p.magazine_ttl span.writer {padding-left:15px; font-size:0.8em; font-weight:normal; color:#666;}
.magazine_con p.magazine_info {padding:10px 0 15px 0; margin:0 15px 0 15px; font-size:1em; font-weight:normal;}
*+html .magazine_con p.magazine_info {float:left;}
.magazineList {clear:both; position:relative; overflow:hidden; margin:5px 0 20px 0; border:2px solid #eeeeee; background:url(../../images/Common/bg_quick.gif) left bottom repeat-x;}
.magazineList p.magazineList_ttl {padding:7px 0 5px 0; margin:0 15px 0 15px; font-size:1em; font-weight:normal; color:#000;}
.magazineList p.magazineList_info {padding:0 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;}
.magazineList p.magazineList_ttl span.noti {color:#139068;}
.magazineList p.magazineList_ttl span.writer {padding-left:15px; font-size:1em; font-weight:normal; color:#666;}

/* 관련기사 */
.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;}

/* 인명등록신청 */
#content .subtitlecom {padding:25px 0 26px 0; color:#7e7e7e; background:url(../../images/Common/bg_title.gif) left top repeat-x;}
#content .subtitlecom span {font-weight:bold; color:#139068;}
.boardWrite caption.title { visibility:visible; height:30px; line-height:30px; width:100%; font-size:1em; font-weight:bold; background-color:#f3f3f3; border-top:2px solid #606060;}
.boardWrite table.ask {width:100%; table-layout:fixed; 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:100px; margin:10px 0 10px 0; padding:5px; background-color:#fbfbfb;}
.pop_search ul li {padding:2px 0;}
.pop_search ul.artist {overflow:auto; height:100px; margin:10px 0 10px 0; padding:5px; background-color:#fbfbfb;}
.pop_search ul.artist li {float:left; width:140px; padding:2px 0;}
.zippost {overflow:auto; width:460px; height:150px; margin:10px 0; border:1px solid #e1e1e1;}
.zippost table {overflow:auto; height:120px; width:100%;}
.zippost th {height:25px; background-color:#efefef;}
.zippost th.zip {width:25%;}
.zippost td {text-align:center; height:25px; background:url(../../images/Comicinfo/bg_dotG.gif) left top repeat-x;}
table.result {width:100%;}
table.result th {width:25%; height:25px; text-align:left; padding-left:10px; background-color:#efefef; border:1px solid #fff;}
table.result td {height:25px; text-align:left; padding-left:10px; background-color:#fbfbfb; border:1px solid #fff;}



/*기관정보*/
.searchnetwork {position:relative; width:750px; margin:0 5px 20px 0; background:url(../../images/Common/bg_box_bottom.gif) left bottom no-repeat;}
.searchnetwork dl {overflow:hidden; width:750px; background:url(../../images/Common/bg_box_top.gif) left top no-repeat;}
.searchnetwork dt {float:left; width:68px; margin:1px 0 0 1px; padding:11px 0 4px 16px; font-weight:bold; background:#fcfcfc url(../../images/Common/icn_navi.gif) 0.7em 1.4em no-repeat; border-top:1px dotted #dfdfdf;}
.searchnetwork dt.last {padding-top:11px; clear:both;}
.searchnetwork dd.last {padding-bottom:11px; padding-top:10px;}
.searchnetwork dd label{margin-right:3px;}
.searchnetwork dd {float:left; width:647px; margin:1px 1px 0 0; padding:8px 8px 7px 8px; background:url(../../images/Common/bg_dotright.gif) left top repeat-y; border-top:1px dotted #dfdfdf;}

.network {clear:both; border-top:2px solid #606060;}
.network dl {border-bottom:1px solid #efefef; padding:10px 0;}
.network dt {float:left; padding:0 7px 0 0; color:#139068;}
.network dd a {padding:2px 15px 0 0; margin-right:15px; background:url(../../images/Common/icn_blank.gif) right 0 no-repeat;}