@charset "euc-kr"; 

/* Á¦Ç°¼Ò°³ ½ºÅ¸ÀÏ */ 
.gallery_inner {width:100%;text-align:justify;} 
.gallery_inner > table {display:inline-block;width:31% !important;margin-bottom:50px;} 
.gallery_inner > table.board {width:100% !important} 

.gallery_style_4 > table {display:inline-block;width:24% !important;} 

/*td.bbsnewf5 {text-align:center;}*/ 
td.bbsnewf5.writer {text-align:center;} 
.gallery_inner td.bbsnewf5 a > img {display:block; width:100%; height:auto !important; transition:all .5s ease} 
.gallery_inner td.bbsnewf5 a:hover > img {transform:scale(1.1)} 
.gallery_inner .hoverBox {position:absolute; display:block; top:0; left:0; width:100%; height:100%; padding:32% 30px 0 30px; text-align:center; background:rgba(0,0,0,.8); opacity:0; transition:all .5s ease} 
.gallery_inner .hoverBox .inner {} 
.gallery_inner .hoverBox .inner h3 {font-size:24px; font-weight:600; color:#fff; line-height:1.2} 
.gallery_inner .hoverBox .inner h3:after {display:block; width:40px; height:1px; margin:20px auto; content:''; background:#fff; opacity:.5} 
.gallery_inner .hoverBox .inner p {display:-webkit-box; color:#fff; max-height:69px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis} 
.gallery_inner .bbsnewf5:hover .hoverBox {opacity:1} 

.gallery_style_4 td.bbsnewf5 a {display:block;overflow:hidden;} 
.gallery_style_4 td.bbsnewf5 a:hover > img {transform:scale(1.1)} 
.gallery_style_4 .hoverBox {position:relative; display:block; top:0; left:0; width:100%; height:100%; padding:20px 0px 20px; text-align:center;opacity:1; transition:all .5s ease;height:86px;background:#fff;} 
.gallery_style_4 .hoverBox .inner h3 {font-size:18px; font-weight:600; color:#000; line-height:1.4} 
.gallery_style_4 .hoverBox .inner h3:after {display:none;} 
.gallery_style_4 .hoverBox .inner p {display:-webkit-box; color:#000; max-height:69px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;font-size:12px;} 

.bbsnewf5 {position:relative; overflow:hidden} 
.brd_paging {/*display:none; */text-align:center} 
.brd_paging > b, .brd_paging > a {display:inline-block; width:38px; height:38px; line-height:36px; text-align:center; margin:0 -2px; border:1px solid #e8e8e8;box-sizing:border-box;} 
.brd_paging > b {color:#fff; border-color:#666; background:#666} 
.brd_paging > a {color:#666} 
.brd_paging > a:hover {color:#555; border-color:#cdcdcd; background:#f4f4f4} 
.btn-more {display:block; width:185px; margin:30px auto; height:45px; font-size:16px; color:#000; text-align:center; border:2px solid #000; background:transparent; cursor:pointer; transition:all .3s ease; vertical-align:middle} 
.btn-more:disabled {color:#bbb !important; border-color:#ccc !important; background:#f4f4f4 !important} 
.btn-more:hover {color:#fff; background:#000} 
/* °Ô½ÃÆÇ °øÅë */ 
.bbsnewf5 {font:inherit !important} 
.bbsnewf5 a:hover {color:inherit !important} 
.board {font-family:inherit !important} 
.tbl_brd {width:100%; margin-bottom:40px; border-top:2px solid #666} 
.tbl_brd input {font:inherit !important} 
.tbl_brd input[type=file] {width:80%} 
.tbl_brd input[type=text], .tbl_brd input[type=password] {width:80%; height:40px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666} 
.tbl_brd input[type=text]:focus, .tbl_brd input[type=text]:hover, .tbl_brd input[type=password]:focus, .tbl_brd input[type=password]:hover {border-color:#d8d8d8} 
.tbl_brd select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer} 
.tbl_brd textarea {font:inherit !important; width:80%; max-height:120px; padding:10px; border:1px solid #e0e0e0; border-radius:3px} 
.tbl_brd textarea:focus, .tbl_brd textarea:hover {border-color:#d8d8d8} 
.tbl_brd select:focus, .tbl_brd select:hover {border-color:#d8d8d8} 
.tbl_brd tbody td {font:inherit !important; font-size:14px !important; padding:15px; border-bottom:1px solid #e0e0e0} 
.tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font:inherit !important; font-size:14px !important} 
.board_bgcolor {width:30% !important; font:inherit !important; color:#333; background:#f9f9f9 !important} 
#post_area img {max-width:100%; height:auto !important} 
.prvThumbList {margin-top:40px} 
.prvThumbList > table td table {width:135px} 
.prvThumbList > table td img {width:100%;height:auto;} 
div.nneditor-container .seResize2 span {font-size:0 !important} 
.brd_btngroup {margin-top:50px} 
.brd_btngroup a {margin-top:2px; margin-bottom:2px;font-size:14px !important;} 
#check_all {margin-left:5px; vertical-align:-5px} 
.board_bottom {margin-top:50px} 
.board_bottom > a {float:right} 
#ext_search {float:left} 
#ext_search select {height:35px; line-height:38px; margin-right:5px; padding:0 5px; border:1px solid #e0e0e0; cursor:pointer} 
#ext_search select:focus, #ext_search select:hover {border-color:#d8d8d8} 
#ext_search input[type=text] {height:35px; margin-right:5px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666} 
#ext_search input[type=text]:focus, #ext_search input[type=text]:hover {border-color:#d8d8d8} 
.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} 
/* °Ô½ÃÆÇ Ä«Å×°í¸® ÅÇ */ 
.cate_select {display:none !important} 
.board_tab {position:relative;display:inline-block;width:100%;margin-bottom:50px} 
.board_tab > a {display:none} 
.board_tab ul {border-bottom:1px solid #e0e0e0;display:inline-block;width:100%;} 
.board_tab ul > li {float:left; margin-bottom:-1px; margin-left:-1px} 
.board_tab ul > li:first-child {margin-left:0} 
.board_tab ul > li > a {display:block; padding:12px 30px; color:#999; border:1px solid #e0e0e0; background:#f4f4f4;font-size:14px;} 
.board_tab ul > li.on > a {position:relative; color:#333; border-color:#aaa; border-bottom-color:#fff; background:#fff; z-index:10} 

/* Æû¸ÞÀÏ */ 
.tbl_formmail {width:100%; margin-bottom:40px} 
.tbl_formmail:before {display:block; width:100%; height:1px; margin-bottom:40px; content:''; background:#e8e8e8} 
.tbl_formmail input {font:inherit !important} 
.tbl_formmail input[type=file] {width:100%} 
.tbl_formmail input[type=text], .tbl_formmail input[type=password] {width:100%; height:60px; font-size:14px !important; color:#666; padding-left:20px; border:none; border-radius:4px; background:#f0f0f0} 
.tbl_formmail input[name^=phone] {width:80px !important} 
.tbl_formmail select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer} 
.tbl_formmail textarea {font:inherit !important; font-size:14px !important; line-height:1.75; width:100%; min-height:150px; padding:20px; border:none; border-radius:4px; background:#f0f0f0} 
.tbl_formmail select:focus, .tbl_formmail select:hover {border-color:#d8d8d8} 
.tbl_formmail tbody td {font:inherit !important; font-size:0 !important; padding:3px 0} 
.tbl_formmail tbody td br {display:none} 
.tbl_formmail tbody td font, .tbl_formmail tbody td span, .tbl_formmail tbody td a {font:inherit !important; font-size:14px !important} 
/*.formmail_title_bgcolor {display:none}*/ 
/* ¹öÆ° UI */ 
.btn {display:inline-block; height:40px; margin:0 1px; padding:0 30px !important; font:inherit !important; color:#666; line-height:38px !important; text-decoration:none !important; border:1px solid #d8d8d8; border-radius:3px; background:#fff; cursor:pointer; vertical-align:middle;font-size:14px !important;} 
.btn-default {border-color:#ddd} 
.btn-default:hover {color:inherit !important; border-color:#cdcdcd; background:#f4f4f4} 
.btn-primary {color:#fff !important; border-color:#000; background:#000;font-size:14px !important;} 
.btn-primary:hover {border-color:#86b186 !important; background:#86b886 !important} 
.btn-danger {color:#fff !important; border-color:#c14646; background:#cc4a4a} 
.btn-danger:hover {border-color:#ad4444 !important; background:#b44b4b !important} 
.btn i {margin-right:10px; vertical-align:-1px} 
.btn i.right {margin:0 0 0 10px} 
.btn-sm {height:35px; padding:0 20px !important; border-radius:2px; line-height:33px !important} 
.btn-lg {height:50px; line-height:48px !important} 

.est_cate_cell {vertical-align:top;} 
.est_cate_cell select {} 
.est_btn_cell {vertical-align:top;} 
.est_btn_cell input {font-size:13px !important;} 

/* ¹Ìµð¾î Äõ¸® */ 
@media screen and (max-width:1280px) { 
/* Á¦Ç°¼Ò°³ ½ºÅ¸ÀÏ */ 
.gallery_inner .hoverBox {padding-top:25%} 
.gallery_style_4 .hoverBox {padding-top:20px} 

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

/* Á¦Ç°¼Ò°³ ½ºÅ¸ÀÏ */ 
.gallery_inner .hoverBox {padding-top:20%} 
.gallery_inner .hoverBox .inner h3 {font-size:18px} 
.gallery_inner .hoverBox .inner p {font-size:12px; max-height:63px} 

.gallery_style_4 .hoverBox {padding-top:20px} 

} 
@media screen and (max-width:768px) { 
/* Á¦Ç°¼Ò°³ ½ºÅ¸ÀÏ */ 
.gallery_inner {width:100%} 
.gallery_inner > table {width:49% !important;} 
.gallery_inner .hoverBox {padding:25% 20px 0 20px} 

.gallery_style_4 td.bbsnewf5 a:hover > img {transform:scale(1)} 
.gallery_style_4 .hoverBox {padding:10px 0px;height:65px;} 

/* °Ô½ÃÆÇ Àбâ */ 
.tbl_brd tbody td {font-size:12px !important; padding:12px 10px} 
.tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font-size:12px !important} 
.prvThumbList table td {padding:2px !important} 
.prvThumbList > table {width:100%} 
.prvThumbList > table td table {width:33%} 
.prvThumbList img {width:100%; height:auto} 
/* °Ô½ÃÆÇ °øÅë */ 
#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} 

/* °Ô½ÃÆÇ Ä«Å×°í¸® ÅÇ */ 
.cate_select {display:none !important} 
.board_tab {margin:auto auto 30px auto} 
.board_tab > a {position:relative; display:block !important; width:100%; height:40px; padding-left:15px; font-size:14px; line-height:40px; border:1px solid #e0e0e0} 
.board_tab > a:after {position:absolute; font-family:'FontAwesome'; font-size:18px; color:#333; right:20px; content:'\f107'} 
.board_tab > a.open:after {content:'\f106'} 
.board_tab ul {display:none; position:absolute; top:39px; width:100%; margin:0; border:1px solid #e8e8e8; border-top:none; background:#fff; z-index:30} 
.board_tab ul > li {float:none; display:block; margin:0} 
.board_tab ul > li > a {display:block; padding:6px 15px; font-size:14px; color:#999; border:none; border-top:1px solid #f0f0f0; background:none} 
.board_tab ul > li.on > a {color:#333; border-color:#f0f0f0} 

.btn {height:25px;padding:0px 10px !important;font-size:12px !important;line-height:25px !important;} 
.btn-sm {height:25px;padding:0px 10px !important;font-size:12px !important;line-height:25px !important;} 
.brd_btngroup a {font-size:12px !important;} 

.tbl_brd input {height:28px !important;} 
.tbl_brd select {height:28px !important;} 
} 
@media screen and (max-width:640px) { 

/* °Ô½ÃÆÇ - °øÁö»çÇ× */ 
.brd_notice .att_title:first-child {display:none} 
.brd_notice .att_title:nth-child(3) {display:none} 
.brd_notice .bbsno {display:none} 
.brd_notice .bbswriter {display:none} 
/* °Ô½ÃÆÇ - QNA */ 
.brd_qna .att_title:first-child {display:none} 
.brd_qna .att_title:nth-child(4) {display:none} 
.brd_qna .att_title:nth-child(5) {display:none} 
.brd_qna .att_title:nth-child(6) {display:none} 
.brd_qna .bbsno {display:none} 
.brd_qna .bbsetc_dateof_write {display:none} 
.brd_qna .bbspublic_ox {display:none} 

.brd_notice.faq tr:first-child {display:none} 
} 
@media screen and (max-width:480px) { 
/* Á¦Ç°¼Ò°³ ½ºÅ¸ÀÏ */ 
.gallery_inner {width:100%; margin-left:0} 
.gallery_inner > table {/*width:100% !important; margin:0 0 40px 0 !important*/} 
.gallery_inner .hoverBox {padding-top:32%} 

.gallery_style_4 .hoverBox {padding:10px 0px;height:55px;} 
.gallery_style_4 .hoverBox .inner h3 {font-size:14px} 
.gallery_style_4 .hoverBox .inner p {font-size:11px;} 
}