@charset "utf-8";
/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	공통  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/*버튼*/
.button  { font-size:1.6rem; min-width:6.0rem; padding:0 1.0rem; text-align:center; height:3.8rem; line-height:3.8rem; border:1px solid #ccc; border-radius:2px; color:#333; background:#f9f9f9; }
.button.blueButton { background:var(--blue01); border-color:var(--blue01); color:#fff !important; }
.button.smallButton { font-size:1.44rem; min-width:5.0rem; padding:0 0.7rem; height:3rem; line-height:3rem; border:1px solid #ccc; border-radius:2px; color:#333; background:#f9f9f9; }
.button.greyButton { background:#777; color:#fff; border-color:#777; }

/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) { 
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) { 	
}

/* ================================== Mobile (480 ~ 767, 479이하) ================================== */
@media all and (max-width: 767px) { 
} 


 

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	목록 ///////////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.board_top { display:flex; justify-content:space-between; align-items:center; }
.board_top .boardAllNum { display:flex; align-items:center; gap:3px; }
.board_top .boardAllNum span { color:#888; font-size:1.6rem; }
.board_top .board_search { display:flex; gap:2px; }
.board_top .board_search select,
.board_top .board_search input { height:4.0rem; line-height:4.0rem; font-size:1.6rem }
.board_top .board_search .stx { padding:0 0.5rem; }
.board_top .board_search .searchBtn { padding:0 1.2rem; background:var(--blue01); color:#fff; border:0; border-radius:0 0 0.5rem 0; }

.faq_category { margin-top:2.0rem; }
.faq_category ul { display:flex; gap:1px; justify-content:space-between; }
.faq_category ul li { flex-basis:10%; display:flex; height:4.6rem; align-items:center; background:#efefef; justify-content:center; flex-grow:1; padding:0 0.8rem; }
.faq_category ul li a { color:#666; font-size:1.8rem; width:100%; text-align:center; font-weight:500; }
.faq_category ul li.on { background:var(--blue01); border-radius:1.0rem 0 0 0; }
.faq_category ul li.on a { color:#fff; }

.board_list { width:100% !important; margin-top:5px; table-layout:fixed; }
.board_list th { color:#888; background:#f8f9fb; text-align:center; border-top:2px solid #333; border-bottom:1px solid #333; font-size:1.6rem;font-weight:600; height:50px; }
.board_list tr.bg0 { /*background-color:#fafafa;*/ }
.board_list tr.bg1 { /*background-color:#ffffff;*/ }
.board_list td { border-bottom:1px solid #bbc2cf; font-size:1.7rem; padding:1.0rem; color:#010101; letter-spacing:0; font-weight:400; }
.board_list td:not(.subject) { text-align:center; }
.board_list td.subject a { color:#010101; }
.board_list td.subject .small,
.board_list td.subject .small a { color:var(--blue01); }
.board_list td.subject span.notice { font-weight:600; }
.board_list td.datetime,
.board_list td.hit { color:#777; font-size:1.5rem; }
.board_list .member { font-weight:400; color:#777; font-size:1.5rem; }
.board_list a:link, a:visited, a:active { text-decoration:none; color:#010101; }
.board_list a:hover { text-decoration:underline; }
.board_list .noticeIcon { font-size:1.4rem; padding:0.3rem 0.5rem; background:#bbc2cf; color:#fff; border-radius:3px;}
.board_list .current { color:#E15916; }
.board_list .comment { color:#EE5A00; }
.board_list colgroup { width:100%;  }
.board_list col.num { width:7.0rem ; }
.board_list col.check { width:5.0rem; }
.board_list col.subject {  }
.board_list col.hit { width:7.0rem; }

.board_list .answerWrap { padding:3.0rem 3.0rem 3.0rem 7.0rem; text-align:left !important; background:#fafafa; }
.board_list .answerWrap * { font-size:1.7rem; line-height:1.8; font-family:'Roboto', 'Pretendard', 'Noto Sans KR','Apple SD Gothic Neo', sans-serif !important; }
.board_list .answerWrap .fileAttach { display:flex; gap:0.5rem; margin-bottom:1.0rem; }
.board_list .answerWrap .fileAttach img { height:21px; width:18px; }
.board_list .answerWrap .fileAttach a { display:flex; flex-wrap:wrap; align-items:center; line-height:1.3; gap:0.5rem; }
.board_list .answerWrap .fileAttach a .fileName { font-size:1.6rem; color:#010101; }
.board_list .answerWrap .fileAttach a .downloadCount { font-size:1.3rem; color:var(--blue01); }
.board_list .answerWrap .fileAttach a .uploadTime { font-size:1.3rem; color:#888; }

.board_button { display:flex; justify-content:space-between; margin-top:1.0rem; }
.board_button > div { display:flex; gap:3px; }

.board_page { margin-top:1.0rem; display:flex; justify-content:center; align-items:center; gap:1px; }
.board_page a { display:flex; align-items:center; width:3.6rem; height:3.6rem; line-height:3.6rem; background:#fff; border:1px solid #f1f1f1; text-decoration:none; justify-content:center; }
.board_page a span { color:#333; }
.board_page a:hover { border-color:var(--blue01); text-decoration:none; }
.board_page a:hover span { text-decoration:none; }
.board_page b { display:flex; align-items:center; width:3.6rem; height:3.6rem; line-height:3.6rem; background:var(--blue01); border:1px solid var(--blue01); justify-content:center; }
.board_page b span { color:#fff; background:none; }

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) { 	
}

/* ================================== Mobile (480 ~ 767, 479이하) ================================== */
@media all and (max-width: 767px) { 
    .board_top { flex-wrap:wrap; }
    .board_top .boardAllNum { width:100%; order:2; }
    .board_top form { width:100%; order:1; margin-bottom:1.0rem; }
    .board_top .board_search { width:100%; }
    .board_top .board_search .stx { width:calc(100% - 15rem - 4px); }
    .board_top .board_search select { width:10.0rem; }
    .board_top .board_search .searchBtn { width:5.0rem; }  
    
    .faq_category ul li a { font-size:1.7rem; }

    .board_list colgroup,
    .board_list thead { display:none; }
    .board_list { border-top:2px solid #333; }
    .board_list tr { border-bottom:1px solid #bbc2cf; padding:1.2rem 1.0rem; width:100%; }
    .board_list tr td { border-bottom:0; display:block; }
    .board_list .num { display:none; }
    .board_list .hit { display:none; }
    .board_list .subject { width:100%; }
    .board_list .subject small,
    .board_list .subject a { display:inline; }
    .board_list .name { color:#777; font-size:1.5rem; }
    .board_list .name:before {content:'글쓴이:'; }
    .board_list .datetime:before {content:'등록일:'; }
    .board_list .subject span.notice { display:flex; font-weight:600; }
    .board_list .subject span.notice:before { font-size:1.4rem; padding:0 0.5rem; background:#bbc2cf; color:#fff; border-radius:3px; content:'공지'; margin-right:3px; height:24px; line-height:24px; }
    .board_list .subject a { font-size:1.8rem;  }

    .board_list .answerWrap { padding:1.5rem; }
} 



/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// write  ///////////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#boardWrite .boardWriteForm th { background:#f8f9fb; width:12rem; }
#boardWrite .boardWriteForm th,
#boardWrite .boardWriteForm td { border-bottom:1px solid #bbc2cf; padding:1rem 2rem;  }
#boardWrite .boardWriteForm { border-top:2px solid #333; }
#boardWrite .boardWriteForm input[type="text"],
#boardWrite .boardWriteForm input[type="password"], 
#boardWrite .boardWriteForm select { border:1px solid #d8d8d8; height:3.6rem; line-height:3.6rem; padding:0 0.5rem; font-size:15px !important; }
#boardWrite .write_btn { display:flex; justify-content:center; gap:5px; align-items:center; margin-top:2.0rem; }
#boardWrite .border_none th,
#boardWrite .border_none td { border:0; padding:5px 0; }
#boardWrite .boardWriteForm input.ed { font-size:15px !important; }


/* ================================== Mobile (480 ~ 767, 479이하) ================================== */
@media all and (max-width: 767px) { 
    #boardWrite .boardWriteForm th,
    #boardWrite .boardWriteForm td { display:block; width:100%; border-bottom:0; padding:1rem; text-align:center; }
    #boardWrite .boardWriteForm th { text-align:center; padding:0.5rem 1rem; }
    #boardWrite .boardWriteForm tr { display:block; border-bottom:1px solid #333; }
} 

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// view  ///////////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#boardView .viewScrapWrap { display:flex; justify-content:flex-end; align-items:center; margin-bottom:0.5rem; gap:2px; }
#boardView .viewTitle { border-top:2px solid #333; border-bottom:1px solid #333; padding:2.0rem 1rem; font-size:2.0rem; color:#000; font-weight:500; line-height:1.5; }
#boardView .viewInfo { display:flex; font-size:1.6rem; color:#777; padding:1.0rem; border-bottom:1px solid #efefef; }
#boardView .viewInfo .member { font-weight:400; }
#boardView .viewInfo strong { font-weight:400; color:#010101; margin-right:5px; }
#boardView .viewInfo div { display:flex; align-items:center;}
#boardView .viewInfo div:not(:last-child):after { width:1px; height:10px; content:''; display:block; background:#ccc; margin:0 2.0rem; }
#boardView .fileAttach { padding:1rem 1.5rem; border-bottom:1px solid #efefef; display:flex; gap:0.5rem; }
#boardView .fileAttach img { height:21px; width:18px; }
#boardView .fileAttach a { display:flex; flex-wrap:wrap; align-items:center; line-height:1.3; gap:0.5rem; }
#boardView .fileAttach a .fileName { font-size:1.6rem; color:#010101; }
#boardView .fileAttach a .downloadCount { font-size:1.3rem; color:var(--blue01); }
#boardView .fileAttach a .uploadTime { font-size:1.3rem; color:#888; }
#boardView .viewContent { padding:3.0rem 2.0rem; border-bottom:1px solid #333; min-height:20rem; }
#boardView .viewContent  { font-size:1.7rem !important; line-height:1.8; font-family:'Roboto', 'Pretendard', 'Noto Sans KR','Apple SD Gothic Neo', sans-serif !important; font-weight:400; width:100%; }
#boardView .viewContent * { line-height:1.8; font-family:'Roboto', 'Pretendard', 'Noto Sans KR','Apple SD Gothic Neo', sans-serif !important; text-indent:0 !important; letter-spacing:-0.025em !important; 
/*font-size:15px !important;*/ }
#boardView .viewBottomBtns { display:flex; justify-content:space-between; padding:0; margin-top:2.0rem; }
#boardView .prevnext,
#boardView .linkBtns { display:flex; gap:2px; }
#boardView .prevnext .button { width:auto; display:flex; align-items:center; padding:0 1.5rem; }
#boardView .prevnext .button.prevView:before { content:''; display:block; width:0.8rem; height:0.8rem; border:1px solid #333; border-width:1px 0 0 1px; transform:rotate(-45deg); margin-right:3px; }
#boardView .prevnext .button.nextView:after { content:''; display:block; width:0.8rem; height:0.8rem; border:1px solid #333; border-width:1px 1px 0 0; transform:rotate(45deg); margin-left:3px; }

/* ================================== Mobile (480 ~ 767, 479이하) ================================== */
@media all and (max-width: 767px) { 
    #boardView .viewInfo {flex-wrap:wrap; }
    #boardView .viewContent { padding:2rem 1rem; }
    #boardView .viewBottomBtns { flex-wrap:wrap; gap:5px; }
    #boardView .viewBottomBtns > div { width:100%; justify-content:center; }
    #boardView .linkBtns { flex-wrap:wrap; }
} 


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// comment  ///////////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.comment_list { font-size:1.6rem !important; }
.comment_list .cmttop { display:flex; justify-content:space-between; font-size:1.6rem !important; padding:0.8rem 1rem; background:#efefef; }
.comment_list .cmttop .cmtName { font-size:1.6rem !important; }
.comment_list .cmttop .cmtName .member { color:#333; font-weight:400; }
.comment_list .cmttop .cmtName .cmtDate { color:#777; font-size:1.4rem !important; }
.comment_list .cmtcnt { padding:2.0rem; font-size:1.6rem !important; line-height:1.7; font-family:'Roboto', 'Pretendard', 'Noto Sans KR','Apple SD Gothic Neo', sans-serif !important; color:#555;
border-bottom:1px solid #333;  }

.cmtWrite .cmtWritein { display:flex; justify-content:space-between; gap:5px; width:100%; }
.cmtWrite .cmtWritein .cmtinput { flex-grow:1; }
.cmtWrite .cmtWritein .cmtinput textarea { height:100%;  font-size:14px !important; padding:1.0rem; }
.cmtWrite .cmtWritein .cmtBtnwrap { width:60px; text-align:center; display:flex; justify-content:center; align-items:center;}
.cmtWrite .cmtWritein .cmtBtnwrap .cmtBtn { width:100%; height:100%; border:1px solid #ccc; background:#fff; color:#333; }
.cmtWrite label { margin-left:5px;}
.cmtWrite span.wr_secret { display:inline-block; padding-right:50px; position:relative; height:13px; line-height:13px; margin-left:5px;}
.cmtWrite span.wr_secret label { position:absolute; left:10px; top:0;}
.cmtDivBox { width:100%;}

/* ================================== Mobile (480 ~ 767, 479이하) ================================== */
@media all and (max-width: 767px) { 
    .comment_list .cmttop { flex-wrap:wrap; }
} 




























