/* °Ô½ÃÆÇ °ü·Ã CSS */
.board {font-size:17px !important; line-height:24px;}
.table_02 input[name=phone_no1], .table_02 input[name=phone_no2], .table_02 input[name=phone_no3], .table_02 input[name=mobile_no1], .table_02 input[name=mobile_no2], .table_02 input[name=mobile_no3] { max-width: 70px; width: 100%;}
.table_02 td { font-size:14px; padding: 10px;}
.att_title { padding: 10px;}
.board_desc { border-bottom: 1px solid #E5E5E5; font-size: 14px;}
.bbswriter { font-size:15px; font-weight:400;}
.bbsetc_dateof_write { font-size:15px; font-weight:400;}
.bbsno { font-size:15px; font-weight:400;}
.bd_out1 { text-align: left; padding-left: 10px;}
.product_tb { width:100%;}
.product_tb_in { width: 100%;}
.product_tb_in img { width:100%; height:auto;}
.product_board_out { width:100%;}
.product_board_out img { width:100%; height:auto;}
.product_board_out_in table { width:100%;}

/* °¶·¯¸® */
.gallery_title {font-size:14px !important; line-height:20px;}
.board_output_gallery_subject {display:block; padding:15px 10px 10px 5px; text-align:left !important;}
.board_output_gallery_subject a {opacity:0.8; position:absolute; font-size:17px; font-weight:500; color:#000;}
.board_output_gallery_subject a:hover { opacity:1;}
.board_gallery img { width: 100%; height: auto !important;}
.gallery_subject { padding-bottom: 20px; }
.gallery_subject a { color:#333;}

/* °¶·¯¸® output */
.board_output_gallery_description {display:block; padding:0 10px 10px 5px; text-align:left !important; color:#888 !important; font-size:13px; line-height:18px;} 
.board_output_gallery_img {padding:0 5px; margin:0; font-size:0;}
.board_output_gallery_img a:hover { opacity:0.5; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.board_output_gallery_img img { width:100%; height:auto;}
#post_area > img {width:800px !important;}
.product_categotywrap { padding:5px 0;}
.product_categotywrap select {}
.est_cate_cell {padding:3px 3px 0 0;}
.est_keyword_cell {vertical-align:top;}
.est_btn_cell {padding:0 0 0 3px;}
.board_desc {padding:0; line-height:14px !important;}
.gallery_list table > td {width:33%;}
input[type='checkbox'][name='com_formmail_check_safe'] {width:15px;}
.dbp { height: 180px; margin-top: 30px; line-height: 1.4em; color: #666;}
.dbp a { padding: 0 10px; color: #000; font-weight: bold;} 
.dbp_table th { text-align:left; vertical-align:top; padding:15px;  border-bottom: 1px solid #DDD; background:#F5F5F5; }
.dbp_table th p {font-size:14px; font-weight:400; color:#000;}
.dbp_table td { padding:15px; border-bottom: 1px solid #DDD;}
 
@media all and (max-width: 1280px) {
#post_area > img {width:100% !important; height:100% !important;}
#post_area p > img {width:100% !important; height:100% !important;}
}

@media all and (max-width: 768px) { 
.board {font-size:14px !important; line-height:20px;}
.gallery_title {font-size:14px !important; line-height:20px;}
.board_output_gallery_img {padding:0 1px; margin:0; font-size:0;}
.board_output_gallery_subject {padding:5px;}
.board_output_gallery_subject a {font-size:14px;}
.board_output_gallery_description {display:none;} 
.est_cate_cell {padding:0;}
.est_keyword_cell {vertical-align:top;}
.est_btn_cell {padding:0;}
.table_02 td {font-size:13px !important; line-height:16px; padding:5px;}
.table_02 input { width:100%; }
}
@media all and (max-width: 480px) {  
 .formmail_title_bgcolor img { width:100%; }
 .formmail_title_bgcolor { width: 100%; font-size:11px; }
 .formmail_cell_bgcolor { width: 100%; }
 .gallery_list td {  width: 100%;  float: left; }
 .product_board td {width:100%;}
 .product_board td img {width:100%;}
 .product_tb_in td { width:100%;  height:auto; }
 .gallery_list td {width: 100%; float: left;}
}