@charset "utf-8";

/*CSS Document*/

/* Mobile 리스트 --------------------------------- */
.bbs_category {margin:1.875rem 0 .625rem;}
.bbs_category a {display:inline-block; font-size:.95rem; line-height:1.4rem; letter-spacing:-0.045rem; color:#999; vertical-align:middle;}
.bbs_category a:after {content:''; display:inline-block; width:1px; height:.75rem; background:#aaa; margin:-.125rem .5rem 0 .45rem; vertical-align:middle;}
.bbs_category a:last-child:after {display:none;}
.bbs_category .on {font-weight:500; color:#03c75a; text-decoration:underline;}

.bbs_list_wrap {border-top:1px solid #333;}
.bbs_list_wrap .no_item {height:18rem; line-height:18rem; text-align:center; font-size:1rem; letter-spacing:-0.045rem; color:#999;}
.bbs_list_wrap .list_item {padding:1rem .625rem; border-bottom:1px solid #ddd;}
.bbs_list_wrap .list_item .subject {display:block; font-size:1rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.025rem; color:#111; word-break:keep-all; margin-bottom:.45rem;}
.bbs_list_wrap .list_item .subject img {height:1rem; vertical-align:top;}
.bbs_list_wrap .list_item .info {display:flex; align-items:center; font-size:.85rem; line-height:1rem; letter-spacing:-0.025rem; color:#999;}
.bbs_list_wrap .list_item .info span {margin-right:.625rem;}

.bbs_search {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:640px; padding: 0 1.5rem; margin:0 auto; box-sizing: border-box;}
.bbs_search select {width:calc(100% - 56% - 4.5rem); height:2.5rem; font-size:.95rem; font-weight:500; letter-spacing:-0.025rem; color:#333;}
.bbs_search input {width:56%; height:2.5rem; background:#fff; border:1px solid #ddd; font-size:.9rem; font-weight:500; letter-spacing:-0.025rem; color:#333;}
.bbs_search button {width:3.75rem; height:2.5rem; line-height:2.5rem; background:#333; font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#fff; border-radius:.25rem; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; -ms-border-radius:.25rem; -o-border-radius:.25rem; text-align:center; }


.write_btn_area {width:100%; height:4.125rem; padding:0 .5rem; margin:2rem 0 0; background:#fff; box-shadow:0 0 1rem -0.4rem rgba(0,0,0,.2); box-sizing:border-box; z-index:101;}
.write_btn_area .personal_btn { 
    display:block; width:100%; height:3.45rem; line-height:3.45rem; font-size:1.1rem; font-weight:700; letter-spacing:-0.045rem; 
    background:#03c75a; color:#fff; text-align:center; 
    border-radius:.25rem; box-sizing:border-box; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; -ms-border-radius:.25rem; -o-border-radius:.25rem; 
}

/* Mobile 뷰 --------------------------------- */
.bbs_view_wrap .view_header {padding:.625rem 0 1.25rem; border-bottom:1px solid #eee;}
.bbs_view_wrap .view_header .subject {display:block; font-size:1.25rem; font-weight:500; line-height:1.6rem; letter-spacing:-0.045rem; word-break:keep-all; margin-bottom:.45rem;}
.bbs_view_wrap .view_header .info span {display:inline-block; font-size:.9rem; line-height:1.25rem; color:#999; vertical-align:middle;}
.bbs_view_wrap .view_header .info span:after {content:''; display:inline-block; width:1px; height:12px; background:#ccc; margin:-.125rem .5rem 0 .5rem; vertical-align:middle;}
.bbs_view_wrap .view_header .info span:last-child:after {display:none;}

.bbs_view_wrap .view_cont {/*min-height:25rem;*/font-size:.9rem; line-height:1.35; letter-spacing:-0.025rem; padding:1rem 0; border-width:1px 0; border-style:solid; border-color:#eee; box-sizing:border-box; overflow:hidden;}
.bbs_view_wrap .view_cont table {max-width:100%;}
.bbs_view_wrap .view_cont a {color:#999;}
.bbs_view_wrap .view_cont ol {list-style:decimal; list-style-position:inside;}
.bbs_view_wrap .view_cont ul {list-style:disc; list-style-position:inside;}
.bbs_view_wrap .view_cont b, .bbs_view_wrap .view_cont strong {font-weight:700;}
.bbs_view_wrap .view_cont strike {text-decoration:line-through;}
.bbs_view_wrap .view_cont u {text-decoration:underline;}
.bbs_view_wrap .view_cont i {font-style:italic;}
.bbs_view_wrap .view_cont img {width:auto; max-width:100%; height:auto !important;}

/* 1:1문의 답변글 */
.bbs_view_wrap .view_reply {margin:1rem 0; font-size:.9rem}
.bbs_view_wrap .view_reply_cont {line-height: 1.125rem;word-break:break-all;}

/* Mobile 글쓰기 ------------------------------------------------------ */
.bbs_input_wrap {padding:1rem .625rem 6rem;}
.bbs_input_wrap .frm_row input[type="text"], .bbs_input_wrap .frm_row input[type="password"] {width:100%;}
.bbs_input_wrap .frm_row .AW_bbs_input_checkbox {margin:0 0 .625rem;}
.bbs_input_wrap .frm_row dd textarea {width:100%; height:15rem; resize:none;}

/* 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; }
.mNextPrev img {height:1rem; vertical-align:top;}
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }

/* Mobile Password 암호  --------------------------------------------------*/
.passwd-container {padding:2rem 0;background:#f8f8f8;}
.passwd_wrap {display:table; width:100%; height:100%; background:#f8f8f8;}
.passwd_wrap .pw_box {display:table-cell; vertical-align:middle;}
.passwd_wrap .mPw_txt {font-size:.95rem; line-height:1.4rem; letter-spacing:-0.045rem; color:#333; padding:5rem 0 0; background:url(./image/pass_ico.png) 50% 0 no-repeat; background-size:auto 3.5rem; text-align:center;}
.passwd_wrap .mPw_input input {width:70%; max-width:540px; height:2.5rem; background:#fff; border:1px solid #ddd; font-size:.9rem; font-weight:500; letter-spacing:-0.025rem; color:#333; margin:1rem 0 0; padding:0 .45rem; box-sizing:border-box;}

.passwd_wrap .btn_box {display:flex; justify-content:center; align-items:center; text-align:center; margin:1rem 0 0;}
.passwd_wrap .btn_box a, .passwd_wrap .btn_box button { height:2rem; border:1px solid #ddd; line-height:2rem; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#555; background:#fff; text-align:center; padding:0 1.4rem; margin:0 .25rem; border-radius:.25rem; box-sizing:border-box; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; -ms-border-radius:.25rem; -o-border-radius:.25rem; }
.passwd_wrap .btn_box .submit_btn {background:#444; color:#fff; border-color:#444;}