/*
가이드 명칭 : 2NE1 Fire CSS 가이드
가이드 목적 : -------------------------------------------------------------
가이드 내용 : 사이트 레이아웃
최초 제작자 : 박진규 (arigato9@gmail.com)
최초 제작일 : 2009.05.04
최종 수정자 : 박진규
최종 수정일 : 2009.05.04
수정 / 배포 : 담당자 문의 후 수정 가능. 재배포 절대 불가
*/

/* ------------------------------- */
/* IE6.0 Hack CSS 연결 ----------- */
/* ------------------------------- */

@charset "utf-8";

/* dafault */
*{ margin:0; padding:0; }
body, form, div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td{padding:0; margin:0; word-break:break-all;}
html, body{ margin:0; padding:0;}
body{color:#666666; font-size:12px; font-family:dotum,arial,sans-serif; text-align:left; letter-spacing:0px; line-height:15px;}
input, textarea, select{font-size:12px; font-family:dotum,arial,sans-serif; margin:0; padding:0;}
img{border:0; vertical-align:middle;}
a{color:#aaaaaa; text-decoration:none; onfocus:blur;}
a:link{color:#aaaaaa; text-decoration:none; onfocus:blur;}
a:hover{color:#ffffff; text-decoration:underline; onfocus:blur;}
ul,ol,ul,dl{list-style: none;}
table{border-collapse:collapse;}
em, cite, address, dfn, var{font-style:normal;}
fieldset, blockquote{border:none;}
input{padding:5px 5px 3px 5px; color:#aaaaaa; border:1px solid #2c2c2c; background-color:#1c1c1c;}
input.checkbox{width:14px; height:14px; border:0;}
input.radio{width:14px; height:14px; border:0;}
.textarea{border:1px soild #bebebe;}

#fire_body{padding:0; margin:0; text-align:-moz-center; width:100%; #text-align:center; color:#aaaaaa;}

/* login layerpopup */
#layer_login{width:450px; height:220px; border:1px solid #444444; background:url('/fire/images/bg_layerpop.gif') repeat-x;}
.layertitle{text-align:left; padding:5px 0 10px 0; margin-right:30px; margin-left:30px; background:url('/fire/images/bg_title.gif') repeat-x left bottom;}
.closebtn{text-align:right; padding:15px 15px 0 0;}
.closebtn img{cursor:pointer;}
#layer_login_input{clear:both; width:165px; height:55px; float:left; margin-right:10px;}
#layer_login_input_id{background:url('/fire/images/bg_login_id.gif') no-repeat left top; width:155px;}
#layer_login_input_pw{background:url('/fire/images/bg_login_id.gif') no-repeat 0 -32px; width:155px; margin-top:9px;}
.layer_login_button{width:90px; height:55px; float:left;}
.layer_login_button img{cursor:pointer;}
#layer_bottom{width:190px; text-align:center; float:center; }
.layer_findidpw{width:104px; height:14px; float:left; margin-right:30px; padding-top:20px;}
.layer_join{width:42px; height:14px; float:left; padding-top:20px;}

/* comment layerpopup */
#layer_comment{width:900px; border:1px solid #444444; background:url('/fire/images/bg_layerpop.gif') repeat-x; }
#layertitle2{width:830px; margin-right:40px; margin-left:30px; height:40px; #height:37px; background:url('/fire/images/bg_title.gif') repeat-x left bottom;}
#layertitle2 ul li.layertitle2_title{width:390px; float:left; margin-right:10px; height:23px; }
#layertitle2 ul li.layertitle2_total{float:right; width:400px; font-size:8pt; padding-top:8px; text-align:right; height:23px; }
#commonet_body{clear:both; position:relative; text-align:left; width:820px; margin:15px 40px;}
#commonet_body td.comment_td{ height:24px; padding-top:7px; padding-left:10px; border-bottom:1px solid #2c2c2c;}
textarea.textarea_commonet{color:#aaaaaa; border:1px solid #2c2c2c; background-color:#1c1c1c; width:660px; height:40px; padding:15px; margin-right:10px;}
.delete_comment{margin-left:5px; cursor:pointer;}
.color01{ color:#666666; padding-right:10px;}

/* pagin */
.paging{position:relative; clear:both; padding:20px 0 30px 0; text-align:center;}
.paging a, .paging strong{position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#aaaaaa; text-decoration:none; border:1px solid #212121; line-height:normal; font:bold 13px Verdana; }
.paging strong{color:#ff7e00 !important; }
.paging a:hover{background-color:#ff7e00; text-decoration:none; border:1px solid #fe4d12; color:#fff;}
.paging .pre, .paging .next{font-weight:normal; display:inline-block; color:#565656; _position:relative; _top:-1px; font:12px 돋음, Dotum; }
.paging .pre{margin-right:2px; padding:7px 6px 3px 6px;}
.paging .next{margin-left:2px; padding:7px 6px 3px 6px;}
.paging .pre img, .paging .next img{position:relative; top:-2px;}
.paging .pre:hover, .paging .next:hover{color:#333333; background:none; border:1px solid #6a6a6a;}

/* evet mv layerpopup _ 효진추가생성 */
#layertitle2 ul li.evnet_mv_title{width:589px; float:left; margin-right:10px;}
#event_mv ul li.event_mv_img{width:836px; float:center; margin-top:5px;}
#event_mv_commonet_body{clear:both; position:relative; text-align:left; width:820px; margin:5px 40px;}
#event_mv_commonet_body td.comment_td{ height:63px; padding-top:5px; padding-left:10px; border-bottom:1px solid #2c2c2c;}
textarea.event_mv_commonet{color:#aaaaaa; border:1px solid #2c2c2c; background-color:#1c1c1c; width:690px; height:37px; padding:15px; margin-right:10px; margin-top:2px;}

/* evet bgm layerpopup _ 효진추가생성 */
#layertitle2 ul li.evnet_bgm_title{width:589px; float:left; margin-right:10px;}
#event_bgm ul li.event_bgm_img{width:836px; float:center; margin-top:5px; margin-bottom:15px;}
#event_bgm_commonet_body{clear:both; position:relative; text-align:left; width:820px; margin:5px 40px;}
#event_bgm_commonet_body td.comment_td{ height:45px; padding-top:5px; padding-left:10px; border-bottom:1px solid #2c2c2c;}
textarea.event_bgm_commonet{color:#aaaaaa; border:1px solid #2c2c2c; background-color:#1c1c1c; width:690px; height:37px; padding:15px; margin-right:10px; margin-top:2px;}