@charset "utf-8";

/* ±Û¾²±â */
#write_title					{ margin:10px 0px 10px 0px; padding:20px 0px 20px 0px; text-align:center; font-weight:bold; border-top:1px solid #eee; border-bottom:1px dotted #eee; }
#write hr						{ margin:10px 0px 10px 0px;   }
#write .write_line		{ margin:5px 0px 5px 0px; padding-left:20px;  }
#write .write_line p	{margin:2px 0px 2px 0px; }
#write .input_file		{ padding:3px; }
#write .file_no							{ display:inline-block; width:10px;  }
#write .write_addin			{ padding:5px 0px 5px 0px; letter-spacing:-1px; }
#write .btn_confirm		{ margin:20px 0px 20px 0px; padding:20px; border-top:1px solid #eee; text-align:center;  }
#write .captcha_frm	{ position:absolute; margin:0px 0px 0px 74px; }

@media (max-width:650px) { 
	#write .write_line		{ padding-left:0px;  }
	#write .input, #write .text_input								{ padding:6px; }
	#write .frm_file							{ width:80%; }
}

/* °Ô½ÃÆÇ ´ñ±Û */
#comment							{ clear:both; }
#comment .tt						{ clear:both; margin:0px 0px 10px 0px; padding:10px; border:1px solid #ccc; background-image:url(./img/back_bar.gif); font-weight:bold; }
#comment .list					{ clear:both; margin:10px 0px 10px 0px; }
#comment .list span			{ color:#ccc; font-weight:normal; }
#comment .list_tt				{ clear:both; margin:10px 0px 10px 0px; padding:10px; border:1px solid #eee; background-color:#F7F7F7; font-weight:bold; }
#comment .list_cc				{ clear:both; margin:10px 0px 10px 0px; line-height:180%; text-align:justify; }
#comment .list_cc div			{ clear:both; margin:10px 0px 10px 0px; }
#comment .list_cc .s_cmt  { color:#ccc; }
#comment .list_none          { clear:both; margin:10px 0px 10px 0px; }
#comment .comment_some			{ margin-top:5px; padding:10px; border:1px solid #eee; background-color:#F7F7F7; }
#comment #bo_vc_w			{ clear:both; margin:0px; padding:0px; }
#comment #comment_txt		{ width:100%; padding:0px;  }
#comment #comment_txt textarea { 
	height:80px; width:100%; border:1px solid #ccc; background-color:#fff; padding:5px; line-height:150%; 
		-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ 
	-moz-box-sizing:border-box;    /* Firefox, other Gecko */ 
	box-sizing:border-box;        /* Opera/IE 8+ */
}

/* ±ÛÀбâ */
#in_page_navi				{ width:100%; text-align:right; padding:5px 0px 5px 0px; }
#board_subject			{ margin:20px 0px 10px 0px; vertical-align:top; }
#view_subject			{ margin:0px 0px 10px 0px; }
#view_subject .comment_count		{ font-size:9px; color:#E96D11; }
#view_info					{ border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px 0px 20px 0px; color:#999; }
#view_content			{ margin:10px 0px 30px 0px; line-height:180%; text-align:justify; }
#view_content_img		{ margin:20px 0px 20px 0px; }  /* °Ô½Ã¹° »ó´Ü ÀÚµ¿ »ðÀÔ */
#view_content img		{ max-width:100%; height: auto !important; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }  /* °Ô½Ã¹°¿¡ Æ÷ÇÔµÈ À̹ÌÁö ÀÚµ¿ ¸®»çÀÌÁî */
#view_content .info img, #view_content .subject_bar img, #gallery_info img { max-width:100%; height: auto !important; cursor:auto; }
#view_content #pay_tool { margin:5px 0px 5px 0px;  line-height:150%;  }
#view_content #pay_tool #add_item { float:right; margin-bottom:3px; padding:3px; border:1px solid #ccc; }
#view_content .gift_img		{ height:150px; overflow:hidden; }
#control_box								{ clear:both; margin:20px 0px 10px 0px; padding:10px 0px 10px 0px; border-top:1px solid #ccc;  text-align:center; }
#control_box .navi_pn					{ display:none; }
#control_box .navi_ed					{ margin:10px 0px 10px 0px;   }
#control_box .navi_ed li.left			{ float:left; margin-right:3px;  }
#control_box .navi_ed li.right		{ float:right; margin-left:3px;  }
#special_info			{ float:right; margin-top:10px; margin-top:10px; letter-spacing:-1px; text-align:right;  }

/* ÆäÀÌÁö ¾È³» */
#special_info			{  float:right; text-align:right; margin:0px; }

/* ±Ô°Ý ¾ÆÀÌÄÜ */
#special_icon 					{ height:auto; }
#special_icon li					{ float:left; width:25%; max-width:82px; margin:0px 5px 0px 0px;}
#special_icon article				{ width:auto; height:80px; margin:2px; border:1px solid #ddd; border-radius:3px; background-color:#F7F7F7; box-shadow:2px 2px 4px -2px rgba(6,6,6,0.3); }
#special_icon div				{ height:66px; margin:2px; padding:5px; border:1px solid #eee; border-radius:3px; background-color:#eee; text-align:center; overflow:hidden; }
#special_icon	 .inc_icon_1				{ background-image:url(./img/icon_back_frame.png); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; }
#special_icon	 .inc_icon_2				{ background-image:url(./img/icon_back_drl.png); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; }
#special_icon	 .inc_icon_3				{ background-image:url(./img/icon_back_wheel.png); background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
#special_icon	 .inc_icon_4				{ background-image:url(./img/icon_back_brake.png); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; }

