@charset "utf-8";

/* teach view */
.teach-view-container{ padding-top:80px; }

.teach-view-container .tit-dep3{ margin-top:80px; }

.teach-view-container .profile-content{ text-align:center; }
.teach-view-container .profile-content .user-layout > .img-area{ width:120px; height:120px; }
.teach-view-container .profile-content .sticker-area{ margin-top:16px; }
.teach-view-container .profile-content .summary-area{ margin-top:40px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.teach-view-container .profile-content .summary-area > li{ min-width:120px; margin:8px; text-align:center; }
.teach-view-container .profile-content .summary-area > li .txt{ margin-bottom:8px; }
.teach-view-container .profile-content .summary-area > li .tit-dep3{ margin:0; }

/** Tablets **/
@media screen and (max-width:1024px){
    
}

/** mobiles **/
@media screen and (max-width:767px){
    /* teach view */
    .teach-view-container{ padding-top:40px; }

    .teach-view-container .tit-dep3{ margin-top:40px; }
    
    .teach-view-container .profile-content .sticker-area{ margin-top:8px; }
    .teach-view-container .profile-content .summary-area{ margin-top:24px; }
    .teach-view-container .profile-content .summary-area > li{ min-width:auto; flex:1; }
    .teach-view-container .profile-content .summary-area > li .txt{ font-size:12px; }
}

/** mobiles xs **/
@media (max-width:360px) and (orientation:portrait){
    /* teach view */
    .teach-view-container .profile-content .summary-area > li .tit-dep3{ font-size:16px; }
}