/* °Ô½ÃÆÇ °ü·Ã CSS */
.btn_wrap {padding-top:30px;}
.btn_wrap .left {display:inline-block; width:49%; text-align:left;}
.btn_wrap .right {display:inline-block; width:50%; text-align:right;}
.list_wrap .left {display:inline-block; width:49%; text-align:left;}
.list_wrap .right {display:inline-block; width:50%; text-align:right;}
.board_search {width:100%; text-align:center; padding:20px 0; border-top:1px solid #E5E5E5;}
input[type='text'][name='com_board_search_value'] { width:150px; border:1px solid #CCC; padding:5px; }
select[title='select'][name='com_board_search_code'] { width:96%; border:1px solid #CCC; padding:4px; background:#FFF;}
.table_02 input {border:1px solid #CCC; padding:5px; }
.est_keyword_cell {vertical-align:top;}
.est_btn_cell {padding:0 0 0 3px;}

@media all and (max-width: 480px) {
.list_wrap .left {width:100%;}
.list_wrap .right {width:100%;}
select[title='select'][name='com_board_search_code'] {border-radius:3px !important; height:30px;}
input[type='text'][name='com_board_search_value'] {border-radius:3px !important; height:30px; margin-right:2px;}
}

.board {font-size:17px !important; line-height:24px;}
.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;}
#ext_search {padding:10px 0;}
.est_cate_cell {vertical-align:top;}
/* °¶·¯¸® */
.gallery_subject { padding-bottom: 20px; }
.gallery_subject a { color:#333;}
/* Æ÷Åä¾Ù¹ü */
#main-img {width:700px !important;}
#main-img img {width:700px !important; height:auto !important; border:1px solid yellow;}
.thumbImglist_small {border:1px solid red;}
.board-box > table {width:100% !important;}
#photoA {border:1px solid #000;}

#post_area > img {max-width:800px !important; height:auto !important;}
#post_area p > img {width:800px !important; height:auto !important;}
.product_categotywrap { padding:5px 0;}
.product_categotywrap select {}
.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;}

  .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) {
input[type='text'][name='subject'][class='public_input input_form'] {width:100%; border:1px solid #CCC; padding:5px;}
}

@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;}
.product_board_out img {padding:0 10px;}
}
@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;}
 .product_board_out img {padding:0 2px;}
}