#special_icon	 .inc_icon_1>p:nth-child(2)			{ margin-top:12px; }
#special_icon	 .inc_icon_1>p:nth-child(3)			{ margin-top:4px; }
#special_icon	 .inc_icon_1>p:nth-child(4)			{ margin-top:0px; }
#special_icon	 .inc_icon_2>p:nth-child(2)			{ margin-top:12px; }
#special_icon	 .inc_icon_2>p:nth-child(3)			{ margin-top:3px; }
#special_icon	 .inc_icon_3>p:nth-child(2)			{ margin-top:6px; }
#special_icon	 .inc_icon_3>p:nth-child(3)			{ margin-top:5px; }
#special_icon	 .inc_icon_3>p:nth-child(4)			{ margin-top:8px; }
#special_icon	 .inc_icon_4>p:nth-child(2)			{ margin-top:12px; }
#special_icon	 .inc_icon_4>p:nth-child(3)			{ margin-top:5px; }
#special_icon	 .inc_icon_4>p:nth-child(4)			{ margin-top:8px; }

/* ±Ô°Ý ¼³¸í */
#special_content  					{ clear:both; line-height:150%; padding-top:10px;  }
#special_content p 					{ display:block; padding:4px 0px 2px 0px;  }

/* ÀÎŬ·çµå ½ºÆä¼È Ä«Å×°í¸® */
#inc_scate											{ clear:both; margin:20px 0px 10px 0px;  }
#inc_scate	.subject_tt					{   }
#inc_scate	.content						{ line-height:170%; }
#inc_scate	 #inc_cont_1				{ width:180px; height:64px; margin:0px 10px 10px 0px; padding:16px; line-height:150%; background-image:url(./img/con_01_frame.png); }
#inc_scate	 #inc_cont_2				{ width:180px; height:64px; margin:0px 10px 10px 0px; padding:16px; line-height:150%; background-image:url(./img/con_02_wheel.png); }
#inc_scate	 #inc_cont_3				{ width:180px; height:64px; margin:0px 10px 10px 0px; padding:16px; line-height:150%; background-image:url(./img/con_03_dreiler.png); }
#inc_scate	 #inc_cont_4				{ width:180px; height:64px; margin:0px 10px 10px 0px; padding:16px; line-height:150%; background-image:url(./img/con_04_brake.png); }
#inc_scate	 #inc_cont_5				{ width:180px; height:64px; margin:0px 10px 10px 0px; padding:16px; line-height:150%; background-image:url(./img/con_05_folding.png); }

/* ÀÎŬ·çµå »ö»ó¾È³» */
#inc_color									{ clear:both; margin:20px 0px 10px 0px; }

/* ÀÎŬ·çµå °Ö·¯¸® */
#inc_gallery								{ clear:both; margin:20px 0px 20px 0px;  }
#inc_gallery .subject_bar			{  }
#inc_gallery .gallery_info				{ margin:10px 0px 10px 0px; line-height:140%; }
#inc_gallery .gallery_frm				{ clear:both; margin:20px 0px 0px 0px; line-height:180%; text-align:justify;  }
#inc_gallery .gallery_frm p			{ clear:both; margin:20px 0px 0px 0px;  border:1px solid #ccc; }
#inc_gallery .gallery_inc				{ position:absolute; margin:-100px 0px 0px 0px; padding:20px; width:200px; line-height:150%; background-color:#19310A; z-index:9999;  filter:alpha(opacity=50); Opacity:0.50; }

/* ÀÎŬ·çµå ½ºÆå */
#inc_spec									{ clear:both; margin:20px 0px 10px 0px; }

/* ÀÎŬ·çµå °ü·Ã»óÇ° */
#inc_relation								{ clear:both; margin:10px 0px 10px 0px; }
#inc_relation .relation_list			{ margin:10px 0px 10px 0px; }
#inc_relation .relation_in				{ margin:3px; padding:10px 5px 10px 5px; border:1px solid #eee; overflow:hidden; }
#inc_relation .relation_in p			{ margin:0px; line-height:120%; }

/* ÀÎŬ·çµå ½ºÅ丮 */
#inc_story									{ clear:both; margin:20px 0px 10px 0px; }

/* ÀÎŬ·çµå ¹è¼Û¾È³» */
#inc_delivery								{ clear:both; margin:20px 0px 10px 0px; }

