/*----------------------------- ¡ÆÔ¨öè¡Ç -----------------------------*/
/* ¡ÆÔ¨öè¡Ç ¡Æ©ªÅë */
.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}

/*.tbl_board.brd_list thead {display:none;}*/

#post_area img {max-width:100%; height:auto !important}
.prvThumbList {margin-top:40px}
.prvThumbList > table td table {width:135px}
div.nneditor-container .seResize2 span {font-size:0 !important}
.brd_btngroup {margin-top:50px}
.brd_btngroup a {margin-top:2px; margin-bottom:2px}
#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 !important; line-height:38px !important; margin-right:5px !important; padding:0 10px !important; border:1px solid #e0e0e0 !important; cursor:pointer}
#ext_search select:focus, #ext_search select:hover {border-color:#d8d8d8}
#ext_search input[type=text] {height:35px !important; margin-right:5px !important; padding-left:10px !important; border:1px solid #e8e8e8 !important; border-radius:3px !important; color:#666 !important}
#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; margin-bottom:50px}
.board_tab > a {display:none}
.board_tab ul {border-bottom:1px solid #e0e0e0}
.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}
.board_tab ul > li.on > a {position:relative; color:#333; border-color:#aaa; border-bottom-color:#fff; background:#fff; z-index:10}

.bbsnewf5 {position:relative; overflow:hidden}
.brd_paging {display:; 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}
.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}
/* À¥Á©ª(¢¬ÅÀå¨úÈ©ø») Å¢¬ÀÔ */
.webzine_type_img_td {width:30%;}

.webzine_type_text_td_left {vertical-align:top;}

.webzine_type2 {width:100%;}
.webzine_type2 td { width:25%; font-family:'notokr',sans-serif; font-size:14px; padding-bottom:30px;}
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl    {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top;}
.webzine_type2 .webzine_type_img img {width:100%;height:auto;}
.webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.webzine_type2 dd:nth-child(odd) {background:#f3f3f3;}
.webzine_type2 dd {float:left;width:100%;padding:10px;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;padding:0px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 5px no-repeat;}
.webzine_type2 .obj_value {padding:0px 0 0 10px;}
.webzine_type2_table_line {display:none;}
.webzine_type2 dl .webzine_btn {border:solid 0px red;background:#000;color:#fff;width:100px;height:35px;display:inline-block;text-align:center;line-height:35px;margin-top:20px;transition:all .3s ease;}
.webzine_type2 dl .webzine_btn:hover {background:#ededed;color:#000;}
/* ¨¡û¢¬¨­ÀÏ */
.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%;font-size:12px !important;}
.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}
.formmail_cell_bgcolor > table td {font-size:12px !important;}
/* button style */
/* ©öö¨¡¡Æ ¡Æ©ªÅë ¨ö¨¬Å¢¬ÀÏ */
.wbtn.wbtn-main {position:relative; display:inline-block; height:50px; padding:0 35px; font-weight:500; color:#000; line-height:48px; border-color:#000; border-radius:0; background:transparent; transition:all .2s}
.wbtn:active {box-shadow:inset 0 3px 3px rgba(0, 0, 0, .1)}
.wbtn.wbtn-main:hover {color:#fff; border-color:#21bbb1; background:#21bbb1}
.wbtn.wsmall {font-size:12px; letter-spacing:-1px; padding:0 10px}
.wbtn.wbtn-block {display:block; width:100%; text-align:center}
.wbtn.wbtn-primary {color:#fff; border-color:#21bbb1; background:#21bbb1}
.wbtn.wbtn-primary:hover, .wbtn.wbtn-primary:focus {border-color:#1aaca2; background:#1aaca2}

.wbtn {display:inline-block; padding:0 25px; font-family:inherit !important; font-size:13px; height:35px; line-height:33px; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle; transition:all .3s ease}
.wbtn.wbtn-default {w_color:#555 !important; background:#fff}
.wbtn.wbtn-default:hover, .wbtn.wbtn-default:focus, .wbtn.wbtn-default:active {background:#f4f4f4}
.wbtn.wbtn-light {w_color:#000 !important; border-w_color:#fff; background:#fff}
.wbtn.wbtn-light:hover, .wbtn.wbtn-light:focus, .wbtn.wbtn-light:active {w_color:#fff !important; border-w_color:#000; background:#000}
.wbtn.wbtn-success {w_color:#fff !important; border-w_color:#50b35a; background:#50b35a}
.wbtn.wbtn-success:hover, .wbtn.wbtn-success:focus, .wbtn.wbtn-success:active {border-w_color:#4c9a54; background:#4c9a54}
.wbtn.wbtn-grey {w_color:#fff !important; border-w_color:#a2a8af; background:#a8aeb6}
.wbtn.wbtn-grey:hover, .wbtn.wbtn-grey:focus, .wbtn.wbtn-grey:active {border-w_color:#8c95a1; background:#919ba9}
.wbtn.wbtn-ghost {w_color:#fff !important; border-w_color:rgba(255, 255, 255, .3); border-radius:0 !important; background:transparent !important}
.wbtn.wbtn-ghost:hover, wbtn.wbtn-ghost:focus, wbtn.wbtn-ghost:active {w_color:#000 !important; border-w_color:#fff !important; background:#fff !important}
/* button size */ 
.wbtn.wbtn-sm {line-height:33px; height:35px; padding:0 20px}
.wbtn.wbtn-lg {line-height:41px; height:45px; padding:0 30px; border-width:2px}
.wbtn.wbtn-xlg {font-size:15px; line-height:44px; height:50px; padding:0 40px; border-width:3px}
.wbtn.wbtn-slim {border-width:1px !important}
/* button fontawesome icon */
.wbtn i {margin:0 5px 0 0 ; vertical-align:-1px}
.wbtn i.right {margin:0 0 0 5px}
/*----------------------------- À¥¨ö¨¬¢¬¢ç Á¦¡Æ©ª ¡Æ©ªÅë ¨ù¨ö¨ùÇ -----------------------------*/

/* ©ö̵©£¨úî Äõ¢¬¢ç */
@media screen and (max-width:1280px) {

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

 /* ¡ÆÔ¨öè¡Ç Ä«Å¡¿¡Æí¢¬¢ç ÅÇ */
 .cate_select {display:none !important}
 .board_tab {margin:auto auto 50px auto}
 .board_tab > a {position:relative; display:block !important; width:100%; height:50px; padding-left:15px; font-size:16px; line-height:50px; 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:49px; 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:12px 15px; font-size:16px; color:#999; border:none; border-top:1px solid #f0f0f0; background:none}
 .board_tab ul > li.on > a {color:#333; border-color:#f0f0f0}
}

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

/* ¡ÆÔ¨öè¡Ç À¨¢¡¾â */
 .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}
 /* ¡ÆÔ¨öè¡Ç - ¡Æ©ªÁö»çÇ¡¿ */
 .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}
 /* ¡ÆÔ¨öè¡Ç ¡Æ©ªÅë */
 #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}
 /* ¨¡û¢¬¨­ÀÏ */
 .tbl_formmail input {font:inherit !important; font-size:12px !important}
 .tbl_formmail input[type=text], .tbl_formmail input[type=password] {font-size:12px !important}
 .tbl_formmail input[name^=phone] {width:50px !important}
 .tbl_formmail select {font-size:12px !important}
 .tbl_formmail textarea {font-size:12px !important}
}