@charset "euc-kr";

/* Common */
html,body{ font-family: 'NanumGothicWeb', 'NanumGothicBoldWeb','µ¸¿ò',Dotum,sans-serif;}
body,div,section,p,form,fieldset,input,textarea,th,td,a,select{margin:0;padding:0;font-size:12px;;color:#333}
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; font-family: 'NanumGothicWeb', 'NanumGothicBoldWeb','µ¸¿ò',Dotum,sans-serif;}
table{border-collapse:collapse;border-spacing:0}
table caption,form legend{display:none}
hr, button img{display:none}
img,textarea,fieldset{border:0}
img,object,embed,video{max-width:100%;}
li{list-style:none}
em{font-style:normal}
textarea{overflow:auto;resize:none}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
label{cursor:pointer}
section:after,ul:after,dl:after{display:block;clear:both;content:''}
a{text-decoration:none; vertical-align:middle;font-family:'NanumGothicBoldWeb'; font-size:9pt;}
a:hover, a:active, a:focus{text-decoration:underline}
table th {font-family:'NanumGothicBoldWeb'; font-size:9pt;}
table td { font-size:9pt;}
table td input,
table td textarea{vertical-align:middle}
iframe.NoSpace{width:0;height:0;margin:0;padding:0;border:0}

h3 {width:100%; font-size:16px; color:#323232; line-height:20pt; padding: 5px 0 ; font-family: 'NanumGothicBoldWeb';} 

.w98{width:98% !important; }
.w96{width:96% !important; }
.w95{width:95% !important; }
.w80{width:80% !important; }
.w70{width:70% !important; }
.w60{width:60% !important; }
.w50{width:50% !important; }
.w40{width:40% !important; }




/* Wrap */
div.gridContainer{clear:both;width:87.36%;margin-left:auto;margin-right:auto;padding-left:1.82%;padding-right:1.82%;}
div.gridContainer:after{display:block;clear:both;content:''}
#BoardDiv{display:block;clear:both;margin: 0 auto;}


/* Top,Bottom */
#BoardTop{position:relative;width:100%;margin:15px 0 10px;}
#BoardTop:after{display:block;clear:both;content:''}
#BoardTop .BoardCounter{float:left}
#BoardTop .BoardCounter dl dt, 
#BoardTop .BoardCounter dl dd{float:left;margin-left:5px}
#BoardTop .BoardCounter dl dd span.point{color:#F30}

#BoardBottom{position:relative;width:100%;margin:10px 0 15px; clear:both;}
#BoardBottom:after{display:block;clear:both;content:''}
#BoardBottom .BoardModify{float:left;width:3%;text-align:center}
#BoardBottom .BoardPrev{float:left;}
#BoardBottom .BoardPaging{width:50%;margin-left:25%;text-align:center;}
#BoardBottom .BoardSearch{width:100%; text-align:center; cursor:pointer; overflow:hidden; padding-top:10px;}
#BoardBottom .BoardBtn{float:right;margin-left:2px; }

select.bbs_select{height:30px; border:1px solid #d1d1d1;  line-height:28px;}
input.bbs_input{height:28px;line-height:26px;background:#fff;border:1px solid #d1d1d1;padding: 0 5px}
input.bbs_find {display:inline-block;padding:0 20px;height:30px;line-height:28px;font-size:12px; font-weight:600; color:#fff;background:#555;border:1px solid #454545;word-spacing:-1px;text-decoration:none !important;white-space:nowrap;}
input.bbs_sml{display:inline-block;padding:2px 3px; font-size:10px;color:#333;border:1px solid #888;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
input.bbs_rdo,.bbs_chk{width:13px;height:13px;vertical-align:middle; }
input.bbs_del{display:inline-block;padding:0 20px;height:28px;line-height:26px;font-size:12px; font-weight:600; color:#fff;border:1px solid #858585; background:#888; word-spacing:-1px;text-decoration:none !important;white-space:nowrap}


/* Table */
.tbl_list{width:100%; }
.tbl_list,.tbl_list th,.tbl_list td{border:0}
.tbl_list{width:100%;border-top:2px solid #222;}
.tbl_list th{padding:13px 0;border-bottom:1px solid #454545;color:#555;font-weight:bold;text-align:center !important; line-height:20px;  font-size:10pt;font-family: 'NanumGothicBoldWeb'; vertical-align:middle;}
.tbl_list td{padding:12px 5px;border-bottom:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;text-align:center; line-height:20px; font-size:9pt;vertical-align:middle;font-family:'NanumGothicWeb'; font-weight:normal !important;}
.tbl_list td a{ line-height:20px; font-size:9pt;vertical-align:middle;font-family:'NanumGothicWeb'; font-weight:normal !important;}

.tbl_list td.bbs_subject{padding-left:10px;text-align:left; font-family: 'NanumGothicBoldWeb';}
.tbl_list td.bbs_subject span.date{font-size:11px;color:#999; }
.tbl_list td.bbs_NoPost{padding:30px 0;text-align:center;}
.tbl_list td span.bbs_category{color:#768ec0}
.tbl_list td span.bbs_tail{color:#f26522}

.bbs_subject{ font-family: 'NanumGothicBoldWeb';}
.tbl_view{width:100%;}
.tbl_view,.tbl_view th,.tbl_view td{border:0}
.tbl_view{width:100%;border-top:2px solid #222;border-bottom:1px solid #999;table-layout:fixed}
.tbl_view th{padding:10px 0;border-bottom:solid 1px #d2d2d2;background-color:#f1f1f4;color:#333;font-weight:bold;line-height:20px;vertical-align:middle; text-align:center;}
.tbl_view th.pw p{display:inline-block;padding:0;margin:0; overflow:hidden; color:#333;font-weight:bold;}
.tbl_view td{padding:10px;border-bottom:solid 1px #d2d2d2;text-align:left; vertical-align:middle;}
.tbl_view td a{ line-height:20px; font-size:9pt;vertical-align:middle;font-family:'NanumGothicWeb'; font-weight:normal !important;}

.tbl_view td.cont {padding:10px;font-size:12px; line-height: 20px; }
.tbl_view td.cont p{line-height: 20px; }

.tbl_comment{width:100%;margin-top:15px;table-layout:fixed}
.tbl_comment,.tbl_comment th,.tbl_comment td{border:0}
.tbl_comment td{padding:5px 0;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.tbl_comment td input.name{width:10%;margin-right:5px;padding:2px 3px;border:solid 1px #d2d2d2}
.tbl_comment td textarea.comment{width:80%;height:50px;margin-right:5px;padding:2px 3px;border:solid 1px #d2d2d2}

.textarea {width:100%;height:250px; margin-top:10px;}
/* CommentBox */
.comment_area{width:100%}
.comment_area h5{margin-bottom:8px;color:#444;font-size:18px;letter-spacing:-1px;line-height:normal;margin-bottom:2px;padding-bottom:7px;border-bottom:2px solid #7d7d7d}
.comment_area span{color:#fd2100;font-size:10px;font-weight:normal;letter-spacing:0}

.cb_wrt{margin-bottom:13px;border-bottom:1px solid #f7f7f7;zoom:1}
.cb_wrt:after{display:block;overflow:hidden;clear:both;content:''}
.cb_wrt_box{padding:10px;border:1px solid #ddd;background:#fafafa;zoom:1}
.cb_wrt_box table td{border:0}
.cb_wrt_box table td textarea{width:100% !important;height:68px;_height /**/:71px;padding:3px 0 0 6px;border:1px solid #d1d1d1;text-indent:6px;font-size:12px;line-height:20px;vertical-align:top}
.cb_wrt_box table td.cb_btn_area{float:none;width:90px}
.cb_wrt_box table td.cb_btn_area input{margin-left:7px;_margin-left:4px !important}

.cb_lst{width:100%;}
.cb_lst ul li{position:relative;padding:8px 0 0 0;border-bottom:1px solid #eeeeec;vertical-align:top;zoom:1}
.cb_lst ul li .cb_info_area{overflow:hidden;padding:3px 0 5px;zoom:1}
.cb_lst ul li .cb_info_area .cb_section{float:left;margin-top:4px}
.cb_lst ul li .cb_info_area .cb_section .cb_nick_name{display:inline-block;*display:inline;padding-left:1px;color:#333;font-size:12px;font-weight:bold;letter-spacing:-1px}
.cb_lst ul li .cb_info_area .cb_section .cb_usr_id,
.cb_lst ul li .cb_info_area .cb_section .cb_date{display:inline-block;color:#aaa;font-size:10px}
.cb_lst ul li .cb_info_area .cb_section .cb_subnode{overflow:hidden;float:left;width:15px;height:15px;margin-right:5px;color:#9e9e9e;font-size:20px;font-weight:normal;vertical-align:baseline}
.cb_lst ul li .cb_info_area .cb_section2{position:absolute;top:11px;*top:9px;right:0;height:15px;padding-left:6px;}
.cb_lst ul li .cb_dsc_area{overflow:hidden;clear:both;padding:0 0 10px 2px;color:#555;line-height:20px}
.cb_lst .cb_wrt_box2{padding:10px;border:1px solid #ddd;background:#fafafa;zoom:1}
.cb_lst .cb_wrt_box2 table td{border:0}
.cb_lst .cb_wrt_box2 table td textarea{width:100% !important;height:68px;_height /**/:71px;padding:3px 0 0 6px;border:1px solid #d1d1d1;text-indent:6px;font-size:12px;line-height:20px;vertical-align:top}
.cb_lst .cb_wrt_box2 table td.cb_btn_area{float:none;width:90px}
.cb_lst .cb_wrt_box2 table td.cb_btn_area input{margin-left:7px;_margin-left:4px !important}



/* paging */
.paginate{line-height:normal;text-align:center}
.paginate a{display:inline-block;position:relative;z-index:2;margin:0px;padding:1px 8px;background-color:#fff;font-size:14px; color:#666;text-decoration:none;vertical-align:top}
.paginate strong{margin:0px;padding:1px 8px;font-size:14px; color:#e03030}
.paginate a:hover,
.paginate a:active,
.paginatex a:focus{color:#e03030}
.paginate strong{color:#e03030}
.paginate .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate .direction:hover,
.paginate .direction:active,
.paginate .direction:focus{color:#323232;}
.paginate .prev{border-left:0}
.paginate .next{border-right:0}
.paginate .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}






/* password_query */
div.ly_pwd{position:absolute;z-index:50; left:50% ; top:30%; padding:27px 30px 0;border:1px solid #888;background:#fff}
div.ly_pwd h4 { width:100%; font-size:10pt; color:#323232;line-height:18px; text-align:center; font-family:'NanumGothicBoldWeb'; }
div.ly_pwd div.cont{ text-align:center;}
div.ly_pwd div.cont div.btn{margin:10px 0;padding:10px 0;border-top:1px dashed #888;  text-align:center; width:100%; text-align:center; }
div.ly_pwd div.cont div.btn section {width:100%; text-align:center; padding:2px 0;}
div.ly_pwd div.cont div.btn section a, div.ly_pwd div.cont div.btn section input {display:inline-block;}
div.ly_pwd input.input{background:#FFF;border:1px solid #e1e1e1;line-height:24px; height:26px;vertical-align:middle;margin:0 auto;}


/* error_message */
div.ly_error{position:relative;width:30%;margin:20px auto 0;padding:20px;border:1px solid #888;background:#fff}
div.ly_error h4 {width:100%; font-size:10pt; color:#323232;line-height:18px; text-align:center; font-family:'NanumGothicBoldWeb'; }

div.ly_error div.btn{margin:15px 0 0;padding:10px 0;border-top:1px dashed #888;text-align:center; line-height:18px;}



/* Button */
.btn_blue{width:60px;display:inline-block;text-align:center;background:#2facc8; padding:10px 0;border:1px solid #29add0;color:#fff;line-height:14px;text-decoration:none !important;white-space:nowrap; }
.btn_blue span,p.btn_blue strong, .btn_blue strong{display:block;color:#fff;font-family:'NanumGothicBoldWeb'; font-size:9pt;}
.btn_gray{width:60px;display:inline-block;text-align:center;background:#777c82; padding:10px 0;border:1px solid #6f7478;color:#fff;line-height:14px;text-decoration:none !important;white-space:nowrap}
.btn_gray span,p.btn_gray strong, .btn_gray strong{display:block;color:#fff;font-family:'NanumGothicBoldWeb'; font-size:9pt;}

.btn_big{width:60px;display:inline-block;font-size:9pt ; padding:10px 0;color:#fff;line-height:30px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
.btn_big span,p.btn_big strong, .btn_big strong {display:block;padding:0; color:#fff;font-family:'NanumGothicBoldWeb'; font-size:9pt;}
.btn_sml{width:60px;display:inline-block;font-size:9pt ; padding:10px 0;color:#fff; background:#555; border:1px solid #454545; margin:0;line-height:14px;  text-align:center; letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
.btn_sml span,p.btn_sml strong,.btn_sml strong {display:block;padding:0;color:#fff;font-family:'NanumGothicBoldWeb'; font-size:9pt;}

.btn {width:100%; text-align:center;margin:10px 0 0 0; overflow:hidden;}



/*  480ÀÌÇÏ¿ë */ 
@media all and (max-width:600px){
	
#BoardBottom .BoardBtn{float:none; width:100%; margin:0;  text-align: center; padding:10px 0 0 0;}


div.ly_error{width:50%;}
}

/*  480ÀÌÇÏ¿ë */ 
@media all and (max-width:480px){
	

div.ly_pwd{ margin-left:-50px;}

.tbl_list th{ font-size:9pt;font-family:'NanumGothicWeb';}
.tbl_list td{ font-size:9pt;}
div.ly_error{width:70%;}
}

/*  320ÀÌÇÏ¿ë */ 
@media all and (max-width:360px){
	
div.ly_pwd{ margin-left:-70px;}

.tbl_view th.pw p{width:100%; overflow:hidden;line-height:16px;}
}