@charset "utf-8";

/* PC버전인지 모바일 버전인지 */
.td_hide { display:; } /* 반응형으로 숨겨질 부분 */
.td_show { display:none; } /* 반응형으로 보여질 부분 */

/* 게시판 게시물수 */
.bbs_total { float:left; padding-top:5px; }
.bbs_totalcount { color:#0f7cbf; font-weight:bold; }

/* 게시판 검색 */
.bbs_search_box_wrap { overflow:hidden; width:1000px;}
.bbs_search_box { float:right; width:326px }
.bbs_search_box select { float:left; width:100px; height:30px; margin:0 3px 5px 0; border:1px solid #e1e1e1; font-size:12px;}
.bbs_search_box input[type=text] { float:left; width:182px; height:28px; margin:0 3px 0 0; padding:0 3px; border:1px solid #d2d2d2; background:#f9f9f9; font-size:12px; }
.bbs_search_box button { float:left; margin-bottom:5px; width:30px; height:30px; cursor:pointer; border:0; background:url('../images/btn/btn_search_b.gif') no-repeat; text-indent:-10000px }

/* 이전글, 다음글 */
.table_pre_next { clear:both; width:100%; margin-top:26px; border-top:1px solid #e5e5e5; border-collapse:collapse; border-spacing:0; }
.table_pre_next td { height:52px; line-height:52px; padding-left:14px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:13px; line-height:1.6; }
.table_pre_next td:last-child { border-right:none; }
.table_pre_next td a { font-size:13px; }
.bbs_td_prev, .bbs_td_next { width:121px; font-weight:bold; color:#414141; text-align:left; } 
.prev_go_icon { float:right; margin:6px 16px 0 0; display:block; width:19px; height:6px; background:url('../images/board/arrow_icon.gif') no-repeat 0 0 }
.next_go_icon { float:right; margin:7px 16px 0 0; display:block; width:19px; height:6px; background:url('../images/board/arrow_icon.gif') no-repeat 0 -6px }
 
/* 게시판 페이징 */
.page_num  { clear:both; text-align:center; padding-top:30px; }
.page_num p { display:inline-block; vertical-align:top; } 
.page_num ul { display:inline-block; vertical-align:top; padding:0 8px 3px 3px }
.page_num li { display:inline-block; zoom:1; *display:inline; height:34px; padding:0 0 0 5px }
.page_num a:link span{ display:inline-block; width:34px; height:34px; line-height:34px; border:1px solid #d6d6d6; background:#fff; color:#666; text-decoration:none; vertical-align:middle; }
.page_num a:visited span{ display:inline-block; width:34px; height:34px; line-height:34px; border:1px solid #d6d6d6; background:#fff; color:#666; text-decoration:none; vertical-align:middle; }
.page_num a:hover span{ display:inline-block; width:34px; height:34px; line-height:34px; border:1px solid #8d959e; background:#fff; color:#666; text-decoration:none; vertical-align:middle; }
.page_num .page_on { display:inline-block; width:36px; height:36px; line-height:36px; background:#8d959e; color: #fff; text-decoration:none; vertical-align:middle; }

.page_num .prev { margin-right:10px }
.page_num .next { margin-left:10px }
.page_num .first { background:url("../images/page/first.gif") 50%; width:34px; height:34px; border:1px solid #d6d6d6; font-size:0 }
.page_num .prev { background:url("../images/page/prev.gif") 50%; width:34px; height:34px; border:1px solid #d6d6d6; font-size:0 }
.page_num .next { background:url("../images/page/next.gif") 50%; width:34px; height:34px; border:1px solid #d6d6d6; font-size:0 }
.page_num .last { background:url("../images/page/last.gif") 50%; width:34px; height:34px; border:1px solid #d6d6d6; font-size:0 }

/* 게시판 버튼영역 */
.bbs_btn { float:right; margin-top:25px; }
.bbs_btn_box { text-align:center; }
.bbs_btn_mt_minus { float:right; margin-top:-30px}
.bbs_rig { float:right; } 

/* 게시판 버튼스타일-목록보기 */
a.btn_list:link, a.btn_list:visited { display:inline-block; width:97px; height:23px; border:1px solid #555; 
background:#fff url('../images/btn/list_icon.gif') no-repeat 10px 50%;
text-indent:35px; line-height:23px; font-weight:bold; text-align:left; color:#464646; box-shadow:0 1px 0 #f2f2f2 }
a.btn_list:hover, a.btn_list:focus { display:inline-block; background:#e8e8e8 url('../images/btn/list_icon.gif') no-repeat 10px 50%; color:#333 }

/* 게시판 버튼스타일1 */
a.btn_w:link, a.btn_w:visited { display:inline-block; width:97px; height:23px; border:1px solid #555; background:#fff url('../images/btn/btn_arrow.gif') no-repeat 13px 50%;
text-indent:28px; line-height:23px; font-weight:bold; text-align:left; color:#464646; box-shadow:0 1px 0 #f2f2f2 }
a.btn_w:hover, a.btn_w:focus { display:inline-block; background:#e8e8e8 url('../images/btn/btn_arrow.gif') no-repeat 13px 50%; color:#333 }

/* 게시판 버튼스타일2 */
a.btn_b:link, a.btn_b:visited { display:inline-block; border:1px solid #333;background:#333 url('../images/btn/btn_arrow2.gif') no-repeat 10px 8px;
width:97px; height:23px; line-height:23px; text-align:center;color:#fff;text-indent:10px }
a.btn_b:hover, a.btn_b:focus { display:inline-block; background:#555 url('../images/btn/btn_arrow2.gif') no-repeat 10px 8px;border:1px solid #555;color:#fff }

/* 제품정보 ---------------------------------------------------------------------------------------------------------------- */
/* 검색 */
.bbs_search_box_wrap2 { clear:both; overflow:hidden; margin-top:17px; height:69px; border:1px solid #c0d5dc; background:#e9f3f6; padding-left:12px; box-shadow:0 3px 0 #f2f2f2; }
.bbs_search_box2 .bbs_search_fa { float:left; line-height:69px; background:url('../images/common/bbs_search_icon.png') no-repeat 0 center;
 margin:0 32px 0 36px; text-indent:40px; color:#414141; font-size:20px; font-weight:bold; }
.bbs_search_box2 select { height:30px; border:1px solid #e1e1e1; float:left; margin:20px 3px 0 0;  }
.bbs_search_box2 select#cate1 { width:100px;}
.bbs_search_box2 select#cate2 { width:100px;}
.bbs_search_box2 select#cate3 { width:200px;}
.bbs_search_box2 input[type=text] { width:250px; height:28px; border:1px solid #d2d2d2; background:#fff; float:left; margin:20px 3px 0 0; padding:0 3px; font-size:12px; }
.bbs_search_box2 button { float:left; margin:20px 10px 0 0; cursor:pointer; width:54px; height:30px; background:#71747b; border:0; color:#fff; border-radius:0.2em;-moz-border-radius:0.2em;-webkit-border-radius:0.2em; }
.bbs_search_box2 br {display:none}

.product_sel_wrap { float:right; width:60px; text-align:right }
.product_sel_wrap .bbs_total { float:left; padding-top:5px; width:110px; height:30px; text-align:left;  }
.product_sel_wrap .product_sel { float:left; padding-top:5px; width:60px; height:30px; text-align:right; }

.bbs_total2 { float:right; padding-top:5px; width:110px; height:30px; text-align:right;  }
.product_sel2 { float:right; padding-top:5px; width:60px; height:30px; text-align:right; }

.product_tit { width:100% }
.product_tit h3 { float:left;height:30px;line-height:30px;color:#010101;font-size:18px;font-weight:bold;}
.product_tit .more { float:right; width:22px; padding:5px 0 0 10px}

/* 검색결과 분류 */
.search_cate { padding-top:5px; color:#17a0cd }

/* 제품정보 리스트 A ********************************************************************************/
.product_list_a {clear:both;border-top:1px solid #8d959e}
.product_list_a li:after {clear:both;}
.product_list_a li {border-bottom:1px solid #e5e5e5; min-height:120px;padding:15px 0 8px;overflow:hidden}
.product_list_a li .img {float:left;width:168px;height:111px;margin-right:20px;border:1px solid #dfdfdf;text-align:center;}/* 썸네일 이미지 사이즈 지정 */
.product_list_a li .img img {width:168px;height:111px;}/* 썸네일 이미지 사이즈 지정 */
.product_list_a li .img:hover {border:1px solid #2eabd4;}
.product_list_a li .info {display:block;}
.product_list_a li .title a:hover {color:#2eabd4}
.product_list_a li .title a {display:block;color:#414141;font-size:15px;height:17px;font-weight:bold;padding:1px 0;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_list_a li .date {display:block;color:#7d7d7d;font-size:12px;padding:3px 0}
.product_list_a li .content {display:block;padding-top:10px;color:#5a5959;line-height:1.5;height:80px;}
.product_list_a li .content a {color:#5a5959;}

/* 제품정보 리스트 B ********************************************************************************/
.product_box {clear:both;border-top:1px solid #8d959e;}
/* 리스트 */
.product_list_b {overflow:hidden; list-style:none; width:1029px; margin:30px 0 0 0 }
.product_list_b li { display: inline-block; position:relative; float:left; width:312px; height:315px; margin-right:29px; margin-bottom:35px; border:1px solid #e2e2e2; }
.product_list_b li.last {margin-right:0}
.product_list_b li img {width:312px; height:214px;}
.product_list_b li .info {width:272px; height:59px; background:#fafafa; padding:21px 20px }
.product_list_b li .info .subject {font-size:16px; color:#101010; display:inline-block; width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_list_b li .info .content {color:#5c5c5c;font-size:12px;height:50px}

/* 리스트 오버했을때 */
.product_list_b figure { margin:0; position:relative; }
.product_list_b figure img { max-width:100%; display:block; position:relative; }
.product_list_b figcaption { position:absolute; top:0; left:0; background:rgba(46, 171, 212, 1) url('../images/product/gall_plus.gif') no-repeat center; }
.product_list_b figure { overflow: hidden; }
.product_list_b figcaption { 
height:100%; width:100%; top:auto; bottom:0; opacity:0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .product_list_b figure:hover figcaption,
.product_list_b figure.cs-hover figcaption {
opacity: 0.8;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
/* 제품정보 리스트 B 끝 ********************************************************************************/


/* 제품정보 상세이미지 */
.product_view_box { float:left; width:40%; }
.product_view_box .product_view { width:375px; }

.product_view_box .product_img_border { display:block; }
.product_view_box .product_img_border img { width:373px; max-width:100%; height:256px; border:1px solid #e2e2e2; }

.product_view_box ul { width:280px; margin:15px auto 0; }
.product_view_box li { display:inline-block; margin-bottom:9px; } 
.product_view_box li:last-child { margin:0; }

.product_view_box .product_item { border:1px solid #e2e2e2; cursor:pointer; width:86px; height:65px }
.product_view_box .product_item_on { border:2px solid #58a5cf; width:84px; height:63px }
.product_view_box .product_item_none { border:1px solid #e2e2e2; width:86px; height:65px }
.product_content_info {width:100%;}
.product_content_info img {max-width:100%}

/* 제품정보 상세정보 */
.product_view_info { float:right; width:55%; }
.product_view_info dt.title { height:35px; border-bottom:1px solid #e5e5e5; font-size:18px; line-height:1.3; color:#414141; font-weight:bold; }
.product_view_info dt.title span { font-size:18px; color:#0f7cbf; font-weight:bold; }
.product_view_info dt.title p { font-size:18px; text-indent:60px; color:#414141; font-weight:bold; }

.product_view_info dd.info1 { height:68px; border-bottom:1px solid #e5e5e5; }
.product_view_info dd.info1 ul { width:100%; padding-top:5px; }
.product_view_info dd.info1 li { padding-bottom:5px; }
.product_view_info dd.info1 li span { color:#0f7cbf; }

.product_view_info dd.info2 { width:100%; height:124px; margin-bottom:20px; overflow:hidden; }
.product_view_info dd.info2 ul { padding-top:5px; }
.product_view_info dd.info2 li { padding-bottom:5px; }
.product_view_info dd.info2 li span { color:#0f7cbf; }

.product_view_info dd.btn { text-align:left }

.product_content { clear:both; padding:34px 0 0; }
.product_content dd.product_content_info { padding:16px 0 0;font-size:13px; }

/* 제품정보 신청버튼 */
a.btn_fa_apply { display:inline-block; width:130px; height:67px; background:#f37023; line-height:67px; text-align:center; font-size:16px; color:#fff; font-weight:bold; }
a.btn_fa_pdf { display:inline-block; width:130px; height:67px; background:#000 url('../images/btn/btn_pdf.png') no-repeat 50%; line-height:67px; text-align:center; font-size:16px; color:#fff; font-weight:bold; }
a.btn_fa_vod { display:inline-block; width:130px; height:67px; line-height:67px; background:#0f7cbf; text-align:center; font-size:16px; color:#fff; font-weight:bold; }
a.btn_fa_list { display:inline-block; width:128px; height:65px; line-height:65px; border:1px solid #dcdcdc; background:#fff url('../images/btn/list_icon2.gif') no-repeat 18px 50%; 
text-indent:45px; font-size:16px; color:#555; font-weight:bold; }
a.btn_board_apply { display:inline-block; width:130px; height:36px;line-height:36px; background:#f37023; text-align:center; font-size:16px; color:#fff; font-weight:bold; }

/* 공지사항, 뉴스 리스트 C타입(썸네일형) -------------------------------------------------------- */
.table_board_list {clear:both;border-top:2px solid #444}
.table_board_list li:after {clear:both;}
.table_board_list li {border-bottom:1px solid #e5e5e5; min-height:120px;padding:15px 0 8px;overflow:hidden}
.table_board_list li .img {float:left;width:168px;height:111px;margin-right:30px;border:1px solid #dfdfdf;text-align:center;}/* 썸네일 이미지 사이즈 지정 */
.table_board_list li .img img {width:168px;height:111px;}/* 썸네일 이미지 사이즈 지정 */
.table_board_list li .info {display:block;}
.table_board_list li .title a {display:block;color:#414141;font-size:17px;height:17px;font-weight:bold;padding:1px 0;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.table_board_list li .date {display:block;color:#7d7d7d;font-size:12px;padding:3px 0}
.table_board_list li .content {display:block;padding-top:10px;color:#5a5959;line-height:1.5;height:60px;}
.table_board_list li .content a {color:#5a5959;}

/* 공지사항, 뉴스 상세(공통) */
.table_board_view { clear:both;border-top:2px solid #444;border-bottom:2px solid #444 }
.table_board_view li:after { clear:both; }

.table_board_view li.info { overflow:hidden; border-bottom:1px solid #e5e5e5; min-height:56px; }
.table_board_view li.info .title  { overflow:hidden; color:#414141; font-size:17px; height:17px; font-weight:bold; }
.table_board_view li.info .rig { width:65px; color:#333; font-size:12px; text-align:right; line-height:56px; }

.table_board_view li.row { border-bottom:1px solid #e5e5e5; overflow:hidden; min-height:41px; line-height:41px; }
.table_board_view li.row td { font-size:13px }

.table_board_view li.row2 { border-bottom:1px solid #e5e5e5; overflow:hidden; min-height:46px; line-height:46px; }
.table_board_view li.row2 td { font-size:13px }
.table_board_view li.row2 span { font-weight:bold; }
.table_board_view li.row2 span.tit { letter-spacing:20px }

.table_board_view li.file { border-bottom:1px solid #e5e5e5; overflow:hidden; min-height:41px; line-height:41px; }
.table_board_view li.file .file_icon { float:left;display:block;width:23px;height:23px;margin:10px 10px 0 0;background:url('../images/board/icon_file.gif') no-repeat }
.table_board_view li.file .file_txt { float:left; padding-right:5px }
.table_board_view li.file .file_input { float:left;line-height:24px;padding:10px 0 }
.table_board_view li.content_area { padding:30px 0 }
.table_board_view li.content_area img { max-width:100% }

/* 게시판 리스트 */
.free_board_list { clear:both; border-top:2px solid #444; width:100%; margin:0 auto;  }
.free_board_list table { width:100%; }
.free_board_list thead th { height:40px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background:#f5f5f5;color:#414141;font-size:13px }
.free_board_list tbody th { height:40px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background:#f5f5f5;color:#414141;font-size:13px }
.free_board_list tbody td { height:40px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;color:#414141; text-align:center;font-size:13px}
.free_board_list tbody tr:hover { background:#f9f9f9 }
.free_board_list th.none { border-right:none; }
.free_board_list td.none { border-right:none; }
.free_board_list .subject { display:block;text-align:left;color:#414141;width:500px;height:22px;padding:1px 0 1px 7px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.free_board_list .last { border-right:none;text-align:center }

/* 게시판 상세 ---------------------------------------------------------------------------------------------------------------- */
.free_board_view {clear:both;border-top:2px solid #444;border-bottom:2px solid #444 }
.free_board_view li.info { overflow:hidden; width:100%; border-bottom:1px solid #e5e5e5; min-height:56px; padding-top:3px }
.free_board_view li.info .title  { overflow:hidden; color:#414141; font-size:17px; line-height:1.5; font-weight:bold; }
.free_board_view li.info .date { width:50px; color:#333; font-size:12px; text-align:right; line-height:56px; }
.free_board_view li { border-bottom:1px solid #e5e5e5; height:45px; line-height:45px;}
.free_board_view .con { overflow:hidden; padding-bottom:30px; }
.free_board_view .tit_txt { float:left; padding-right:10px; font-weight:bold;}
.free_board_view .de_txt { float:left }
.free_board_view .con .tit_txt { width:100%; height:45px; line-height:45px; }

/* 게시판 상세답변 */
.free_board_reply { clear:both; border-bottom:2px solid #444 }
.free_board_reply li.info {border-bottom:1px solid #e5e5e5; height:60px;overflow:hidden}
.free_board_reply li.info .title { overflow:hidden; color:#414141; font-size:17px; line-height:1.5; font-weight:bold; }
.free_board_reply li.info .date { width:50px; color:#333; font-size:12px; text-align:right; line-height:56px; }
.free_board_reply .con  {clear:both; padding:30px 0; color:#5a5959; word-wrap:break-word }

/* 게시판 글쓰기 */
.free_board_write { clear:both; border-top:2px solid #444; width:100%; margin:0 auto;  }
.free_board_write table { width:100%; }
.free_board_write tbody th { height:45px;padding:5px 10px;border-bottom:1px solid #e5e5e5;background:#f5f5f5;color:#414141;font-size:13px;text-align:center; }
.free_board_write tbody td { height:45px;padding:5px 10px;border-bottom:1px solid #e5e5e5;color:#414141;font-size:13px;text-align:left;}
.free_board_write input[type=text] {height:34px;background:#fff;border:1px solid #e4e4e4;padding:2px;}
.free_board_write select  { width:100px; height:34px; padding:5px }
.free_board_write .captcha_num img { margin-right:1px }
.free_board_write #category { width:365px }

/* 견적의뢰_제품선택 */
.free_board_write .product_sel br {display:none}
.free_board_write .product_sel #cat1 {width:150px}
.free_board_write .product_sel #cat2 {width:150px}
.free_board_write .product_sel #cat3 {width:250px}

.input_tit {width:90%;}
.input1 {width:320px;}
.input2 {width:244px}
.input3 {width:360px}
.input4 {width:320px}
.input5 {width:140px}
.input6 {width:140px}
.input7 {width:100px}
.textarea1 {width:90%;height:270px}
.w1 {width:12%}
.w2 {width:88%}

/* 게시판 글쓰기 개인정보보호정책 */
.pri_warp { border:1px solid #e5e5e5; margin:15px 0; }
.pri_tit { margin-top:20px;width:100%;height:35px;line-height:35px;background:#e10000;color:#fff;font-size:16px;font-weight:bold;text-indent:35px }
.pri_info { width:95%; margin:20px auto }
.pri_info p { font-weight:bold; font-size:14px; padding-bottom:10px }
.pri_info li { background:url('../images/common/bullet_t_03.gif') no-repeat 0 10px; line-height:1.8; padding-left:10px; }
.pri_info li b { font-size:14px; }
.pri_agree { border-bottom:1px solid #e5e5e5; display:block; padding:5px 0 20px }

/* 게시판 글쓰기 완료페이지 */
.free_end_wrap {margin:0 auto; overflow:hidden; border:2px solid #e8e8e8; position:relative}
.free_end_img {float:left;padding:45px 0 30px 80px;width:255px;}
.free_end_txt {float:left;padding:50px 0}
.free_end_b_txt {font-weight:bold;font-size:17px;}
.free_end_s_txt {font-size:13px;padding:20px 0 }
.free_end_br { display:none }


/* 온라인상담 진행상태 아이콘 -------------------------------------------------------- */

/* 접수대기 */
.stanby_icon { display:inline-block;width:48px;height:16px;line-height:20px;
font-family:'굴림';text-align:center;color:#089db7;font-size:11px;letter-spacing:-1px;
border:1px solid #55c4d7; background:#fff; border-radius:0.2em; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; }


/* 답변완료 */
.reply_icon { display:inline-block;width:48px;height:16px;line-height:20px;
font-family:'굴림';text-align:center;color:#fff;font-size:11px;letter-spacing:-1px;
border:1px solid #f7971f; border-radius:0.2em; -moz-border-radius:0.2em; -webkit-border-radius:0.2em;
background: #f7971f;
background: linear-gradient(to bottom, #f7971f, #e47000);
background: -moz-linear-gradient(to bottom, #f7971f, #e47000);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7971f), color-stop(100%,#e47000));
text-shadow: -1px -1px 0 rgba(215,113,17, .9);
box-shadow: inset 0 0 0 1px rgba(255,255,255, .5)
}

/* 크롬전용 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.stanby_icon,
.reply_icon { line-height:18px; }
}


/* 비공개글 이름, 이메일 */
.layer_wrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; }
.layer_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); }
.layer_area { position:absolute; left:50%; top:50%;background:#fff}
.layer_wrap2 { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; }

.bbs_secret_box { width:434px;height:220px;border:5px solid #23536c; }
.bbs_secret_box dt { position:relative;width:434px;height:70px;background:url('../images/board/dot_bg.gif') repeat; }
.bbs_secret_box dt .tit_wrap { position:absolute;left:25px;top:15px }
.bbs_secret_box dt .tit_wrap .tit1 { color:#fff;font-size:18px;font-weight:bold;padding-bottom:5px }
.bbs_secret_box dt .tit_wrap .tit2 { color:#fff;font-size:12px }
.bbs_secret_box dt .btn_close { position:absolute;right:20px;top:20px}

.bbs_secret_box form { width:322px; margin:40px auto; }
.bbs_secret_box .idpw { float:left; }
.bbs_secret_box li { padding-bottom:5px; }
.bbs_secret_box li label { padding-right:5px; }
.bbs_secret_box li span { width:50px;height:21px;display:inline-block;font-weight:bold;text-align:left}

.bbs_secret_box form input[type=text] { width:180px;height:16px;background:#f4f5f5;border:1px solid #e4e4e4;padding:2px; }
.bbs_secret_box form input[type=email] { width:180px;height:16px;background:#f4f5f5;border:1px solid #e4e4e4;padding:2px; }

/* 로그인 버튼 */
.bbs_secret_box .login_btn_area { float:left;padding:0 0 15px 10px; }
a.login_btn:link { display:block;width:64px;height:50px;line-height:46px;text-align:center;color:#fff;font-weight:bold;
background:#000; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); }

a.login_btn:hover, a.login_btn:focus { background:#000;color:#fff}
.bbs_secret_info { clear:both; margin-top:12px; padding-top:12px; width:100%; border-top:1px solid #e5e5e5; color:#303030; }

/* 빨간색글씨 */
.text_red { color:#e60000 }

/* ======================================================================================================================================================= */


@media screen and (max-width:1000px) {

/* 게시판 리스트 */
.table_board_list thead th.subject_tit {border-right:none}
.table_board_list .subject { border-right:none; text-align:left; padding:10px; }

/* 제품정보 ---------------------------------------------------------------------------------------------------------------- */
/* 검색 */
.bbs_search_box_wrap2 { clear:both; overflow:hidden; height:auto;   }
.bbs_search_box2 .bbs_search_fa { float:left; line-height:30px; margin:20px 30px 0 20px; font-size:20px; }
.bbs_search_box2 select { clear:both; float:none; margin:20px 3px 0 0; }
.bbs_search_box2 select#cate1,
.bbs_search_box2 select#cate2,
.bbs_search_box2 select#cate3 { clear:both; float:none; margin:20px 3px 0 0; }
.bbs_search_box2 input[type=text] { clear:both; float:left; width:calc(100% - 100px); margin:5px 3px 20px 10px; }
.bbs_search_box2 button { margin:5px 10px 0 0; }
.bbs_search_box2 br.search_word {display:block;clear:both}

/* 제품정보 ---------------------------------------------------------------------------------------------------------------- */
.product_list_b { width:694px; margin:20px auto 0; padding-left:29px}
.product_list_b li { margin-right:29px; }

/* 제품정보 상세정보 */
.product_view_info { float:right; width:50%; }

/* 제품정보 신청버튼 */
a.btn_fa_vod { margin-top:3px;}
a.btn_fa_list { margin-top:3px; }

/* 공지사항, 뉴스 리스트 C타입 ---------------------------------------------------------------------------------------------- */
.table_board_list li .info {padding-top:5px}
.table_board_list li .title a { padding:1px 0; font-size:14px; height:17px; }
.table_board_list li .content {overflow:hidden; height:60px; padding-top:5px }

/* 공지사항, 뉴스 상세 C타입 */
.table_board_list_view li.info .title  {font-size:14px;}
.table_board_list_view li.content_area img {max-width:100%}

/* 이전글, 다음글 */
.bbs_td_prev, .bbs_td_next { width:80px; }

/* 게시판 글쓰기 완료페이지 */
.free_end_wrap { width:98%; margin:0 auto; overflow:hidden;position:relative}
.free_end_img { float:none; width:80%; margin:0 auto; text-align:center; padding:20px 0 0 0  }
.free_end_txt { float:none; width:90%; margin:0 auto; text-align:center; padding:20px 0 }
.free_end_b_txt {font-weight:bold;font-size:14px;}
.free_end_s_txt {font-size:12px;padding:20px 0 }

}

/* ======================================================================================================================================================= */

@media screen and (max-width:900px) {

/* 제품정보 상세정보 */
.product_view_info { float:right; width:45%; }
.product_view_info dd.btn { width:auto; margin:0 auto; text-align:center }
.product_view_info dd.btn a { width:48.5% }
a.btn_fa_list { width:48%; background-position:20% 50%; text-indent:20px }
}

/* ======================================================================================================================================================= */


@media screen and (max-width:765px) {

/* 모바일 or PC */
.list_pc {display:none;}
.list_m {display:block;}

/*------------------------------------------------------*/
.td_hide { display:none; }
.td_show { display:block; }

/* 게시판 리스트 오른쪽선 숨김 처리 */
.free_board_list th.subject_m { border-right:none; }
.free_board_list td.subject_m { border-right:none;text-align:left; padding:10px; line-height:180%; }
/*------------------------------------------------------*/

/* 게시판 검색 */
.bbs_total { padding-right:15px }
.bbs_search_box { float:left }
.bbs_search_box select { width:70px }

.input1 {width:80%}
.input2 {width:80%}
.input3 {width:80%}
.input4 {width:80%}
.input5 {width:80px}
.input6 {width:80px}
.input7 {width:80px}
.textarea1 {width:90%}
.write_info {display:block;width:80%;margin:3px 0 0 3px}
.write_info2 {display:none}
.th_w {width:80px;overflow:hidden}
.th_w2 {width:80px;overflow:hidden}
.w1 {width:20%}
.w2 {width:80%}

/*----------------------------------------------------------------------------*/
/* 제품정보 검색 */
.bbs_search_box_wrap2 { clear:both; overflow:hidden; height:auto;   }
.bbs_search_box2 .bbs_search_fa { float:left; line-height:30px; margin:20px 10px 0 10px; font-size:20px; }
.bbs_search_box2 select { clear:both; float:none; margin:20px 3px 0 0; }
.bbs_search_box2 select#cate1,
.bbs_search_box2 select#cate2,
.bbs_search_box2 select#cate3 { clear:both; float:none; margin:20px 3px 0 0; }
.bbs_search_box2 .cate_first { margin-left:10px }
.bbs_search_box2 input[type=text] { clear:both; float:left; margin:5px 3px 20px 10px; }
.bbs_search_box2 button { margin:5px 10px 0 0; }
/*----------------------------------------------------------------------------*/
.product_sel_wrap { float:right; width:210px; height:40px; text-align:right }

/* 제품정보 리스트 */
.product_list_b { width:314px;padding-left:0 }
.product_list_b li { margin-right:0; }

/* 제품정보 상세정보 */
.product_view_info { width:40%; }

/* 게시판 */
.free_board_list .subject { width:400px; padding:1px 0 }

/* 견적의뢰_제품선택 */
.free_board_write .product_sel #cat3 {margin-top:3px}

}

/* ======================================================================================================================================================= */


@media screen and (max-width:700px) {

/*----------------------------------------------------------------------------*/
/* 제품정보 검색 */
.bbs_search_box2 select { clear:both; float:none; width:120px;}
.bbs_search_box2 select#cate1,
.bbs_search_box2 select#cate2,
.bbs_search_box2 select#cate3 { clear:both; float:none; width:120px;}
/*----------------------------------------------------------------------------*/

/* 제품정보 상세 */
.product_box .product_img { margin-right:20px; }

/* 제품정보 상세이미지 */
.product_view_box { float:none; width:375px; margin:0 auto }

/* 제품정보 상세정보 */
.product_view_info { float:none; width:344px; margin:20px auto 0 }
.product_view_info dd.info { height:auto; padding-bottom:20px; }

/* 견적의뢰_제품선택 */
.free_board_write #category { width:100% }
.free_board_write .product_sel br.br1 {display:block}
.free_board_write .product_sel br.br2 {display:block}
.free_board_write .product_sel #cat1 {width:80%}
.free_board_write .product_sel #cat2 {width:80%; margin-top:3px}
.free_board_write .product_sel #cat3 {width:80%; margin-top:3px}
}

/* ======================================================================================================================================================= */


@media all and (max-width: 600px) {

/*----------------------------------------------------------------------------*/
/* 제품정보 검색 */
.bbs_search_box_wrap2 { clear:both; overflow:hidden; height:auto; }
.bbs_search_box2 .bbs_search_fa { margin:20px 10px 10px 10px; }
.bbs_search_box2 select { clear:both; float:none; width:93%; margin:5px 3px 0 10px; }
.bbs_search_box2 select#cate1,
.bbs_search_box2 select#cate2,
.bbs_search_box2 select#cate3 { clear:both; float:none; width:93%; margin:5px 3px 0 10px; }
.bbs_search_box2 input[type=text] { clear:both; float:left; margin:5px 3px 20px 10px; }
.bbs_search_box2 button { margin:5px 10px 0 0; }
.bbs_search_box2 br.cate_sel { display:block;clear:both; }
.bbs_search_box2 br.cate { display:block;clear:both; }
/*----------------------------------------------------------------------------*/

/* 게시판 검색 */
.bbs_total { padding-bottom:5px }
.bbs_search_box input[type=text] { width:120px; }

/* 공지사항, 뉴스 리스트 C타입 */
.table_board_list li {min-height:95px;padding:10px 0 4px}
.table_board_list li .img {width:117px; height:78px; float:left;text-align:center; margin:5px 15px 5px 0}
.table_board_list li .img img {max-width:117px; max-height:78px; }
.table_board_list li .date {font-size:11px; padding:0}
.table_board_list li .content {font-size:12px;height:40px;padding-top:0}

/* 문의하기 버튼 */
.bbs_btn_mt_minus { float:none; margin-top:12px; text-align:center; }
.bbs_rig {float:none}

/* 게시판 */
.free_board_list .subject { width:300px; padding:1px 0 }

/* 게시판 글쓰기 완료페이지 */
.free_end_txt br { display:none }
.free_end_txt br.free_end_br { display:block }

}


/* ======================================================================================================================================================= */


@media all and (max-width: 480px) {

/* 공지사항, 뉴스 리스트 */
.table_board_list li {min-height:95px;padding:10px 0 4px}
.table_board_list li .date {font-size:11px;padding:0}
.table_board_list li .content {font-size:12px;margin-top:3px;height:40px}

/* 게시판 페이징 */
.page_num a:link span { width:27px; height:27px; line-height:27px; }
.page_num a:visited span  { width:27px; height:27px; line-height:27px; }
.page_num a:hover span  { width:27px; height:27px; line-height:27px; }
.page_num .page_on { width:29px; height:29px; line-height:29px; }

.page_num .first, .page_num .prev, .page_num .next, .page_num .last { width:27px; height:27px; line-height:27px; }

/* 비공개글 이름, 이메일 */
.bbs_secret_box { width:90%; }
.bbs_secret_box dt { width:100%; }
.bbs_secret_box dt .tit_wrap { position:absolute;left:15px;top:15px }
.bbs_secret_box dt .tit_wrap .tit1 { color:#fff;font-size:18px;font-weight:bold;padding-bottom:5px }
.bbs_secret_box dt .tit_wrap .tit2 { color:#fff;font-size:11px }
.bbs_secret_box dt .btn_close { position:absolute;right:10px;top:10px}

.bbs_secret_box form { width:260px; }
.bbs_secret_box li span { width:40px; }
.bbs_secret_box form input[type=text] { width:130px; }
.bbs_secret_box form input[type=email] { width:130px; }
.bbs_secret_info { font-size:11px }

/* 게시판 */
.free_board_list .subject { width:200px; padding:1px 0 }


}


/* ======================================================================================================================================================= */


@media all and (max-width:400px) {


/* 제품정보 상세이미지 */
.product_view_box { float:none; width:100%; margin:0 auto }
.product_view_box .product_view { width:100%; }
.product_view_box .product_img_border img { width:100%; max-width:100%; height:auto; border:1px solid #e2e2e2; }

/* 제품정보 상세정보 */
.product_view_info { float:none; width:100%; margin:20px auto 0 }
.product_view_info dd.info { height:auto; padding-bottom:20px; }
.product_view_info dd.btn { text-align:center }
.product_content { clear:both; padding:24px 0 0; }
.product_content dd.product_content_info { padding:10px 0 0;font-size:13px; }

/* 제품정보 신청버튼 */
a.btn_fa_vod { margin-top:3px;}

}

/* ======================================================================================================================================================= */


@media all and (max-width:340px) {

/* 제품정보 */
.product_list_b { width:100%; }
.product_list_b li { width:98%; height:auto; }
.product_list_b li.mar { margin-right:0 }
.product_list_b li .img { width:100%; height:auto; }
.product_list_b li .img img { max-width:100%; }
.product_list_b li .info { width:90%; height:auto; padding:15px }
.product_list_b li .info .subject { width:90% }

/* 문의하기 버튼 */
.bbs_rig {float:none;margin-top:5px}

}