/* °Ô½ÃÆÇ °ü·Ã CSS */
.board {font-size:17px !important; line-height:24px;}
input#border {font-size:14px;color:#666666; border:1px solid #D4D4D4; padding:4px;}
textarea#border {font-size:14px;color:#666666; border:1px solid #D4D4D4; padding:4px;}
.table_02 input[name='file_attachment[]'] {border:0 !important; background:none; padding:0;}
.table_02 td { font-size:14px; padding: 10px;}
.att_title { padding: 10px;}
.board_desc {line-height:0 !important;}
.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;}
.bbsnewf5 table {border:1px solid #E0E0E0;}

/* °¶·¯¸® ÃßÃâ */
.product_board_out_in table {width:100%; margin-bottom:15px;}
.product_board_out_in td {}
.board_output_gallery_img img {border:1px solid #DDD;}
.board_output_gallery_subject {padding:10px; display:inline-block;}
.board_output_gallery_subject a {color:#000; font-size:15px; line-height:22px;}
.board_output_gallery_description {font-size:13px; line-height:20px; padding:0 20px; display:inline-block; margin-bottom:40px;}


@media all and (max-width: 1200px) {
.board_output_gallery_img img {width:240px; height:170px;}
}

@media all and (max-width: 768px) {
.board_output_gallery_img img {width:180px; height:130px;}
}

@media all and (max-width: 480px) {
.product_board_out_in td {display:block; width:100%;}
.board_output_gallery_img img {width:100%; height:auto;}
}


/* Á¦Ç°¼Ò°³ °øÅë */
#post_area .pimg-top {border:1px solid #DDD; text-align:center; line-height:0; margin-bottom:50px;}
#post_area .plan-img {text-align:center; margin-bottom:50px;}

#post_area h3 {color:#000; font-size:24px; line-height:32px; padding-bottom:20px; text-align:left;}
#post_area h4 {color:#000; font-size:18px; line-height:24px; padding-bottom:20px; text-align:left;}
#post_area h4:before {content:''; display:inline-block; width:15px; height:15px; vertical-align:top; margin-top:5px; margin-right:7px; border-radius:100px; border:4px solid #507eb2;}

#post_area table td {padding:10px; text-align:center;}
#post_area .tr-bg td {padding:8px; background:#507eb2; color:#FFF; font-weight:500; text-align:center;}
#post_area .td-bg {color:#222; background:#F5F5F5;}
#post_area .table_overflow {width:100%; overflow-x:auto;}

.tb-left {display:inline-block; vertical-align:middle; padding-right:10px; text-align:right !important;}
.tb-right {display:inline-block; vertical-align:middle; padding-right:10px; text-align:left !important;}

.product_categotywrap { padding:5px 0;}
.product_categotywrap select {}
/* Ä«Å×°í¸® */
.category_wrap {padding-bottom:10px;}
.category_wrap b {font-size:100% !important;}
.category_wrap select {padding:4px; margin-left:8px; width:180px;}
/* ÆäÀÌ¡ */
.paging {text-align:center; padding:10px 0;}
.paging a:link {display:inline-block; font-size:15px; line-height:26px; color:#888; }
.paging a:visited {color:#999;}
.paging a:hover {color:#999;}
.paging > b {background:#333; color:#FFF; width:28px; height:28px; font-size:13px; line-height:26px; display:inline-block; border-radius:3px;}
/* °Ë»öâ */
.est_cate_cell select {border:1px solid #CCC; height:30px; vertical-align:top;}
.est_keyword_cell select {height:30px !important;}
.est_keyword_cell input {border:1px solid #CCC; width:150px; height:30px; margin:0 3px; vertical-align:top;}
.est_btn_cell input {vertical-align:top;}
.gallery_list td {width:auto !important; padding:5px;}
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;}
#post_area {padding:0 !important;}
#post_area img {max-width:800px !important; height:auto !important;}
#post_area p img {max-width:800px !important; height:auto !important;}
#post_area div img {max-width:800px !important; height:auto !important;}
 


@media all and (max-width: 1280px) {
#post_area img {width:100% !important;}
#post_area p img {width:100% !important;}
#post_area div img {width:100% !important;}
  .youtube { position:relative; width:100%; padding-bottom: 56.25%; text-align:left;}
  .youtube object { position: absolute; width:100%; height:100%; }
}

@media all and (max-width: 1024px) {
.board_gallery img {width:220px; height:160px;}
#post_area .tb-left img {width:50px !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;} 
.board_gallery img {width:160px; height:115px;}
.table_02 td {font-size:13px !important; line-height:16px; padding:5px;}
.table_02 input { width:100%; }
/* Á¦Ç°¼Ò°³ °øÅë */
#post_area .table_overflow table {width:200%;}
#post_area table td {padding:4px;}
#post_area h3 {font-size:18px; line-height:24px; padding-bottom:15px;}
#post_area h4 {font-size:15px; line-height:22px; padding-bottom:15px;}
#post_area h4:before {width:12px; height:12px; margin-top:6px; border-width:3px;}
#post_area .pimg-top img {width:300px !important;}
#post_area .plan-img img {width:20% !important;}
}


@media all and (max-width: 480px) {  
 .btn_bbsnewf5 {width:100%;}
 .formmail_title_bgcolor img { width:100%; }
 .formmail_title_bgcolor { width: 100%; font-size:11px; }
 .formmail_cell_bgcolor { width: 100%; }
 .gallery_list td {  width: 100%; display:block;}
 .product_board td {width:100%;}
 .product_board td img {width:100%;}
 .product_tb_in td { width:100%;  height:auto; }
input[type='text'][name='com_board_search_value'] { width:130px;}
.board_gallery img {width:100%; height:auto;}
#post_area .pimg-top img {width:90% !important;} 
#post_area .plan-img img {width:65% !important;}
.tb-left {width:20%; text-align:left !important;}
.tb-right {width:75%;}

}