﻿
html {}
* { margin:0px; padding:0px;}
body { background:#fff; position:relative; text-align:center; font-family:dotum, tahoma; font-size:12px; color:#777; }
hr { clear:both; display:none }
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,input,select,th,td { margin:0px; padding:0px; }
address,caption,cite,code,dfn,em,th{ font-style:normal; font-weight:normal; }
ol,ul,dl { list-style:none; }
img { border:none; vertical-align:top }
fieldset { border:none; }
table { border-collapse:collapse; border-spacing:0; }
legend { display:none }

/* */
a:link { color:#777777; text-decoration:none; }
a:visited { color:#777777; text-decoration:none; }
a:active { color:#777777;}
a:hover { color:#777777;}

/* png */
.png {behavior:url("/images/iepngfix.htc");  }

/* Default CLASS */
.cb {clear:both}
.cp {cursor:pointer;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.tc {text-align:center}

.tit24  a{font-size:24px; color:#000; font-weight:bold; letter-spacing:-2px; text-decoration:none; font-family:dotum}
.tit24  {font-size:24px; color:#000; font-weight:bold; letter-spacing:-2px; text-decoration:none; font-family:dotum}
.tit14  a{font-size:14px; color:#000; font-weight:bold;  text-decoration:none; font-family:dotum}
.sp0 {letter-spacing:0; }
.tit14  a:hover{text-decoration:underline;}
.tit12  a{font-size:12px; color:#444; font-weight:bold; letter-spacing:-1px; text-decoration:none; font-family:dotum}
.tit12  a:hover{text-decoration:underline;}
.fs11 {font-size:11px;}

.id_img {vertical-align:middle; margin-right:3px;}
.vm  { vertical-align:middle; margin-left:2px;}

/* 정보를 알려주는 작은 글씨들  */
.info2{color:#777777;  font-size:11px; font-family:Gulim; background: url(../../images/common/ico_partline.gif) left no-repeat; padding-left:5px; margin-left:5px;}
.info{ color:#777777;  font-size:11px; font-family:Gulim; background: url(/images/common/ico_partline.gif) right no-repeat; padding-right:5px; margin-right:5px  }
.info_end{ color:#777777;  font-size:11px; font-family:Gulim; padding-right:5px;  }
.writer{ color:#5b965a; font-size:11px;  font-family:Gulim;  }
.writer img{vertical-align:middle; margin-right:3px; }
.writer2{ color:#444444; font-weight:bold; font-family:Gulim; padding:0 5px 0 20px; background: url(/images/common/ico_id.gif) left top no-repeat; }
.info_bar{ background: url(/images/common/ico_partline.gif) right no-repeat; padding-right:5px; margin-right:5px  }


/* 나이테를 알려주는 아이콘형 텍스트   */
.ann {float:left;width:44px;height:17px; margin:3px 5px 0 0; background:url(/images/common/ann/2010_ann_bg_s.gif) center center no-repeat;}

.ann_ring {float:left; font-weight:bold; color:#ffffff; font-family:tahoma; font-size:13px; width:45px; margin-right:5px; text-align:center; }
.ann_ring  a{color:#444444;}
.ann_ring  a:hover{text-decoration:underline;}
/* 초록진한순서대로  1>2>3>4>5    */
.ann_num0 {background:url(/images/common/ann_ring1.gif) left center no-repeat; width:45px; margin-right:5px; height:24px;}
.ann_num1 {background:url(/images/common/ann_ring2.gif) left center no-repeat; width:45px; margin-right:5px; height:24px;}
.ann_num2 {background:url(/images/common/ann_ring3.gif) left center no-repeat; width:45px; margin-right:5px; height:24px;}
.ann_num3 {background:url(/images/common/ann_ring4.gif) left center no-repeat; width:45px; margin-right:5px; height:24px;}
.ann_num4 {background:url(/images/common/ann_ring5.gif) left center no-repeat; width:45px; margin-right:5px; height:24px; }

.ann_cached {background:url(/images/common/ann_ring_cached.gif) left center no-repeat; float:left; width:45px; height:24px; margin-right:5px; } /* 작성중 */
.ann_numnews {background:url(/images/common/ann_ring_news.gif)  left center no-repeat; float:left; width:45px; height:24px;  margin-right:5px;  } /* NEWS */
.ann_numstub {background:url(/images/common/ann_ring_stub.gif)  left center no-repeat; float:left; width:45px; height:24px;  margin-right:5px; } /* 첫마디  */

.ann_numnews_n {background:url(/images/common/ann/2010_ann_news_s.gif)   left center no-repeat; float:left; width:44px; height:24px;  margin-right:5px;  } /* NEWS */
.ann_numstub_n {background:url(/images/common/ann/2010_ann_stub_s.gif)   left center no-repeat; float:left; width:44px; height:24px;  margin-right:5px; }  /* 첫마디  */
.ann_numstub_m {background:url(/images/common/ann/2010_ann_mobile_s.gif) left center no-repeat; float:left; width:44px; height:24px;  margin-right:5px; }  /* 모바일  */


/* updated 초록진한순서대로  1>2>3>4   */
.updated_all {float:left; background:url(/images/common/ann/2010_ann_bg_b.gif) left center no-repeat; width:44px; height:37px; margin-right:10px;}
.updated { font-weight:bold; color:#ffffff; font-family:tahoma; font-size:13px; width:45px;  text-align:center; padding-top:5px;}
.updated_num0 {background:url(/images/common/ann_updated1.gif) left center no-repeat; width:44px; height:37px; margin-right:10px; }
.updated_num1 {background:url(/images/common/ann_updated2.gif) left center no-repeat; width:44px; height:37px; margin-right:10px; }
.updated_num2 {background:url(/images/common/ann_updated3.gif) left center no-repeat; width:44px; height:37px; margin-right:10px; }
.updated_num3 {background:url(/images/common/ann_updated4.gif) left center no-repeat; width:44px; height:37px; margin-right:10px; }
.updated_num4 {background:url(/images/common/ann_updated5.gif) left center no-repeat; width:44px; height:37px; margin-right:10px; }

.updated_none {background:url(/images/common/ico_updated_none.gif) left top no-repeat; width:44px; _width:48px; height:40px; margin-right:10px; _letter-spacing:-3px;}


/* 위키트위그 댓글 버튼  */
.reply {float:left; font-weight:bold;  font-family:tahoma; color:#666666; font-size:13px; width:45px;  text-align:center; padding-top:5px; padding-left:3px; }
.reply.nor {background:url(/images/common/reply.gif) left top no-repeat; width:44px; height:37px; margin-right:10px; }
.reply.red {background:url(/images/common/reply_red.gif) left  top  no-repeat; color:#ec6881; width:44px; height:37px; margin-right:10px; }
.reply.hot {background:url(/images/common/reply_hot.gif) left  top  no-repeat;  width:44px; height:37px; margin-right:10px; }

/* 물음표 */
.question {position:absolute; top:-15px; right:-30px; }
.question .answer {position:absolute; background:url(/images/common/question_bg.gif) repeat-x; top:0; left:30px; font-size:11px; font-weight:normal; border:#5484c2 1px solid; color:#245ddb; font-family:dodum; line-height:13px; width:400px; padding:4px }



/* 작성중 */
.updated_cached {float:left;background:url(/images/common/ann_cached.gif) left center no-repeat; width:44px; height:40px; margin-right:10px;}
/* NEWS */
.updated_numnews {float:left;background:url(/images/common/ann_news.gif) left center no-repeat;  width:44px; height:37px; margin-right:10px;}
/* 첫마디  */
.updated_numstub {float:left;background:url(/images/common/ann_stub.gif) left center no-repeat; width:44px; height:37px; margin-right:10px;}
/* 모바일  */
.updated_nummobile {float:left;background:url(/images/common/ann/2010_ann_mobile_b.gif) left center no-repeat; width:44px; height:37px; margin-right:10px;}


/* 회원 필명에 마우스 오버했을 때 나오는 창  */
.writer_info {background:url(/images/common/write_info_bg.gif) left botttom repeat-x; /*border:#42a241 solid 2px;*/ padding:4px; padding-right:0; width:200px; height:36px; }
.writer_info dt{float:left; text-align:left; font-size:11px;  line-height:16px; overflow:hidden}
.writer_info dt.writer strong{font-size:12px}
.writer_info .photo{border:#aaaaaa solid 1px; margin-right:4px; float:left}
.writer_info dd{ float:left; text-align:left; font-size:11px; line-height:22px;  color:#8f8f8f; background: url(/images/common/ico_aw_red.gif) 0 8px no-repeat; padding-left:5px}
.writer_info dd strong{color:#333333;}
/* 회원 필명에 마우스 오버했을 때 나오는 창 -opm용 */
.writer_info.opm {border:#8eaf1d solid 2px;  width:260px; height:55px; background:#e7efcc; }
.writer_info.opm dt.title {display:block; background:#ffffff; border-bottom:#cad0b2 2px solid; padding-left:5px; color:#333333; font-weight:bold}
.writer_info.opm dt.writer strong{color:#666666; font-size:11px}



.bgf7 {background:#f7f7f7;}



/* 라인쓸떄 이용하세요S */
.line_d6 { display:block; background: url(/images/common/line_d6.gif) center left repeat-x;}
.line_65 { display:block; background: url(/images/common/line_65.gif) center left repeat-x;} /*2px 어두운 밤색계열 라인 */
.line_88 { display:block; background: url(/images/common/line_88.gif) center left repeat-x;} /*2px 약간 어두운 회색계열 라인 */
.line_type1 { display:block; background: url(/images/common/line_type1.gif) center left repeat-x;} /*1px 2px 밝은 회색계열 라인 */
.line_type2 { display:block; background: url(/images/common/line_type2.gif) center left repeat-x;} /*1px 1px 상단회색 하단흰색 라인 */
.line_type3 { display:block; background: url(/images/common/line_type3.gif) center left repeat-x;} /*1px 1px 상단회색 하단흰색 라인 */
/* 도트 라인입니다  */
.dot_line { display:block; background: url(/images/common/line_dot.gif) center left repeat-x;}
.dot_line2 { display:block; background: url(/images/common/line_dot2.gif) center left repeat-x;}
.dot_line3 { display:block; background: url(/images/common/line_dot3.gif) center left repeat-x;}  /* 댓글작업으로 추가 */
.line_green { display:block; background: url(/images/common/line_green.gif) top left repeat-x;}
.line_green2 { display:block; background: url(/images/common/line_green2.gif) center left repeat-x;}
.btd6 {border-top:#d6d6d6 solid 1px;}
.bbd6 {border-bottom:#d6d6d6 solid 1px;}
.bdno {border:none;}

.h01 {height:1px;}
.h02 {height:2px;}
.h03 {height:3px;}
.h04 {height:4px;}
.h05 {height:5px; _margin-top:-5px;_margin-bottom:-5px;}
.h06 {height:6px;}
.h07 {height:7px;}
.h08 {height:8px;}
.h09 {height:9px;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h22 {height:22px;}
.h27 {height:27px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}

.w10 {width:10px;}

/* S: A link style definition */

.cfff {color:#FFF;}
.c000 {color:#000;}
.c333 {color:#333;}
.f777 {color:#777;}
.d6d6d6 {color:#d6d6d6;font-size:11px}

.tit000 {color:#000000; font-size:24px}
.tit444 {color:#444444; font-size:14px}
.tit777 {color:#777777; font-size:11px}   /* 댓글/추천..위키트리/위키트리OPM */
.f78d03 {color:#f78d03;}  /* 주황색*/
.tw_id {color:#3f99f5;} /* 파랑색 */ 
.fblue {color:#255fdc;}
.00401a {color:#00401a; font-size:11px}
.5b965a {color:#5b965a; }

.imgbbr {border:#999999 1px solid}
.imgsbr:hover {border:#f78d03 3px solid}
.imgsbr2 {border:#d6d6d6 1px solid}

.e93700 {color:#e93700; font-size:11px}
.444444 {color:#444444; font-size:11px}

.lith {text-decoration:line-through;}


/* 링크 스타일 */
a.c005625, a.c005625:visited {color:#000000;}
a.c005625:hover {color:#005625;}
/*주황색 계통  핫토픽에 사용*/
a.f88d03, a.f88d03:visited {color:#f88d03; font-weight:bold;}
a.f88d03:hover {color:#de3317;}
a.e93804, a.e93804:visited {color:#e93804; font-weight:bold;}
a.e93804:hover {color:#f17550;}
/*회색계열*/
a.c88, a.c888888:visited {color:#888888; font-weight:bold;}
a.c88:hover {color:#4c4c4c;}
/*  */
.fc01 a:link { color:#005c82; }
.fc01 a:visited { color:#45245b; }
.fc01 a:active { color:#005c82; }
.fc01 a:hover { color:#005c82;}

/* */
.fc02 a:link { color:#436bc2; }
.fc02 a:visited { color:#45245b; }
.fc02 a:active { color:#436bc2; }
.fc02 a:hover { color:#436bc2;}

a.c48 {color:#484848;}

a.c666666, a.c666666:visited {color:#666666;}
a.c666666:hover {color:#666666;text-decoration:underline;}

a.cfff, a.cfff:visited {color:#ffffff;}
a.cfff:hover {color:#ffffff;text-decoration:underline;}


.lh05 {line-height:5px;}
.lh06 {line-height:6px;}
.lh07 {line-height:7px;}
.lh08 {line-height:8px;}
.lh09 {line-height:9px;}
.lh10 {line-height:10px;}
.lh14 {line-height:14px;}
.lh15 {line-height:15px;}
.lh16 {line-height:16px;}
.lh17 {line-height:17px;}
.lh18 {line-height:18px;}
.lh19 {line-height:19px;}
.lh20 {line-height:20px;}
.lh21 {line-height:21px;}
.lh22 {line-height:22px;}
.lh23 {line-height:23px;}
.lh24 {line-height:24px;}
.lh25 {line-height:25px;}
.lh30 {line-height:30px;}
.lh40 {line-height:40px;}
.lh50 {line-height:50px;}



.clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }
.clear.cb10 { height:10px; background:#fff; }
.clear.cb15 { height:15px; background:#fff; }
.clear.cb20 { height:20px; background:#fff; }
.clear.cb25 { height:25px; }
.clear.cb30 {background:#fff;}/* */
.clear.cb40 {height:40px;background:#fff; }
.clear.cb60 { height:60px;background:#fff; }

.pt02 {padding-top:2px;}
.pt03 {padding-top:3px;}
.pt04 {padding-top:4px;}
.pt05 {padding-top:5px;}
.pt06 {padding-top:6px;}
.pt07 {padding-top:7px;}
.pt08 {padding-top:8px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pb10 {padding-bottom:10px;}
.pa10 {padding:10px}
.pa20 {padding:20px}

.m0-a {margin:0 auto;}
.ml-25 {margin-left:-25px;}
.ml-22 {margin-left:-22px;}
.ml-20 {margin-left:-20px;}
.ml-15 {margin-left:-15px;}
.ml-14 {margin-left:-14px;}
.ml-13 {margin-left:-13px;}
.ml-10 {margin-left:-10px;}
.ml-9{margin-left:-9px;}
.ml-8 {margin-left:-8px;}
.ml-7 {margin-left:-7px;}
.ml-6 {margin-left:-6px;}
.ml-5 {margin-left:-5px;}
.ml-3 {margin-left:-3px;}
.ml-2 {margin-left:-2px;}
.ml-1 {margin-left:-1px;}
.ml01 {margin-left:1px;}
.ml02 {margin-left:2px;}
.ml03 {margin-left:3px;}
.ml04 {margin-left:4px;}
.ml05 {margin-left:5px;}
.ml06 {margin-left:6px;}
.ml07 {margin-left:7px;}
.ml08 {margin-left:8px;}
.ml09 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml11 {margin-left:11px;}
.ml12 {margin-left:12px;}
.ml13 {margin-left:13px;}
.ml14 {margin-left:14px;}
.ml15 {margin-left:15px;}
.ml16 {margin-left:16px;}
.ml17 {margin-left:17px;}
.ml18 {margin-left:18px;}
.ml19 {margin-left:19px;}
.ml20 {margin-left:20px;}
.ml21 {margin-left:21px;}
.ml22 {margin-left:22px;}
.ml23 {margin-left:23px;}
.ml24 {margin-left:24px;}
.ml25 {margin-left:25px;}
.ml26 {margin-left:26px;}
.ml27 {margin-left:27px;}
.ml28 {margin-left:28px;}
.ml29 {margin-left:29px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml37 {margin-left:37px;}

.mr-15 {margin-right:-15px;}
.mr-10 {margin-right:-10px;}
.mr-4 {margin-right:-4px;}
.mr-3 {margin-right:-3px;}
.mr-2 {margin-right:-2px;}
.mr-1 {margin-right:-1px;}
.mr01 {margin-right:1px;}
.mr02 {margin-right:2px;}
.mr03 {margin-right:3px;}
.mr04 {margin-right:4px;}
.mr05 {margin-right:5px;}
.mr06 {margin-right:6px;}
.mr07 {margin-right:7px;}
.mr08 {margin-right:8px;}
.mr09 {margin-right:9px;}
.mr10 {margin-right:10px;}
.mr11 {margin-right:11px;}
.mr12 {margin-right:12px;}
.mr13 {margin-right:13px;}
.mr14 {margin-right:14px;}
.mr15 {margin-right:15px;}
.mr16 {margin-right:16px;}
.mr17 {margin-right:17px;}
.mr18 {margin-right:18px;}
.mr19 {margin-right:19px;}
.mr20 {margin-right:20px;}
.mr21 {margin-right:21px;}
.mr22 {margin-right:22px;}
.mr23 {margin-right:23px;}
.mr24 {margin-right:24px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}

.mb-5 {margin-bottom:-5px;}
.mb-4 {margin-bottom:-4px;}
.mb-3 {margin-bottom:-3px;}
.mb-2 {margin-bottom:-2px;}
.mb-1 {margin-bottom:-1px;}
.mb01 {margin-bottom:1px;}
.mb02 {margin-bottom:2px;}
.mb04 {margin-bottom:4px;}
.mb05 {margin-bottom:5px;}
.mb06 {margin-bottom:6px;}
.mb07 {margin-bottom:7px;}
.mb08 {margin-bottom:8px;}
.mb09 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb11 {margin-bottom:11px;}
.mb12 {margin-bottom:12px;}
.mb13 {margin-bottom:13px;}
.mb14 {margin-bottom:14px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb24 {margin-bottom:24px;}
.mb25 {margin-bottom:25px;}

.mt-28 {margin-top:-28px;}
.mt-26 {margin-top:-26px;}
.mt-25 {margin-top:-25px;}
.mt-23 {margin-top:-23px;}
.mt-20 {margin-top:-20px;}
.mt-19 {margin-top:-19px;}
.mt-18 {margin-top:-18px;}
.mt-17 {margin-top:-17px;}
.mt-16 {margin-top:-16px;}
.mt-15 {margin-top:-15px;}
.mt-10 {margin-top:-10px;}
.mt-5 {margin-top:-5px;}
.mt-4 {margin-top:-4px;}
.mt-3 {margin-top:-3px;}
.mt-2 {margin-top:-2px;}
.mt-1 {margin-top:-1px;}
.mt01 {margin-top:1px;}
.mt02 {margin-top:2px;}
.mt03 {margin-top:3px;}
.mt04 {margin-top:4px;}
.mt05 {margin-top:5px;}
.mt06 {margin-top:6px;}
.mt07 {margin-top:7px;}
.mt08 {margin-top:8px;}
.mt09 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt11 {margin-top:11px;}
.mt12 {margin-top:12px;}
.mt13 {margin-top:13px;}
.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt17 {margin-top:17px;}
.mt18 {margin-top:18px;}
.mt19 {margin-top:19px;}
.mt20 {margin-top:20px;}
.mt22 {margin-top:22px;}
.mt23 {margin-top:23px;}
.mt24 {margin-top:24px;}
.mt25 {margin-top:25px;}
.mt26 {margin-top:26px;}
.mt27 {margin-top:27px;}
.mt28 {margin-top:28px;}
.mt29 {margin-top:29px;}
.mt30 {margin-top:30px;}
.mt34 {margin-top:34px;}
.mt37 {margin-top:37px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt100 {margin-top:100px;}
.hand {cursor:pointer;}
.tal {text-align:left}
.tar {text-align:right}
