@charset "utf-8";
@import url(board.css);


/* 칼럼 */
.column {float:left; width:610px;  padding:10px; border-left:7px solid #e6e6e6;}
.column dl {overflow:hidden; width:600px; margin:15px 0 0px 2px; padding:0;}
.column dt a{font-family:"맑은 고딕", "나눔고딕", "돋움"; font-size:1.3em; color:#418e00; font-weight:bold;}
.column dt a:hover{color:#0d53a4;}
.column dt span{font-family:"맑은 고딕", "나눔고딕", "돋움"; font-size:1em;  color:#418e00; font-weight:normal;}
.column dd.img img {float:left; margin:30px 8px 0px 0; padding:0; background:none;}
.column dd.write {display:inline; margin:-217px; padding:0 0 10px 0;}
.column dd.write span {padding:0 5px 0 10px; color:#790000;  background:url(../../images/Common/icn_writer.gif) no-repeat;}
.column dd.blogcon {width:370px;  margin-left:225px; margin-bottom:10px; margin-top:15px; color:#000; line-height:1.4;}
.column dd.blogcon a{color:#666;}
.column dd.blogcon a:hover {color:#0d53a4;}
.column dd a.more {margin-left:8px; padding-left:10px; padding-bottom:0px; color:#fa602e; background: url(/images/common/o_ico.gif) 2px 3px no-repeat;}
.column p.tag {margin-left:210px; margin-top:-55px; padding:20px;}
.column p.tag a {color:#790000;}

/* 리뷰 */
.review{position:relative; float:left; width:297px; padding:10px; border-right:7px solid #e6e6e6;  border-left:8px solid #f0f0f0;}
.review h2 {padding-top:2px; margin-top:4px;}
.review h2.reader {padding:0px; margin-top:11px;}
.review p{position:absolute;  margin-top:-15px; margin-left:250px;}
.review p a{padding-left:10px; padding-bottom:0px; color:#fa602e; background: url(/images/common/o_ico.gif) 2px 3px no-repeat;}
.review  dl {width:290px; margin-bottom:3px; padding-top:10px; }
.review  dt a{width:190px; margin-left:90px; color:#000; font-weight:bold;}
.review  dt a:hover{color:#0d53a4;}
.review  dd {padding:0 0 5px 0;}
.review  dd span.write {margin-left:0px;  padding:0 5px 0 10px; color:#790000;  background:url(../../images/Common/icn_writer.gif) no-repeat;}
.review  dd.blogcon {overflow:hidden; width:190px; height:47px;  padding-bottom:23px; line-height:1.4;}
.review  dd.blogcon a{color:#666;}
.review  dd.blogcon a:hover {color:#0d53a4;}
.review  dd img {float:left;  margin:-23px 10px 0 0; padding:0; background:none;}

/* Categories */
.Categories {float:left; width:947px; height:65px; padding-top:5px; padding-left:20px; border-top:8px solid #f0f0f0; background:url(../../images/Magazine/g_line.gif) 0.5em bottom no-repeat; }
.Categories ul{margin-top:10px;}
.Categories ul li{float:left; padding-left:18px; background: url(/images/common/ico_blet.gif) 0px 1px no-repeat;}
.Categories ul li a {margin-right:40px; font-weight:bold; color:#000;}
.Categories ul li a:hover {color:#0d53a4;}

/* list */
.laylist {float:left; width:617px; padding-left:20px; padding-top:0px; padding-bottom:100px;}

.list {width:600px; padding-top:20px; background:url(../../images/Common/bg_dotG.gif) left top repeat-x;}
.list.first-child {background:none;}
.list dl {overflow:hidden; width:600px; margin:0px;}
.list dt {width:625px; margin-left:162px; padding:0; color:#666;}
.list dt a{color:#000; font-weight:bold; }
.list dt a:hover{color:#0d53a4;}
.list dt span.g{color:#418e00; font-weight:bold; }
.list dt span.r{color:red; font-weight:normal; }
.list dd {padding:0 0 5px 0;}
.list dd span.write {margin:0px; padding:0 5px 0 10px; color:#790000;  background:url(../../images/Common/icn_writer.gif) no-repeat; }
.list dd.blogcon {width:430px; margin-left:162px;  color:#666666; line-height:15px;}
.list dd.blogcon a {color:#666; line-height:15px;}
.list dd.blogcon a:hover {color:#0d53a4;}
.list dd img {float:left; margin:-20px 8px 0 0;}
.list p.tag {margin-left:140px; margin-top:-40px; padding:20px;}
.list p.tag img {vertical-align:middle;}
.list p.tag a {color:#790000;}

/* 메인 left_menu */
.layleft {float:left; height:100%; padding-bottom:40px; border-left:7px solid #f0f0f0;}

/* 메인 menu */
.menu {width:298px; padding:10px 10px 5px 10px; border-bottom:8px solid #f0f0f0; background:url(../../images/Magazine/categorie_bg.gif) top no-repeat;}
.menu h2{height:50px;}
.menu ul {overflow:hidden; width:300px; margin:7px 0 5px 0;}
.menu ul li {float:left; width:150px; padding-top:5px; padding-bottom:3px; border-top:1px solid #e1e1e1;}
.menu ul li.first-child {border:none;}
.menu ul li a {padding:2px 0 1px 23px; color:#666; background:url(../../images//Common/icn_snbdepth2.gif) 5px 2px no-repeat;}
.menu ul li a:hover {color:#000; background:url(../../images//Common/icn_snbdepth2_over.gif) 5px 2px no-repeat;}

/* 메인 게시판 */
.notice {position:relative; width:298px;  padding:10px 10px 0px 10px; border-bottom:8px solid #f0f0f0;}
.notice h2{padding-bottom:5px; border-bottom:1px solid #cccccc;}
.notice ul {margin:7px 0 5px 0;}
.notice ul li {padding:2px 0 1px 10px; line-height:1.3; background:url(../../images/Main/icn_dot.gif) 0.2em 0.8em no-repeat;}
.notice ul li a {color:#666;}
.notice ul li a:hover {color:#0d53a4;}
.notice ul li a img {vertical-align:top; padding-left:3px;}
.notice p.btn a {position:absolute; top:13px; right:10px; padding-left:10px; color:#fa602e; background: url(/images/common/o_ico.gif) 2px 5px no-repeat;}

/* 메인 테그 */
.taglist {width:298px;  padding:10px 10px 5px 10px; border-bottom:8px solid #f0f0f0;}
.taglist h2{padding-bottom:5px; border-bottom:1px solid #cccccc;}
.taglist span {margin-right:9px;}
.taglist span a.style1 {font-size:1em; color:#666; }
.taglist span a.style2 {font-size:1.1em; color:#666;}
.taglist span a.style3 {font-size:1.2em; color:#666; font-weight:bold;}
.taglist span a.style4 {font-size:1em; color:#219cca;}
.taglist span a.style5 {font-size:1.1em; color:#219cca;}
.taglist span a.style6 {font-size:1.2em; color:#219cca; font-weight:bold;}
.taglist span a.style7 {font-size:1em; color:#8821ca;}
.taglist span a.style8 {font-size:1.1em; color:#8821ca;}
.taglist span a.style9 {font-size:1.2em; color:#8821ca; font-weight:bold;}

/*메인 달력 */
.calenderlay {width:298px; padding:10px 10px 15px 10px; background: url(/images/common/bg_title.gif) bottom repeat-x;}
.calender {width:180px; border:1px solid #d0d2d3; margin-bottom:12px; margin: 0 auto; }
.calender h2 {height:25px; padding-top:10px; padding-left:5px; background: url(/images/Magazine/calender_bg.gif) top repeat-x;}
.calender form {padding:10px 0 7px 5px; height:100%; overflow:hidden; background-color:#fff;}
.calender form fieldset {padding-right:2px;}
.dataTable {width:168px; border-collapse:separate; border-spacing:2px; text-align:center; margin:0 auto; background-color:#fff;}
.dataTable th {width:22px; height:20px; line-height:21px; background-color:#696e71; color:#fff;}
.dataTable td {margin:3px 0 0 0; color:#7e7e7e;}
.dataTable td.today a {color:#ff752a; font-weight:bold; text-decoration:underline;}
.dataTable td.update a {color:#0d53a4; text-decoration:underline;}

/* 메인 매거진 아카이브*/
.archivelay {width:298px;  padding:10px 10px 15px 10px;  background: url(/images/common/bg_title.gif) bottom repeat-x;}
.archive {padding:0px 10px 0px 10px; margin-left:50px;}
.archive h2{padding-top:0px; padding-bottom:5px;}
.archive select {width:130px; height:20px;}

/* 서브 left_menu */
.slayleft {float:left; margin-top:15px; margin-left:-7px; padding-bottom:40px; border-left:7px solid #f0f0f0; }

/* 서브 menu */
.smenu {width:168px; padding:10px 10px 5px 10px; border-bottom:8px solid #f0f0f0; background:url(../../images/Magazine/smenu_bg.gif) top no-repeat;}
.smenu h2{height:50px;}
.smenu ul {overflow:hidden; margin:7px 0 10px 0;}
.smenu ul li {padding-top:5px; padding-bottom:3px; border-top:1px solid #e1e1e1;}
.smenu ul li.first-child {border:none;}
.smenu ul li a {padding:2px 0 1px 23px; color:#666; background:url(../../images//Common/icn_snbdepth2.gif) 5px 2px no-repeat;}
.smenu ul li a.on {padding:2px 0 1px 23px; color:#666;  background:url(../../images//Common/icn_snbdepth2_over.gif) 5px 2px no-repeat;}
.smenu ul li a:hover {color:#0d53a4; background:url(../../images//Common/icn_snbdepth2_over.gif) 5px 2px no-repeat;}

/* 서브메뉴 게시판 */
.snotice {position:relative; width:168px; padding:10px 10px 0px 10px; border-bottom:8px solid #f0f0f0;}
.snotice h2{padding-bottom:5px; border-bottom:1px solid #cccccc;}
.snotice ul {margin:7px 0 5px 0;}
.snotice ul li {padding:2px 0 1px 10px; line-height:1.3; background:url(../../images/Main/icn_dot.gif) 0.2em 0.8em no-repeat;}
.snotice ul li a {color:#666;}
.snotice ul li a:hover {color:#0d53a4;}
.snotice ul li a img {vertical-align:top; padding-left:3px;}
.snotice p.btn a {position:absolute; top:13px; right:10px; padding-left:10px; color:#fa602e; background: url(/images/common/o_ico.gif) 2px 5px no-repeat;}


/*서브 태그 */
.staglist {width:168px;  padding:10px 10px 5px 10px; border-bottom:8px solid #f0f0f0;}
.staglist h2{padding-bottom:5px; border-bottom:1px solid #cccccc;}
.staglist .box{width:168px; margin-top:5px;}
.staglist .box span {margin-right:9px;}
.staglist .box span a.style1 {font-size:1em; color:#666; }
.staglist .box span a.style2 {font-size:1.1em; color:#666;}
.staglist .box span a.style3 {font-size:1.2em; color:#666; font-weight:bold;}
.staglist .box span a.style4 {font-size:1em; color:#219cca;}
.staglist .box span a.style5 {font-size:1.1em; color:#219cca;}
.staglist .box span a.style6 {font-size:1.2em; color:#219cca; font-weight:bold;}
.staglist .box span a.style7 {font-size:1em; color:#8821ca;}
.staglist .box span a.style8 {font-size:1.1em; color:#8821ca;}
.staglist .box span a.style9 {font-size:1.2em; color:#8821ca; font-weight:bold;}

/*서브 칼랜다  */
.scalenderlay {width:188px; padding:5px 0px 10px 0px; background: url(/images/common/bg_title.gif) bottom repeat-x; }
.scalender {width:168px; border:1px solid #d0d2d3; margin-bottom:12px; margin: 0 auto; }
.scalender h2 {height:25px; padding-top:10px; padding-left:5px; background: url(/images/Magazine/calender_bg.gif) top repeat-x;}
.scalender form {padding:10px 0 7px 5px; height:100%; overflow:hidden; background-color:#fff;}
.scalender form fieldset {padding-right:2px;}
.sdataTable {width:168px; border-collapse:separate; border-spacing:2px; text-align:center; margin:0 auto; background-color:#fff;}
.sdataTable th {width:22px; height:20px; line-height:21px; background-color:#696e71; color:#fff;}
.sdataTable td {margin:3px 0 0 0; color:#7e7e7e;}
.sdataTable td.today a {color:#ff752a; font-weight:bold; text-decoration:underline;}
.sdataTable td.update a {color:#0d53a4; text-decoration:underline;}


/*서브아카이브*/
.sarchivelay {width:188px;  padding:10px 0px 15px 0px;  background: url(/images/common/bg_title.gif) bottom repeat-x;}
.sarchive {width:188px; padding:0px; margin-left:5px;}
.sarchive h2{padding-top:0px; padding-bottom:5px;}
.sarchive select {width:130px; height:20px;}

/*서브 컨텐츠*/
.subcon {position:relative; float:left; width:727px; margin-top:15px;  padding-right:20px; margin-left:0px; padding-left:20px; padding-bottom:40px; border-right:7px solid #f0f0f0;}
.subcon h2 {height:40px; margin-bottom:15px;  background: url(/images/magazine/g2_line.gif) bottom repeat-x;}
.subcon h2 span.titletag{font-family:"나눔고딕"; font-size:0.8em; color:#666; color:#418e00; font-weight:bold;}
.subcon p.btn a {position:absolute; top:18px; right:20px; padding-left:10px; color:#fa602e; background: url(/images/common/o_ico.gif) 2px 5px no-repeat;}
.subcon .buttonRight {float:none; margin-bottom:25px;}
.subcon span.o{color:#fa602e;}


/*게시판 정렬버튼 이미지*/
.board input.search {margin-right:10px;}
.board .boardListForm td a span.g{color:#108a9b;}
.board .boardListForm td a span.b{color:#0d53a4;}

.boardList tr td.title a {color:#333;}
.boardList tr td.title a:hover {color:#0d53a4;}

/*게시판 태그*/
.btag {width:100%; height:32px; margin-bottom:25px; padding-top:5px; background: url(/images/common/bg_twodotO.gif) repeat-x;}
.btag img {vertical-align:middle;}
.btag a {color:#790000;}

/*관련기사*/
.news {position:relative; width:100%; border:1px solid #e9e9e9; margin-bottom:25px; }
.news h3 { background-color:#f1f1f1;}
.news h3 img {margin-left:10px; padding-top:10px; padding-bottom:10px; }
.news p {position:absolute; top:8px; left:680px; font-size:12px; font-weight:normal;}
.news dl {overflow:hidden; height:35px; background:url(../../images/Common/bg_dotG2.gif) left top repeat-x;}
.news dl.first-child {overflow:hidden; background:none;}
.news dt {float:left; width:610px; padding-top:10px; padding-left:10px;}
.news dt a{color:#4b4b4b;}
.news dt span{color:#ff1e00;}
.news dd {float:left; width:100px; padding-top:10px; padding-bottom:10px;}

/*댓글보기*/
.viewre {position:relative; width:100%; border:1px solid #e9e9e9;}
.viewre h3 { background-color:#f1f1f1;}
.viewre h3 img {margin-left:10px; padding-top:10px; padding-bottom:10px; }
.viewre p.all {position:absolute; top:8px; left:680px; font-size:12px; font-weight:normal;}
.viewre dl {overflow:hidden; background:url(../../images/Common/bg_dotG2.gif) left top repeat-x;}
.viewre dl.first-child {overflow:hidden; background:none;}
.viewre dt {float:left; width:610px; padding-top:10px; padding-bottom:2px; padding-left:10px; color:#000; font-weight:bold;}
.viewre dd {float:left; width:100px; padding-top:10px; padding-bottom:2px; }
.viewre dd.re {float:left; width:700px; padding-top:0px;  padding-bottom:10px; padding-left:10px;}
.viewre dd.re a{color:#4b4b4b;}
.viewre p.reply {width:707px; margin:0 auto; padding: 10px;}
.viewre p.reply textarea{width:595px; border:1px solid #e1e1e1; padding:5px; line-height:1.2; height:37px; overflow:auto;  font-family:돋움; font-size:1em;}
.viewre p.reply input {padding-left:5px; vertical-align:top;}

/*트랙백보기*/

.track {position:relative; width:725px; border:1px solid #e9e9e9; margin-top:25px;}
.track h3 { background-color:#f1f1f1;}
.track h3 img {margin-left:10px; padding-top:10px; padding-bottom:10px; }
.track p.all {position:absolute; top:8px; left:555px; font-size:12px; font-weight:normal;}
.track p.add {padding-left:10px; padding-top:10px; padding-bottom:10px;  font-size:12px; font-weight:normal;}
.track p img {vertical-align:middle;}
.track dl {overflow:hidden; height:100px; background:url(../../images/Common/bg_dotG2.gif) left top repeat-x;}
.track dl.first-child {overflow:hidden; background:none; background:url(../../images/Common/bg_dotlineO.gif) left top repeat-x;}
.track dt {float:left; width:610px; padding-top:10px;  padding-left:10px; color:#000; font-weight:normal;}
.track dd {float:left; width:100px; padding-top:10px;  }
.track dd.add {float:left; width:712px; padding-top:0px;  padding-left:10px;}
.track dd.con {float:left; width:712px; padding-top:0px;  padding-left:10px;}

/*스페셜 이미지게시판*/
.special {width:727px;}
.special dl {overflow:hidden; width:725px; margin:0px; padding-top:10px; padding-bottom:10px; background:url(../../images/Common/bg_dotG.gif) left bottom repeat-x; }
.special dt {width:695px; margin-left:162px; padding:0; color:#666;}
.special dt a{color:#000; font-weight:bold; }
.special dt a:hover{color:#0d53a4;}
.special dt a.normal{color:#000; font-weight:normal; }
.special dt span.g{color:#418e00; font-weight:bold; }
.special dt span.r{color:red; font-weight:normal; }
.special dd {padding:0 0 5px 0;}
.special dd span.write {margin:0px; padding:0 5px 0 10px; color:#790000;  background:url(../../images/Common/icn_writer.gif) no-repeat; }
.special dd span.etc {display:block; float:left; margin-right:10px; padding:0 5px 0 8px; color:#790000; font-weight:normal; background:url(../../images/Common/icn_snbdepth3.gif) 0px 7px no-repeat;}
.special dd span.etc a {color:#790000; }
.special dd span.red {color:red; font-weight:normal; }
.special dd.blogcon {width:560px; margin-left:162px;  color:#666666; line-height:1.4; line-height:16px; }
.special dd.blogcon.line { padding-top:10px; background:url(../../images/Common/bg_dotlineO.gif) left top repeat-x;}
.special dd.blogcon a {color:#666; line-height:15px;}
.special dd.blogcon a:hover {color:#0d53a4;}
.special dd img {float:left; margin:-20px 8px 0 0;}
.special dd img.reader {float:left; margin:-37px 8px 0 0;}

.special dt.power {width:695px; margin-left:120px; padding:0; color:#666;}
.special dd.power img {width:110px; height:161px; margin-right:10px;}
.special dd.powercon{width:580px; margin-left:120px;  color:#666666; line-height:1.4; line-height:16px;}
.special dd.powercon.line { padding-top:10px; background:url(../../images/Common/bg_dotlineO.gif) left top repeat-x;}
.special dd.powercon a {color:#666;}
.special dd.powercon a:hover {color:#0d53a4;}


/* 게시판 보기 기본 */
.pboardRead {width:100%; border-top:2px solid #efefef; border-bottom:1px solid #ccc;}
.pboardReadheader {width:100%;}
.pboardReadheader dl {overflow:hidden; background:url(../../images/Common/bg_th.gif) left bottom repeat-x;}
.pboardReadheader dt {float:left; height:32px; width:60px; padding:0 10px; line-height:34px; font-weight:bold; border-bottom:1px solid #dedede; background:url(../../images/Common/bg_thline.gif) right no-repeat;}
.pboardReadheader dd {float:left; height:32px; width:272px; padding-left:10px; line-height:34px; border-bottom:1px solid #dedede;}
.pboardReadheader dd a {color:#418e00; line-height:32px;}
.pboardReadheader dd.titleFull {width:635px; color:#418e00;  font-weight:bold;}
.pboardReadheader dd.titleFull a {color:#418e00; line-height:34px; font-weight:bold;}
.pboardReadheader dd.tree {float:left; width:152px; line-height:34px;}
.pboardReadbody {clear:both; padding:30px 10px;}
.pboardReadbody p.right {margin-top:20px; text-align:right;}


/* 게시판 보기 기본수정 */
.mboardRead {width:100%; border-bottom:1px solid #ccc;}
.mboardReadheader {width:100%; border:1px solid #c6ced6;}
.mboardReadheader dl {overflow:hidden;}
.mboardReadheader dt {float:left; padding:0 2px 10px 13px;}
.mboardReadheader dd {float:left; padding-left:5px; padding-right:10px;}
.mboardReadheader dd a {color:#418e00; line-height:32px;}
.mboardReadheader dd.titleFull {width:695px; color:#000;  padding-top:10px; padding-left:10px; font-weight:bold; font-family:"맑은 고딕", MalgunGothic, "돋움"; font-size:1.8em; word-spacing:-0.1em; }
.mboardReadheader dd.tree {float:left; padding-right:10px;}
.mboardReadbody {clear:both; padding:10px 10px 20px 10px; font-family:"굴림"; font-size:1.4em; color:#444;}
.mboardReadbody p.right {margin-top:20px; text-align:right;}

/* profile */
.profile {position:relative; padding:0 0 20px 0; }
.profile p.photo {width:72px; height:56px; border:1px solid #ccc; margin-left:10px;}
.profile p.photo img {padding:2px;}
.profile p.mail {position:absolute; left:90px; top:22px;}
.profile p.mail span {padding-right:10px;}
.profile p.mail a {padding-left:3px;}
.profile p.Profilecon {position:absolute; left:90px; top:43px; color:#935b0b;}

.print {position:relative; height:15px; padding-bottom:5px;}
.print ul {overflow:hidden; position:absolute; right:5px;}
.print ul li {float:left; padding-left:15px;}

/* tab */
.tab ul {float:none; overflow:hidden; padding-bottom:20px; }
.tab ul li {float:left; }
.tab ul li a {float:left; width:180px; background-color:#f1f1f1; border-bottom:1px solid #fff; border-right:1px solid #fff;  padding-top:3px; padding-bottom:3px; color:#000; font-weight:bold; }
.tab ul li a:hover{background-color:#4d6179; color:#fff;}
.tab ul li span {float:left; margin-left:10px; margin-right:0px; margin-top:0px;}


/* 칼럼 title */
.stitle {position:relative; width:711px; margin-bottom:20px; padding-left:12px; padding-top:5px; padding-bottom:5px;  border:1px solid #e6e7e6; font-weight:bold; background:url(../../images/Common/ico_ot.gif) 5px 11px no-repeat;}
.stitle p.btn a {position:absolute; top:5px; right:10px; padding-left:10px; color:#fa602e; background: url(/images/common/o_ico.gif) 2px 5px no-repeat;}


/* 포토 & 이미지 */
.photo ul {padding-top:20px; overflow:hidden;}
.photo ul li {display:inline; float:left; width:172px; margin-left:8px; margin-bottom:10px; background:url(../../images/Magazine/photo_bg.gif) left top  no-repeat;}
.photo ul li span {display:block; overflow:hidden;}
.photo ul li img {display:block; padding-top:9px; padding-left:9px; margin-bottom:16px;}
.photo ul li a {color:#0d53a4;}
.photo ul li a.writer {display:block; overflow:hidden; font-weight:normal; color:#666;}

/* 지난 연재 기사보기 */
.last {position:relative; float:left; width:350px; margin-top:20px; margin-left:10px;}
.last h3 {padding-left:10px;  padding-top:3px; padding-bottom:3px;  font-size:1em; font-weight:bold; background-color:#f1f1f1;}
.last p.btn a {position:absolute; top:3px; right:5px; padding-left:10px; color:#000; background: url(/images/common/o_ico.gif) 2px 5px no-repeat;}
.last ul {background:url(../../images/Common/bg_dotG.gif) left bottom repeat-x;}
.last li {padding-left:20px; padding-top:5px; padding-bottom:5px;  background:url(../../images/Main/icn_dot.gif) 1em 1em no-repeat;}
.last li a{color:#4a4a4a;}
.last li a:hover {color:#0d53a4;}


/* 쓰기 폼 */
.basicinfo h3 img {padding-top:7px; padding-bottom:3px;}
.basicinfo p {padding-bottom:12px;}
.basicinfo p.warning {position:absolute; top:95px; right:20px; color:#ff4343;}
.basicinfo span.warningC {color:#ff4343;}
.boardWrite td.star span {float:left; width:110px; margin-right:20px; color:#ff8400;}
.boardWrite td img {vertical-align:middle;}

/*원격블로깅*/
.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; width:100%; height:100%; background-color:#fff;}
.basicinfo .blogingwrap ol {width:680px; 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; height:25px; padding:8px 5px 0px 15px; background-color:#fbfbfb; border-top:1px solid #efefef; font-weight:bold;}
.basicinfo .blogingwrap dd {float:left; width:550px; height:25px; padding-top:8px; padding-left:15px; border-top:1px solid #efefef; }




/*상세보기_상단*/
.bookBox {position:relative; height:62px; margin:3px 0 10px 0; overflow:hidden;  background-color:#f5f5f5;}
.bookBox h3 {font:bold 1.6em "나눔고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;  padding:5px 5px 10px 10px;}
.bookBox h3 span{font:bold 0.8em "나눔고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; }
.bookBox ul{margin-left:10px;}
.bookBox ul li{float:left; margin-right:20px; margin-top:-5px; padding-bottom:5px;}
.bookBox ul li.good{padding-left: 15px; background:url(../../images/Common/icn_good.gif)  no-repeat; color:#ff7214;}
.bookBox p.bookphoto {position:absolute; right:0; top:0;}




.article_body{clear:both; padding:10px 10px 20px 10px;color:#222;}
.font1{font-family:"굴림", gulim}
.size4{font-size:16px;line-height:25px}