/* common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;}
body,input,select,textarea{color:#333;font-family:'Arial', 'Malgun Gothic','맑은 고딕', dotum,'돋움',gulim,'굴림', Helvetica,Apple-Gothic,sans-serif;font-weight:normal;}
body{background-color:#fff;text-align: left; margin:0; padding:0;color:#444;}
hr{display:none;}
img,fieldset{border:0 none;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li,dd{list-style:none;margin:0; padding:0;}
body, div, td, ul, ol, li, span, p{word-wrap:break-word; word-break:break-all;}
h1,h2,h3,h4{display:inline;font-size:12px;font-weight:normal;}

a{text-decoration:none;text-overflow:ellipsis;cursor:pointer;}
a:link,a:active{text-decoration:none;}
a:link{color:#333;}
a:visited{color:#8338a9;}

.b {font-weight:bold;}
.c {text-align:center;}
.o {color:#ED1746;}

.gray{color:gray;}
.lightgray{color:#999;}
.green{color:green;}
.maroon{color:maroon;}
.black{color:#333;}
.red{color:red;}
.blue{color:blue;}
.sky{color:#5582BF}
.navy{color:#224196;}
.tomato{color:tomato;}

.dot {background:url(/images/dot.png) left 6px no-repeat;padding:0px 0 0 7px;}
.sub { background:url(/images/blt_sub.gif) no-repeat 5px 5px; height:14px;padding-left:15px; }
.line{text-decoration:underline;}
.th {padding:10px;font-weight:bold;text-align:center;}
.td {padding:10px;}
.ok{color:#ff7700;}
.not_ok{color:#0077ff;}
.count{color:#555;}
.comment_num{color:green;}
.pointer{cursor:pointer;}
.head{color:#4686BB;font-weight:bold;margin-right:2px;}
.board_name{color:#777;}
.invert{filter:invert(55%)}
.box{box-sizing:border-box;}
.over{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.deco_none a{text-decoration:none;}
.outline{outline:1px solid #00000022;outline-offset:-1px;}

/* button */
.btn{display:inline-block;border-radius: 3px;padding:5px 12px 5px 12px;font-size:12px;font-weight:bold;vertical-align:middle;color:white;text-align:center;line-height:100%;cursor:pointer;}
.btn{background:#555; border: 1px solid #000;}
.btn_n{background: #f2f2f2;border: 1px solid #888;color:black}
.btn_gray{background:#f2f2f2; border: 1px solid #777 !important;color:#444 !important;font-weight:normal !important;}
.btn_blue{background:#336ACE !important;border: 1px solid #336ACE !important;color:white !important;font-weight:bold !important;}
.btn_o{background:#E85D00;border: 1px solid#E85D00;color:white;font-weight:bold;}

.btn_black{display:inline-block;border-radius: 3px;padding:5px 5px 5px 5px;font-size:12px;font-weight:bold;vertical-align:middle;color:white; background:black; background:black url(/images/m/btn_bg.gif) center center repeat;border: 1px solid #111;}
.btn_small{padding:5px 5px 4px 5px;line-height:100%;font-size:8px;font-family:'Malgun Gothic','맑은 고딕', dotum,'돋움',gulim,'굴림', Helvetica,Apple-Gothic,sans-serif;}
.btn_mini{
	border: 1px solid #bbb; color:#777;font-size:11px;
	display:inline-block; border-radius: 2px; ;font-weight:normal;vertical-align:middle; text-align:center;
	padding:5px 5px 4px 5px;line-height:100%;font-family:'Malgun Gothic','맑은 고딕', dotum,'돋움',gulim,'굴림', Apple-Gothic;
	cursor:pointer;
}
.btn_mini_black{
	background: #666; border:1px solid #333; color:white; font-size:11px;
	display:inline-block; border-radius: 2px; ;font-weight:normal;text-align:center;
	padding: 5px 7px 5px 7px; line-height:100%;
	cursor:pointer;
}

.btn_nemo {
	display: inline-block; background: #FAFAFA; border:1px solid #A3A4A8; padding: 5px 7px 5px 7px; cursor: pointer; color: #333; font-weight:normal; font-size: 12px; line-height: 12px;
	border-radius: 2px;
	color:#656565
}


/* common */
.input_button { display: inline-block; background: #FAFAFA; border:1px solid #A3A4A8; padding: 5px 15px 5px 15px; cursor: pointer; color: #333; font-weight:bold; font-size: 12px; line-height: 12px;}
.input_button_b { display: inline-block; background: #5987CD; border:1px solid #3366CC; padding: 5px 15px 5px 15px; cursor: pointer; color: #fff; font-weight:bold; font-size: 12px; line-height: 12px;}
.input_button_o { display: inline-block; padding: 5px 15px 5px 15px; cursor: pointer; color: #fff; font-weight:bold; font-size: 12px; line-height: 12px; border-radius: 3px;
background:#E85D00; border: 1px solid #E45600;}



.rank_num{
	font-family:  'Arial', dotum, '돋움', gulim, '굴림', 'Malgun Gothic','맑은 고딕', 'Apple SD Gothic Neo', Apple-Gothic, AppleSDGothic, Helvetica, sans-serif;
	display:inline-block;
	font-weight:bold;
	color:white;
	font-size:9px;
	vertical-align:center;
	text-align:center;
	width:9px;height:11px;
	background:#707070;border-radius:2px;padding:3px 2px 0px 2px;
	line-height:100%;
}
.rank_o{background:#E86D00;}
.rank_10{font-size:9px;width:11px;padding:4px 2px 0px 1px;}
.rank_20{font-size:9px;width:11px;padding:4px 2px 0px 2px;}

/* color-define */
.bg0 {background:#f2f2f2;}
.bg1 {background:#e2e2e2;}
.bg2 {background:#d2d2d2;}
.bg3 {background:#bbbbbb;}
.bg4 {background:#777;}
.bg5 {background:#555;}

.bt0 {border-top:1px solid #f2f2f2;}
.bt1 {border-top:1px solid #e2e2e2;}
.bt2 {border-top:1px solid #d2d2d2;}
.bt3 {border-top:1px solid #bbbbbb;}
.bt4 {border-top:1px solid #777;}
.bt5 {border-top:1px solid #555;}


.bb0 {border-bottom:1px solid #f2f2f2;}
.bb1 {border-bottom:1px solid #e2e2e2;}
.bb2 {border-bottom:1px solid #d2d2d2;}
.bb3 {border-bottom:1px solid #bbbbbb;}
.bb4 {border-bottom:1px solid #777;}
.bb5 {border-bottom:1px solid #555;}

.bl0 {border-left:1px solid #f2f2f2;}
.bl1 {border-left:1px solid #e2e2e2;}
.bl2 {border-left:1px solid #d2d2d2;}
.bl3 {border-left:1px solid #bbbbbb;}
.bl4 {border-left:1px solid #777;}
.bl5 {border-left:1px solid #555;}

.br0 {border-right:1px solid #f2f2f2;}
.br1 {border-right:1px solid #e2e2e2;}
.br2 {border-right:1px solid #d2d2d2;}
.br3 {border-right:1px solid #bbbbbb;}
.br4 {border-right:1px solid #777;}
.br5 {border-right:1px solid #555;}

.bd0{border:1px solid #f2f2f2;}
.bd1{border:1px solid #e2e2e2;}
.bd2{border:1px solid #d2d2d2;}
.bd3{border:1px solid #bbbbbb;}
.bd4{border:1px solid #777;}
.bd5{border:1px solid #555;}


.bdh0{border:4px solid #f2f2f2;}
.bdh1{border:4px solid #e2e2e2;}
.bdh2{border:4px solid #d2d2d2;}
.bdh3{border:4px solid #bbbbbb;}
.bdh4{border:4px solid #777;}
.bdh5{border:4px solid #555;}

.gbg0 {background:#f5f5f5;}
.gbg1 {background:#ddd;}
.gbg2 {background:#aaa;}
.gbg3 {background:#333;}

.gbt0 {border-top:1px solid #ddd}
.gbt1 {border-top:1px solid #ccc}
.gbt2 {border-top:1px solid #bbb}

.gbb0 {border-bottom:1px solid #ddd}
.gbb1 {border-bottom:1px solid #ccc}
.gbb2 {border-bottom:1px solid #bbb}

.gbl0 {border-left:1px solid #ddd}
.gbl1 {border-left:1px solid #ccc}
.gbl2 {border-left:1px solid #bbb}

.gbr0 {border-right:1px solid #ddd}
.gbr1 {border-right:1px solid #ccc}
.gbr2 {border-right:1px solid #bbb}

.gbd0{border:1px solid #ddd}
.gbd1{border:1px solid #ccc}
.gbd2{border:1px solid #bbb}



/* icon */
.arrow_circle{background:url(/images/ic_arrow_circle_13.png) no-repeat 0px 2px;height:14px;padding-left:18px;}
.arrow_nemo{background:url(/images/ic_arrow_nemo_13.png) no-repeat 0px 0px;height:14px;padding-left:20px;}
.arrow_right{background:url(/images/arrow_right.gif) no-repeat 0px 2px;height:11px;padding-left:13px;}

/* common */
#desc_div{clear:both;}
#desc_div .ul{font-size:12px;text-align:left;line-height:150%;margin:0px 0 20px 0px;padding:10px 10px 10px 20px;}
#desc_div .li{margin:5px 0 5px 0;}
.desc{color:gray;}
.profile_img{width:25px;height:25px;border-radius:4px;}



/* 페이징 */
.paging { clear:both;width: 100%; text-align: center; margin:15px 0 15px 0;border:1px solid transparent;}
.paging .link .def{ display: inline-block; width: 30px; vertical-align: top; color: #999; padding: 8px 0 6px; border: 1px solid #e2e2e5; font-weight: bold; font-size: 12px; line-height: 12px; margin: 0 7px 0 0; border-radius:2px;}
.paging .link .o_bd {color: #ED1746;text-decoration:underline;}
.paging .link .arrow {font-size:11px;color:#aaa;font-weight:normal;}
.paging .link { display: inline-block; vertical-align: top; color: #999; margin: 0 6px 0 6px;}
.paging .link .def:hover { background: #fafafa; border: 1px solid #bebfc5; }

.paging img { display: inline-block; color: #999; padding: 8px 0px 6px;}


.body_editor img{display:block;margin:0px auto 0px auto;}
.simple_attach_img{display:block;margin:0px auto 0px auto;}
.simple_attach_img_div{display:block;margin:5px auto 5px auto;}

