@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Board Markup ver1.0 2014-01-17
Board Markup modify 2014-01-22
---------------------------------------------------- */


/* 게시판 공통 */

.board_box{position:relative;margin:0 auto;width:1280px;}
.white_space{position:relative;margin:0 auto;width:1280px; height:20px}


.btn_list{margin:20px 0;}
.btn_list2{margin:20px 0;text-align:right}

input[type="text"],input[type="password"],textarea{padding:5px 3px 4px 3px; border:1px solid #c6c6c6}
/*input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus{background:#f1f9ff}*/
input#straddress2{margin-top:4px}
.select{padding:2px;height:25px;}

/* 게시판 상담(검색) */
.bbs_top{margin-bottom:10px;margin-top:15px;}
.bbs_top:after{display:block;clear:both;content:''}
.bbs_top .bbs_search{float:right}
.bbs_top .bbs_search select{padding:5px;height:30px;}
.bbs_top .bbs_faq_search{margin-bottom:5px;padding:10px 0;text-align:center;background:#fff;border:1px solid #ccc}
.bbs_top .bbs_faq_search label{margin-right:10px;font-size:11px;font-weight:bold;}
.bbs_top .bbs_search input{height:30px;font-size:12px;font-weight:bold;}

/* 페이지표시 */
.page{margin-top:20px;margin-bottom:20px;font-family:'Tahoma';font-size:12px;text-align:center;}
.page a{display:inline-block;width:24px;height:24px;text-align:center;vertical-align:middle;line-height:24px;color:#7b7b7b;letter-spacing:-1px;}
.page .s_num {display:inline-block;margin-top:0;padding:5px 7px 0 7px;height:18px;font-weight: bold;line-height:12px;vertical-align:middle;background:#f9f9f9;border: 1px solid #e2e2e2;}

/* 게시판 목록 */
.bbs_ltype {border-collapse:collapse;width:100%;border:2px solid #333;border-right:0;border-bottom:1px solid #cecece;border-left:0} 
.bbs_ltype thead th{padding:5px 0;height:24px;text-align:center;background:#eee;border:1px solid #d0d0d0;border-right:0;border-bottom:1px solid #d0d0d0;border-left:0}
.bbs_ltype tbody tr:first-child td{border-top:1px solid #f5f5f5}
.bbs_ltype tbody td{padding:7px 0;text-align:center;border:1px solid #e6e9ee;border-width:1px 0 0 0}
.bbs_ltype tbody td.subject{padding-left:10px;text-align:left;font-weight:bold}
.bbs_ltype tbody td.del-content{padding-left:70px;text-align:left;font-weight:bold}
.bbs_line{width:100%;height:5px;background:url("/_view/bbs/_img/foot_line.gif") repeat-x left bottom;border-top:1px solid #fff}

/* 게시판 상세보기 */
.bbs_vtype{border-collapse:collapse;width:100%;margin:0 0 10px 0;border:0}
.bbs_vtype tbody tr{background:#f9f9f9;}
.bbs_vtype tbody tr.tit{background:#eee;border-top:2px solid #333}
.bbs_vtype tbody th,.bbs_vtype tbody td{padding:5px 0;height:28px;border:1px solid #e5e5e5;border-width:1px 0 0 0}
.bbs_vtype tbody tr:first-child th,.bbs_vtype tbody tr:first-child td{border-top:0}
.bbs_vtype tbody th{text-align:center}
.bbs_vtype tbody td{text-align:left;}
.bbs_vtype tbody td.contents { padding: 20px 10px;background:#f9f9f9;border-top:1px solid #e5e5e5;} 
.bbs_vtype tbody td .data{color:#666}

/* 게시판 이전다음글 목록 */
.bbs_foot_list{width:100%;overflow:hidden;border-bottom:1px solid #cecece}
.bbs_foot_list dt,.bbs_foot_list dd{float:left;padding:5px 0;height:35px;border-top:1px solid #e2e2e2}
.bbs_foot_list dt{width:10%;font-size:11px;color:#666;text-align:center}
.bbs_foot_list dd{position:relative;width:90%;}
.bbs_foot_list dd .data{position:absolute;top:5px;right:10px;color:#666;font-weight:normal}
.bbs_foot_list .now{background:#f7f7f7}
.bbs_foot_list dd.now{font-weight:bold}
.bbs_foot_list dd .data .kan{padding:0 5px;color:#ccc}

/* 게시판 답변보기 */
.bbs_rtype{border-collapse:collapse;width:100%;border:1px solid #cecece;border-width:0 0 1px 0; margin:10px 0 10px 0;}
.bbs_rtype thead th{padding:7px 0 5px 15px;text-align:left;border:1px solid #4c8dc7;}
.bbs_rtype tbody th{text-align:left;border:1px solid #cecece;border-width:1px 0 1px 1px}
.bbs_rtype tbody td{text-align:left;border:1px solid #cecece;border-width:1px 1px 1px 0}
.bbs_rtype tbody th{padding:7px 0 5px 20px;color:#0072be;}
.bbs_rtype tbody td{padding:7px 0 5px 0;}
.bbs_rtype tbody td.contents { padding: 20px 0;border-top:1px solid #4c8dc7; border:1px solid #cecece;border-width:1px 0 1px 0} 

/* 게시판 글쓰기 */
.txtc_inreq { color:#ff9900; font-weight:bold}/* 필수항목 */
.bbs_wtype{border-collapse:collapse; table-layout: fixed; clear: both; width:100%;border:1px solid #333;border-width:2px 0 1px 0}
.bbs_wtype thead th{padding:7px 0 5px 0;text-align:center;border:1px solid #4c8dc7;}
.bbs_wtype tbody th,.bbs_wtype tbody td{border:1px solid #cecece;border-width:1px 0 0 0}
.bbs_wtype tbody tr:first-child th,.bbs_wtype tbody tr:first-child td{border-top:1px solid #4c8dc7}
.bbs_wtype tbody th{padding:7px 10px;text-align:center;background:#f2f2f2}
.bbs_wtype tbody td{padding:7px 10px;text-align:left;background:#fff}
.bbs_wtype tbody td.contents {padding:5px 0;border-top:1px solid #4c8dc7;} 
.bbs_wfrom{padding:5px 0;border-bottom:1px solid #4c8dc7;}

/* 웹진 목록 */
.bbs_webzine{}
.bbs_webzine dl{position:relative;padding:10px 0 10px 170px;height:150px;border-bottom:1px solid #e8e8e8}
.bbs_webzine dl dt{margin-bottom:10px;padding:5px 0;font-size:14px;color:#293FA5;font-weight:bold;border-bottom:1px solid #e8e8e8}
.bbs_webzine dl dt a{color:#293FA5;}
.bbs_webzine dl dd.photo{position:absolute;top:10px;left:0;}
.bbs_webzine dl dd.photo img{padding:4px;border:1px solid #e8e8e8}
.bbs_webzine dl dd{line-height:18px}

/* 포토겔러리 목록 */
.bbs_gallery{}
.bbs_gallery ul{position:relative;height:100%;overflow:hidden;border-top:2px solid #333;border-bottom:1px solid #cecece}
.bbs_gallery ul li{float:left;margin-bottom:20px;padding-top:20px;width:33%;text-align:left;}
.bbs_gallery ul li a{display:block;margin:0 8px 0 8px;text-decoration:none;}
.bbs_gallery ul li span{display:block;margin-top:5px;}
.bbs_gallery ul li .tit{display:inline-block;margin-top:10px;max-width:200px;font-weight:bold;vertical-align:bottom;line-height:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_gallery ul li .new{display:inline-block;margin-top:10px;line-height:14px}
.bbs_gallery ul li .data{font-size:11px;color:#787878}
.bbs_gallery ul li.nodata{padding-top:30px;width:100%;text-align:center}


/* 포토겔러리 목록 */
.main_bbs_gallery{width:1300px; margin:auto;}
.main_bbs_gallery ul{position:relative;height:100%;overflow:hidden;border-top:2px solid #fff;border-bottom:1px solid #cecece}
.main_bbs_gallery ul li{float:left;margin-bottom:20px;padding-top:20px;width:33%;text-align:left;}
.main_bbs_gallery ul li a{display:block;margin:0 8px 0 8px;text-decoration:none;}
.main_bbs_gallery ul li span{display:block;margin-top:5px;}
.main_bbs_gallery ul li .tit{margin-top:10px;max-width:200px;font-weight:bold;vertical-align:bottom;line-height:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_bbs_gallery ul li .new{display:inline-block;margin-top:10px;line-height:14px}
.main_bbs_gallery ul li .data{font-size:11px;color:#787878}
.main_bbs_gallery ul li.nodata{padding-top:30px;width:100%;text-align:center}



/* 포토겔러리 목록 */
.bbs_gallery2{}
.bbs_gallery2 ul{position:relative;height:100%;overflow:hidden;border-top:2px solid #333;border-bottom:1px solid #cecece}
.bbs_gallery2 ul li{float:left;margin-bottom:20px;padding-top:20px;width:250px;text-align:left;}
.bbs_gallery2 ul li a{display:block;margin:0 8px 0 8px;text-decoration:none;}
.bbs_gallery2 ul li span{display:block;margin-top:5px;}
.bbs_gallery2 ul li .tit{display:inline-block;margin-top:10px;max-width:200px;font-weight:bold;vertical-align:bottom;line-height:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_gallery2 ul li .new{display:inline-block;margin-top:10px;line-height:14px}
.bbs_gallery2 ul li .data{font-size:11px;color:#787878}
.bbs_gallery2 ul li.nodata{padding-top:30px;width:100%;text-align:center}

/* 포토겔러리 상세보기 */
.bbs_gallery_view{border-collapse:collapse;width:100%;border:1px solid #cecece;border-width:0 0 1px 0}
.bbs_gallery_view thead th{padding:7px 0 5px 0;text-align:center;border:1px solid #4c8dc7;}
.bbs_gallery_view tbody th,.bbs_gallery_view tbody td{text-align:left;border:1px solid #cecece;border-width:1px 0 0 0}
.bbs_gallery_view tbody th{padding:7px 0 5px 20px;color:#0072be;}
.bbs_gallery_view tbody td{padding:7px 0 5px 0;}
.bbs_gallery_view tbody td.contents { padding: 20px 0;border-top:1px solid #4c8dc7;} 
.view_list li{ padding:10px 10px 8px 10px; border-bottom:1px solid #cecece; }
.view_list li.preline {border-top:1px solid #cecece; }
.view_list li span{margin:0 50px 0 10px;font-weight:bold;color:#0072be}

/* 덧글달기 */
.reply_box{margin-top:15px}
.reply_box .reply_top{margin-bottom:10px;height:100%;overflow:hidden}
.reply_box .reply_top li{float:left;padding:0 10px;font-weight:bold;border-left:1px solid #ccc}
.reply_box .reply_top li:first-child{padding-left:0;border-left:0;color:#FF0000}
.reply_box .reply_list{padding:10px 20px 20px;background:#f4f4f4}
.reply_box .reply_list li{padding:15px 0;border-bottom:1px dotted #c9c9c9}
.reply_box .reply_list li li{padding:4px 0 0 20px;background:url("/_view/bbs/_img/dot_reply.gif") no-repeat 5px 3px;border-bottom:0}
.reply_box .reply_list li dl{position:relative;height:100%;overflow:hidden}
.reply_box .reply_list li dt{float:left;margin:0 5px 10px 0;color:#293fa5;font-weight:bold}
.reply_box .reply_list li dd.data{float:left;color:#666}
.reply_box .reply_list li dd.con{clear:left}
.reply_box .reply_list li dd.btn{position:absolute;top:0;right:0}
.reply_box .reply_list li dd.btn a{padding:0 7px 0 3px}
.reply_box .reply_list li dd.btn a:first-child{border-right:1px solid #ccc}
.reply_box .reply_list li .btn_wt{margin-left:10px}
.reply_box .reply_list li .reply_input{/*margin-top:15px;*/padding:0 0;background:#f4f4f4;/*border-top:1px dotted #c9c9c9*/}
.reply_box .reply_list li .reply_input .wbtn{position:absolute;bottom:5px;right:0}
.reply_box .reply_list .reply_frame {}
.reply_box .reply_list .reply_frame .reply_input{padding:15px 0 0 0;background:#f4f4f4;}
.reply_box .reply_list .reply_frame .reply_input .wbtn{position:absolute;bottom:5px;right:0}

/* 덧글등록 */
.reply_input{position:relative;padding:20px;background:#ebebeb}
.reply_input dl{position:relative;padding:0 100px 0 0;height:100%;overflow:hidden;}
.reply_input dt{float:left;padding:0 5px 5px 0;font-size:11px;font-weight:normal !important;color:#3A3A3A !important}
.reply_input dd{float:left;padding:0 10px 5px 0}
.reply_input dt.con{clear:left}
.reply_input dd.txt_in{width:100%}
.reply_input .wbtn{position:absolute;bottom:25px;right:20px}

/* faq */
.bbs_faq{border-top:2px solid #333}
.bbs_faq dt{background:url("/_view/bbs/_img/ic_a.png") no-repeat 5px 7px;border-bottom:1px solid #ccc}
.bbs_faq dt a{padding:10px 10px 10px 45px;display:block;min-height:20px;text-decoration:none}
.bbs_faq dt.selected{font-weight:bold;;text-decoration:underline;background:#F4F8F9 url("/_view/bbs/_img/ic_a.png") no-repeat 5px 7px;}
.bbs_faq dd{padding:15px 10px 15px 45px;min-height:20px;background:url("/_view/bbs/_img/ic_q.png") no-repeat 5px 12px;border-bottom:1px solid #ccc}

/* 제품소개(상세) */
.product_view{}
.product_view:after{display:block;clear:both;content:''}
.product_view .product_photo{float:left;width:360px;border:1px solid #ccc}
.product_view .product_photo .big_img{position:relative;padding:15px 0;text-align:center;}
.product_view .product_photo .big_img span{position:absolute;right:0;bottom:0;z-index:10}
.product_view .product_photo .small_img{height:100%;overflow:hidden;border-top:1px solid #ccc;}
.product_view .product_photo .small_img li{float:left;padding:8px 0;width:33%;text-align:center;border-left:1px solid #ccc;}
.product_view .product_photo .small_img li:first-child{border-left:0}
.product_view .product_photo .small_img li a{display:block;border:0px solid #8c96a1}
.product_view .product_infor{float:right;width:400px}
.product_view .product_infor h2{margin-bottom:25px;padding-top:10px;font-size:16px;color:#333;line-height:16px;border-top:2px solid #333;}
.product_view .product_infor .pro_amount{margin:20px 0;font-size:15px;height:100%;overflow:hidden}
.product_view .product_infor .pro_amount dt{float:left;display:inline-block;width:110px;font-weight:bold}
.product_view .product_infor .pro_amount dd{float:left;display:inline-block;font-weight:bold}
.product_view .product_infor .pro_amount dd span{font-family:'Tahoma';font-size:20px;color:#D42929}
.prinfor_tbl{border-collapse:collapse;width:100%;background:#efefef;border:1px solid #ccc;border-width:1px 0} 
.prinfor_tbl tbody tr{text-align:left}
.prinfor_tbl tbody th{padding:4px 10px;text-align:left;border:0}
.prinfor_tbl tbody td{padding:4px;text-align:left;border:0}
.prod_btn{margin-top:20px;text-align:right}
.prod_btn01{display:inline-block;background:#fd5a00;border:1px solid #ff4800}
.prod_btn01 a{display:block;padding:6px 15px;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;border:1px solid #ff8740}
.prod_btn02{display:inline-block;background:#606060;border:1px solid #444}
.prod_btn02 a{display:block;padding:6px 15px;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;border:1px solid #8c8c8c}
.prod_btn03{display:inline-block;background:#ccc;border:1px solid #444}
.prod_btn03 a{display:block;padding:6px 15px;font-size:12px;font-weight:bold;color:#333;text-decoration:none;border:1px solid #ccc}
.product_con{clear:both;margin-top:20px;padding:10px 0;border-top:1px solid #ccc}


/* 기본버튼(게시판용) */
.bbs_btn,
.bbs_btn a,
.bbs_btn button,
.bbs_btn input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important;font-weight:bold;border:0;white-space:nowrap; background:url(/_view/bbs/_img/btn_bg.gif) no-repeat; overflow:visible; color:#333;}
.bbs_btn { height:29px; padding:0 2px 0 0; vertical-align:middle; margin-right:2px; background-position:right top;}
.bbs_btn a,
.bbs_btn button,
.bbs_btn input{ left:0;vertical-align:top; cursor:pointer;}

/* Button Size, color */
.bbs_btn a,
.bbs_btn button,
.bbs_btn input { height:29px; padding:0 14px 0 16px; line-height:29px; background-position:left top;}



/* 버튼(로그인, 게시판) */
.btn_point{display:inline-block;height:30px;font-size:11px;text-align:center;font-weight:bold;color:#fff;background:#333;border:0;}
.btn_point_s{display:inline-block;height:20px;font-size:11px;text-align:center;font-weight:bold;;border:0;}
.btn_point_l{display:inline-block;height:60px;font-size:15px;text-align:center;font-weight:bold;color:#fff;background:#333;border:0;}
.btn_point a,
.btn_unpoint a{display:block;padding:6px 20px;color:#fff;text-decoration:none}
.btn_point_s a{display:block;padding:0px 8px;color:forestgreen;text-decoration:none}
.btn_point_l a{display:block;padding:20px 26px;color:#fff;text-decoration:none}
.btn_unpoint{display:inline-block;height:30px;font-size:11px;text-align:center;font-weight:bold;color:#fff;background:#828282;border:0;}
.btn_point[type="submit"], .btn_unpoint[type="submit"]{padding:0 30px}

/* 회원가입-약관동의 */
.join_step{margin-bottom:30px;height:100%;overflow:hidden}
.join_step li{float:left;margin-left:10px;padding:15px 0;width:187px;font-size:15px;text-align:center;border:1px solid #eee}
.join_step li span{margin-top:5px;display:block}
.join_step li:first-child{margin-left:0}
.join_step li.on{color:#fff;font-weight:bold;background:#707070}
.article_list dl dt{margin-bottom:5px;font-size:15px;color:#555;font-weight:bold}
.article_list dl dd{margin-bottom:5px}
.article_list dl dd .article_box{padding:10px;height:180px;font-size:13px;overflow:auto;background:#fafafa;border:1px solid #eee}
.article_list dl dd .article_box pre{font-family:'Nanum Gothic',Dotum,돋움,sans-serif;}
.article_list dl dd.article_check{text-align:right}
.article_list p{margin-top:20px;text-align:right;}
.article_list .article_btn{margin-top:10px;text-align:right}

/* 회원가입-본인인증 */
.attest_con{margin:0 auto;width:100%}
.attest_con .attest_txt strong{color:#ff3e24}
.attest_con .attest_input{margin-top:10px;padding:34px;background:#fff;border:1px solid #e2e0e0}
.attest_con .attest_input dl{margin-bottom:10px;padding-left:20px}
.attest_con .attest_input dl dt{margin-bottom:10px;font-size:14px;font-weight:bold}
.attest_con .attest_input dl dd{margin-bottom:15px;}
.attest_con .attest_input dl dd input[type="text"]{padding:6px;background:#fafafa;border:1px solid #dbdbdb}
.attest_con .attest_input dl dd input[type="submit"]{margin-left:10px;padding:0 10px;height:27px;color:#fff;background:#7c7c7c;border:0}
.attest_con .attest_input dl dd select{padding:5px;width:100px;border:1px solid #dbdbdb}
.attest_con .attest_input p{padding:0 0 15px 20px;font-size:11px;border-bottom:1px solid #e2e0e0}
.attest_con .attest_input .att_btn{margin-top:20px;text-align:center}
.attest_con .attest_input .att_btn input{padding:0 40px;height:35px;font-size:14px;font-weight:bold;color:#fff;background:#bc506e;border:0}

/* 회원가입-개인정보입력 */
.join_infor h2{margin-bottom:10px;font-size:14px}
.join_btn{margin-top:20px;text-align:center}
.btn_post{padding:5px 10px;font-size:11px;color:#fff;background:#828282;border:0}

/* 회원가입-가입완료 */
.join_end{padding-top:40px;text-align:center}
.join_end .end_txt01{margin-bottom:20px;font-size:35px;line-height:40px;text-align:center}
.join_end .end_txt01 span{color:#bc506e;font-weight:800;}
.join_end .end_txt02{text-align:center}
.join_end dl{margin:20px auto;padding:10px;width:200px;height:100%;overflow:hidden;font-weight:bold;border:1px solid #eee}
.join_end dl dt{float:left;width:100px;color:#bc506e}
.join_end dl dd{float:left}
.join_end .end_btn{padding-top:20px;border-top:1px solid #eee}

/* 아이디/비번찾기 */
.mem_search{padding-top:10px}
.mem_search:after{display:block;clear:both;content:''}
.mem_search .idpw_search{position:relative;float:right;padding:30px 20px 20px 20px;width:330px;height:300px;background:#fff;border:1px solid #e2e0e0}
.mem_search .first{float:left}
.mem_search .idpw_search h2{margin-bottom:20px;padding-bottom:15px;font-size:16px;color:#333;border-bottom:1px solid #e2e0e0}
.mem_search .idpw_search dl:after{display:block;clear:both;content:''}
.mem_search .idpw_search dl dt{float:left;margin-bottom:10px;width:70px;font-size:12px;font-weight:bold}
.mem_search .idpw_search dl dd{float:left;margin-bottom:10px;width:225px}
.mem_search .idpw_search dl dd input[type="text"]{padding:6px;background:#fafafa;border:1px solid #dbdbdb}
.mem_search .idpw_search dl dd select{padding:5px;width:60px;border:1px solid #dbdbdb}
.mem_search .idpw_search .btn{position:absolute;left:150px;bottom:35px;}

/*faq자주묻는 질문*/
.faq_content {width:100%;border:1px solid #e2e2e2; border-width:1px 1px 0 1px;}
.faq_content dl {background:#fbfbfb}
.faq_content dt {border-bottom:1px solid #e2e2e2; height:41px; line-height:41px; background:#fff; font-size:14px; padding-top:2px}
.faq_content dt span {display:inline-block; width:20px; border-right:1px solid #e2e2e2; text-align:center; }
.faq_content dt img {margin:0 15px;}
.faq_content dd {position:relative; padding:20px 0 20px 148px; border-bottom:1px solid #e2e2e2;}
.faq_content dd span {position:absolute; left:40px; top:30px;  margin-top:-15px;}
.tit_a { padding-left:70px !important;  width:680px;}