@charset "utf-8";

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

/* 게시판 공통 */
.board #ontents,.board_form #ontents,.gallery #ontents {padding-top:50px}
.gallery #ontents {clear:both}
.btn_list {margin:20px 0;text-align:center}
.btn_list2{margin:20px 0;text-align:right}
.bbs_new_icon {float:left;font-size:10px;margin-left:10px;display:inline-block !important;padding:0px 5px;color:#3bb9dd;}

/* 게시판 상담(검색) */
.bbs_top:after{display:block;clear:both;content:''}
.bbs_top .bbs_search{display:table;margin:0 auto;margin-top:30px}
.bbs_top .bbs_search select {width:104px;padding:4px 4px 4px 10px;border:1px solid #e2e2e2;height:42px;margin-right:4px;line-height:1;font-size:14px}
.bbs_top .fl{position:relative}
.bbs_top .searcharea {display:inline-block}
.bbs_top .bbs_search input {padding:6px 3px 5px 3px;height:42px}
.bbs_top .bbs_search .tit {width:220px;height:42px;border:1px solid #e2e2e2;float:left;}
.btn_search_s {width:70px;height:40px;background:#444;color:#fff;cursor:pointer;border:0;font-size:16px;margin-left:4px;padding:7px 3px 9px 3px !important}
.bbs_top .bbs_faq_search {margin-bottom:5px;padding:10px 0;text-align:center;background:#fff;border:1px solid #d7d7d7}
.bbs_top .bbs_faq_search label {margin-right:10px;font-size:11px;font-weight:bold;}


/* 페이지표시 */
.page {width:100%;clear:both;margin-top:30px;font-size:12px;text-align:center;}
.page .d_num,.page .s_num {width:30px;height:30px;display:inline-block;padding:7px 6px 0 6px;font-weight: bold;line-height:15px;text-align:center;vertical-align:middle}
.page .s_num, .page a:hover .d_num{color:#00448b}


/* 게시판 목록 */
.bbs_ltype,.bbs_vtype, .bbs_wtype {width:100%;border-top:3px solid #005dbd}
.bbs_ltype th,.bbs_ltype td,.bbs_vtype tbody th,.bbs_vtype tbody td {border-bottom:1px solid #e2e2e2;text-align:center}
.bbs_ltype th {border-bottom:1px solid #e2e2e2;color:#444;background:#f9f9f9;font-weight:500;padding:14px 12px}
.bbs_ltype td{padding:17px 5px 16px;font-size:16px}
.bbs_ltype tr:last-child td{border-bottom:1px solid #e2e2e2}
.bbs_ltype td.notice span{display:inline-block;padding:2px 7px;color:#fff;background-color:#005dbd;font-size:16px}
.bbs_ltype td.file{padding:10px 0}
.bbs_ltype tbody td.subject{text-align:left}
.bbs_ltype tbody td.subject img {padding-right:7px}
.bbs_ltype tbody td.short {cursor:pointer}/*display:inline-block; vertical-align:bottom; */
.bbs_ltype tbody td.short a{max-width:780px;display:block;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;}
.bbs_ltype tbody td.short a:hover, .bbs_foot_list dd a:hover .short{text-decoration:underline}
.bbs_ltype .short:hover{color: #252525}
.bbs_ltype tbody td.del-content{padding-left:70px;text-align:left;font-weight:bold}
.bbs_line{width:100%;height:5px;background:url("/_public/image/board/foot_line.gif") repeat-x left bottom;border-top:1px solid #fff}
.fa-lock {float:left;font-size:17px !important;color:#005dbd;margin-right:10px}
.reicon {padding:2px 5px;color:#0066CC;float:left;border:1px solid #e2e2e2;color:#555;font-size:13px;margin-right:5px}

/* 게시판 상세보기 */
.bbs_vtype {border-bottom:1px solid #e2e2e2;}
.bbs_vtype tbody th, .bbs_vtype tbody td {text-align:left;border:1px solid #e2e2e2;border-width:0 0 1px 0}
.bbs_vtype tbody th {color:#252525;text-align:left;padding:13px 0 13px 20px}
.bbs_vtype tbody td {padding:13px 20px 13px 0}
.bbs_vtype tbody td .subject {font-weight:600;max-width:1150px;padding:0 5px 0 20px;word-break:break-all;overflow:hidden}
.bbs_vtype tbody td.contents {padding:30px 20px;width:780px;overflow:hidden;border:0}
.bbs_vtype tbody td.contents .textarea {width:780px;text-align:left;line-height:23px;margin:0 auto;}
.bbs_vtype tbody td.contents img{max-width:780px;margin:10px 0}

/* 게시판 이전다음글 목록 */
.bbs_foot_list {width:100%;margin-top:80px;border-top:1px solid #e1e1e1}
.bbs_foot_list dt,.bbs_foot_list dd{float:left;height:57px;padding:15px 20px;border-bottom:1px solid #e1e1e1;box-sizing:border-box}
.bbs_foot_list dt{width:10%;text-align:left;float:left;font-weight:bold;position:relative}
.bbs_foot_list dt i {color:#252525;font-size:18px;position:absolute;right:23px;top:20px}
.bbs_foot_list dd{width:90%;position:relative}
.bbs_foot_list dd .data{position:absolute;top:50%;transform:translateY(-50%);right:10px;color:#686868;font-weight:normal;font-size:16px}
.bbs_foot_list dd.now{font-weight:bold;color:#555;}
.bbs_foot_list dd .data .kan{padding:0 5px}
.bbs_foot_list .short {display:inline-block; max-width:880px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align:bottom; text-align:left; cursor:pointer;}
.bbs_foot_list .short:hover{text-decoration:none; color: #252525}

/* 게시판 답변보기 */
.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 #cecece;}
.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 #cecece; border:1px solid #cecece;border-width:1px 0 1px 0}

/* 게시판 글쓰기 */
.bbs_wtype th,.bbs_wtype td {text-align:left;padding:12px 0 12px 25px;border:1px solid #e2e2e2;border-width:0 0 1px 1px;height:66px}
.bbs_wtype th {border-left:0;font-size:17px;width:18%;font-weight:400;}
.bbs_wtype td {padding-right:20px;width:82%;}
.bbs_wtype input[type="text"],
.bbs_wtype input[type="password"],
.bbs_wtype select,
.bbs_wtype textarea,
.filebox input{border:1px solid #e2e2e2;padding:6px 5px 6px 10px;color:#222;background-color:#fff !important;font-size:15px}
.bbs_wtype .datepicker {background:#ffffff !important;cursor:pointer}
.icon_point{display:inline-block;width:4px;height:4px;border-radius:50%;background:#03a3b1;vertical-align:top;margin:13px 0 0 10px}
.bbs_wtype .selbox{width:150px}
input.upload {opacity: 0;position: relative}
label.replace {position:absolute;width:80px;height:32px;background:#464646;color: #fff;border:0;text-align:center;line-height:33px}
label.replace:hover {cursor:pointer}
.pt_area{margin:50px 0 20px}
.pt_area .icon_point{margin-right:10px}
.pt_area small{color:#03a3b1 !important}

/*
.input1 {width:610px}
.input2 {width:282px}
.input3 {width:81px}
.input4 {width:141px}
.input5 {width:131px}

.input7 {width:170px}
.input8 {width:318px}
.input9 {width:660px}

*/
.input6{width:100%}
.select1 {width:8%}
.input7,
.email .input8 {width:20%;}

.bbs_wtype input[type="file"] {width:80px;overflow:hidden;clip:rect(0,0,0,0);background:#fff;border:0}
.emailbox select{width:165px;font-size:15px;margin-left:5px;}
.filebox {width:100%;position:relative}
.filebox input[type="file"] {position:absolute;width:1px;height:1px; padding:0; margin: -1px; overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display:inline-block;width:80px;height:41px;background:#333;color:#fff;border:0;text-align:center;line-height:2.3;box-sizing:border-box;font-size:16px}
.filebox label.eng {font-size:13px;line-height:3.2}

/* named upload */
.filebox .upload-name {display: inline-block;line-height: normal; vertical-align: middle; background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;
  border-radius: .25em; -webkit-appearance: none;-moz-appearance: none; appearance: none;}

.bbs_wtype textarea {height:230px}
.bbs_wtype .zip {width:100%;display:block;}
.bbs_wtype .zip .btn_postcode {font-size:12px;padding:8px 4px 0 4px;border:1px solid #555;height:33px;display:inline-block;margin-left:5px;background:#636363;color:#fff;}
.bbs_wtype .zip .btn_postcode:hover {background:#222;}
.bbs_wtype tbody td.contents {padding:5px 0;border-top:1px solid #cecece;}
.bbs_wfrom{padding:5px 0;border-bottom:1px solid #cecece;}
.icon{display:inline-block;margin:0 1%;}

/* 포토갤러리 목록 */
.bbs_gallery{}
.bbs_gallery ul {width:100%;display:inline-block;clear:both}
.bbs_gallery ul li {display:inline-block;float:left;margin:0 27px 31px 0}
.bbs_gallery ul li:nth-child(3n+3){margin-right:0}
.bbs_gallery ul li a {width:315px;height:300px;display:inline-block;border:1px solid #ccc;text-align:center;position:relative;overflow:hidden}
.bbs_gallery ul li a:hover {border:1px solid #fff;}
.bbs_gallery ul li a:hover:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:99999;border:3px solid #0c8653;box-sizing:border-box}
.bbs_gallery ul li span {width:100%;display:block;height:250px;overflow:hidden;text-align:center;position:relative}
.bbs_gallery ul li strong {display:block;height:46px;font-size:15px;border-top:1px solid #ccc;line-height:45px;color:#2e2e2e}
.bbs_gallery ul li a:hover strong {border-top:1px solid #0c8653;background-color:#0c8653;color:#fff;}


/* 포토갤러리 상세보기 */
.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 #cecece;}
.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 #cecece;}
.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:#fff}
.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("/_public/image/board/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:#619c7c;font-weight:bold}
.reply_box .reply_list li dd.data{float:left;color:#666}
.reply_box .reply_list li dd.con{clear:left; word-break: break-all;}
.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{}
.bbs_faq dt{border-bottom:1px solid #e0e0e0;position:relative}
.bbs_faq dt a, .bbs_faq dd p, .bbs_faq dd span, .bbs_faq dd strong {font-size:1.143rem !important;line-height:1.4}
.bbs_faq dt a, .bbs_faq dd {padding:1.2rem 1.5rem 1.2rem 4.5rem}
.bbs_faq dt a {display:block;text-decoration:none;}
.bbs_faq dt.selected{font-weight:bold}
.bbs_faq dd {border-bottom:1px solid #e0e0e0;;position:relative;background-color:#fafafa}
.bbs_faq dt:before {content:"\Q";position:absolute;left:2rem;color:#04a3b1;font-size:25px;font-weight:500;top:1rem}
.bbs_faq dd:before {content:"A";position:absolute;left:2rem;color:#ffa409;font-size:25px;font-weight:500;top:1rem}
.bbs_faq dd p img{width: 100%}
/*.bbs_faq dt:after {content:"\+";display:inline-block;position:absolute;color:#6d6e71;font-size:18px;font-family:fontawesome;right:10px;top:15px}*/
.bbs_faq .faqclose {display:inline-block;position:absolute;right:2rem;top:1rem}
.faq .bbs_faq .faqclose {top:1.5rem}
.bbs_faq .fa {font-size:1.286rem}
.faq .bbs_faq dt a, .faq .bbs_faq dd {padding:1.2rem 1.5rem 1.2rem 2.5rem}
.faq .bbs_faq dt:before{content:"-";left:1rem;color:#333}
.faq .bbs_faq dd:before{display:none}


/* 기본버튼(게시판용) */
.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(/_public/image/board/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_join_search{text-align:center}

/* 버튼(로그인, 게시판) */
.btn_point,.btn_unpoint, .btn_point_edit, .btn_point_delete,.btn_link {display:inline-block;text-align:center;}
.btn_point a, .btn_unpoint a, .btn_point_edit a,.btn_point_delete a,.btn_link a {position:relative;display:block;width:100px;padding:11px 0;text-decoration:none;background-color:#005dbd;font-size:16px;font-weight:500;color:#fff;}
.btn_unpoint a, .btn_point_delete a {background:#636363;color:#fff;border:1px solid #636363}
.btn_point_edit a {background:#025a9d}
.btn_point_edit a {border:1px solid #014476}
.btn_point a:hover, .btn_unpoint a:hover, .btn_point_edit a:hover{background:#00448b;color:#fff;}
.btn_point_edit a:hover {background:#515151;border:1px solid #515151}

.btn_point[type="submit"], .btn_unpoint[type="submit"]{padding:0 30px}
.btn_link a {width:130px;background-color:#1a3a73}
.btn_link a:hover {background-color:#636363}

.write_btn {position:relative;text-align:right;margin-top:20px}
/*.write_btn .btn_point a {padding:4px 20px 5px 20px !important}*/

.btn_point_s{display:inline-block;height:20px;font-size:12px;text-align:center;cursor:pointer}
.btn_point_s a{display:block;padding:0px 8px;color:forestgreen;text-decoration:none;background:#11769c;color:#fff}

.btn_point_l{display:inline-block;height:60px;font-size:15px;text-align:center;}
.btn_point_l a{display:block;padding:20px 26px;color:#fff;text-decoration:none;background:#11769c;color:#fff;cursor:pointer}
.recruit_file .btn_down{position:absolute;top:-5px;left:0;width:172px;height:30px;display:inline-block;background-color:#f26522;text-align:center;cursor:pointer;color:#fff;padding:10px 0 0;font-size:16px;font-weight:700 !important;}
.recruit_file .btn_down:hover{opacity:0.9}


/* 비밀번호 입력 팝업*/
.bbsedit_pop {padding:0;margin:0;position:relative}
.bbsedit_pop .close_btn {display:inline-block;position:absolute;right:10px;top:8px;z-index:999;font-size:20px}
.bbsedit_pop .close_btn .fa {color:#fff;}
.bbsedit_pop h2.title_bbsedit {background:#03a3b1;color:#fff;font-size:20px;height:38px;padding:7px 0 0 10px}
.bbsedit_pop table {background:#fff;margin-top:25px}
.bbsedit_pop table th {text-align:right}
.bbsedit_pop table td {text-align:left;padding-left:7px}
.bbsedit_pop table td [type="password"]{border:solid 1px #e2e2e2; width:120px; height:30px;padding-left:5px}
.bbsedit_pop .popbtn {width:60px; height:30px;padding:1px 0 4px 0;background-color:#515151; color:#FFFFFF;border:0;cursor:pointer}
.bbsedit_pop .popbtn:hover {background-color:#252525}

/* 개인정보 활용동의 */
.provision {width:100%}
.provision .title {display:block;height:40px;background:#f8f8f8;border:1px solid #e2e2e2;border-width:1px 1px 0 1px;line-height:38px;padding-left:10px}
.provision .privacy {height:200px;overflow-y:scroll;border:1px solid #e2e2e2;padding:20px}
.provision .privacy h3, .provision .privacy h4 {width:100%;font-size:18px;margin-top:25px}
.provision .privacy p, .provision .privacy li{font-size:16px;color:#666;;font-weight:300}
.provision .privacy p{margin-top:10px}
.provision .agreecheck {text-align:right;padding:20px 10px 0 0;font-size:15px}
.provision .agreecheck label {margin-left:10px}
.provision .agreecheck input {margin-left:5px}
.provision .privacy .table {border-bottom:1px solid #e2e2e2;margin-top:7px}
.provision .privacy .table th,.provision .privacy .table td {text-align:left; border:1px solid #e2e2e2;border-width:1px 1px 0 0;padding:5px 10px;font-size:13px}
.provision .privacy .table th {border-left:1px solid #e2e2e2;font-weight:normal}
.provision .privacy ul {margin-top:10px}
.provision .privacy li {margin-bottom:7px}


/*온라인견적문의*/
.check {position:relative;padding:0.5rem 0;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;width:100%;border-width:0 1px 1px 1px;height:50px;background:#fff;margin-bottom:40px;}
.check ul {float:right}
.check li{color:#444;position:relative;display:inline-block;position:relative;float:left;margin-right:2.188rem}
.check li:last-child {margin-right:0;}
.check li input[type=radio], .check li input[type=checkbox]{position: absolute;visibility: hidden}
.check li label{display:inline-block;position: relative;font-size:0.933rem;padding:8px 24px 8px 0;z-index: 9; cursor: pointer;-webkit-transition: all 0.25s linear}
.check li:hover label{color:#000}
.check li .cek{
	content: "";
	position: absolute;
	top:0.563rem;
	right: 0;
	z-index: 1;
	width: 1rem;
	height: 1rem;
	border: 2px solid #cecece;
	border-radius:50%;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.check ul li:hover .cek, .check input[type=radio]:checked ~ .cek,
.check input[type=checkbox]:checked ~ .cek {border-color: #005dbd;background:#005dbd}
.check input[type=radio]:checked ~ label,
.check input[type=checkbox]:checked ~ label{color: #000;}

.tal span.txt {margin-left:20px;}

@media all and (max-width:990px) {
	.bbs_wtype th {width:13%;}
	.bbs_wtype td {width:87%;}
	.email .input8 {width:170px;}
}

@media all and (max-width:768px) {
	.bbs_wtype th {font-size:16px;padding:12px;width:15%;}
	.bbs_wtype td {width:85%;}
	.input1 {width:50%;}
	.input4 {width:20%;}
	.input8 {width:50%;}
	.email .input7 {width:23%;}
	.email .input8 {width:23%;}
	.emailbox select {width:23%;}
	.tal span.txt {font-size:14px;display:block;margin:10px 0 0 0;}
}

@media all and (max-width:560px) {
	.bbs_wtype th {width:18%;}
	.bbs_wtype td {width:82%;}
	.input7, .input4 {width:29%;}
	.email .input7 {width:46%;}
	.email .input8 {width:45%;}
	.emailbox select {width:45%;margin:10px 0 0 0;}
}

@media all and (max-width:445px) {
	.bbs_wtype th {font-size:15px;padding:12px 0;}
	.bbs_wtype td {font-size:14px;}
	.email .input8,
	.emailbox select {width:43%;}
}

@media all and (max-width:375px) {
	.bbs_wtype th {width:19%;}
	.bbs_wtype td {width:81%;padding:12px 0 12px 13px;}
}

@media all and (max-width:320px) {
	.input7, .input4 {width:20%;}
}


/* 비밀번호 입력 팝업*/