@CHARSET "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------
 * Name      : common.css
 * Desc      : 커뮤니티 모바일
 * Created   : 2016/08/09 by SES
 * Updated   :
------------------------------------------------------------ */

/* base */
* {text-decoration:none;outline:0;padding:0;margin:0;line-height:18px;-webkit-text-size-adjust:none}
section, nav, article, aside, hgroup, header, footer{display:block}
.bc_blind, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul {margin:0;padding:0}
body, button, h1, h2, h3, h4, h5, input, select, table, textarea{font-family:'HelveticaNeue', 'AppleSDGothicNeo', sans-serif;font-size:13px;line-height:1.267em}
body{position:relative;background-color:#fff;-webkit-text-size-adjust:none;color:#333}
html,body{height:100%}
table{border-collapse:collapse}
fieldset, img{border:0}
ol, ul{list-style:none}
li, dl, dd, dt{margin:0;padding:0}
address, em{font-style:normal}
a{color:#141414;text-decoration:none;cursor:pointer}
a:link, a:visited{color:#444;text-decoration:none}
a:hover, a:active,a:hover span{color:#444;text-decoration:none}
textarea{overflow:auto;line-height:1.8}
img{vertical-align:top}
hr, legend{display:none}
button{border:0;background:0;cursor:pointer;box-shadow:none}
select{border-radius:3px;color:#555;vertical-align:middle;font-family:inherit;font-size:inherit;border:1px solid #c8c8c8;padding-left:5px}
hr{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0}
td *, div *, li *, span *, p *{vertical-align:middle}
input.type_img, li img{vertical-align:middle;/* For IE image margin */}
input.inputText, textarea{border:1px solid #c9c9c9;background:#fff;color:#444}
legend, caption{font-size:0px;color:#fff;line-height:0;display:none}
.bc_blind{visibility:hidden!important;overflow:hidden!important;position:absolute!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;color:transparent!important;background-color:transparent!important}.ellip{display:-webkit-box;overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}

/* login */
.bc_bg_login{background:url(../images/bg_login.jpg) 0 0 no-repeat;background-size:cover}
#bi_top_login{width:100%;text-align:center;background:url(../images/bg_login_top.png) 0 0 repeat-x;height:70px}
#bi_top_login h1{padding-top:20px}
#bi_top_login h1 span{font-size:21px;color:#fff;font-weight:600;vertical-align:-4px;margin-left:5px}
.bc_login_box{margin:12% 12% 0 12%;padding:40px 24px 40px 24px;position:relative;background:#f8f8f8;opacity:.9;border-radius:6px}
.bc_login_box .bc_input_list{position:relative;width:100%}
.bc_login_box .bc_input_list li{margin:0 0 6px 0}
.bc_login_box .bc_input_list span{display:block;height:29px;line-height:29px}
.bc_login_box .bc_input_list .bc_int{width:100%;height:40px;padding:7px 0 7px;border:1px solid #c2c2c3;background:#fff;font-size:14px;font-weight:600;margin-bottom:2px;text-indent:10px}
.bc_login_box .bc_input_list .bc_btn_login{display:inline-block;border-radius:2px;width:68px;height:68px;line-height:68px;text-align:center;color:#fff;font-size:13px;font-weight:bold;background-color:#3c5573}
.bc_login_box .bc_input_list .bc_btn01{width:100%;margin-bottom:15px}
.bc_login_box .bc_input_list .bc_btn02{display:inline-block;width:48.5%}
.bc_login_box .bc_input_list .bc_btn03{display:inline-block;width:48.5%;float:right}
.bc_btn_board_c{width:100%;text-align:center;position:relative}
.bc_input_chk{position:relative;display:block;min-height:24px;margin:10px 0 10px 0}
.bc_input_chk input{position:absolute;top:0;left:0;z-index:-1;width:18px;height:18px;-webkit-appearance:none;display:none}
.bc_input_chk label{display:block;min-height:24px;z-index:10;background:url(../images/ico_off.png) 0 0 no-repeat;background-size:18px 18px;-webkit-background-size:18px 18px;padding-left:24px;font-size:13px;color:#666;cursor:pointer;overflow:visible}
.bc_input_chk label span{font-weight:normal;padding-left:1px}
.bc_input_chk label.bc_on{background:url(../images/ico_on.png) 0 0 no-repeat;background-size:18px 18px;-webkit-background-size:18px 18px}

/* button */
a.bc_btn_form01{display:block;width:100%;min-width:100%;background:#cc2e38;border:1px solid #cc2e38;height:48px;line-height:48px;text-align:center;font-size:18px;color:#fff;font-weight:600;text-decoration:none}
a.bc_btn_form02{display:block;width:100%;min-width:100%;background:#fff;border:1px solid #bebcbc;height:38px;line-height:38px;text-align:center;font-size:14px;color:#333;font-weight:600;text-decoration:none}
a.bc_btn_logout{display:inline-block;width:60px;background:#323232;height:22px;line-height:22px;text-align:center;font-size:11px;color:#bababb;text-decoration:none}
a.bc_btn_bt{display:inline-block;min-width:50px;padding:0 8px;background:#fff;border:1px solid #bab9b9;height:24px;line-height:24px;text-align:center;font-size:12px;color:#333;text-decoration:none}
a.bc_btn_w01{display:inline-block;min-width:50px;padding:0 6px;background:#fff;border:1px solid #cbcaca;height:24px;line-height:24px;text-align:center;font-size:12px;color:#333;text-decoration:none}
a.bc_btn_w02{display:inline-block;min-width:50px;padding:0 6px;background:#fff;border:1px solid #cbcaca;height:24px;line-height:24px;text-align:center;font-size:12px;color:#333;text-decoration:none}
a.bc_btn_w03{display:inline-block;width:100%;min-width:100%;background:#fff;border:1px solid #cbcaca;height:42px;line-height:42px;text-align:center;font-size:15px;color:#333;font-weight:600;text-decoration:none}
a.bc_btn_w04{display:inline-block;min-width:30px;padding:0 6px;background:#fff;border:1px solid #cbcaca;height:24px;line-height:24px;text-align:center;font-size:12px;color:#333;font-weight:normal !important;text-decoration:none}
a.bc_btn_y01{display:inline-block;min-width:30px;padding:0 6px;background:#fdd02f;border:1px solid #dfb00a;height:24px;line-height:24px;text-align:center;font-size:12px;color:#333;font-weight:normal !important;text-decoration:none}
a.bc_btn_g01{display:inline-block;min-width:30px;padding:0 6px;background:#90908e;border:1px solid #7b7b7b;height:24px;line-height:24px;text-align:center;font-size:12px;color:#fff;font-weight:normal !important;text-decoration:none}
a.bc_btn_cafe{position:absolute;top:8px;right:20px;display:block;min-width:50px;padding:0 12px;background:#fdcf2f;height:26px;line-height:26px;text-align:center;color:#333;font-weight:600;text-decoration:none}
a.bc_btn_check{display:inline-block;width:62px;background:#a3a2a2;height:30px;line-height:30px;text-align:center;font-size:12px;color:#fff;text-decoration:none}
a.bc_btn_join{display:block;width:100%;min-width:100%;background:#fdcf2f;height:42px;line-height:42px;text-align:center;font-size:15px;color:#333;font-weight:600;text-decoration:none}
a.bc_btn_withdraw{display:block;background:#90908e;border:1px solid #7b7b7b;height:42px;line-height:42px;text-align:center;font-size:15px;color:#fff;font-weight:600;text-decoration:none}
a.bc_btn_cancel{display:block;background:#fff;border:1px solid #cbcaca;height:42px;line-height:42px;text-align:center;font-size:15px;color:#333;font-weight:600;text-decoration:none}
.bc_pre_paging{width:30px;height:28px;background-position:0 -90px}
.bc_next_paging{width:30px;height:28px;background-position:-33px -90px}

/* placholder */
.bc_int::-webkit-input-placeholder, .bc_int2::-webkit-input-placeholder, .bc_ta1::-webkit-textarea-placeholder, .bc_ta2::-webkit-textarea-placeholder, .bc_ta3::-webkit-textarea-placeholder, .bc_int_cal::-webkit-input-placeholder, .bc_int_cal2::-webkit-input-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999} /* firefox 19+ */
input.bc_int:-ms-input-placeholder, input.bc_int2:-ms-input-placeholder, textarea.bc_ta1:-ms-input-placeholder, textarea.bc_ta2:-ms-input-placeholder, textarea.bc_ta3:-ms-input-placeholder, input.bc_int_cal:-ms-input-placeholder, input.bc_int_cal2:-ms-input-placeholder{color:#999} /* ie */
input:-moz-placeholder{color:#999}
input:-ms-input-placeholder.int{color:#999}

@media (min-width:768px){
.bc_list_grid li{float:left;height:110px;width:12.5%}
.bc_login_box{position:absolute;max-width:520px;left:50%;margin-left:-285px;margin-top:12%;padding:50px;position:relative;background:#f8f8f8;opacity:.9;border-radius:6px}
}

/* footer */
#bi_footer_login{position:relative;clear:both;margin-top:10px}
#bi_footer_login .bc_copyright{width:100%;text-align:center;font-size:12px;color:#d9d6d6}
#bi_footer{position:relative;clear:both;height:122px;background:#fff}
#bi_footer .bc_page{width:100%;position:relative;height:38px;line-height:38px;border-top:1px solid #ebeaea;border-bottom:1px solid #ebeaea}
#bi_footer .bc_page li a{display:inline-block;font-size:12px;color:#444}
#bi_footer .bc_page li.bc_btn_pre{position:absolute;left:20px;top:8px;padding-left:11px}
#bi_footer .bc_page li.bc_btn_top{position:absolute;right:20px;top:8px}
#bi_footer .bc_btn{width:100%;text-align:center;margin-top:15px}
#bi_footer .bc_btn li{display:inline;margin-right:4px}
#bi_footer .bc_copyright{width:100%;text-align:center;font-size:12px;color:#9c9b9b;margin-top:7px}
.ico_pre{background-position:-42px 0;width:89px;height:10px}