#field_course .field_course{padding:64px 0 0 0}@media screen and (max-width:480px){#field_course .field_course{padding:40px 0 0 0}}#field_course .field_course .hanjin-tab-group{display:flex;flex-direction:column;align-items:center;gap:8px;margin:32px 0 30px 0}#field_course .field_course .hanjin-subject-tab-group{margin-top:0}@media screen and (max-width:480px){#field_course .field_course .hanjin-tab-group{gap:6px;margin:24px 0}}#field_course .field_course .hanjin-tab-group>ul{justify-content:center;flex-wrap:nowrap;gap:8px;margin:0}@media screen and (max-width:780px){#field_course .field_course .course_menu{overflow-x:hidden;width:100%}#field_course .field_course .hanjin-tab-group{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-items:center;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}#field_course .field_course .hanjin-tab-group::-webkit-scrollbar{display:none}#field_course .field_course .hanjin-tab-group>ul{flex-shrink:0;justify-content:flex-start;overflow:visible}#field_course .field_course .hanjin-tab-group>ul:last-child{padding-right:16px}}@media screen and (max-width:480px){#field_course .field_course .hanjin-tab-group>ul{gap:6px;margin:0}}#field_course .field_course .hanjin-tab-group>ul li{padding:0;margin:0;border:none}#field_course .field_course .hanjin-tab-group>ul li.active a{border:1px solid #00b8fa;background:#fff}#field_course .field_course .hanjin-tab-group>ul a{display:flex;padding:6px 20px;border-radius:100px;background:rgba(0,184,250,.1);color:#00b8fa;border:1px solid transparent;font-size:16px}@media screen and (max-width:480px){#field_course .field_course .hanjin-tab-group>ul a{padding:4.5px 18px;font-size:15px}}#field_course .field_course .hanjin-tab-group>ul a:hover{border:1px solid #00b8fa}#field_course .field_course .hanjin-tab-group>ul.hanjin-subject-tabs li.active a{border:1px solid #888;background:#fff;color:#444}#field_course .field_course .hanjin-tab-group>ul.hanjin-subject-tabs a{background:rgba(0,0,0,.06);color:#666;border:1px solid transparent;font-size:14px}#field_course .field_course .hanjin-tab-group>ul.hanjin-subject-tabs a:hover{border:1px solid #888}#field_course .field_course .card_wrapper{flex-wrap:wrap;gap:36px}@media screen and (max-width:1024px){#field_course .field_course .card_wrapper{gap:36px 30px}}@media screen and (max-width:600px){#field_course .field_course .card_wrapper{gap:30px 20px}}@media screen and (max-width:420px){#field_course .field_course .card_wrapper{gap:16px 12px}}#field_course .field_course .course_card{max-width:none;width:calc(25% - 27px)}@media screen and (max-width:1024px){#field_course .field_course .course_card{width:calc(25% - 22.5px)}}@media screen and (max-width:768px){#field_course .field_course .course_card{width:calc(50% - 15px)}}@media screen and (max-width:600px){#field_course .field_course .course_card{width:calc(50% - 10px)}}@media screen and (max-width:420px){#field_course .field_course .course_card{width:calc(50% - 6px)}}#field_course .field_course .course_card:hover{transform:translateY(0)}#field_course .field_course .course_card .card_img{max-width:none;height:auto}@media screen and (max-width:420px){#field_course .field_course .course_card .card_img{border-radius:6px}}#field_course .field_course .course_card .card_cont{padding:16px 0 0 0;min-height:auto}@media screen and (max-width:600px){#field_course .field_course .course_card .card_cont{padding:10px 0 0 0}}#field_course .field_course .course_card .card_cont>.tit{min-height:50px;line-height:25px}@media screen and (max-width:420px){#field_course .field_course .course_card .card_cont>.tit{min-height:40px;line-height:20px;margin-bottom:4px}}#field_course .field_course .course_card .card_cont .txt{margin-bottom:0}#field_course .field_course .course_card--disabled{cursor:default;pointer-events:none;opacity:.6}#field_course .field_course .course_card .card_tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}#field_course .field_course .course_card .card_tag{font-size:12px;color:#888;background:rgba(0,0,0,.04);border-radius:4px;padding:2px 6px;line-height:1.4}@media screen and (max-width:420px){#field_course .field_course .course_card .card_tag{font-size:11px}}