._con { padding-top: 0; } 

.topTit { padding:40px 0 60px; text-align: center; font-size: 18px; font-weight: 600; } 
.termWrap { width: 420px;; margin: 0 auto;; } 
.termWrap li.all label { font-weight: 600; } 
.termWrap li label { font-size: 16px; } 
.termWrap li { display: flex; justify-content:space-between; flex-wrap: wrap; border-bottom: 1px solid var(--line_02); } 
.termWrap li ._check { padding: 12px 0; height: 60px; display: flex; align-items: center; } 
.termWrap li .btn { width: 60px; cursor: pointer; height: 60px; background-size: 12px; background-image: url(../../img/arrow/arrow_down_bf.png); } 
.termWrap li .txt { border-top: 1px solid var(--line_02); width: 100%; padding:20px; background-color: var(--bg_03); max-height: 320px; overflow-y: auto; display: none; line-height: 26px; } 
.termWrap li.on .btn { background-image: url(../../img/arrow/arrow_up_bf.png); } 
.termWrap li.colR .txt { border:2px solid red } 
.termWrap li.colR .txt .colR { color: red; font-weight: 600; font-size: 16px; margin-bottom: 20px; } 
.btnWrap { width: 420px;; margin: 0 auto;; margin-top: 20px; } 
.btnWrap button { width: 100%; font-size: 16px; font-weight: 600; height: 60px; } 


@media screen and (max-width: 720px) {._pageTop { display: block; } 
.topTit { padding:var(--60) 0 var(--20);font-size: var(--32); } 
.termWrap { width: 100%;; padding: var(--36); } 
.termWrap li label { font-size: var(--28); } 
.termWrap li ._check { padding: var(--20) 0; height:var(--100); } 
.termWrap li .btn { width: var(--80); height: var(--100); background-size: var(--20); } 
.termWrap li .txt {padding:var(--36); max-height: var(--420); font-size: var(--24); line-height: var(--42); } 
.termWrap li.colR .txt { border:var(--2) solid red } 
.termWrap li.colR .txt .colR {font-size: var(--28); margin-bottom: var(--20); } 
.btnWrap { width: 100%;; padding:0 var(--36); margin-top: 0; } 
.btnWrap button {font-size: var(--28);height: var(--100); } 
 }