.board_desc {font-size:12px;}
.board_desc input,select {border:#cccccc 1px solid; color:#333333;}
.board_bgcolor {width:20% !important; font:inherit !important; font-size:12px; color:#333; background:#f9f9f9 !important}
.board td {font-size:12px; color:#333; }
.gallery_title {font-size:13px;font-family:'Nanum Gothic','³ª´®°íµñ', Dotum, "µ¸¿ò"; color:#333; line-height:240%; }
.gallery_etc {padding:5px 0 5px 0;}
.gallery_board {width:100%;}
.gallery_board > table {float:left; display:block; width:30% !important; margin:0 1.210% 30px 1.210%}
.gallery_board > table.board {width:100% !important}
.gallery_board td.bbsnewf5 a > img {display:block; width:100%; height:auto !important; transition:all ease 0.4s;}
.gallery_board td.bbsnewf5 a:hover > img {transform:scale(1.1,1.1)}
.bbsnewf5 {position:relative; overflow:hidden}
.board_paging {text-align:center}
.board_paging > b, .board_paging > a {display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; border:1px solid #efefef}
.board_paging > b {color:#fff; border-color:#666; background:#666}
.board_paging > a {color:#666}
.board_paging > a:hover {color:#555; border-color:#cdcdcd; background:#f4f4f4}
/* °Ô½ÃÆÇ °øÅë */
.board_style {width:100%; margin-bottom:20px; border-top:1px solid #666}
.board_style input[type=file] {width:80%}
.board_style input[type=text], .board_style input[type=password] {width:80%; height:40px; border:1px solid #e8e8e8; color:#333; padding-left:10px; }
.board_style input[type=text]:focus, .board_style input[type=text]:hover, .board_style input[type=password]:focus, .board_style input[type=password]:hover {border-color:#d8d8d8}
.board_style select {height:40px; line-height:38px; border:1px solid #e0e0e0; cpadding:0 10px; ursor:pointer}
.board_style select:focus, .board_style select:hover {border-color:#d8d8d8}
.board_style tbody td {font-size:13px !important; padding:10px; border-bottom:1px solid #efefef}
.board_style tbody td font, .board_style tbody td span, .board_style tbody td a {font-size:13px !important}
.board_btn {margin-top:28px}
.board_btn a {margin-top:2px; margin-bottom:2px}
.board_bottom {margin-top:10px}
.board_bottom > a {float:right}

#ext_search {float:left}
#ext_search select {margin-right:5px; padding:0 0 0 5px; height:26px; line-height:26px; border:1px solid #efefef; cursor:pointer}
#ext_search select:focus, #ext_search select:hover {border-color:#d8d8d8}
#ext_search input[type=text] {margin-right:5px; padding-left:10px; height:26px; border:1px solid #efefef; color:#333}
#ext_search input[type=text]:focus, #ext_search input[type=text]:hover {border-color:#d8d8d8}

#check_all {margin-left:5px; vertical-align:-5px}
.board_comment_bgcolor {padding-bottom:20px; background-color:#f9f9f9 !important}
.comment_txt {padding:10px 0 !important; word-break:}
.comment_txt:first-child {padding:20px !important}
.comment_txt textarea {width:60%; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:50px; padding:10px; font:inherit !important; border:1px solid #e8e8e8; border-radius:3px}
.comment_txt > a.btn {margin:2px 0; padding:0 15px !important; height:30px !important; line-height:28px !important}
.comment_txt > font {display:block; margin-bottom:10px; color:#ccc !important}
.comment_name {color:#333 !important; width:20% !important}
.comment_name input[type=checkbox] {margin-right:5px; vertical-align:middle}
@media screen and (max-width:767px) {
 .gallery_board {width:100%; margin-left:-1.6129%}
 .gallery_board > table {width:46.77% !important; margin:0 1.6129% 20px 1.6129%;}
 /* °øÅë */
 #ext_search {display:none}
 .comment_name {display:block !important; width:100% !important; padding:10px !important}
 .comment_txt[align=left], .comment_txt[align=right] {display:block !important; width:100% !important; text-align:left !important; padding:10px !important}
}
@media screen and (max-width:480px){
#post_area img {height:auto !important; max-width:300px;}
}
@media only screen and (min-width: 481px) and (max-width: 640px){
#post_area img {height:auto !important; max-width:450px;}
}
@media only screen and (min-width: 641px) and (max-width: 767px){
#post_area img {height:auto !important; max-width:620px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
#post_area img {height:auto !important; max-width:720px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
#post_area img {height:auto !important; max-width:700px;}
}
@media screen and (min-width: 1200px) {
#post_area img {height:auto !important; max-width:980px;}
}