@charset "utf-8";




/* 박스 */
.bdrBox1 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; }
.bdrBox1 > li { flex: 0 0 auto; padding:10px 10px; margin-right:1%; margin-bottom:1%; font-size:16px; background-color:#03235f; color:#fff; }
.bdrBox1.radius > li { border-radius:10px; }
.bdrBox1.hashTag > li::before { content:"#"; display:inline-block; padding-right:5px; }
.bdrBox1.colorBox_1 > li:nth-child(even) { background-color:#ecf2f2; border:1px solid #d5e3ea; }
.bdrBox1.colorBox_1 > li:nth-child(odd) { background-color:#fafafa; border:1px solid #d5e3ea; }

.bdrBox2 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; }
.bdrBox2 > li { flex: 0 0 auto; padding:10px 10px; margin-right:1%; margin-bottom:1%; font-size:16px; background-color:#0971ce; color:#fff; }
.bdrBox2.radius > li { border-radius:10px; }
.bdrBox2.hashTag > li::before { content:"#"; display:inline-block; padding-right:5px; }
.bdrBox2.colorBox_1 > li:nth-child(even) { background-color:#ecf2f2; border:1px solid #d5e3ea; }
.bdrBox2.colorBox_1 > li:nth-child(odd) { background-color:#fafafa; border:1px solid #d5e3ea; }

.bdrBox3 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; }
.bdrBox3 > li { flex: 0 0 auto; padding:10px 10px; margin-right:1%; margin-bottom:1%; font-size:16px; background-color:#e67200; color:#fff; }
.bdrBox3.radius > li { border-radius:10px; }
.bdrBox3.hashTag > li::before { content:"#"; display:inline-block; padding-right:5px; }
.bdrBox3.colorBox_1 > li:nth-child(even) { background-color:#ecf2f2; border:1px solid #d5e3ea; }
.bdrBox3.colorBox_1 > li:nth-child(odd) { background-color:#fafafa; border:1px solid #d5e3ea; }