/* ============================================================
   박스
   - border-radius 1.2rem, padding 2rem
   - .has-border (1px solid) + 색 클래스로 border-color 부여
   - .b-gray   : #EEEFF0
   - .b-blue-2 : 2px solid #00AEFF (border-width 2px 로 자체 오버라이드)
   - .shadow   : box-shadow 0 0 6px 0 #0000001A
   ============================================================ */

.box {
    box-sizing: border-box;
    padding: 2rem;
    border-radius: 1.2rem;
    background: #fff;
}

.box.has-border {
    border: 1px solid transparent;
}

.box.b-gray {
    border-color: var(--line2);
}

.box.b-blue-2 {
    border: 2px solid var(--color-primary);
}

.box.shadow {
    box-shadow: 0px 0px 6px 0px #0000001A;
}