/* ------------------------------------------------------------------------------------------------------------
    Page Common
------------------------------------------------------------------------------------------------------------ */
.pageTitle h1 { font-weight:bold; }
.pageSearch { display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; }
.pageSearchL { display: flex; justify-content: flex-start; align-items: center; width:50%; height:5.0rem; }
.pageSearchL a:last-child { margin:0 0 0 0.5rem; }
.pageSearchR { display: flex; justify-content: flex-end; align-items: center; width:50%; height:5.0rem; }
.searchInput { position: relative; width:100%; }
.searchInput input { height:4.0rem; }
.searchInput .btn { position: absolute; top:0; right: 0; border:none; border-radius: 0; height: 4.0rem; }

@media screen and (max-width: 414px){
    .pageSearchL { width:100%; }
    .pageSearchR { width:100%; }
}

/* ------------------------------------------------------------------------------------------------------------
    Paging
------------------------------------------------------------------------------------------------------------ */
.boardPaging  { display:flex; justify-content:center; }
.pagingList { height:5.0rem; padding:1.0rem 0; margin:0 auto; list-style:none; }
.pagingList li { float:left; padding:1rem; position:relative; }
.pagingList li:after { content:""; line-height:1.4rem; position:absolute; top:10px; right:0; width:1px; height:1.4rem; background:#fff; }
.pagingList li:last-child::after { width:0px; }
.pagingList a { font-size:1.2rem; color:#545454; }
.pagingList .active { color:#ffb600; font-weight:bold; }

/* ------------------------------------------------------------------------------------------------------------
    Basic Board
------------------------------------------------------------------------------------------------------------ */
.board { width:100%; transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; }

.boardList { margin:6rem 0 0; padding:0; border-top:2px solid #545454; border-bottom:1px solid #545454; }
.boardList .lcItem { width:5%; height:4rem; display: flex; justify-content: center; align-items: center; }
.boardList .lcItem:first-child { width:5%; }
.boardList .lcItem:nth-child(2) { width:5%; }
.boardList .lcItem:nth-child(3) { width:65%; justify-content:flex-start; text-align:left; }
.boardList .lcItem:nth-child(4) { width:10%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.boardList .lcItem:nth-child(5) { width:10%; }
.boardList .lcItem:last-child { width:5%; }

.listHeader { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; font-size:1.4rem; text-align:center; color:var(--listTxt); }
.listContent { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; min-height:4.0rem; font-size:1.4rem;  text-align:center; color:var(--listTxt); }
.listContent a { color:var(--listTxt); }
.listContent a:hover { color:var(--listActiveTxt); }

@media screen and (max-width:993px){
    .boardList .lcItem:nth-child(5) { display:none; }
}
@media screen and (max-width:768px){
    .boardList .lcItem:first-child { display:none; }
    .boardList .lcItem:nth-child(2) { width:10%; }
    .boardList .lcItem:nth-child(3) { width:90%; }
    .boardList .lcItem:nth-child(4) { display:none; }
    .boardList .lcItem:last-child { display:none; }
}
/* ------------------------------------------------------------------------------------------------------------
    Member Board
------------------------------------------------------------------------------------------------------------ */
.memberList { margin:6rem 0 0; padding:0; border-top:2px solid #545454; border-bottom:1px solid #545454; }
.memberList .mcItem { width:5%; height:4rem; display: flex; justify-content: center; align-items: center; }
.memberList .mcItem:first-child { width:3%; }
.memberList .mcItem:nth-child(2) { width:3%; }
.memberList .mcItem:nth-child(3) { width:4%; }
.memberList .mcItem:nth-child(4) { width:5%; }
.memberList .mcItem:nth-child(5) { width:10%; }
.memberList .mcItem:nth-child(6) { width:15%; }
.memberList .mcItem:nth-child(7) { width:8%; }
.memberList .mcItem:nth-child(8) { width:8%; }
.memberList .mcItem:nth-child(9) { width:8%; }
.memberList .mcItem:nth-child(10) { width:8%; }
.memberList .mcItem:last-child { width:8%; }

.memberHeader { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; font-size:1.4rem; text-align:center; color:var(--listTxt); }
.memberContent { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; font-size:1.4rem;  text-align:center; color:var(--listTxt); }
.memberContent a { color:var(--listTxt); }
.memberContent a:hover { color:var(--listActiveTxt); }

/* ------------------------------------------------------------------------------------------------------------
    Product List
------------------------------------------------------------------------------------------------------------ */
.productList { margin:6rem 0 0; padding:0; border-top:2px solid #545454; border-bottom:1px solid #545454; }
.productList .pcItem { width:5%; height:4rem; display: flex; justify-content: center; align-items: center; }
.productList .pcItem:first-child { width:3%; }
.productList .pcItem:nth-child(2) { width:3%; }
.productList .pcItem:nth-child(3) { width:6%; }
.productList .pcItem:nth-child(4) { width:6%; }
.productList .pcItem:nth-child(5) { width:6%; }
.productList .pcItem:nth-child(6) { width:43%; text-align: left; }
.productList .pcItem:nth-child(7) { width:5%; }
.productList .pcItem:nth-child(8) { width:6%; }
.productList .pcItem:nth-child(9) { width:6%; }
.productList .pcItem:nth-child(10) { width:6%; }
.productList .pcItem:last-child { width:10%; }

.productHeader { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; font-size:1.4rem; text-align:center; color:var(--listTxt); }
.productContent { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; font-size:1.4rem;  text-align:center; color:var(--listTxt); }
.productContent a { color:var(--listTxt); }
.productContent a:hover { color:var(--listActiveTxt); }
.productContent .pcItem { height:11rem; }

/* ------------------------------------------------------------------------------------------------------------
    Order Board
------------------------------------------------------------------------------------------------------------ */
.orderList { margin:6rem 0 0; padding:0; border-top:2px solid #545454; border-bottom:1px solid #545454; }

.orderList .lcItem { width:5%; height:4rem; display: flex; justify-content: center; align-items: center; }
.orderList .lcItem:first-child { width:3%; }
.orderList .lcItem:nth-child(2) { width:3%; }
.orderList .lcItem:nth-child(3) { width:5%; }
.orderList .lcItem:nth-child(4) { width:5%; }
.orderList .lcItem:nth-child(5) { width:10%; }
.orderList .lcItem:nth-child(6) { width:5%; }
.orderList .lcItem:nth-child(7) { width:5%; }
.orderList .lcItem:nth-child(8) { width:10%; }
.orderList .lcItem:nth-child(9) { width:5%; }
.orderList .lcItem:nth-child(10) { width:5%; }
.orderList .lcItem:nth-child(11) { width:15%; }
.orderList .lcItem:nth-child(12) { width:7%; }
.orderList .lcItem:nth-child(13) { width:8%; }
.orderList .lcItem:nth-child(14) { width:6%; }
.orderList .lcItem:last-child { width:4%; }

.orderHeader { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; font-size:1.2rem; text-align:center; color:var(--listTxt); }
.orderContent { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; font-size:1.2rem;  text-align:center; color:var(--listTxt); }
.orderContent a { color:var(--listTxt); }
.orderContent a:hover { color:var(--listActiveTxt); }
.orderContent .lcItem { height:9rem; }
.orderContent .lcItem.column { display: flex; justify-content: center; align-items: center; flex-flow: column; }

.orderContent .lcItem .form-control { width:100%; height:3.0rem; font-size:1.2rem; margin:0; }
.orderContent .lcItem .form-control:last-child { height:3.0rem; margin:0.5rem 0 0; }

/* ------------------------------------------------------------------------------------------------------------
    Event Board
------------------------------------------------------------------------------------------------------------ */
.eventList { margin:6rem 0 0; padding:0; border-top:2px solid #545454; border-bottom:1px solid #545454; }
.eventList .lcItem { width:5%; height:4rem; display: flex; justify-content: center; align-items: center; }
.eventList .lcItem:first-child { width:5%; }
.eventList .lcItem:nth-child(2) { width:5%; }
.eventList .lcItem:nth-child(3) { width:5%; }
.eventList .lcItem:nth-child(4) { width:59%; }
.eventList .lcItem:nth-child(5) { width:10%; }
.eventList .lcItem:nth-child(6) { width:8%; }
.eventList .lcItem:last-child { width:8%; }

.eventHeader { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; font-size:1.2rem; text-align:center; color:var(--listTxt); }
.eventContent { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; font-size:1.2rem;  text-align:center; color:var(--listTxt); }
.eventContent a { color:var(--listTxt); }
.eventContent a:hover { color:var(--listActiveTxt); }
.eventContent .lcItem:nth-child(4) { justify-content: flex-start; text-align: left; }

@media screen and (max-width:993px){
    .eventList .lcItem:nth-child(5) { display:none; }
}
@media screen and (max-width:768px){
    .eventList .lcItem { height:12rem; font-size:1.4rem; }
    .eventList .lcItem:first-child { display:none; }
    .eventList .lcItem:nth-child(2) { width:40%; }
    .eventList .lcItem:nth-child(3) { display:none; }
    .eventList .lcItem:nth-child(4) { display: flex; width:60%; }
    .eventList .lcItem:nth-child(6) { display:none; }
    .eventList .lcItem:last-child { display:none; }
}




















/* ------------------------------------------------------------------------------------------------------------
    Basic Board View
------------------------------------------------------------------------------------------------------------ */
.boardView { width:100%; transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; }
.detailHeader { display: flex; flex-flow: row wrap; justify-content:flex-start; margin:3.0rem 0 0; }
.detailHeader a:last-child { margin:0 0 0 0.5rem; }
.detailContent { border-bottom:1px solid #fff; }
.dcTitle { display:flex; flex-flow: row nowrap; justify-content: space-between; margin:5.0rem 0 0; padding:1.0rem 0; min-height:5.0rem; border-bottom:1px solid #fff; }
.dcTitle i { font-size:2.4rem; }
.dcTitle .contentTitle { flex:8 8 90%; text-align:center; }
.dcTitle .ctOption { flex:1 1 5%; }

.dcTitle .btn { display: inline-block; }
/*.dcSummary {}*/
.dcSummary .regInfo { display:flex; flex-flow: row wrap; justify-content: space-between; padding:1.0rem 0; min-height:4.0rem; border-bottom:1px solid #fff; font-size:1.4rem; }
.dcSummary .divisionTitle { flex:1 1 5%; text-align:center; }
.dcSummary .divisionContent { flex:1 1 20%; }
.dcMain { padding:1.5rem 0;}

/* ------------------------------------------------------------------------------------------------------------
    Basic Board Write
------------------------------------------------------------------------------------------------------------ */
.boardWrite { width:100%; transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; }
.boardForm { display: flex; flex-flow: row wrap; justify-content: flex-start; }
.formTitle { flex:1 1 5%; height:5.0rem; padding-top:calc((5.0rem - 1.5rem)/2); padding-bottom:calc((5.0rem - 1.5rem)/2); max-width:100px; text-align:center; }
.formContent { flex:1 1 45%; height:5.0rem; padding-top:calc((5.0rem - 4.0rem)/2); padding-bottom:calc((5.0rem - 4.0rem)/2); max-width:300px; }
.formContent input { font-size:1.6rem; }
.boardReg { display: flex; flex-flow: row nowrap; justify-content: center; margin:5.0rem; }
.boardReg a:last-child { margin:0 0 0 0.5rem; }