/* Nanum Font */
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicBoldWeb);

/* Common */ 

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}

body,input,textarea,select,button,table{ font-family: 'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic', Dotum, AppleGothic,sans-serif;font-size:12px }
body{_text-align:center}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#333; text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline} 


#bbs_wrap {clear:both;position:relative;margin:0 auto;_text-align:left;padding:0}

/* bbs top */
.tbl_top{float:left;margin-top:0px;width:100%}
.tbl_top .left{float:left;padding:8px 0;line-height:normal;text-align:left}
.tbl_top .right{float:right;padding:8px 0;line-height:normal;width:200px;text-align:right}

/* bbs Table */ 
.tbl_type {clear:both; }
.tbl_type,.tbl_type th,.tbl_type td{border:0; }
.tbl_type a{color:#444;text-decoration:none}
.tbl_type {width:100%;color:#444;font-size:12px;table-layout:fixed; }
.tbl_type caption,.tbl_type .frm label{display:none}
.tbl_type th{padding:6px 0 4px;border-top:1px solid #ddd;border-bottom:1px solid #ddd; color:#333;font-weight:bold;line-height:18px;vertical-align:top}
.tbl_type td{padding:8px 0 5px;border-bottom:solid 1px #E9E9E9;text-align:center}

.tbl_type .frm{padding:0;text-align:center}
.tbl_type .frm input{margin:0}
.tbl_type .num,.tbl_type .date,.tbl_type .hit{padding:0;font-family:Arial,Tahoma;color:#999;font-size:11px;line-height:normal}
.tbl_type .name{ font-size:11px; font-weight:bold;padding:0px 0 1px 0}
.tbl_type .cate{font-size:11px; color:#999;text-align:left;padding:5px 0 7px 0;}
.tbl_type .title{text-align:left;padding:5px 0 7px 0}
.tbl_type .title .pic,.tbl_type .title .new{margin:0 0 2px;vertical-align:middle}

.tbl_type tr:hover td {color:#000; background-color:#f8f8f8;}
.tbl_type tr:hover td a {color:#000;}
.tbl_type tr:hover td .red {color:#000;}

.tbl_type td .bu_reply {margin:-10px 2px -10px 0;color:#c9c9c9;font-size:12px}

/* UI paginate */
.paginate_complex{ float:left;width:100%;padding:15px 0 3px 0;line-height:normal;text-align:center}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 11px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#e91112}
.paginate_complex .direction{ border:0;top:0px;font-weight:normal;color:#777;text-decoration:none !important;z-index:1; top:5px}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:0px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px; margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0;}

.btn_box{float:left;width:100%;margin-top:0px;padding:0 0 15px 0; line-height:normal;text-align:left;}
.btn_box_left{float:left;padding:0;line-height:normal;text-align:left}
.btn_box_right{float:right;padding:0;line-height:normal;text-align:right}

.searchbox {clear:both; width:100%;text-align:center; margin:0;background-color:#f8f8f8;border:1px solid #e3e3e3; padding:10px 0 10px 0 }
.searchbox .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;vertical-align:top }
.searchbox .sel { height:21px; font-size:11px;vertical-align:top}

/* //UI Object */

/* //bbs */ 

/* bbs view */ 
.tbl_view {clear:both;width:100%;margin:50px 0 0px 0;text-align:left;border-bottom:1px solid #444}

.view_type {clear:both;position:relative;margin:0;width:100%;padding:30px 0;border-top:2px solid #444;text-align:left}
.view_type .title{float:left;width:100%;margin-right:-125px;padding:10px 0;font-size:17px;letter-spacing:-1.2px;font-weight:bold;border-bottom:1px solid #e3e3e3}
.view_type .hit{float:right;width:120px;font-size:11px;color:#777;text-align:right;vertical-align:middle;margin-top:15px}

.view_util {clear:both;position:relative;margin:0;width:100%;padding:7px 0;}
.view_util .id{float:left;width:100%;margin-right:-250px;font-size:11px;color:#999;text-align:left;padding-bottom:3px;}
.view_util .date{float:right;width:250px;font-family:Verdana,Tahoma;font-size:10px;color:#999;text-align:right }

.view_add {clear:both;position:relative;margin:0;width:100%;border-top:1px solid #e9e9e9}
.view_add ul{border-top:1px solid #e9e9e9;margin-bottom:-1px;margin-top:-1px;}
.view_add li{background-color:#f8f8f8;float:left;padding:3px 0 4px 0;width:100%;text-align:left;}

.view_btn { float:right;width:100%;padding:15px 0;line-height:normal;text-align:center;text-align:right}

a.btn_good{float:right;display:inline-block;padding:8px 15px 5px 15px;text-align:center;color:#565656;border:1px solid #e3e3e3;background-color:#f9f9f9;margin-right:10px}
a.btn_good:hover{padding:8px 15px 5px 15px;border:1px solid #ddd;background-color:#f2f2f2; text-decoration:none }

a.btn_nogood{float:right;display:inline-block;padding:8px 15px 5px 15px;text-align:center;color:#565656;border:1px solid #e3e3e3;background-color:#f9f9f9}
a.btn_nogood:hover{padding:8px 15px 5px 15px;border:1px solid #ddd;background-color:#f2f2f2; text-decoration:none }


/* Comment */
#cmt_box{font-size:12px;font-weight:normal;line-height:14px}
#cmt_box p,#cmt_box h1,#cmt_box h2,#cmt_box h3,#cmt_box h4,#cmt_box h5,#cmt_box h6,#cmt_box ul,#cmt_box ol,#cmt_box li,#cmt_box dl,#cmt_box dt,#cmt_box dd,#cmt_box table,#cmt_box th,#cmt_box td,#cmt_box form,#cmt_box fieldset,#cmt_box legend,#cmt_box input,#cmt_box textarea,#cmt_box button,#cmt_box select{margin:0;padding:0}
#cmt_box img,#cmt_box fieldset{border:none}
#cmt_box hr,#cmt_box button img{display:none}
#cmt_box li{list-style:none}
#cmt_box em{font-style:normal}
#cmt_box a{color:#333;text-decoration:none}
#cmt_box a:hover,#cmt_box a:active,#cmt_box a:focus{text-decoration:underline}
#cmt_box textarea{overflow:auto;resize:none}
#cmt_box legend,#cmt_box .cb_blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
#cmt_box label{cursor:pointer}
#cmt_box {clear:both;position:relative;margin:0;border:0;width:100%;text-align:center}

#cmt_box .cmt_area {width:100%;}
#cmt_box .cmt_area ul {clear:both;margin:0}
#cmt_box .cmt_area ll {clear:both;margin:0}
#cmt_box .cmt_area .cmt_info {float:left;width:49%;text-align:left;vertical-align:middle;padding:14px 0 0 0;}

#cmt_box .cmt_area .cmt_util {float:left;width:49%;text-align:right;vertical-align:middle;padding:14px 0 0 0;}
#cmt_box .cmt_area .cmt_util a{color:#999;font-size:11px;text-decoration:none}
#cmt_box .cmt_area .cmt_util a:hover,#cmt_box .cmt_area .cmt_util a:active,#cmt_box .cmt_area .cmt_util a:focus{color:#333;text-decoration:underline}

#cmt_box .cmt_area .cmt_cnt {width:100%;text-align:left;padding:10px 0 14px 0;word-break:break-all; overflow:hidden;color:#666;border-bottom:1px solid #e9e9e9}

.cmt_frm {margin:0;padding:0px;text-align:center;background-color:#fafafa;border:1px solid #ddd;}
.cmt_frm_info {margin:1;padding:0px;text-align:center;background-color:#fafafa;border:1px solid #fff;}
.cmt_frm_info li{height:24px;padding-top:3px;text-align:left;vertical-align:bottom}

.cmt_ipt .ed{height:18px;padding-top:3px;border-left:1px solid #EDEDED;border-top:1px solid #DCDCDC;border-bottom:1px solid #ccc;border-right:1px solid #EDEDED;font-size:12px;background-color:#fff;}
.cmt_ipt .tx{width:100%;padding-top:3px; border-left:1px solid #EDEDED; border-top:1px solid #DCDCDC; border-bottom:1px solid #ddd; border-right:1px solid #EDEDED; font-size:12px;background-color:#fff;}


/* bbs write */
.wr_title { height:34px;color:#444;font-weight:bold;padding-top:8px; margin-bottom:15px; border-top:2px solid #444; border-bottom:1px solid #444}
.wr_head { height:31px;font-weight:bold; color:#555; border-bottom:1px solid #e9e9e9;padding:0px 0 0 6px}
.wr_frm { height:31px; text-align:left; color:#999; border-bottom:1px solid #e9e9e9}
.wr_frm .file{height:22px;padding-top:3px;border-left:1px solid #EDEDED;border-top:1px solid #DCDCDC;border-bottom:1px solid #F7F7F7;border-right:1px solid #EDEDED;font-size:11px;background-color:#f8f8f8}
.wr_frm .ed{height:18px;padding-top:3px;border-left:1px solid #EDEDED;border-top:1px solid #DCDCDC;border-bottom:1px solid #F7F7F7;border-right:1px solid #EDEDED;font-size:12px;background-color:#f8f8f8;}
.wr_frm .ed:focus{ border:1px solid #e91112; }

.wr_frm .tx{padding-top:3px; border-left:1px solid #EDEDED; border-top:1px solid #DCDCDC; border-bottom:1px solid #F7F7F7; border-right:1px solid #EDEDED; font-size:12px;background-color:#f8f8f8;}
.wr_frm .tx:focus{ border:1px solid #e91112; }

.field { border:1px solid #ccc; }

/* BTN */

a.sbtn{display:inline-block;padding:4px 8px 1px 8px; font-size:11px;text-align:center;border:1px solid #e3e3e3;background-color:#f9f9f9}
a.sbtn:hover{background-color:#f2f2f2; text-decoration:none}

/* 11px Á¦ÀÏÀÛÀº¹öÆ°*/
a.cbtn{font-family:dotum; display:inline-block;padding:3px 6px 0px 6px; font-size:11px;text-align:center;border:1px solid #e3e3e3;background-color:#f9f9f9}
a.cbtn:hover{background-color:#f2f2f2; text-decoration:none}

a.btn{display:inline-block;padding:4px 15px 5px 15px;text-align:center;border:1px solid #e3e3e3;background-color:#f9f9f9}
a.btn:hover{background-color:#f2f2f2; text-decoration:none} 

a.btn3{display:inline-block;padding:4px 15px 5px 15px;text-align:center;color:#565656;border:1px solid #e3e3e3;background-color:#f9f9f9}
a.btn3:hover{color:#FFF;border:1px solid #000;background-color:#333; text-decoration:none }

a.btn_red{display:inline-block;padding:4px 15px 5px 15px;text-align:center;color:#565656;border:1px solid #e3e3e3;background-color:#f9f9f9}
a.btn_red:hover{ color:#FFF;border:1px solid #aa0001;background-color:#e91112; text-decoration:none;font-weight:bold }

a.btn_bull{display:inline-block;padding:0px 2px 1px 2px; text-align:center; color:#565656; border:1px solid #e3e3e3; background-color:#f9f9f9;font-size:10px}
a.btn_bull:hover{color:#e91112; text-decoration:none }

.ipt_btn{display:inline-block;padding:7px 15px 4px 15px;text-align:center;border:1px solid #000;background-color:#333;color:#FFF}

.cmt_btn{display:inline-block; width:90px;height:99px; text-align:center;border:1px solid #000;background-color:#333;color:#FFF}

/* //BTN */

input .ipt { height:21px;padding-top:3px;border-left:1px solid #EDEDED;border-top:1px solid #DCDCDC;border-bottom:1px solid #F7F7F7;border-right:1px solid #EDEDED;font-size:11px;background-color:#000;}
textarea .tx {
	padding-top:3px;
	border-left:1px solid #EDEDED;
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #F7F7F7;
	border-right:1px solid #EDEDED;
	}

/* Link */
a.cate{ font-size:11px;color:#999; text-decoration:none}
a.cate:hover{color:#444;text-decoration:none}

/* font */
.eng10 {font-family:Verdana,Arial,Tahoma;font-size:10px}
.eng11 {font-family:Tahoma,Verdana;font-size:11px}
.kor11 {font-size:11px}
.kor17 {font-size:17px}
.fnt1 {color:#000}
.fnt2 {color:#444}
.fnt3 {color:#777}
.fnt4 {color:#999}
.fnt5 {color:#c9c9c9}
.fnt01 {color:#e91112}