/* default */
body {background:#ffffff url(/_img/new_pet/bg_body.gif) repeat-x;}
h1, h2, h3, h4, h5, h6, div, span, p, ul, li, form, fieldset, label {margin:0; padding:0; font-family:dotum;}
ul, li {list-style:none;}
img {border:none;}
a, a:link, a:visited, a:active {color:#333333; text-decoration:none;}
a:hover {color:#333333; text-decoration:underline;}

.p12 {font-size:12px;}

/* 레이아웃 */
#container {width:778px; margin:0 auto 20px auto; background:url(/_img/new_pet/comicshop_2nd/bg_content.gif) repeat-y left top;}
#container .bg_bottom {width:778px; height:100px; background:url(/_img/new_pet/comicshop_2nd/bg_bottom.gif) no-repeat left bottom;}
#content {position:relative; width:739px; margin:-342px auto -60px auto; background:#ffffff; z-index:10;}

/* 공통 */
h3.top {position:relative; width:812px; margin:-16px auto 0 auto; font:0;}
h3.top img {vertical-align:top;}

.thumb {width:111px; _width:115px; padding:1px; background:#ffffff; border:1px solid #cbcbcb;}
.thumb1 {width:114px; width:116px; margin-bottom:6px; border:1px solid #b0b0b0;}

/* 이미지 롤오버 */
a.rollover img {border:0;display:inline;}
a.rollover img.over {display:none;}
a.rollover:hover {border:0}
a.rollover:hover img {display:none;}
a.rollover:hover img.over {display:inline;}

/* 버튼 */
a.btn_main {display:block; width:103px; _width:115px; height:17px; _height:24px; padding:7px 0 0 12px; color:#4e4e4e; font-weight:bold; background:url(/_img/new_pet/comicshop_2nd/btn_type1_bg.gif) no-repeat left top;}
a.btn_main:link,
a.btn_main:active,
a.btn_main:visited,
a.btn_main:hover {color:#4e4e4e; text-decoration:none;}

a.btn_list {display:block; width:104px; _width:115px; height:17px; _height:24px; padding:7px 0 0 13px; color:#4e4e4e; font-weight:bold; background:url(/_img/new_pet/comicshop_2nd/btn_type2_bg.gif) no-repeat left top;}
a.btn_list:link,
a.btn_list:active,
a.btn_list:visited,
a.btn_list:hover {color:#4e4e4e; text-decoration:none;}

a.btn_item {display:block; width:106px; _width:118px; height:17px; _height:24px; padding:7px 0 0 12px; color:#823d01; font-size:11px; font-weight:bold; letter-spacing:-1px; background:url(/_img/new_pet/comicshop_2nd/btn_type3_bg.gif) no-repeat left top;}
a.btn_item:link,
a.btn_item:active,
a.btn_item:visited {color:#823d01;}
a.btn_item:hover {text-decoration:none;}

/* 메인 */
.main_visual {width:739px; text-align:left;}
.main_visual .visual_left {position:absolute; left:0; top:0; width:377px; height:351px;}
.main_visual .visual_right {padding:14px 0 0 377px;}
.main_visual .visual_right img {vertical-align:top;}
.main_visual .main_btn {margin-left:21px;}
.main_visual .main_btn img {vertical-align:top;}

.main_top_notice {width:325px; _width:341px; height:21px; _height:46px; padding:25px 0 0 16px; color:#ff3c00; font-size:12px; font-family:tahoma; font-weight:bold; letter-spacing:1; background:url(/_img/new_pet/comicshop_2nd/img_main2.gif) no-repeat left top;}
.main_top_notice strong {padding-left:3px; color:#616161; font-size:11px; font-family:dotum; letter-spacing:-1px;}
.main_top_notice strong a,
.main_top_notice strong a:link,
.main_top_notice strong a:active,
.main_top_notice strong a:visited,
.main_top_notice strong a:hover {color:#616161;}

.main_list_box{overflow:hidden;clear:both;position:relative;margin-top:10px;padding-bottom:12px;text-align:left} 
.main_list_box h3{margin:10px 0 0 20px;font:0} 
.main_list_box h3 img{vertical-align:top} 
.main_list_box ul.main_list{overflow:hidden;width:538px;margin:-3px 0 0 1px} 
.main_list_box ul.main_list li{display:inline;float:left;width:115px;height:166px;margin:20px 0 0 19px;background:url(/_img/new_pet/img_noimg_comic.gif) 0 0 no-repeat;vertical-align:top} 
.main_list_box ul.main_list li img{vertical-align:top} 
.main_list_box ul.main_list li .thumb{margin-bottom:8px} 

/* 리스트 */
.sub_top {position:relative; top:-8px; z-index:50;}
.sub_top img {vertical-align:top;}
.sub_box {clear:both; position:relative; width:690px; margin:0 0 10px 1px; padding:1px; text-align:left; border:2px solid #eaeaea; background:#c2c2c2;}
.sub_box .sub_box_inner {_width:100%; border:1px solid #ffffff; background:#efefef url(/_img/new_pet/comicshop_2nd/bg_list.gif) repeat-x left top; overflow:hidden;}

.sub_box1 {clear:both; position:relative; width:690px; margin:0 0 10px 1px; padding:1px; text-align:left; border-width:2px 3px 2px 3px; border-style:solid; border-color:#eaeaea; background:#c2c2c2;}
.sub_box1 .sub_box_inner1 {_width:100%; text-align:center; background:#f5f5f5; overflow:hidden;}

.sub_box h4.list_title {position:absolute; left:159px; _left:155px; top:23px;}
.sub_box h4.list_title .new {margin-left:6px;}
.sub_box h4.list_title .summary {margin:5px 0 0 0;}
.sub_box h4.list_title img {vertical-align:top;}

.sub_box .list_book {float:left; padding:17px 0 16px 25px;}
.sub_box .list_book .thumb {margin-bottom:5px;}

.sub_box ul.list_item {float:left; width:520px; margin:71px 0 10px 16px;}
.sub_box ul.list_item li {float:left; margin:0 10px 10px 0;}

.sub_box_top {margin-top:-63px;}
.sub_box_top1 {margin-top:0px;}
.btn_go_main {margin:18px 0 10px 0; vertical-align:top;}

/* 미리보기 */
.view_area {position:relative; width:474px; margin:55px auto 48px auto;}
.view_area h5.view_title {padding:0 130px 0 11px; color:#393939; font-size:14px; letter-spacing:-1px; text-align:left; background:url(/_img/new_pet/comicshop_2nd/ico_2x2.gif) no-repeat 5px 5px;}
.view_area h5.view_title em {color:#ff5400; font-style:normal;}
.view_area .view_count {position:absolute; right:10px; top:1px; color:#646464; font-size:12px; font-family:gulimche; font-weight:bold;}
.view_area .view_image {margin:6px 0 12px 0; border:2px solid #313131; vertical-align:top;}
.view_area .view_page {color:#646464; font-weight:bold; font-family:gulimche;}
.view_area .view_btn {margin-top:28px;}
.view_area .view_btn img {margin:0 5px; vertical-align:top;}

/* 소감 */
.view_reply {position:relative; margin:54px 0 46px 0;}
.view_reply h6 {position:absolute; left:280px; _left:180px; top:15px;}

/* 이벤트 */
.event_top {position:relative; top:-8px; z-index:50; width:739px;}
.event_top img {vertical-align:top;}

.event_question {position:relative; width:739px; height:265px; margin-top:-8px; text-align:left; background:url(/_img/new_pet/comicshop_2nd/event_bg_question.jpg) no-repeat left top;}
	.question_area {position:absolute; left:203px; top:30px; width:287px;}
	.question_area ul.schedule {width:260px; margin-top:11px;}
	.question_area ul.schedule li {padding-bottom:2px; color:#8d8d8d;}
	.question_area ul.schedule li strong {color:#8d8d8d;}
	.question_area .answer_area {margin-top:7px; border:none;}
	.question_area .answer_area input {margin-bottom:9px; vertical-align:middle;}
	.question_area .answer_area .answer {width:139px; height:22px; margin:0 1px 9px 2px; padding:4px 0 0 4px; color:#5e5e5e; font-weight:bold; letter-spacing:-1px; border:1px solid #c7c7c7;}
	
	.question_thumb {position:absolute; left:491px; top:28px; border:1px solid #8e8e8e;}
	
	ul.question_guide {position:absolute; left:174px; top:194px;}
	ul.question_guide li {padding-bottom:2px; color:#9e9e9e; font-size:11px; letter-spacing:-1px;}

.event_winner {position:relative; width:739px; height:253px; text-align:left; background:url(/_img/new_pet/comicshop_2nd/event_bg_winner.jpg) no-repeat left top;}
	.winner_area {position:absolute; left:64px; top:29px;}
	.winner_area ul.winner_schedule {margin:6px 0 9px 0; overflow:hidden;}
	.winner_area ul.winner_schedule li {float:left; padding-right:13px; color:#8d8d8d;}
	.winner_area ul.winner_list {clear:both; width:510px;}
	.winner_area ul.winner_list li {float:left; padding:0 6px 3px 0; color:#aaaaaa; font-family:tahoma; white-space:nowrap;}

	.winner_guide {position:absolute; left:48px; top:216px; color:#9e9e9e; font-size:11px; letter-spacing:-1px;}