@charset "utf-8";

.bbs_info{font-size:13px;color:#5c5c5c}


/* SEARCH */
.b_search{background-color:#f8f8f8;border:1px solid #dadada;padding:20px 20px;margin:50px 0 0 0}
.b_search input{padding:.500rem .75rem}
.b_search button{padding:.430rem .75rem}


/*BOARD_LIST*/
.bbs_ltype {border-collapse:collapse;width:100%;border:1px solid #000;border-width:2px 0 0 0;text-align:center;font-size:14px;line-height:22px;word-break:break-all}
.bbs_ltype thead th{padding:10px 10px;background-color:#fafafa;border-bottom:1px solid #dadada;vertical-align:top}
.bbs_ltype tbody td{padding:10px 10px;color:#575757;border:1px solid #dadada;border-width:0 0 1px 0}
.bbs_ltype tbody td a{color:#575757}
.bbs_ltype tbody td.subject{text-align:left;white-space:normal}
.bbs_ltype tbody td.subject a{color:#575757}


/*PAGING*/
.paging{text-align:center;margin-top:30px}
.paging ol li{display:inline-block;width:38px;height:38px;color:#999999; border:1px #e3e3e3 solid;}
.paging ol li a{width:38px;height:30px;text-decoration:none;color:#999999;display:block;padding-top:8px;}
.paging ol li.on{background:#000;color:#fff;font-weight:400}
.paging ol li.on a{color:#fff}


/*BOARD_VIEW*/
/*
.bbs_vtype{border-collapse:collapse;width:100%;border:1px solid #000;border-width:2px 0 0 0;font-size:14px;line-height:22px;word-break:break-all}
.bbs_vtype > tbody > th{padding:10px 10px;background-color:#f7f7f7;color:#000;border:1px solid #dadada;border-width:0 0 1px 0;text-align:center}
.bbs_vtype > tbody > th:first-child{border-left:0}
.bbs_vtype > tbody > tr > td{padding:10px 10px;color:#575757;text-align:left;border-bottom:1px solid #dadada;border-width:0 0 1px 0;}
.bbs_vtype > tbody > tr > td a{color:#575757}
.bbs_vtype > tbody > tr > td.subject{color:#000;font-weight:500}
.bbs_vtype > tbody > tr > td.file_download span{margin:0 10px 0 0}
.bbs_vtype > tbody > tr > td.file_download span:last-child{margin:0 0 0 0}
.bbs_vtype > tbody > tr > td.bbs_contents{padding:30px 20px;width:100%;color:#373737;font-size:14px;line-height:22px;background:#fff;border-bottom:1px solid #fff}
.bbs_vtype > tbody > tr > td.bbs_contents img{max-width:1000px}
*/
.bbs_vtype{border-collapse:collapse;width:100%;border:1px solid #000;border-width:1px 0 0 0;font-size:16px;word-break:break-all}
.bbs_vtype > tbody > tr.top_notice{background-color:#f7f7f7}
.bbs_vtype > tbody > th{padding:20px;color:#000;border:1px solid #dadada;border-width:0 0 1px 0;font-size:14px;line-height:22px}
.bbs_vtype > tbody > th:first-child{border-left:0}
.bbs_vtype > tbody > tr > td{padding:20px;color:#575757;text-align:left;border-bottom:1px solid #dadada;border-width:0 0 1px 0;}
.bbs_vtype > tbody > tr > td a{color:#575757}
.bbs_vtype > tbody > tr > td.subject{color:#000;font-size:24px;line-height:30px;}
.bbs_vtype > tbody > tr > td.date{text-align:left;word-break:normal !important; font-size: 15px; color: #dbdbdb; font-weight: 300; padding:10px;}
.bbs_vtype > tbody > tr > td.date span {color: #6f6f6f;margin:0 5px 0 5px;  font-size: 15px;}
.bbs_vtype > tbody > tr > td.date span.date_span {color: #dbdbdb;}
.bbs_vtype > tbody > tr > td.file_download {font-size: 15px; color: #dbdbdb; font-weight: 300;word-break:normal !important; padding:10px;}
.bbs_vtype > tbody > tr > td.file_download a {color: #4a4a4a;}
.bbs_vtype > tbody > tr > td.file_download span{margin:0 5px 0 5px;}
.bbs_vtype > tbody > tr > td.file_download span:last-child{margin:0 0 0 0}
.bbs_vtype > tbody > tr > td.bbs_contents{padding:30px 20px;width:100%;color:#373737;font-size:14px;line-height:30px;background:#fff;border-bottom:1px solid #dadada}
.bbs_vtype > tbody > tr > td.bbs_contents img{max-width:1000px;}
.bbs_vtype > tbody > tr > td.file_download p.top_notice_p {margin: 0 5px 0 0; font-size: 15px; color: #000; display: inline-block;}
.bbs_vtype > tbody > tr > td.date p.top_notice_p {margin: 0 5px 0 0; font-size: 15px; color: #000; display: inline-block;}


.view_bottom{margin-top:30px;border:1px solid #dadada;border-width:1px 0 0 0;width:100%;font-size:13px;line-height:20px}
.view_bottom dl{height:100%;overflow:hidden;border-bottom:1px solid #dadada;margin-bottom:0}
.view_bottom dl dt{float:left;background-color:#f7f7f7;padding:15px 0;width:100px;color:#000;text-align:center}
.view_bottom dl dt a{color:#7a7979}
.view_bottom dl dd{float:left;padding:15px 15px;margin-bottom:0}
.view_bottom dl dd a{color:#7a7979}


/*COMMENT OLD*/
/*.comment_wrap{background-color:#f7f7f7;padding:20px 20px;margin:30px 0 0 0}
.comment_list{border-collapse:collapse;width:100%;font-size:14px;line-height:22px;word-break:break-all;margin:0 0 20px 0}
.comment_list tbody th{padding:10px 10px;border-bottom:1px dashed #dadada;text-align:center}
.comment_list tbody td{padding:10px 10px;color:#575757;border-bottom:1px dashed #dadada;text-align:left}
.comment_list tbody td a{color:#575757}
.comment_list tbody td.subject{text-align:left;white-space:normal}
.comment_list tbody td.subject a{color:#575757}*/

/*COMMENT*/
.comment_wrap{background-color:#f7f7f7;padding:20px 20px;margin:30px 0 0 0}
.comment_list{border-collapse:collapse;width:100%;font-size:14px;line-height:22px;word-break:break-all;margin:0 0 20px 0}
.comment_list tbody th{padding:15px 10px;border-bottom:1px dashed #dadada;text-align:center;vertical-align:top}
.comment_list tbody td{padding:15px 10px;color:#575757;border-bottom:1px dashed #dadada;text-align:left;vertical-align:top}
.comment_list tbody td a{color:#575757}
.comment_list tbody td.subject{text-align:left;white-space:normal}
.comment_list tbody td.subject a{color:#575757}

.comment_list_date{font-size:13px;color:#9f9f9f !important;text-align:right !important}

.comment_list_btn_wrap{margin:10px 0 0 0}
.comment_list_btn_wrap:after{clear:both;content:'';display:block}

.comment_vote{float:right}
.comment_vote:after{clear:both;content:'';display:block}
.comment_vote div.like{float:left;background-color:#fff;border:1px solid #c4c4c4;border-radius:3px;padding:6px 0;margin:0 3px 0 0}
.comment_vote div.like a{display:block}
.comment_vote div.like a:hover{color:#373737}
.comment_vote div.like span{display:inline-block}
.comment_vote div.like span.like_title{font-size:12px;color:#373737;background: url("/images/site/common/icon_like.png;jsessionid=894B8A1C700C00E71B0EE993F345C18E") 8px 3px no-repeat;padding:0 0 0 28px}
.comment_vote div.like span.like_num{font-size:13px;color:#005aff;font-weight:500;padding:0 8px 0 2px}

.comment_vote div.hate{float:left;background-color:#fff;border:1px solid #c4c4c4;border-radius:3px;padding:6px 0}
.comment_vote div.hate a{display:block}
.comment_vote div.hate a:hover{color:#373737}
.comment_vote div.hate span{display:inline-block}
.comment_vote div.hate span.hate_title{font-size:12px;color:#373737;background: url("/images/site/common/icon_hate.png;jsessionid=894B8A1C700C00E71B0EE993F345C18E") 8px 5px no-repeat;padding:0 0 0 28px}
.comment_vote div.hate span.hate_num{font-size:13px;color:#ff4443;font-weight:500;padding:0 8px 0 2px}


.comment_list_btn{float:left}
.comment_list_btn ul li{display:inline-block;font-size:13px;color:#c3c3c3}
.comment_list_btn ul li a{color:#585858}



/*PAGE_RATE*/
.page_rate{border:1px solid #353a40;background: url("/images/site/common/icon_page_rate.png;jsessionid=894B8A1C700C00E71B0EE993F345C18E") 20px 20px no-repeat;padding:20px;margin:30px 0 0 0}
.page_rate_con{padding:0 0 0 100px}
.page_rate_text{font-size:16px;font-weight:22px}
.page_rate_form{float:left}
.page_rate_btn{float:right}
.page_rate_line{border-top:1px solid #e7e7e7;margin:10px 0 10px 0}


/*BOARD_WRITE*/
.bbs_wtype{border-collapse:collapse;width:100%;border:1px solid #000;border-width:2px 0 0 0;font-size:14px;line-height:22px}
.bbs_wtype tbody th{padding:15px;color:#000;background:#fafafa;text-align:center;border:1px solid #dadada;border-width:0 1px 1px 1px}
.bbs_wtype tbody th:first-child{border-left:0}
.bbs_wtype tbody td{padding:15px;color:#575757;text-align:left;border:1px solid #dadada;border-width:0 0 1px 1px}
.bbs_wtype tbody td:first-child{border-left:0}
.bbs_wtype tbody td.bbs_contents{padding:30px 20px;width:100%;color:#575757;font-size:14px;line-height:22px;background:#fff;border-bottom:1px solid #dadada}


/*BOARD_GALLERY*/
.bbs_gallery{text-align:center;border-bottom:1px solid #dadada}
.bbs_gallery div.col-*{width:33%}
.bbs_gallery p{margin-top:10px;word-break:break-all;}
.bbs_gallery p a{max-height:20px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.bbs_gallery img.thumbnail{width:100%}


/*BOARD_LIST_responsive*/
.board_responsive_list{position:relative;display:table;width:100%;border:1px solid #000;border-width:2px 0 0 0}
.board_responsive_list ul{position:relative;display:table-row;margin-bottom:0}
.board_responsive_list ul li{display:table-cell;border:1px solid #dadada;border-width:0 0 1px 0;text-align:center;padding:10px 10px 10px 10px;}
.board_responsive_list ul li.board_responsive_list_thead_th{background-color:#fafafa;vertical-align:top;font-size:14px;line-height:22px;color:#000;font-weight:500}
.board_responsive_list ul li.board_responsive_list_tbody_td{font-size:14px;line-height:22px;color:#575757;max-width:150px;}
.board_responsive_list ul li.board_responsive_list_tbody_td_subject{text-align:left;color:#575757;max-width:300px;}
.board_responsive_list ul li.board_responsive_list_tbody_td_subject a{color:#575757}
.board_responsive_list ul li.category {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_responsive_list ul.board_responsive_list_tbody_tr_colspan{height:42px}
.board_responsive_list ul li.board_responsive_list_tbody_td_colspan{position:absolute;width:100%;padding:10px 10px 10px 10px}

 

.btn_list_more{display:none}


/*BOARD_WRITE_responsive*/
.board_responsive_write{display:table;width:100%;border:1px solid #000;border-width:2px 0 0 0}
.board_responsive_write ul{display:table-row;margin-bottom:0}
.board_responsive_write ul li{display:table-cell;vertical-align:middle;border:1px solid #dadada;border-width:0 0 1px 0}
.board_responsive_write ul li.board_responsive_write_th{color:#000;background:#fafafa;text-align:center;border:1px solid #dadada;border-width:0 1px 1px 0;font-size:14px;line-height:22px;font-weight:500;padding:15px 15px 15px 15px;white-space:nowrap;}
.board_responsive_write ul li.board_responsive_write_td{padding:15px 15px 15px 15px;font-size:14px;line-height:22px}


/* REPLY */
.reply li {float:left; display:inline-block;}
.reply .agree {float:right; background:url("/images/admin/common/bg_agree.gif;jsessionid=894B8A1C700C00E71B0EE993F345C18E") no-repeat; width:68px; height:22px;  text-align:right; padding-right:6px; cursor:pointer;}
.reply .agree span { color:#fe6161; font-weight:700; font-size:11px; text-decoration:none; line-height:22px}
.reply .disagree { float:right; background:url("/images/admin/common/bg_disagree.gif;jsessionid=894B8A1C700C00E71B0EE993F345C18E") no-repeat; width:69px; height:22px; text-align:right;padding-right:6px; cursor:pointer;}
.reply .disagree span { color:#4d73bd; font-weight:700; font-size:11px; text-decoration:none; line-height:22px}


/*FAQ*/
.faq_wrap{border-top:2px solid #000}
.faq_wrap ul li{border-bottom:1px solid #dadada;}
.faq_wrap ul li:after{clear:both;content:'';display:block}
.faq_wrap ul li div.question:after{clear:both;content:'';display:block}
.faq_wrap ul li div.question{padding:20px 20px 20px 20px;font-size:16px;line-height:22px;color:#000;cursor:pointer}
.faq_wrap ul li div.question div.question_text{float:left;width:90%}
.faq_wrap ul li div.active{font-weight:500}
.faq_wrap ul li div.question:hover{font-weight:500}
.faq_wrap ul li div.answer{display:none;background-color:#f7f7f7;padding:20px 20px 20px 20px;font-size:15px;line-height:20px;color:#333333}
.icon_plus{float:right;width:18px;height:18px;background: url('/images/site/board/icon_plus.png;jsessionid=894B8A1C700C00E71B0EE993F345C18E') right no-repeat}
.icon_minus{float:right;width:18px;height:18px;background: url('/images/site/board/icon_minus.png;jsessionid=894B8A1C700C00E71B0EE993F345C18E') right no-repeat}

/*BOARD_LIST 목록 요약형*/
.list_summary{border:1px solid #000;border-width:2px 0 0 0}
.list_summary ul li{border:1px solid #dadada;border-width:0 0 1px 0;padding:20px 15px}
.list_summary ul li div.subject{font-size:18px;line-height:24px;color:#000;font-weight:500}
.list_summary ul li div.text{font-size:14px;line-height:20px;color:#575757;margin:5px 0 0 0}
.list_summary ul li div.list_summary_info{font-size:13px;line-height:20px;color:#898989;margin:10px 0 0 0}
.list_summary ul li div.list_summary_info span{margin:0 7px 0 0}
.list_summary ul li div.list_summary_info span:last-child{margin:0 0 0 0}



/*BOARD_LIST 조합 기본형*/
.list_combination_basic{border:1px solid #000;border-width:2px 0 0 0}
.list_combination_basic ul{margin-bottom:0}
.list_combination_basic ul li{display:table;border:1px solid #dadada;border-width:0 0 1px 0;padding:20px 15px;}
.list_combination_basic ul li div.list_combination_basic_img{display:table-cell;width:200px;height:120px;overflow:hidden;padding:0 20px 0 0}
.list_combination_basic ul li div.list_combination_basic_img img{width:100%}
.list_combination_basic ul li div.list_combination_basic_text{display:table-cell;vertical-align:top}
.list_combination_basic_text{word-break:break-all;}
.list_combination_basic_text div.subject{font-size:18px;line-height:24px;color:#000;font-weight:500;max-height:20px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.list_combination_basic_text div.text{font-size:14px;line-height:20px;color:#575757;margin:5px 0 0 0;max-height:60px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
.list_combination_basic_text div.list_combination_basic_text_info{font-size:13px;line-height:20px;color:#898989;margin:10px 0 0 0}
.list_combination_basic_text div.list_combination_basic_text_info span{margin:0 7px 0 0}
.list_combination_basic_text div.list_combination_basic_text_info span:last-child{margin:0 0 0 0}


/*BOARD_LIST 조합 교차형*/
.list_combination_cross{border:1px solid #000;border-width:2px 0 0 0}
.list_combination_cross ul{margin-bottom:0}
.list_combination_cross ul li{display:table;border:1px solid #dadada;border-width:0 0 1px 0;padding:20px 15px}
.list_combination_cross ul li div.list_combination_cross_img{display:table-cell;width:200px;height:120px;overflow:hidden;padding:0 20px 0 0}
.list_combination_cross ul li:nth-child(even) div.list_combination_cross_img{padding:0 0 0 20px}
.list_combination_cross ul li div.list_combination_cross_img img{width:100%}
.list_combination_cross ul li div.list_combination_cross_text{display:table-cell;vertical-align:top}
.list_combination_cross_text{word-break:break-all;}
.list_combination_cross_text div.subject{font-size:18px;line-height:24px;color:#000;font-weight:500;max-height:20px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.list_combination_cross_text div.text{font-size:14px;line-height:20px;color:#575757;margin:5px 0 0 0;max-height:60px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
.list_combination_cross_text div.list_combination_cross_text_info{font-size:13px;line-height:20px;color:#898989;margin:10px 0 0 0}
.list_combination_cross_text div.list_combination_cross_text_info span{margin:0 7px 0 0}
.list_combination_cross_text div.list_combination_cross_text_info span:last-child{margin:0 0 0 0}


/*BOARD_LIST 조합 2단형*/
.list_combination_2stage{border:1px solid #000;border-width:2px 0 0 0}
.list_combination_2stage ul{display:table;margin-bottom:0;border:1px solid #dadada;border-width:0 0 1px 0}
.list_combination_2stage ul li{display:table-cell;width:50%;padding:20px 15px;min-width:544px;}
.list_combination_2stage ul li div.list_combination_2stage_img{display:table-cell;width:150px;height:100px;overflow:hidden;padding:0 15px 0 0}
.list_combination_2stage ul li div.list_combination_2stage_img img{width:100%}
.list_combination_2stage ul li div.list_combination_2stage_text{display:table-cell;vertical-align:top}
.list_combination_2stage_text{word-break:break-all;}
.list_combination_2stage_text div.subject{font-size:16px;line-height:20px;color:#000;font-weight:500;max-height:20px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.list_combination_2stage_text div.text{font-size:13px;line-height:18px;color:#575757;margin:5px 0 0 0;max-height:60px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
.list_combination_2stage_text div.list_combination_2stage_text_info{font-size:12px;line-height:18px;color:#898989;margin:10px 0 0 0}
.list_combination_2stage_text div.list_combination_2stage_text_info span{margin:0 7px 0 0}
.list_combination_2stage_text div.list_combination_2stage_text_info span:last-child{margin:0 0 0 0}
	
.btn_list_more{display:none}



/*BOARD_VIEW 제품 기본형*/
.view_product_basic_top{display:table;width:100%;border:1px solid #000;border-width:2px 0 0 0;padding:20px 15px}
.view_product_basic_top:after{clear:both;content:'';display:block}

.view_product_basic_top_img_wrap{display:table-cell}
.view_product_basic_top_img_thumbnail{margin:10px 0 0 0}
.view_product_basic_top_img{width:300px;height:200px;overflow:hidden}
.view_product_basic_top_img img{width:100%}
.view_product_basic_top_img_thumbnail ul li{display:inline-block}
.view_product_basic_top_img_thumbnail ul li img{width:50px;height:50px}

.view_product_basic_top_text{display:table-cell;width:100%;vertical-align:top;padding:0 0 0 30px}
.view_product_basic_top_text_title{font-size:18px;line-height:24px;color:#000;font-weight:500;margin:0 0 15px 0}
.view_product_basic_top_text_info{border-top:1px solid #e1e1e1;padding:15px 0 0 0}
.view_product_basic_top_text_info ul{margin-bottom:0}
.view_product_basic_top_text_info ul li{background: url("/images/site/common/dot_black_circle.png;jsessionid=894B8A1C700C00E71B0EE993F345C18E") 0 9px no-repeat;padding:0 0 0 9px;margin:0 0 10px 0}
.view_product_basic_top_text_info ul li span{display:inline-block}
.view_product_basic_top_text_info ul li span.subject{width:120px;font-weight:500}

.view_product_basic_top_text_summary{font-size:14px;line-height:20px;color:#575757;background-color:#fbfbfb;border:1px solid #e1e1e1;padding:15px;margin:15px 0 0 0}

.view_product_basic_con{padding:30px 20px;width:100%;color:#373737;font-size:14px;line-height:22px;background:#fff;border-top:1px solid #e1e1e1}



/*BOARD_VIEW 동영상 기본형*/
.view_video_basic{width:100%}
.view_video_basic:after{clear:both;content:'';display:block}
.view_video_basic_video{float:left;width:65%;padding:0 20px 0 0}
.view_video_basic_video iframe{width:100%;height:350px}
.view_video_basic_text{float:right;width:35%;height:350px;vertical-align:top;background-color:#fbfbfb;border:1px solid #e1e1e1;padding:15px;overflow-y:scroll}
.view_video_basic_con{margin:30px 0 0 0;padding:30px 0 0 0;width:100%;color:#373737;font-size:14px;line-height:22px;background:#fff;border-top:1px solid #e1e1e1}

/*BOARD_PRODUCT*/
.bbs_product{text-align:center;border-top:2px solid #000;border-bottom:1px solid #dadada;padding:30px 0 0 0}
.bbs_product div.col-*{width:33%}
.bbs_product div.bbs_product_text{margin-top:10px}
.bbs_product div.bbs_product_text div{word-break: break-all}
.bbs_product div.bbs_product_text div a{max-height: 20px; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word;}
.bbs_product div.bbs_product_text div.bbs_product_price{color:#ff6600}
.bbs_product img.thumbnail{width:100%}



/*BOARD_VIEW*/
.view_product_top{display:table;width:100%;border-width:2px 0 0 0;padding:20px 15px}
.view_product_top:after{clear:both;content:'';display:block}

.view_product_top_img_wrap{display:table-cell;position:relative}
.view_product_top_img_thumbnail{margin:10px 0 0 0}
.view_product_top_img{width:500px;height:320px;overflow:hidden}
.view_product_top_img img{width:100%;height:100%}
.view_product_top_img_thumbnail{width:500px;height:50px;overflow:hidden;text-align:center;position:relative}
.view_product_top_img_thumbnail .{padding:0 23px}
.view_product_top_img_thumbnail ul li{display:inline-block}
.view_product_top_img_thumbnail img{width:60px;height:50px;margin:0 1px;}
.view_product_top_img_thumbnail ul li.btn_product_thumbnail_prev{position:absolute;left:0}
.view_product_top_img_thumbnail ul li.btn_product_thumbnail_next{position:absolute;right:0}
.view_product_top_img_thumbnail ul li.btn_product_thumbnail_prev img{width:20px;height:50px}
.view_product_top_img_thumbnail ul li.btn_product_thumbnail_next img{width:20px;height:50px}


.view_product_top_text{display:table-cell;width:100%;vertical-align:top;padding:0 0 0 30px}
.view_product_top_text_title{font-size:18px;line-height:24px;color:#000;font-weight:500;margin:0 0 15px 0}
.view_product_top_text_info{border-top:1px solid #e1e1e1;padding:15px 0 0 0}
.view_product_top_text_info ul{margin-bottom:0}
.view_product_top_text_info ul li{background: url("/images/site/common/dot_black_circle.png;jsessionid=894B8A1C700C00E71B0EE993F345C18E") 0 9px no-repeat;padding:0 0 0 9px;margin:0 0 10px 0}
.view_product_top_text_info ul li span{display:inline-block}
.view_product_top_text_info ul li span.subject{width:120px;font-weight:500}
.view_product_top_text_info ul li span.view_product_top_text_info_price{text-decoration:line-through}
.view_product_top_text_info ul li span.view_product_top_text_info_discount{color:#ff6600}
.view_product_top_btn{text-align:right;margin:20px 0 0 0}
.view_product_top_text_summary{font-size:14px;line-height:20px;color:#575757;background-color:#fbfbfb;border:1px solid #e1e1e1;padding:15px;margin:15px 0 0 0;min-height:150px;}
.view_product_con{padding:30px 20px;width:100%;color:#373737;font-size:14px;line-height:22px;background:#fff;border-top:1px solid #e1e1e1}

/*설문조사*/
.bbs_poll_wrap{background-color:#fbfbfb;padding:30px}
.bbs_poll_wrap div.bbs_poll_list{border-bottom:1px dashed #e0e0e0;padding:15px 0 15px 0}
.bbs_poll_wrap div.bbs_poll_list:first-child{padding:0 0 15px 0}
.bbs_poll_wrap div.bbs_poll_list:last-child{border:0;padding:15px 0 0 0}
.bbs_poll_list_title{font-size:14px;line-height:20px;color:#000;font-weight:500}
.bbs_poll_list_form{margin-bottom:0 !important;margin-top:10px !important;margin-left:20px}
.poll_input{padding:5px;border:1px solid #dbdbdb;border-radius:3px;width:50%}


/* 1:1상담 LIST화면에 들어가는 아이콘 */
.icon_consultation_waiting{background-color:#ff8400;border-radius:3px;padding:3px 5px;font-size:13px;color:#fff;font-weight:500}
.icon_consultation_confirmation{background-color:#2a9dff;border-radius:3px;padding:3px 5px;font-size:13px;color:#fff;font-weight:500}
.icon_answer_completed{background-color:#666666;border-radius:3px;padding:3px 5px;font-size:13px;color:#fff;font-weight:500}

/* 1:1상담 VIEW화면에 들어가는 답변 */
.qna_answer_wrap{border-top:1px dashed #ddd;padding:20px;margin-top:20px}
.qna_answer{display:table; /*width:100% */}
.qna_answer_icon{display:table-cell}
.qna_answer_icon div.inner{width:50px;height:50px;background-color:#16b2e5;font-weight:500;color:#fff;text-align:center;padding-top:15px;border-radius:50px}
.qna_answer_con{display:table-cell;padding-left:20px;vertical-align:top}
.qna_answer_date{font-size:13px;color:#868686;margin-top:10px}



/*231102 공통*/
input:focus {outline:none;}
button:focus {outline:none!important;}
select:focus {outline:none;}
input[type=radio] { accent-color:#000;}
select{appearance:none;background:url('/images/site/sub/icon_select_arrow.png') no-repeat right 7px center;}
.customs_form_wrap input, .customs_form_wrap select, .customs_form_wrap button, .customs_form_wrap textarea, .bootstrap body .customs_form_wrap{font-size:15px!important;line-height:1.3!important;}
.customs_form_wrap p{margin: 0;}
.customs_form_wrap p > span{font-weight: 400;}
.customs_form_wrap .b_search{margin:0; padding:25px;width: 100%; display: block;}
.txt_right{text-align: right;}
.customs_btn{width: 55px; height: 40px; border-radius: 0; border: none; background-color: #6c3bb0; outline:none;padding: 0; color:#fff;}
.customs_form_wrap input{height: 40px;border-radius: 0;border: 1px solid #dadada;padding: 0 15px;}
.customs_form_wrap select{height: 40px;border-radius: 0;border: 1px solid #dadada;padding: 0 10px;background-color: #fff;}

/*231102 환율조회*/
.exchange_form_sel{width: 100%; display: flex; align-items: center;}
.exchange_form_sel select{width: 120px;}
.exchange_form_sel input{width: calc(100% - 480px);margin: 0 5px;}
.exchange_form_sel button{width: 40px; height: 40px; border-radius: 0; border: none; background-color: #6c3bb0; outline:none;}
.exchange_form_sel p{padding-left: 15px;}
.exchange_form_input_wrap{padding-top:10px;display: flex;justify-content: space-between;}
.exchange_form_rad{display: flex; align-items: center;}
.exchange_form_rad label{padding:0 6px 0 10px;}
.exchange_form_input{display: flex; align-items: center;width: calc(100% - 225px);}
.exchange_form_input input{width: calc(100% - 112px);;margin: 0 5px 0 10px;}
.b_exchange_table_wrap{display: flex;padding-top: 20px;}
.b_exchange_table {width:50%;}
.b_exchange_table table thead tr{background-color: #fafafa; border-top:2px solid #000; border-bottom:1px solid #dadada;}
.b_exchange_table table thead th{font-size:15px;height:45px;color:#000;font-weight:400;padding: 0 5px;text-align: center; line-height:1.3;}
.b_exchange_table table tbody tr{background-color: #fff; border-bottom:1px solid #dadada;}
.b_exchange_table table tbody td{font-size:15px;height:45px;color:#000;font-weight:300;padding: 0 5px;text-align: center; line-height:1.3;}

/*231102 수입화물진행정보*/
.infor_form{display: flex;justify-content: space-between;align-items: center;padding-top: 10px;}
.infor_form_tit{display:flex;align-items: center;}
.infor_form_tit p {padding-left: 6px;}
.infor_form_input{width: calc(100% - 125px);}
.infor_mh_input input{width: calc(50% - 85px);}
.infor_form_input select{width:160px;}
.infor_num_input{width: calc(100% - 60px);}
.freight_table_wrap{display: flex;padding: 20px 0;}
.freight_table {width:50%;border-top:2px solid #000;}
.freight_table table tr{ font-size:15px;height:45px;color:#000;font-weight:300;padding: 0 5px;text-align: center; line-height:1.3; border-bottom:1px solid #dadada;}
.freight_table table th{background-color: #fafafa; font-weight:400;}
.import_table_wrap {width: 100%;max-height: 540px;overflow: auto;border-bottom:1px solid #dadada;}
.import_table {width: 100%;border-collapse: collapse;}
.import_table tr{ font-size:15px;height:45px;color:#000;font-weight:300 ; text-align: center; line-height:1.3; border-bottom:1px solid #dadada;}
.import_table tbody tr:last-child{border-bottom:none;}
.import_table th {background-color: #4b4b4b ; color:#fff;font-weight: 300;padding:0 5px;position: relative; top: 0;left: 0;}
.import_table td{padding:0 5px;}
.import_table th:last-child{border-right:none;}
.import_table th:after{content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #767676;}
.import_table .import_table_th_2 th:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #767676;}
.import_table .import_table_th{border-bottom:none; position: sticky;  top: 0px; left: 0;}
.import_table .import_table_th_2{top:45px;}
.import_table td {border-right:1px solid #dadada;}
.import_table td:last-child{border-right:none;}
.import_table_wrap::-webkit-scrollbar { width: 8px; height:8px;}
.import_table_wrap::-webkit-scrollbar-thumb { background-color: #222;}
.import_table_wrap::-webkit-scrollbar-track { background-color: #e3e3e3;}

/*231228 수입화물진행정보*/
.freight_info_view_box_wrap{padding:20px 0;}
.freight_info_view_box{border-top:2px solid #000;}
.freight_info_view_con_wrap{display:flex;}
.freight_info_view_con{display:flex; width:50%;min-height:45px; border-bottom:1px solid #dadada; align-items: center;}
.freight_info_view_con_tit{width:160px; height:100%; background-color:#fafafa; font-weight:400;display: flex; align-items: center; justify-content: center;}
.freight_info_view_con_txt {width:calc(100% - 160px); font-weight:300; padding: 10px;  text-align: center;word-break: break-all;} 

/*231228 메인환율정보*/
.main_subject_01{width:85px;}



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

	/*조합 2단형*/
	.list_combination_2stage ul{display:block;border:1px solid #dadada;border-width:0 0 0 0}
	.list_combination_2stage ul li{display:table;width:100%;border:1px solid #dadada;border-width:0 0 1px 0;min-width:100%}
	
	/*BOARD_VIEW 동영상 기본형*/
	.view_video_basic_video iframe{height:300px}
	.view_video_basic_text{height:300px}
	/*
	.bbs_vtype tbody td.bbs_contents img{width:100%}
	*/
	.bbs_vtype tbody td.subject {font-size: 20px; line-height: 26px;}
	/* 반응형 문제로 주석처리 2022-05-26
	.bbs_vtype > tbody > tr {display: block;}
	.bbs_vtype > tbody > tr > th {display: block;}
	.bbs_vtype > tbody > tr > td {display: block;}
	*/
	.bbs_vtype tbody td.date {width: 100%;}
    
    /*231102 공통*/
	.bootstrap .container{max-width:100%;}
    .bootstrap .row{margin:0;}
    .bootstrap .col-lg-3{padding:0;}
    
   
}



@media screen and (max-width: 992px) {
	
	/*조합 2단형*/
	.list_combination_2stage ul{display:block;border:1px solid #dadada;border-width:0 0 0 0}
	.list_combination_2stage ul li{display:table;width:100%;border:1px solid #dadada;border-width:0 0 1px 0}


	/*BOARD_VIEW 동영상 기본형*/
	.view_video_basic_video iframe{height:250px}
	.view_video_basic_text{height:250px;font-size:13px;lin-height:18px}
    
    


}


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


	/*목록 요약형*/
	.list_summary ul li div.subject{font-size:16px;line-height:20px}
	.list_summary ul li div.contents{font-size:13px;line-height:18px}
	.list_summary ul li div.board_summary_list_info{font-size:12px;line-height:18px}



	/*BOARD_VIEW 제품 기본형*/
	.view_product_basic_top{display:bloack}

	.view_product_basic_top_img_wrap{display:block}
	.view_product_basic_top_img_thumbnail{margin:10px 0 0 0}
	.view_product_basic_top_img{width:100%;height:100%;overflow:hidden}
	.view_product_basic_top_img img{width:100%}
	.view_product_basic_top_img_thumbnail ul li{display:inline-block}
	.view_product_basic_top_img_thumbnail ul li img{width:50px;height:50px}

	.view_product_basic_top_text{display:block;padding:15px 0 0 0}
	.view_product_basic_top_text_title{font-size:14px;line-height:20px;margin:0 0 15px 0}
	.view_product_basic_top_text_info{padding:15px 0 0 0}
	.view_product_basic_top_text_info ul li{background: url("/images/site/common/dot_black_circle.png;jsessionid=894B8A1C700C00E71B0EE993F345C18E") 0 7px no-repeat;font-size:13px;line-height:18px}
	.view_product_basic_top_text_info ul li span.subject{width:100px}

	.view_product_basic_top_text_summary{font-size:13px;line-height:18px;padding:15px;margin:15px 0 0 0}

	.view_product_basic_con{padding:20px 15px;font-size:13px;line-height:18px}


	/*BOARD_VIEW 동영상 기본형*/
	.view_video_basic_video{float:none;width:100%;padding:0 0 0 0}
	.view_video_basic_video iframe{height:300px}
	.view_video_basic_text{float:none;width:100%;height:200px;margin:10px 0 0 0}
	.view_video_basic_con{margin:20px 0 0 0;padding:20px 0 0 0}


		/*BOARD_VIEW*/
	.view_product_top{display:bloack}

	.view_product_top_img_wrap{display:block}
	.view_product_top_img_thumbnail{margin:10px 0 0 0}
	.view_product_top_img{width:100%;height:100%;overflow:hidden}
	.view_product_top_img img{width:100%;height:100%}
	.view_product_top_img_thumbnail{width:100%}
	.view_product_top_img_thumbnail ul li{display:inline-block}
	.view_product_top_img_thumbnail ul li img{width:50px;height:50px}
	.view_product_top_img_thumbnail img{width:50px;height:50px;}

	.view_product_top_text{display:block;padding:15px 0 0 0}
	.view_product_top_text_title{font-size:14px;line-height:20px;margin:0 0 15px 0}
	.view_product_top_text_info{padding:15px 0 0 0}
	.view_product_top_text_info ul li{background: url("/images/site/common/dot_black_circle.png;jsessionid=894B8A1C700C00E71B0EE993F345C18E") 0 7px no-repeat;font-size:13px;line-height:18px}
	.view_product_top_text_info ul li span.subject{width:100px}

	.view_product_top_text_summary{font-size:13px;line-height:18px;padding:15px;margin:15px 0 0 0}

	.view_product_con{padding:20px 15px;font-size:13px;line-height:18px}


	.bbs_vtype{border-width:1px 0 0 0;font-size:12px;line-height:18px}
	.bbs_vtype tbody th{padding:15px;font-size:12px;line-height:18px}
	.bbs_vtype tbody td{padding:15px}
	.bbs_vtype tbody td.subject{font-size:16px;line-height:24px}
	.bbs_vtype tbody td.file_download {font-size: 13px;}
	.bbs_vtype tbody td.file_download p.top_notice_p, .bbs_vtype tbody td.date p.top_notice_p, .bbs_vtype tbody td.date span {font-size: 13px;}
	.bbs_vtype tbody td.date {width: 100%; font-size: 13px; text-align: left;}
	.bbs_vtype tbody td.file_download span{margin:0 0 10px 0;}
	.bbs_vtype tbody td.file_download img{width:15px}
	.bbs_vtype tbody td.bbs_contents{padding:15px 15px;font-size:12px;line-height:18px}
	.bbs_vtype .icon_notice{width:50px}
    
    /*231102 환율조회*/
    .exchange_form_sel{flex-wrap: wrap;}
    .exchange_form_sel p{width: 100%;padding-top: 10px; padding-left:0;}
    .exchange_form_sel input{width: calc(100% - 170px);}
    .exchange_form_input_wrap{display: block;padding-top: 5px;}
    .exchange_form_input{width: 100%;}
    .exchange_form_rad{justify-content: center;}
    
    /*231102 수입화물진행정보*/
    .freight_table_wrap{display: block;}
    .freight_table{width: 100%;}
    .freight_table_wrap .freight_table_2{border-top: none;}
    .import_table{width:800px;}
    
    /*231228 수입화물진행정보*/
    .freight_info_view_con_tit{width: 135px;}
	.freight_info_view_con_txt {width:calc(100% - 135px);} 
}


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

	/*목록 요약형*/
	.list_summary ul li div.subject{font-size:14px;line-height:20px}
	.list_summary ul li div.text{font-size:12px;line-height:18px}
	.list_summary ul li div.list_summary_info{font-size:12px;line-height:18px}



	/*조합 기본형*/
	.list_combination_basic ul li{display:block}
	.list_combination_basic ul li div.list_combination_basic_img{width:100%;height:100%;display:block;padding:0 0 20px 0}
	.list_combination_basic ul li div.list_combination_basic_img img{width:100%}
	.list_combination_basic ul li div.list_combination_basic_text{display:block}
	.list_combination_basic_text div.subject{font-size:14px;line-height:20px}
	.list_combination_basic_text div.text{font-size:12px;line-height:18px}
	.list_combination_basic_text div.list_combination_basic_text_info{font-size:12px;line-height:18px}


	/*조합 교차형*/
	.list_combination_cross ul li{display:block}
	.list_combination_cross ul li div.list_combination_cross_img{width:100%;height:100%;display:block;padding:0 0 20px 0}
	.list_combination_cross ul li:nth-child(even) div.list_combination_cross_img{padding:20px 0 0 0}
	.list_combination_cross ul li div.list_combination_cross_img img{width:100%}
	.list_combination_cross ul li div.list_combination_cross_text{display:block}
	.list_combination_cross_text div.subject{font-size:14px;line-height:20px}
	.list_combination_cross_text div.text{font-size:12px;line-height:18px}
	.list_combination_cross_text div.list_combination_cross_text_info{font-size:12px;line-height:18px}



	/*조합 2단형*/
	.list_combination_2stage_text div.subject{font-size:14px;line-height:20px}
	.list_combination_2stage_text div.text{font-size:12px;line-height:18px}



	/*BOARD_VIEW 동영상 기본형*/
	.view_video_basic_text{font-size:12px;lin-height:18px}
	.view_video_basic_con{font-size:12px;line-height:20px}
    
    
    /*231102 공통*/
    .bootstrap .col-lg-9.sub_contents_wrap{padding:0 0 0 0}
    .bootstrap .b_search .customs_btn{width: 55px;}
    .bootstrap .customs_form_wrap .b_search select{margin:0;}
    .bootstrap .customs_form_wrap .b_search input{margin:0 5px;}
    .bootstrap .exchange_form_rad label{margin-bottom:0;}
    
    /*231102 환율조회*/
    .b_exchange_table_wrap{display:block;}
    .b_exchange_table {width:100%;}
    .b_exchange_table_2 thead{display:none;}
    .bootstrap .b_search .exchange_form_sel button{width: 40px;}
    .b_exchange_tr_none{display:none;}
    
    /*231102 수입화물진행정보*/
    .infor_form{display: block;}
    .customs_form_wrap p{text-align: center;}
    .infor_form_tit{width: 100%; justify-content: center;}
    .infor_form_input{width: 100%;display: flex; }
    .bootstrap .customs_form_wrap .b_search .infor_mh_input input{margin: 0 5px 0 0;}
    .infor_form_input select{width: 100px;}
    .infor_mh_input input{width: calc(50% - 50px);}

	  /*231228 수입화물진행정보*/
    .freight_info_view_con_wrap{flex-wrap: wrap;}
    .freight_info_view_con{width: 100%;min-height: 40px;}
    .freight_info_view_con_tit{width: 140px;}
	.freight_info_view_con_txt {width:calc(100% - 140px);} 

    /*231228 메인환율정보*/
    .widget_list_type ul li span.subject{padding: 0 5px 0 0;}
    
    
}

@media screen and (max-width: 992px) {
	
	.board_responsive_list{display:block;width:100%;border:1px solid #000;border-width:2px 0 0 0}
	.board_responsive_list ul{display:block;border:1px solid #dadada;border-width:0 0 1px 0}
	.board_responsive_list ul li{display:display:inline-block;border:1px solid #dadada;border-width:0 0 0 0;text-align:center;padding:0}
	.board_responsive_list ul li.board_responsive_list_thead_th{display:none}
	.board_responsive_list ul li.board_responsive_list_tbody_td{font-size:13px;line-height:20px;padding:10px 10px 20px 10px}
	.board_responsive_list ul li.board_responsive_list_tbody_td_subject{display:block;text-align:left;font-size:18px;line-height:24px;color:#000;font-weight:500;padding:20px 10px 0 10px}
	.board_responsive_list ul li.board_responsive_list_tbody_td_subject a{color:#000}
	.board_responsive_list ul li.board_responsive_list_tbody_td_num{display:none}


	.btn_list_more{display:block;margin:20px 0 0 0}
	.btn_list_more button{width:100%;padding:10px 0;text-align:center;background-color:#3d3d3d;border:0;color:#fff;font-weight:500 !important;border-radius:3px}


	.board_responsive_write{display:block}
	.board_responsive_write ul{display:block}
	.board_responsive_write ul li{display:block;border:1px solid #dadada;border-width:0 0 1px 0}
	.board_responsive_write ul li.board_responsive_write_th{background:none;text-align:left;border-width:0 0 0 0;padding:15px 10px 10px 10px}
	.board_responsive_write ul li.board_responsive_write_td{padding:0 10px 15px 10px;font-size:13px;line-height:20px}
	.board_responsive_write ul li input{font-size:13px !important;line-height:20px !important;font-weight:300 !important}
	.board_responsive_write ul li select{font-size:13px !important;line-height:20px !important;font-weight:300 !important}


	.paging{display:none}

}

@media screen and (max-width: 768px) {
	.bootstrap .page_rate_form{float:none}
	.bootstrap .page_rate_btn{float:none;margin:15px 0 0 0}
	
		/*FAQ*/
	.faq_wrap ul li div.question{padding:15px 15px 15px 15px;font-size:14px;line-height:20px}
	.faq_wrap ul li div.question div.question_text{width:85%}
	.faq_wrap ul li div.answer{padding:15px 15px 15px 15px;font-size:13px;line-height:20px;color:#5d5d5d}
}
@media screen and (max-width: 576px) {
	.bootstrap .b_search{margin:30px 0 0 0}
	.bootstrap .b_search input{margin:0 0 5px 0}
	.bootstrap .b_search select{margin:0 0 5px 0}
	.bootstrap .b_search button{width:100%}
	.board_responsive_list ul li.board_responsive_list_tbody_td{font-size:12px;line-height:18px;padding:10px 5px 15px 5px}
	.board_responsive_list ul li.board_responsive_list_tbody_td_subject{font-size:16px;line-height:22px;padding:15px 5px 0 5px}
}