/* ------- common ------- */
table { border-collapse: collapse; border: none; border-spacing: 0; font-size: 12px; }
.tleft { text-align: left !important; }
.tcenter { text-align: center !important; }
.tright { text-align: right !important; }
.click { color: #1c8eb3; cursor: pointer; }
.click:hover { text-decoration: underline; }

/* ------- buttons ------- */
.btn_normal { padding: 3px 5px; background: #f7f7f7; border: 1px solid #cecece; font-weight: bold; color: #666; cursor: pointer; }
.btn_normal:hover { color: #333; }
.btn_normal:active { position: relative; top: 1px; left: 1px; }


/* ------- table list themes ------- */
.table_list_normal { float: left; width: 100%; font-size: 12px; font-family: 'Tahoma', 'Arial'; }
.table_list_normal td, .table_list_normal th { height: 30px; }
.table_list_normal thead tr { border: 1px solid #cecece; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.table_list_normal thead th, .table_list_normal thead td { color: #2b3a43; text-align: center; }
.table_list_normal thead a { color: #1c8eb3; }
.table_list_normal tbody td { border-bottom: 1px solid #cecece; text-align: center; }

/* ------- table form themes ------- */
.table_form_normal { float: left; width: 100%; }
.table_form_normal td { padding-left: 10px; width: 30%; }
.table_form_normal th { width: 10%; text-align: center; }
.table_form_normal td, .table_form_normal th { height: 40px; }
.table_form_normal .title { border-right: none; }
/*
.table_form_normal thead td, .table_form_normal thead th, .table_form_normal tbody td { text-align: center; color: #333; }
.table_form_normal thead td { background: #fad253; border-bottom: 1px solid #e9c34d; border-style: solid; border-color: #e9c34d; border-width: 0 1px 1px 0;}
.table_form_normal thead th { background: #f9c83f; width: 150px; border-style: solid; border-color: #e0b439; border-width: 0 1px 1px 0;}
*/
.table_form_normal th, .table_form_normal td { border-style: solid; border-color: #e9e9e9; border-width: 0 1px 1px 0; color: #696969; }
.table_form_normal th { background: #f3f3f3; font-family: 'Tahoma', sans-serif; font-size: 12px; }
.table_form_normal thead td .input_box, .table_form_normal tbody td .input_box { width: 150px; height: 20px; border: 1px solid #d9d9d9; }
.table_form_normal tfoot td { height: 50px; text-align: right; padding-right: 20px; border: none; }
.table_form_normal textarea { margin: 10px 0; width: 70%; height: 100px; }

/*
	title : Section box
	author : NHN
	-- how to use --
	<div class="section">
		<h2 class="hx">title</h2>
		<div class="tx">content</div>
		<a href="#" class="section_more"><span>›</span> Learn more</a>
	</div>
*/
.section{position:relative;border:1px solid #e9e9e9;background:#fff;font-size:12px;line-height:normal;*zoom:1}
.section .hx{margin:0;padding:10px 0 7px 9px;border:1px solid #fff;background:#f7f7f7 url(img/br_section_title.gif) repeat-x left bottom;font-size:12px;line-height:normal;color:#333}
.section .tx{padding:10px;border-top:1px solid #e9e9e9;color:#666}
.section .section_more{position:absolute;top:9px;right:10px;font:11px Tahoma;color:#656565;text-decoration:none !important}
.section .section_more span{font:14px/1 Tahoma;color:#6e89aa}
/* // Section box */

/* default list */
.default_list,.default_list th,.default_list td{border:0}
.default_list{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse}
.default_list caption{display:none}
.default_list tfoot{background-color:#f5f7f9;font-weight:bold}
.default_list th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
.default_list td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}
.default_list td.ranking{font-weight:bold}
/* default list */

/*
	title : Horizontal Graph
	author : NHN
	-- how to use --
	<div class="h_graph">
		<ul>
		<li><span class="g_term">SUN</span><span class="g_bar" style="width:0%"><span>0%</span></span></li>
		<li><span class="g_term">MON</span><span class="g_bar" style="width:20%"><span>20%</span></span></li>
		<li><span class="g_term">TUE</span><span class="g_bar" style="width:30%"><span>30%</span></span></li>
		<li><span class="g_term">WED</span><span class="g_bar" style="width:40%"><span>40%</span></span></li>
		<li><span class="g_term">THU</span><span class="g_bar" style="width:50%"><span>50%</span></span></li>
		<li><span class="g_term">FRI</span><span class="g_bar" style="width:60%"><span>60%</span></span></li>
		<li><span class="g_term">SAT</span><span class="g_bar" style="width:100%"><span>100%</span></span></li>
		</ul>
	</div>
*/
.h_graph ul{margin:0 50px 0 50px;padding:1px 0 0 0;border:1px solid #ddd;border-top:0;border-right:0;font-size:11px;font-family:Tahoma, Geneva, sans-serif;list-style:none}
.h_graph li{position:relative;margin:10px 0;vertical-align:top;white-space:nowrap}
.h_graph .g_term{position:absolute;top:0;left:-50px;width:40px;font-weight:bold;color:#767676;line-height:20px;text-align:right}
.h_graph .g_bar{display:inline-block;position:relative;height:20px;border:1px solid #ccc;border-left:0;background:#e9e9e9}
.h_graph .g_bar span{position:absolute;top:0;right:-50px;width:40px;color:#767676;line-height:20px}
/* //horizontal graph */


/*
	title : Information Graph
	author : NHN
	-- how to use --
	<p><span class="i_graph">
		<span class="g_bar"><span class="g_action" style="width:50%"></span></span>
		<span class="g_percent"><strong>50</strong>%</span>
	</span></p>
*/
.i_graph{position:relative;line-height:normal;white-space:nowrap}
.i_graph .g_bar{display:inline-block;position:relative;width:250px;height:14px;margin:0 5px 0 0;border:1px solid #ccc;background:#e9e9e9;font-size:11px}
.i_graph .g_action{display:inline-block;position:relative;height:14px;margin:-1px;border:1px solid #8c9bac;background:#99a6b6}
.i_graph .g_percent{font:16px Arial, Helvetica, sans-serif;color:#ccc}
.i_graph .g_percent strong{font-size:18px;color:#e88b30}
/* //UI Object */

/* form table */
.form_table{margin:1em 0; font-size:12px;font-family:Tahoma, Geneva, sans-serif}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:12px}
.form_table table{width:100%;border:0;border-top:2px solid #999}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td{padding:8px;border:0;vertical-align:top}
.form_table th{color:#333}
.form_table td{color:#666}
.form_table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.form_table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form_table tfoot th{border-bottom:1px solid #ddd}
.form_table tbody td{border-bottom:1px solid #ddd}
.form_table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.form_table .item{position:relative;margin:-4px 0}
.form_table .item .i_help{position:absolute;top:4px;right:0}
.form_table .item .i_label{ top:6px; left:10px}
.form_table .item .i_dsc{margin:2px 0}
.form_table .item .i_check,
.form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form_table .item select{margin:2px}
.form_table .item label{margin:0 10px 0 0;cursor:pointer}
.form_table label { cursor: pointer; }
.form_table input[type=text] { padding-left: 10px; border: 1px solid #aaa; }
.form_table textarea { padding: 10px 0 0 10px; }

/* paginate */
.paginate{padding:15px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:3px 3px 5px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:13px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre{margin-right:9px;padding:7px 6px 5px 16px;background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important}
.paginate .next{margin-left:9px;padding:7px 16px 5px 6px;background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 71px 9px !important}
.paginate a.pre{background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important}
.paginate a.next{background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 74px 9px !important}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:1px;_width /**/:84px;border:1px solid #e9e9e9;color:#ccc;font-family:'굴림',Gulim;font-size:12px;line-height:normal}
.paginate a.pre,.paginate a.next{color:#565656}
.paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important}

/* gallery list */
.gallery_list ul{overflow:hidden;position:relative;margin:0;padding:0;border:1px solid #ddd;border-left:0;border-right:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;list-style:none;*zoom:1}
.gallery_list ul:after{display:block;clear:both;content:""}
.gallery_list li{overflow:hidden;float:left;position:relative;top:1px;width:150px;height:210px;border-bottom:1px solid #eee}
.gallery_list .thumb{display:block;overflow:hidden;position:relative;width:120px;height:120px;background:#eee;color:#666;line-height:120px;text-align:center;white-space:nowrap}
.gallery_list .thumb img{display:block;width:120px;height:120px;border:0}
.gallery_list .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)}
.gallery_list .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px}
.gallery_list a{display:block;width:120px;margin:0 auto;padding:20px 0 0 0;text-decoration:none;cursor:pointer}
.gallery_list a strong{display:inline-block;margin:8px 0 0 0;color:#333}
.gallery_list p{width:120px;margin:0 auto;font-size:11px;color:#767676}
.gallery_list a:hover strong,
.gallery_list a:active strong,
.gallery_list a:focus strong{text-decoration:underline}
.gallery_list a:hover .thumb,
.gallery_list a:active .thumb,
.gallery_list a:focus .thumb{margin:-3px;border:3px solid #eee;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666}
.gallery_list a:hover .thumb em,
.gallery_list a:active .thumb em,
.gallery_list a:focus .thumb em{visibility:visible;width:100%;height:auto}