/* ------------------------------------------------------------------------------------------------------------
    Page Common
------------------------------------------------------------------------------------------------------------ */
.pageTitle h1 { font-weight:bold; }
.pageSearch { display: flex; flex-flow: row wrap; justify-content: space-between; }
.pageSearchL { flex:1 1 50%; height:5.0rem; padding-top:calc((5.0rem - 1.5rem)/2); padding-bottom:calc((5.0rem - 1.5rem)/2); }
.pageSearchL a:last-child { margin:0 0 0 0.5rem; }
.pageSearchR { flex:1 1 50%; height:5.0rem; padding-top:calc((5.0rem - 4.0rem)/2); padding-bottom:calc((5.0rem - 4.0rem)/2); min-width:300px; }
.pageSearchR .btn { position: absolute; top:0; right:0; height:4.0rem; padding:1.1rem 1.5rem; }

/* ------------------------------------------------------------------------------------------------------------
    Basic Board
------------------------------------------------------------------------------------------------------------ */
.board { width:100%; }

.boardList { margin:6rem 0 0; padding:0; border-top:2px solid #545454; border-bottom:1px solid #545454; }
.listHeader { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; height:4.0rem; padding-top:calc((4.0rem - 1.5rem)/2); padding-bottom:calc((4.0rem - 1.5rem)/2); font-size:1.2rem; text-align:center; }
.lhItem:first-child { flex:1 1 5%; }
.lhItem:nth-child(2) { flex:1 1 5%; }
.lhItem:nth-child(3) { flex:1 1 60%; }
.lhItem:nth-child(4) { flex:1 1 8%; }
.lhItem:nth-child(5) { flex:1 1 14%; }
.lhItem:last-child { flex:1 1 8%; }

.listContent { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; min-height:4.0rem; padding-top:calc((4.0rem - 1.5rem)/2); padding-bottom:calc((4.0rem - 1.5rem)/2); font-size:1.2rem;  text-align:center; }
.lcItem:first-child { flex:1 1 5%; }
.lcItem:nth-child(2) { flex:1 1 5%; }
.lcItem:nth-child(3) { flex:1 1 60%; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board .lcItem:nth-child(3) { text-align:left; }
.lcItem:nth-child(4) { flex:1 1 8%; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lcItem:nth-child(5) { flex:1 1 14%; }
.lcItem:last-child { flex:1 1 8%; }

/* ------------------------------------------------------------------------------------------------------------
    Basic Board View
------------------------------------------------------------------------------------------------------------ */
.boardView { width:100%; }
.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%; }
.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; }

/* ------------------------------------------------------------------------------------------------------------
    Event Board
------------------------------------------------------------------------------------------------------------ */
.boardEvent .lhItem:first-child { flex:1 1 5%; }
.boardEvent .lhItem:nth-child(2) { flex:1 1 5%; }
.boardEvent .lhItem:nth-child(3) { flex:1 1 5%; }
.boardEvent .lhItem:nth-child(4) { flex:1 1 55%; }
.boardEvent .lhItem:nth-child(5) { flex:1 1 8%; }
.boardEvent .lhItem:nth-child(6) { flex:1 1 14%; }
.boardEvent .lhItem:last-child { flex:1 1 8%; }

.boardEvent .lcItem:first-child { flex:1 1 5%; }
.boardEvent .lcItem:nth-child(2) { flex:1 1 5%; }
.boardEvent .lcItem:nth-child(3) { flex:1 1 5%; }
.boardEvent .lcItem:nth-child(4) { flex:1 1 55%; text-align:left; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.boardEvent .lcItem:nth-child(5) { flex:1 1 8%; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.boardEvent .lcItem:nth-child(6) { flex:1 1 14%; }
.boardEvent .lcItem:last-child { flex:1 1 8%; }

/* ------------------------------------------------------------------------------------------------------------
    Product Board
------------------------------------------------------------------------------------------------------------ */
.boardProduct .lhItem:first-child { flex:1 1 3%; }
.boardProduct .lhItem:nth-child(2) { flex:1 1 3%; }
.boardProduct .lhItem:nth-child(3) { flex:1 1 4%; }
.boardProduct .lhItem:nth-child(4) { flex:1 1 10%; }
.boardProduct .lhItem:nth-child(5) { flex:1 1 60%; }
.boardProduct .lhItem:nth-child(6) { flex:1 1 10%; }
.boardProduct .lhItem:last-child { flex:1 1 10%; }

.boardProduct .lcItem:first-child { flex:1 1 3%; }
.boardProduct .lcItem:nth-child(2) { flex:1 1 3%; }
.boardProduct .lcItem:nth-child(3) { flex:1 1 4%; }
.boardProduct .lcItem:nth-child(4) { flex:1 1 10%; }
.boardProduct .lcItem:nth-child(5) { flex:1 1 60%; text-align:left; padding:0 1.0rem; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.boardProduct .lcItem:nth-child(6) { flex:1 1 10%; }
.boardProduct .lcItem:last-child { flex:1 1 10%; }

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

.memberHeader { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; min-height:4.0rem; padding-top:calc((4.0rem - 1.5rem)/2); padding-bottom:calc((4.0rem - 1.5rem)/2); font-size:1.4rem; text-align:center; }
.memberHeader .mhItem:first-child { flex:1 1 3%; }
.memberHeader .mhItem:nth-child(2) { flex:1 1 3%; }
.memberHeader .mhItem:nth-child(3) { flex:1 1 4%; }
.memberHeader .mhItem:nth-child(4) { flex:1 1 5%; }
.memberHeader .mhItem:nth-child(5) { flex:1 1 10%; }
.memberHeader .mhItem:nth-child(6) { flex:1 1 15%; }
.memberHeader .mhItem:nth-child(7) { flex:1 1 8%; }
.memberHeader .mhItem:nth-child(8) { flex:1 1 8%; }
.memberHeader .mhItem:nth-child(9) { flex:1 1 8%; }
.memberHeader .mhItem:nth-child(10) { flex:1 1 8%; }
.memberHeader .mhItem:last-child { flex:1 1 8%; }

.memberContent { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #545454; min-height:4.0rem; padding-top:calc((4.0rem - 1.5rem)/2); padding-bottom:calc((4.0rem - 1.5rem)/2); font-size:1.4rem;  text-align:center; }
.memberContent .mcItem:first-child { flex:1 1 3%; }
.memberContent .mcItem:nth-child(2) { flex:1 1 3%; }
.memberContent .mcItem:nth-child(3) { flex:1 1 4%; }
.memberContent .mcItem:nth-child(4) { flex:1 1 5%; }
.memberContent .mcItem:nth-child(5) { flex:1 1 10%; }
.memberContent .mcItem:nth-child(6) { flex:1 1 15%; }
.memberContent .mcItem:nth-child(7) { flex:1 1 8%; }
.memberContent .mcItem:nth-child(8) { flex:1 1 8%; }
.memberContent .mcItem:nth-child(9) { flex:1 1 8%; }
.memberContent .mcItem:nth-child(10) { flex:1 1 8%; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.memberContent .mcItem:last-child { flex:1 1 8%; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ------------------------------------------------------------------------------------------------------------
    Order Board
------------------------------------------------------------------------------------------------------------ */
.boardOrder .lhItem:first-child { flex:1 1 3%; }
.boardOrder .lhItem:nth-child(2) { flex:1 1 3%; }
.boardOrder .lhItem:nth-child(3) { flex:1 1 5%; }
.boardOrder .lhItem:nth-child(4) { flex:1 1 5%; }
.boardOrder .lhItem:nth-child(5) { flex:1 1 10%; }
.boardOrder .lhItem:nth-child(6) { flex:1 1 5%; }
.boardOrder .lhItem:nth-child(7) { flex:1 1 5%; }
.boardOrder .lhItem:nth-child(8) { flex:1 1 10%; }
.boardOrder .lhItem:nth-child(9) { flex:1 1 5%; }
.boardOrder .lhItem:nth-child(10) { flex:1 1 5%; }
.boardOrder .lhItem:nth-child(11) { flex:1 1 15%; }
.boardOrder .lhItem:nth-child(12) { flex:1 1 7%; }
.boardOrder .lhItem:nth-child(13) { flex:1 1 8%; }
.boardOrder .lhItem:nth-child(14) { flex:1 1 6%; }
.boardOrder .lhItem:last-child { flex:1 1 4%; }

.boardOrder .lcItem:first-child { flex:1 1 3%; }
.boardOrder .lcItem:nth-child(2) { flex:1 1 3%; }
.boardOrder .lcItem:nth-child(3) { flex:1 1 5%; }
.boardOrder .lcItem:nth-child(4) { flex:1 1 5%; }
.boardOrder .lcItem:nth-child(5) { flex:1 1 10%; }
.boardOrder .lcItem:nth-child(6) { flex:1 1 5%; }
.boardOrder .lcItem:nth-child(7) { flex:1 1 5%; }
.boardOrder .lcItem:nth-child(8) { flex:1 1 10%; }
.boardOrder .lcItem:nth-child(9) { flex:1 1 5%; }
.boardOrder .lcItem:nth-child(10) { flex:1 1 5%; }
.boardOrder .lcItem:nth-child(11) { flex:1 1 15%; }
.boardOrder .lcItem:nth-child(12) { flex:1 1 7%; }
.boardOrder .lcItem:nth-child(13) { flex:1 1 8%; }
.boardOrder .lcItem:nth-child(14) { flex:1 1 6%; }
.boardOrder .lcItem:last-child { flex:1 1 4%; }

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

/* ------------------------------------------------------------------------------------------------------------
    Modal
------------------------------------------------------------------------------------------------------------ */
.modal { display: none; position: fixed; top:0; right:0; flex-direction: column; align-items: center; justify-content: center; width:100%; height:100%; background:rgb(0, 0, 0, 0.9); transition: all 1s ease-in-out; z-index:8887; }
.modalContent { width:50vw; height:50vh; background: #fff; color:#545454; }
.modalHeader { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid #d9d9d9; padding:1.5rem; }
.modalHeader .title { font-size:2.0rem; font-weight:900; }
.modalClose { color: red; text-decoration: none; font-size:2.8rem; font-weight: 300; }
.modalClose:hover, .modalClose:focus { text-decoration: none; cursor: pointer; }
.modalBody { padding:1.5rem; }