@charset "euc-kr";
/*CSS Document*/

/* Mobile °øÅë  --------------------------------------------------*/
a { color:#666; text-decoration:none; }


/* Mobile BBS List  --------------------------------------------------*/

.M_bbs_List {}
.M_bbs_List li {padding: 18px 0 14px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.M_bbs_List li:first-of-type {padding-top: 0;}
.M_bbs_List li .no {color: #777; font-size: 14px; display: block; margin: 0 0 4px;}
.M_bbs_List li a {font-size: 15px; color: #222; line-height: 22px; font-weight: 500;}
.M_bbs_List li .state {margin: 6px 0 0; display: flex; justify-content: flex-start; align-items: center;}
.M_bbs_List li .state span {flex: none; display: block; position: relative; color: #777; font-size: 14px;}
.M_bbs_List li .state span:nth-of-type(2) {margin: 0 10px;}
.M_bbs_List li .state span::after {content: ''; width: 1px; height: 10px; display: block; background: #ddd; position: absolute; top: 2px; right: -5px;}
.M_bbs_List li .state span:last-of-type::after {content: initial;}

/* Mobile BBS View  --------------------------------------------------*/
.M_bbs_View { border-top:1px solid #333; }
.M_bbs_View_th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; }
.M_bbs_View_td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
.M_bbs_View_td .date { font-size:12px; color:#999; font-weight:normal; }

/* Contents »çÀÌÁî */
#M_bbs_View_cont {padding:25px 15px; border-bottom:1px solid #ddd}
#M_bbs_View_cont #wiz_get_table_width { width:100%!important }
#M_bbs_View_cont img {display: block; width: 100%; max-width: 100% !important;}


/* Mobile Ä«Å×°í¸®  --------------------------------------------------*/
.mCategory { border:1px solid #ddd; background:#f8f8f8;  padding:15px; margin-bottom:10px; font-size:14px; }


/* Mobile ÀÌÀü±Û,´ÙÀ½±Û  --------------------------------------------------*/
.mNextPrev th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:12px; width:20%; }
.mNextPrev td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }


/* Mobile ÆäÀÌ¡  --------------------------------------------------*/
.mPaging td { padding:0 1px; }
.mPaging td a { color:#666; }

/* °Ô½ÃÆÇ ÇÏ´Ü °Ë»ö------------------------------------------*/
.AWbbs_f_search {width: 100%; margin: 0 0 28px;}
.AWbbs_f_search .flex-search {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.AWbbs_f_search .flex-search select,
.AWbbs_f_search .flex-search input[type='text'],
.AWbbs_f_search .flex-search button[type='submit'] {border-radius: 8px; height: 40px; flex: none; display: block; font-family: inherit;}

.AWbbs_f_search .flex-search select {width: 34%; border: 1px solid #ddd; padding: 0 24px 0 8px; background:#fff url(/m/img/comm/sel_ico.png) calc(100% - 8px) 50% no-repeat; font-size: 14px; box-sizing: border-box; color: #222;}
.AWbbs_f_search .flex-search input[type='text'] {width: calc(100% - 56%); margin: 0 1%; border: 1px solid #ddd; padding: 0 8px; font-size: 14px; box-sizing: border-box; color: #222;}
.AWbbs_f_search .flex-search button[type='submit'] {width: 20%; background: #0d64b4; color: #fff; border: 0; font-size: 14px; font-weight: 500; margin: 0; padding: 0;}

@media all and (max-width: 320px) {
  .AWbbs_f_search .flex-search {flex-wrap: wrap; align-content: center;}
  .AWbbs_f_search .flex-search select {width: 100%; margin: 0;}
  .AWbbs_f_search .flex-search input[type='text'] {margin: 4px 0; width: 100%;}
  .AWbbs_f_search .flex-search button[type='submit'] {width: 100%;}
}


/* Mobile Password ¾ÏÈ£  --------------------------------------------------*/
#M_pw_wrap { border:1px solid #ddd; background:#f8f8f8; padding:25px 15px; }
#M_pw_wrap .mPw_txt { font-size:13px; padding:0px 0; }
#M_pw_wrap .mPw_input { padding:15px 0 5px; }
#M_pw_wrap .mPw_input input { border:1px solid #ddd; padding:4px 8px; width:180px; }

/*ÆäÀÌ¡°£°Ý*/
.Paging_Num td { padding-left:3px; vertical-align: middle;}
.Paging_Num td a {vertical-align: middle;}