/* ÀÎŬ·çµå »ç¿ëÈıâ */
#inc_review								{ clear:both; margin:10px 0px 10px 0px; }
#inc_review	ul							{ clear:both; margin:5px 0px 5px 0px; }
#inc_review li							{ height:110px; margin:10px 0px 10px 0px; overflow:hidden; }
#inc_review .img_box					{ float:left; width:40%; max-width:150px; height:108px; margin-right:10px; overflow:hidden; border:1px solid #eee; }
#inc_review .g_img						{ width:100%; height:100%; cursor:pointer;  }
#inc_review .tt							{ margin:0px 0px 0px 0px;  }
#inc_review .simple						{ margin:3px 0px 10px 0px;  }
#inc_review .content					{ line-height:150%; }
#inc_review .sub						{ margin:8px 0px 0px 0px;  }

/* ¸®½ºÆ® */
#bo_list_tt							{ clear:both; overflow:auto; margin-top:10px; padding:5px 10px 5px 10px; background-image:url(./img/boardt_back.jpg); border:1px solid #ccc; border-radius:4px;  }
#bo_list_tt	#tt						{ float:left; color:#fff; margin-top:4px; }
@media (max-width:650px) { 
	#bo_list_tt							{ margin:10px 0px 10px 0px; border:0px; padding:0px 0px 0px 10px; border-left:10px solid #A4C46E; border-radius:0px; background-image:none; overflow:hidden; }
	#bo_list_tt	#tt						{ color:#ccc; margin-bottom:4px; }
}
#bo_list_tt	.add_cat			{ border-left:4px solid #f00; margin-left:5px; padding-left:5px; }
#bo_list_sch					{ margin:0px 0px 10px 0px; text-align:right; padding:10px 0px 10px 0px; border-top:1px dotted #eee; border-bottom:1px dotted #eee;  }
#bo_list_sch div				{ padding-top:6px; }
#bo_list_sch .search_input		{ border:1px solid #ccc; padding:3px; background-color:#eee; }
#bo_list_sch .btn_submit		{ border:1px solid #ccc; background-color:#eee; padding:5px 15px 5px 15px; font-size:0.8em; color:#999; }
#bo_list_cate					{ clear:both; margin:0px 0px 10px 0px; padding:10px 0px 10px 0px; text-align:center;  }
#bo_list_cate ul #bo_cate_on	{ font-weight:bold; }  /* ¼±ÅÃµÈ Ä«Å×°í¸® */
#bo_list_cate li				{ display:inline-block; padding:0px 5px 0px 5px; border-left:1px solid #eee; }
#bo_list_cate li:first-child	{ border-left:0px; }
#list_control_box				{ clear:both; height:40px; margin:5px 0px 10px 0px; text-align:center; }
#list_control_box .navi_ed					{ margin:10px 0px 10px 0px;   }
#list_control_box .navi_ed li.left			{ float:left; margin-right:3px;  }
#list_control_box .navi_ed li.right		{ float:right; margin:5px 3px 0px 0px;  }
#list_paging_box				{ clear:both; }

/* ¸®½ºÆ® for */
#list_table { overflow:hidden; padding:10px 0px 10px 0px; border-top:1px dotted #eee; border-bottom:1px dotted #eee; } /* »ö»ó */
#list_table .cnt_cmt { display:inline-block; margin:0 0 0 3px; font-size:7px; color:#E96D11; }
#list_table .cnt_cmt:before { content: '('; }
#list_table .cnt_cmt:after		{ content: ')'; }
#list_table .empty_list { height:40px  }
#gallery .g_box				{ 
	margin:4px;
	padding:2px; 
	border-radius:3px;
	border:1px solid #eee;
	background:#F6F6F6;
	-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
#gallery .g_box:hover { 
	box-shadow:2px 2px 4px -2px rgba(0,0,0,0.3);
	border-color:#ccc;
	border-radius:3px;
	background:#fff;
}
#gallery .chkbox			{ position:absolute; margin:-23px 0px 0px 0px; padding:5px;  }
#gallery .dc_late			{ float:right; text-align:center; margin:0px; padding:0px; }
#gallery .dc_late	 p		{ margin:0px; }
#gallery .dc_late	 .dc	{ background-color:#f00; border-radius:3px; padding:2px 3px 1px 3px;  text-shadow:1px 1px 1px #444;  }
#gallery .g_box_in		{ margin:0px; padding:5px; background-color:#fff;  }
#gallery .g_box_in p	{ margin:0px 0px 3px 0px;  }
#gallery .g_box_bt		{ margin:0px; padding:5px; background-color:#fff;  }
#gallery .g_box_bt p					{ margin:0px 0px 3px 0px; }
#gallery .g_box_bt .sv_member		{ font-size:0.8em; }

/* ¹ÝÀÀÇü »çÀÌÁî Á¶Àý */
@media (max-width:650px) { 
	#inc_cont_1, #inc_cont_2, #inc_cont_3, #inc_cont_4, #inc_cont_5	 { display:none; }
	#comment_list_cc, #view_content { font-size:1.1em; }
	#comment_txt textarea { width:96%; }
} 
@media (min-width:651px) and (max-width:1000px) { 
	#comment_list_cc, #view_content { font-size:1.0em; }
	#comment_txt textarea { width:98%; }
}
@media (min-width:1001px) { 
	#comment_list_cc, #view_content { font-size:1.0em; }
	#comment_txt textarea { width:98%; }
}