/* GENERAL */
@charset "UTF-8";

/* CHOCO-CLASS */
.choco-class-main-wrapper .header-w {display: flex;flex-direction: column;height: auto;}
.choco-class-main-wrapper .header-w .agency-section-wrap {width: 100%;color: #fff;font-size: 14px;height: 42px;padding: 0 4rem;background-color: #666;}
.choco-class-main-wrapper .agency-section-wrap .user-info-area {width: 100%;display: flex;justify-content: space-between;align-items: center;flex: 1 1 auto;gap: 24px;}
.choco-class-main-wrapper .agency-section-wrap .user-info-area .msg {font-size: 18px;font-weight: 800;}
.choco-class-main-wrapper .agency-section-wrap .user-info-area .user-info {display: flex;flex: 1;gap: 24px;}
.choco-class-main-wrapper .agency-section-wrap .user-info-area .user-info .info-item:last-child {margin-left: auto;}
.choco-class-main-wrapper .agency-section-wrap .user-info-area .user-info .info-item .tit {font-weight: 700;margin-right: 4px;}
.choco-class-main-wrapper .agency-section-wrap .agency-section {width: 100%;display: flex;justify-content: space-between;padding: 6px 0;}
.choco-class-main-wrapper .agency-section-wrap .login-info-area .login-info-area-logout {flex: none;padding: 0 8px;height: 30px;margin-left: 16px;color: #fff;width: 70px;border: 1px solid #fff;border-radius: 8px;background-color: transparent;}
.choco-class-main-wrapper .header-wrap {width: 100%;height: 70px;display: flex;justify-content: space-between;padding: 0 4rem;}
.choco-class-main-wrapper .contents-w {padding-top: 110px}
.choco-class-main-wrapper .quickMenu-w02 {padding-top: 20px;margin-top: 20px;}
.choco-class-main-wrapper .content-inner .contents {padding: 1rem 2rem}
.choco-class-main-wrapper .content-inner .contents .content-section {padding-top: 10px}
.choco-class-main-wrapper .content-inner::before {bottom: 40px}
.choco-class-main-wrapper .content-inner .contents .recommend-list {margin-top: 5px}
.choco-class-main-wrapper .content-inner .contents .studyDataList-w04 {margin-top: 10px}

/* CHOCO */
.choco-main-wrapper .header-wrap {width: 100%;height: 70px;display: flex;justify-content: space-between;}