.tutorial-list-module__5raJOa__tutorial{padding-bottom:60px}.tutorial-list-module__5raJOa__tutorial-select{justify-content:flex-end;padding-top:40px;display:flex;position:relative}.tutorial-list-module__5raJOa__tutorial-select:after{clear:both}.tutorial-list-module__5raJOa__tutorial-select button{background:0 0;padding:12px 60px 9px 14px;position:relative}.tutorial-list-module__5raJOa__tutorial-select button:after{content:"";background:url(/algeo/images/tutorial/footer_family_arrow.png) top/100% no-repeat;width:12px;height:7px;margin-top:-4px;display:block;position:absolute;top:50%;right:9px}.tutorial-list-module__5raJOa__tutorial-select button.tutorial-list-module__5raJOa__on:after{background-position:bottom}.tutorial-list-module__5raJOa__tutorial-select ul{z-index:1;background:#fff;border:1px solid #c9c9c9;display:none;position:absolute;top:100%;left:0;right:0}.tutorial-list-module__5raJOa__tutorial-select ul li{border-bottom:1px solid #e5e5e5}.tutorial-list-module__5raJOa__tutorial-select ul li:last-child{border-bottom:none}.tutorial-list-module__5raJOa__tutorial-select ul li a{padding:12px 20px 9px;display:block}.tutorial-list-module__5raJOa__tutorial-select ul li a:hover{color:#e84118}@media only screen and (max-width:640px){.tutorial-list-module__5raJOa__tutorial-list .tutorial-list-module__5raJOa__d-flex{display:block!important}}
.list-module__QxQ4DG__tutorial-list{padding-bottom:65px}.list-module__QxQ4DG__title{padding-bottom:15px;font-family:Noto Sans KR,sans-serif;font-size:24px;font-weight:700}.list-module__QxQ4DG__wrapper{grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(410px,1fr));display:grid}.list-module__QxQ4DG__tutorial-box{border:3px solid #f2f2f2;padding:7px}.list-module__QxQ4DG__tutorial-box:hover{transition:all .3s ease-in-out;box-shadow:0 2px 20px #00000026}.list-module__QxQ4DG__tutorial-con{background-color:#f2f2f2;width:130px;height:100px;background-size:cover!important}.list-module__QxQ4DG__tutorial-box dl{padding:27px 21px 0}.list-module__QxQ4DG__tutorial-box dl:hover{color:#e84118;cursor:pointer!important}.list-module__QxQ4DG__tutorial-box dl dt{white-space:nowrap;text-overflow:ellipsis;width:180px;padding-bottom:10px;font-family:Noto Sans KR,sans-serif;font-size:18px;font-weight:700;overflow:hidden}.list-module__QxQ4DG__tutorial-box dl dd{white-space:nowrap;text-overflow:ellipsis;width:180px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:500;overflow:hidden}.list-module__QxQ4DG__tutorial-box>a:hover .list-module__QxQ4DG__tutorial-con{transform:translateY(-4px)}.list-module__QxQ4DG__d-flex{display:flex!important}@media only screen and (max-width:991px){.list-module__QxQ4DG__tutorial-box{margin-bottom:15px}.list-module__QxQ4DG__tutorial-con{width:300px;height:231px}}@media only screen and (max-width:640px){.list-module__QxQ4DG__tutorial-list .list-module__QxQ4DG__d-flex{display:block!important}.list-module__QxQ4DG__tutorial-con{width:100%}.list-module__QxQ4DG__tutorial-box dl{padding:27px 0 20px}.list-module__QxQ4DG__tutorial-box dl dt a,.list-module__QxQ4DG__tutorial-box dl dd a{width:500px}.list-module__QxQ4DG__wrapper{grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}