@charset "utf-8";
/* ----------------------------------------------------------------
Basic Style Sheet (for version 4 browsers)
Title : 네슬레 퓨리나 코리아
Author : oopsbitty@gmail.com
Date : april 2008
WebSite : http://www.purina.co.kr
---------------------------------------------------------------- */
@import url("layout.css");

/* ====== Common Class Properties ====== */

html, body { width:100%; height:100%; margin:0px; padding:0px; font-family:dotum, sans-serif; font-size:12px; line-height:17px; color:#8a8a8a; }
#wrap { background:url(/images/common/side_area_bg1.gif) 50% 0 repeat-y;}
#wrap_main { background:none;}

p, div, * { margin:0; padding:0; font-family:dotum; font-size:12px; color:#8a8a8a; } 
img { margin:0px; padding:0px; border:0; }
ul { margin:0px; padding:0px; list-style:none; }
hr, legend { display:none; }
fieldset { border:solid 0 transparent; }
table {border-collapse:collapse; border-spacing:0;}

.png24 { tmp:expression(setPng24(this));}

a:link, a:visited, a:active { font-weight:normal; color:#8a8a8a; text-decoration:none; }
a:hover { text-decoration:underline; }

.display_no { display:none; }
.clear { clear:both; }
.f_left { float:left; }
.f_right { float:right; }
.t_margin50 {margin-top:50px; }
.t_margin35 {margin-top:35px; }
.b_margin20 {margin-bottom:20px; }
.b_margin15 {margin-bottom:15px; }
.t_padding20 {padding-top:20px;}
.b_padding20 {padding-bottom:20px;} 
.r_padding20 {padding-right:20px;}

.mT10 { margin-top:10px;}
.mT30 { margin-top:30px;}

.aR { text-align:right;}
.btnR { text-align:right; margin-top:10px;}

.inp_txt { padding:2px 5px; border:1px solid #cfcfcf; font-size:11px;}

p.view_txt { height:auto; line-height:18px; }

/* ====== board type ====== */
div.reg_form, div.reg_form2, div.view_form, div.event_list, div.list_form, div.etc_search { float:left; width:520px; height:auto; overflow:hidden; background:url(../../images/common/board_line_bg.gif) repeat-y; }
div.reg_form, div.reg_form2 { margin-bottom:20px; }
div.view_form, div.event_list{ margin-bottom:10px; }
div.reg_form span.img_box, div.reg_form2 span.img_box, div.view_form span.img_box, div.list_form span.img_box, div.event_list span.img_box, div.etc_search span.img_box { display:block; width:520px; height:5px; }

div.reg_form dl { width:480px; height:auto; overflow:hidden; margin:20px auto; }
div.reg_form dl dt { float:left; width:68px;}
div.reg_form dl dt img { vertical-align:top; margin:5px 0 3px 0; }
div.reg_form dl dd { float:left; width:402px; line-height:22px; margin:2px 0;}
div.reg_form dl dd img { vertical-align:middle;}
div.reg_form dl dd input, div.reg_form dl dd textarea { margin:3px 0; border:1px solid #cfcfcf; background-color:#fbfbfb; }
div.reg_form dl dd.img_txt { display:inline; margin:15px 0 0 68px; }
div.reg_form dl dd.layput { padding-top:5px; }
div.reg_form dl dd span.layout { display:block; float:left; width:49px; height:auto; overflow:hidden; margin-right:18px; text-align:center; }
div.reg_form dl dd span.layout img { vertical-align:top; } 
div.reg_form dl dd span.layout input { border:none; }

div.reg_form dl dd span.beginning { display:block; float:left; width:100px; height:auto; overflow:hidden; margin-right:18px; text-align:center; }
div.reg_form dl dd span.beginning img { vertical-align:top; margin-top:5px; } 
div.reg_form dl dd span.beginning input { border:none; }


div.reg_form2 dl { width:480px; height:auto; overflow:hidden; margin:20px auto; }
div.reg_form2 dl dt { float:left; width:98px;}
div.reg_form2 dl dt img { vertical-align:top; margin:5px 0 3px 0; }
div.reg_form2 dl dd { float:left; width:372px; line-height:22px; margin:2px 0;}
div.reg_form2 dl dd img { vertical-align:middle;}
div.reg_form2 dl dd input, div.reg_form2 dl dd textarea { margin:3px 0; border:1px solid #cfcfcf; background-color:#fbfbfb; }
div.reg_form2 dl dd.img_txt { display:inline; margin:15px 0 0 68px; }


div.view_form p, div.view_form dl { width:477px; height:auto; overflow:hidden; margin:0 auto; }
div.view_form p.title { margin:20px auto 10px auto; }
div.view_form p.title b { display:block; float:left; width:362px; color:#464646; }
div.view_form p.title span.member_id { float:right; width:115px; color:#464646; text-align:right; }
div.view_form p.title span.member_id img { vertical-align:middle; }
div.view_form p.contents img { margin:5px 0; }
div.view_form p.contents img.one { margin:5px 0 20px 0; }
div.view_form p.good { width:477px; padding:10px 0; }
div.view_form p.good span { float:left; width:400px; font-size:11px; color:#464646; }
div.view_form p.good span img { vertical-align:middle; }
div.view_form p.paging_height { height:33px; }
div.view_form p.id_count_one { margin-bottom:10px; border-bottom:1px solid #d1d1d1; }
div.view_form dl { padding:10px 0; border-top:1px solid #e0e0e0; background-color:#f9f9f9; }
div.view_form dl dt { float:left; clear:both; width:115px; margin-left:10px; color:#464646; line-height:24px; }
div.view_form dl dt img, div.view_form dl dd img { vertical-align:middle; margin:1px 0; }
div.view_form dl dd { float:left; width:340px; line-height:24px; }
div.view_form dl dd input { border:1px solid #dbdbdb; background-color:#ffffff; }
*html div.view_form dl dd.input { padding:0; }
*html div.view_form dl dd { padding:5px 0; }
div.view_form p.txt { width:480px; height:auto; overflow:hidden; padding:10px 20px; margin:0 auto; font-size:11px;}
div.view_form p.txt img { border:1px solid #b2b2b2; }
div.view_form p.txt img.layout_L { float:left; margin:0 15px 15px 0;}
div.view_form p.txt img.layout_R { float:right; margin:0 0 15px 15px; }
div.view_form p.txt img.layout_T { margin:0 0 15px 0; }
div.view_form p.txt img.layout_B { margin:15px 0 0 0; }
div.view_form p.txt span.txt { width:480px; font-size:11px; }
div.view_form p.challenge_bg1 { float:left;  display: inline; margin-left:15px; width:488px; height:131px; overflow:hidden; background:url(/images/mania/one_talk_challenge_01.jpg) no-repeat scroll 0 0;}
div.view_form p.challenge_bg1 span.challenge { margin:55px 0 0 30px; font:11px/18px dotum; color:#484848; }
div.view_form p.challenge_bg2 { float:left; display: inline; margin-left:15px; width:488px; height:131px; overflow:hidden; background:url(/images/mania/one_talk_challenge_02.jpg) no-repeat scroll 0 0;}
div.view_form p.challenge_bg2 span.challenge { margin:55px 0 0 30px; font:11px/18px dotum; color:#484848; }
div.view_form p.challenge_bg3 { float:left;  display: inline; margin-left:15px; width:488px; height:131px; overflow:hidden; background:url(/images/mania/one_talk_challenge_03.jpg) no-repeat scroll 0 0;}
div.view_form p.challenge_bg3 span.challenge { margin:55px 0 0 30px; font:11px/18px dotum; color:#484848; }


div.view_form2 { width:520px; height:auto; overflow:hidden; margin-bottom:10px; border-bottom:1px solid #6f6e6e; }
div.view_form2 p.title { clear:both; width:520px; height:auto; overflow:hidden; padding:7px 0; margin:0; border-bottom:1px solid #e3e3e3; }
div.view_form2 p.title b { display:inline; float:left; width:383px; margin-left:20px; color:#4f4f4f; }
div.view_form2 p.title span img { vertical-align:middle; }
div.view_form2 p.title span.id { float:right; width:108px; }
div.view_form2 p.file { width:520px; padding:5px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
div.view_form2 p.file span.file_info { float:left; width:383px; margin-left:20px; color:#464646; }
div.view_form2 p.file span.download { float:right; width:71px; }
div.view_form2 p.txt { width:480px; height:auto; overflow:hidden; padding:10px 20px; margin:0 auto; font-size:11px;}
div.view_form2 p.txt img { border:1px solid #b2b2b2; }
div.view_form2 p.txt img.layout_L { float:left; margin:0 15px 15px 0;}
div.view_form2 p.txt img.layout_R { float:right; margin:0 0 15px 15px; }
div.view_form2 p.txt img.layout_T { margin:0 15px 0 0; }
div.view_form2 p.txt img.layout_B { margin:15px 0 0 0; }
div.view_form2 p.txt span.txt { width:480px; font-size:11px; }
div.view_form2 dl { width:100%; height:auto; overflow:hidden; padding:10px 0; background-color:#f9f9f9; }
div.view_form2 dl dt { float:left; clear:both; width:115px; margin-left:10px; color:#464646; line-height:24px; }
div.view_form2 dl dt img, div.view_form2 dl dd img { vertical-align:middle; margin:1px 0; }
div.view_form2 dl dd { float:left; width:340px; line-height:24px; }
div.view_form2 dl dd input { border:1px solid #dbdbdb; background-color:#ffffff; }
*html div.view_form2 dl dd.input { padding:0; }
*html div.view_form2 dl dd { padding:5px 0; }

div.event_list ul { width:480px; height:auto; overflow:hidden; margin:0 auto; padding:20px 0 10px 0; }
div.event_list ul li { width:480px; height:auto; overflow:hidden; margin-bottom:15px; }
div.event_list ul li img { border:1px solid #dbdbdb; }
div.event_list ul li p { float:left; width:184px; margin-left:10px; }
div.event_list ul li p b { color:#464646; }
div.event_list ul li p span { display:block; margin:5px 0 10px 0; font-size:11px; }
div.event_list ul li p img { border:none; }
div.event_list p.cont {margin:15px;}

div.list_form ul { width:480px; height:auto; overflow:hidden; margin:0 auto; padding:5px 0 15px 0; }
div.list_form ul li { background:url(../../images/common/list_dot_line.gif) bottom center no-repeat; }
div.list_form ul li span, div.view_form span { display:block; }
div.list_form ul li p span img, div.view_form p span img { vertical-align:middle; }
div.list_form ul li p span b, div.view_form p span b { color:#4f4f4f; }
div.list_form ul li p.title { width:480px; height:auto; overflow:hidden; padding:10px 0; background:url(../../images/common/list_dot_line.gif) bottom center no-repeat; } 
div.list_form ul li p.title_line_no { background:none; }
div.list_form ul li p.title span.title { float:left; width:400px; color:#4f4f4f; }
div.list_form ul li p.title span.title_480 { float:left; width:480px; color:#4f4f4f; height:20px;}
div.list_form ul li p.title span.btn { float:right; width:80px; text-align:right; }
div.list_form ul li p.title span.btn img { vertical-align:top; }
div.list_form ul li p.txt { width:450px; margin:0 auto; padding:10px 15px; background:url(../../images/common/list_dot_line.gif) bottom center no-repeat; }
div.list_form ul li p.txt img { margin:10px 0;vertical-align:top; }
div.list_form ul li p.txt img.one { float:left; margin:0 10px 0 0; border:1px solid #dbdbdb; }
div.list_form ul li p.id_count, div.view_form p.id_count { width:480px; height:20px; padding:10px 0; }
div.list_form ul li p.id_count span, div.view_form p.id_count span { font-size:11px; color:#464646; }
div.list_form ul li p.id_count span.member_id { display:inline; float:left; width:180px; margin-left:15px; }
div.list_form ul li p.id_count span.member_id_one, div.view_form p.id_count span.member_id_one { display:inline; float:left; width:180px; margin:0 35px 0 15px; }
div.list_form ul li p.id_count span.count { float:right; width:200px; height:20px; text-align:right; }
div.list_form ul li p.id_count span.count img.btn { margin:0 5px 0 15px; }
div.list_form ul li p.id_count span.count_one, div.view_form p.id_count span.count_one { float:right; width:200px; height:20px; text-align:right;}
div.list_form ul li p.id_count span.health_index, div.view_form p.id_count span.health_index { float:left; width:65px; line-height:18px; }
div.list_form ul li p.id_count span.health_befor, div.view_form p.id_count span.health_befor { float:left; width:38px; height:16px; text-indent:16px; line-height:18px; background:url(../../images/mania/health_befor_bg.gif) no-repeat; }
div.list_form ul li p.id_count span.health_after, div.view_form p.id_count span.health_after { float:left; width:43px; height:16px; text-indent:21px; line-height:18px; background:url(../../images/mania/health_after_bg.gif) no-repeat; }
div.list_form ul li.on { border-bottom:1px solid #eca3a3; background:none; }
div.list_form ul li.on p.title { border-bottom:1px solid #eca3a3; background:none; }
div.list_form ul li.on p.title_on { border:none; }
div.list_form ul li.on p.good { width:477px; height:auto; overflow:hidden; padding:10px 0; }
div.list_form ul li.on p.good span { float:left; width:400px; font-size:11px; color:#464646; }
div.list_form ul li.on p.good span img { vertical-align:middle; }
div.list_form ul li.on dl { width:480px; height:auto; overflow:hidden; padding:10px 0; border-top:1px solid #e0e0e0; background-color:#f9f9f9; }
div.list_form ul li.on dl dt { display:inline; float:left; clear:both; width:115px; margin-left:15px; color:#464646; line-height:24px; }
div.list_form ul li.on dl dt img, div.list_form dl dd img { vertical-align:middle; margin:1px 0; }
div.list_form ul li.on dl dd { float:left; width:340px; line-height:24px; }
div.list_form ul li.on dl dd input { border:1px solid #dbdbdb; background-color:#ffffff; }
*html div.list_form ul li.on dl dd.input { padding:0; }
*html div.list_form ul li.on dl dd { padding:5px 0; }

p.paging { clear:both; width:100%; height:33px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#f9f9f9; }
p.paging span.count { width:150px; margin:10px 0 0 13px; font:11px/14px gulim; }
p.paging span.count img { vertical-align:top; }
p.paging span.paging_btn { width:250px; margin:10px 4px 0 0; text-align:right; }
p.paging span.paging_btn img { margin:0 10px; }
p.paging span.paging_btn img.line { margin:0 5px; }

p.board_btn { clear:both; width:520px; height:22px; text-align:right; }
p.board_btn img.space_10 { margin:10px 0; }
p.board_btn img { vertical-align:middle; }
p.event_txt_box { float:left; width:520px; height:auto; overflow:hidden; margin-top:12px; }
p.event_txt_box img { margin-left:10px; }

/* ====== table type ====== */
table caption.faq {color:#4f4f4f; text-align:left; background:url(/images/common/dot.gif) 0 3px no-repeat; padding-left:15px; padding-bottom:10px;}
table caption b {color:#4f4f4f; }
table caption.mania {text-align:left; padding-bottom:10px;}
table caption.mypage {text-align:left; height:32px;}
table caption.qa {text-align:left; height:76px;}

table.table_form { float:left; width:520px; height:auto; overflow:hidden; margin-bottom:15px; border-bottom:1px solid #6f6e6e; }
table.table_form span.btn {float:right; margin-top:30px; }

table.table_form td b { color:#464646; }
table.table_form td img { vertical-align:middle; }
table.table_form td {border-top:1px solid #e3e3e3; text-align:center; padding:7px 0; vertical-align:top; line-height:16px;}
table.table_form td.first { padding:7px 0; vertical-align:top; border:none;}
table.table_form td.on {border-top:1px solid #eca3a3; text-align:center; padding:7px 0; vertical-align:top;}
table.table_form td.view {padding:7px 15px 7px 25px; text-align:left; vertical-align:top;}
table.table_form td.date {text-align:center; font-size:11px;}
table.table_form td.reply img {text-align:center;}
table.table_form td.reply_list {color:#cb0000;}
table.table_form td.contents_reply {padding:7px 10px; color:#cb0000; text-align:left; vertical-align:top;}
table.table_form td.section {text-align:center; font-size:11px;}
table.table_form td.no_inquiry {text-align:center; font-size:11px; height:200px; vertical-align:middle;}
table.table_form td.contents {padding:7px 10px; color:#4f4f4f; text-align:left; vertical-align:top;}
table.table_form td.left { text-align:left; text-indent:3px; }
table.table_form td.contents a:link, table.table_form td.contents a:hover, table.table_form td.contents a:visited {color:#4f4f4f; text-decoration:none;}
table.table_form td.contents_reply a:link, table.table_form td.contents_reply a:hover, table.table_form td.contents_reply a:visited {color:#cb0000; text-decoration:none;}

table.table_form td.txt_addr { text-align:left; color:#4B4B4B; padding-left:10px;}

p.list_search { width:520px; text-align:center; margin-bottom:15px;}
p.list_search_left { text-align:left; margin-bottom:10px;}
p.list_search img { vertical-align:top;}
p.list_search input { padding:2px 5px; border:1px solid #cfcfcf; background-color:#fbfbfb; font-size:11px;}
p.list_search select {color:#4f4f4f; font-size:11px;}

p.btn {width:709px; text-align:center; height:22px; margin-top:20px;}
p.btn img { vertical-align:middle;}


/* ====== main ====== */
#main { width:984px; height:auto; overflow:hidden; padding-bottom:74px; }
#main div.info {float:left; width:629px;}
#main div.info div.first {float:left; width:202px;}
#main div.info div.first p.mania {width:202px; margin-bottom:20px;}
#main div.info div.second {float:right; width:387px;}
#main div.info div.second p.brand {width:387px; margin-bottom:20px;}
#main div.info div.second h3.title {width:387px; margin-bottom:10px;}
#main div.info div.second ul {width:387px; }
#main div.info div.second ul li {float:left; width:75px; margin-right:3px;}
#main div.info div.second ul li.end {float:left; width:75px; margin-right:0px;}
#main div.purina {float:right; width:316px;}
#main div.purina div.news {float:left; width:316px;}
#main div.purina div.news h3.title {float:left; width:290px; height:13px; margin-bottom:8px;}
#main div.purina div.news p.more {float:left; width:26px; height:13px; margin-bottom:8px;}
#main div.purina div.news ul {float:left; width:316px; height:53px; margin-bottom: 5px; }
#main div.purina div.news ul li {float:left; width:316px; }
#main div.purina div.news ul li span.title {float:left; width:260px; font-size:11px; color:#7a7a7a;}
#main div.purina div.news ul li span.title a:link, #main div.purina div.news ul li span.title a:visited, #main div.purina div.news ul li span.title a:hover{font-size:11px; color:#7a7a7a; text-decoration:none;}
#main div.purina div.news ul li span.date {float:left; width:56px; text-align:right; font-size:11px; color:#7a7a7a;}
#main div.purina div.news .event_num { width: 316px; height: 15px; overflow: hidden; text-align: right; }
#main div.purina div.news .event_num img { margin: 0 2px; vertical-align: top; }
#main div.purina div.news p.event {width:316px; margin-bottom:20px; }
#main div.purina div.news h3.title1 {width:316px; margin-bottom:8px;}
#main div.purina div.news p.newsletter {width:316px;}


.table_list { table-layout:fixed; width:100%; background:url(/images/common/bg_th.gif) no-repeat;}
.table_list.ty2 { background:#f8f8f8 url(/images/common/bg_th2.gif) no-repeat;}
.table_list.ty3 { background:url(/images/common/bg_th5.gif) no-repeat;}
	.table_list th { padding-top:6px; height:21px; background:none; vertical-align:top;}
	.table_list td { padding:5px 0; border-bottom:1px solid #e3e3e3; background:none; text-align:center; font-size:11px; color:#8a8a8a;}
	.table_list td.title { font-size:12px; text-align:left;}
	.table_list td.title a { color:#4f4f4f;}
	.table_list td strong { font-size:11px; color:#4f4f4f;}
	.table_list td.storyCont { padding:10px 0; text-align:left; vertical-align:top;}
	.table_list td.storyCont dl { padding:5px 0;}
	.table_list td.storyCont dl dt { position:relative; font:bold 11px dotum,sans-serif; color:#8a8a8a;}
	.table_list td.storyCont dl dt a { font:bold 11px dotum,sans-serif; color:#8a8a8a;}
	.table_list td.storyCont dl dt span { position:absolute; top:0; right:15px; font-weight:normal; font-size:11px; color:#aaa;}
	.table_list td.storyCont dl dd { margin-top:5px; padding-right:15px; font-size:11px; color:#8a8a8a;}
	.table_list td.storyCont dl dd.writer { margin-top:15px;}
	.table_list td.storyCont dl dd.writer .id { font-weight:bold; font-size:11px;}
	.table_list td.storyCont dl dd.writer .date { padding-left:5px; border-left:1px solid #8a8a8a; font-size:11px;}

.table_view { table-layout:fixed; width:100%; background:url(/images/common/bg_th.gif) no-repeat;}
.table_view.ty2 { background:url(/images/common/bg_th3.gif) no-repeat;}
	.table_view th { padding:3px 0 0 20px; height:24px; background:none; font-size:11px; color:#fff; text-align:left; font-weight:normal; vertical-align:top;}
		.table_view th.read { padding-left:0; text-align:center;}
		.table_view th.story { padding-top:6px; text-align:center;}
	.table_view td { padding:10px 20px 40px; border-bottom:1px solid #e1e1e1; background:#f8f8f8; color:#4f4f4f;}
	.table_view td .photo { float:left; margin-right:20px; width:282px;}
	.table_view td .txt { float:left; width:350px; color:#4f4f4f;}
	.table_view td .txt .id { display:block; margin-top:15px; font:bold 11px dotum;}

.table_write { table-layout:fixed; width:100%; background:url(/images/common/bg_th4.gif) no-repeat;}
	.table_write th { padding:3px 0 0 20px; height:24px; background:none; font-size:11px; color:#fff; text-align:left; font-weight:normal; vertical-align:top;}
		.table_write tbody th { padding-left:25px; background:none; text-align:left;}
		.table_write tbody th img { padding-top:5px;}
		.table_write th.story { padding-top:6px; text-align:center;}
	.table_write td { background:none; color:#4f4f4f;}
	.table_write textarea { overflow:auto; padding:2px 5px; width:600px; height:200px; border:1px solid #cfcfcf; font-size:11px;}


.postList { overflow:hidden; margin-top:10px; padding:2px 0 4px; height:1%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f8f8f8;}
	.postList dt { float:left; padding-top:5px; width:69px; height:15px; text-align:center;}
	.postList dd { float:left; padding-top:3px; width:640px; height:17px; font-size:11px; color:#939393;}
	.postList dd a { font-size:11px; color:#939393;}