@charset "utf-8";.monitor-extra{background-color:#fff;line-height:1.45;color:#3e3e3e;padding:0;width:100%;max-width:1400px;margin:0 auto;font-size:16px}.monitor-extra [class*=grid-] .inner{width:100%}.monitor-extra section{width:100%;max-width:1080px;margin:0 auto;padding:1em}.monitor-extra .white-space span{display:inline-block;white-space:nowrap}.monitor-extra img{max-width:100%}@media screen and (min-width:768px){.monitor-extra .for-sp{display:none}}.monitor-extra .for-md{display:none}@media screen and (min-width:768px){.monitor-extra .for-md{display:block}}.monitor-extra .for-pc{display:none}@media screen and (min-width:1080px){.monitor-extra .for-pc{display:block}}.monitor-extra .more-link{display:flex;justify-content:center;margin:2em 0 4em;flex-direction:column}@media screen and (min-width:569px){.monitor-extra .more-link{flex-direction:row}}.monitor-extra .more-link a{text-align:center;padding:1em 2em;border-radius:2px;line-height:1.3;white-space:inherit}.monitor-extra .link{padding:1em;display:flex;justify-content:center;flex-direction:column}@media screen and (min-width:768px){.monitor-extra .link{flex-direction:row;align-items:center}}.monitor-extra .link a{background-color:#e87979;text-align:center;font-weight:700;padding:1em 0;border-radius:2px;margin:1em 0;font-size:1.1em;line-height:1.1;color:#fff}.monitor-extra .link a:hover{opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)"}@media screen and (min-width:768px){.monitor-extra .link a{margin:1em .5em;padding:1em 6em}}.monitor-extra .link .counseling{background-color:#f1ab26}.monitor-extra .link .registerUser{background-color:#56B06D}.monitor-extra .link .Startguide{background-color:#6181ce}.monitor-extra .close .closed{padding:.5em 2em;font-size:1.3em;letter-spacing:5px;border:2px solid #b0d4ea;font-weight:700;color:#4188b3;width:max-content;margin:2em auto}.monitor-extra header{width:100%;margin:0 auto;position:relative;max-width:1400px;background-image:url(https://sb-drops.s3.amazonaws.com/drop/rmopt-64b6b3cbc4cf5-980614300-1689695179.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.monitor-extra header .line{padding:.6em;color:#fff;background-color:#000;opacity:.6;text-align:center;font-size:.85em;letter-spacing:6px;font-weight:700;z-index:2;position:relative}.monitor-extra header img{width:15%;display:block;margin:0 auto;padding:2em 0}.monitor-extra h1{text-align:center;position:relative;font-weight:400;font-size:2em;margin:1em 0 0;padding:0 1em}.monitor-extra h1 em{font-style:normal;color:#dc4c4d}.monitor-extra .intro{width:100%;max-width:1080px;margin:0 auto;padding:1em}.monitor-extra .intro p{font-size:1em;text-align:center;max-width:800px;margin:0 auto}.monitor-extra .intro p b{font-weight:700}.monitor-extra .lesson-scenes h2{text-align:center;margin:2em 0 .5em;font-size:1.8em}.monitor-extra .lesson-scenes .video_list{display:grid;grid-template-columns:1fr;gap:1em}@media screen and (min-width:768px){.monitor-extra .lesson-scenes .video_list{grid-template-columns:1fr 1fr;width:80%;margin:0 auto}}.monitor-extra .lesson-scenes .video_list .video-item img{cursor:pointer}.monitor-extra .lesson-scenes .video_list .video-item .play-btn{width:11%;position:absolute;bottom:6%;left:5%;opacity:.7}.monitor-extra .lesson-scenes .click-to-play{background-color:#fff;border:1px solid #dedede;padding:.5em;margin:0 auto 1vh;width:fit-content}.monitor-extra .lesson-scenes .click-to-play .video-oneScene{cursor:pointer;position:relative}.monitor-extra .lesson-scenes .category-title{text-align:center}.monitor-extra .lesson-scenes .category-title img{width:30px}.monitor-extra .lesson-scenes .category-title a{line-height:30px}.monitor-extra .lesson-scenes .category-title a span{font-size:.95em}.monitor-extra .feedback-list h2{text-align:center;margin:2em 0 1em;font-size:1.8em}.monitor-extra .feedback-list .user-avatar img{border-radius:50%;background-color:#fff}.monitor-extra .feedback-list .comment-inner .feedback-comment p{font-size:.9em;letter-spacing:1px;line-height:1.8}.monitor-extra .feedback-list .comment-inner .feedback-comment-lesson img{width:23px;height:23px}.monitor-extra .TutorEx h2{text-align:center;margin:0 0 30px;color:#555;font-size:1.8em}.monitor-extra .TutorEx ul{display:flex;justify-content:center;gap:1em;flex-wrap:wrap}.monitor-extra .TutorEx ul li{text-align:center;font-size:.85rem}.monitor-extra .TutorEx ul li a{color:#333}.monitor-extra .TutorEx ul li img{max-width:150px;padding:7px;border-radius:50%;display:block;margin:0 auto 10px;box-shadow:0 2.5rem 2rem -2rem hsl(200 50% .5%)}.monitor-extra .detail-wrapping{background-color:#fbfbf7}.monitor-extra .detail-wrapping .detail h4{padding:2em 0 1em}.monitor-extra .detail-wrapping .detail h4 img{display:block;margin:auto}.monitor-extra .detail-wrapping .detail .date .inner{padding:2em 1em 0}@media screen and (min-width:768px){.monitor-extra .detail-wrapping .detail .date .inner{padding:2em 2em 0}}.monitor-extra .detail-wrapping .detail .date .inner p{font-size:1.2em;margin:.5em 0;border-bottom:2px dashed #ccc;padding:.3em;background-color:#fff}@media screen and (min-width:768px){.monitor-extra .detail-wrapping .detail .date .inner p{letter-spacing:5px;font-size:1.3em}.monitor-extra .detail-wrapping .detail .date .inner p:lang(en){letter-spacing:3px}}.monitor-extra .detail-wrapping .detail .date .inner p b{font-size:90%}.monitor-extra .detail-wrapping .detail .date .inner p a{color:#222}.monitor-extra .detail-wrapping .detail .date .inner p a img{width: 2em;border-radius: 6px;}.monitor-extra .detail-wrapping .detail [class*=details-] .inner{padding:1em 2em}.monitor-extra .detail-wrapping .detail [class*=details-] .inner h5{margin:1em 0}.monitor-extra .detail-wrapping .detail [class*=details-] .inner p{margin:.5em 0;font-size:.9em}.monitor-extra .detail-wrapping .detail [class*=details-] .inner p small{line-height:.7}.monitor-extra .detail-wrapping .detail [class*=details-] .inner .meno{font-size:95%}.monitor-extra .detail-wrapping .detail [class*=details-] .inner ul{margin:0 0 0 1em}.monitor-extra .detail-wrapping .detail [class*=details-] .inner ul li{list-style-type:disc;font-size:.9em;margin:1em 0;border-bottom:1px dotted #ccc;padding:0 0 .3em}.monitor-extra .for-beginner{padding:1em}.monitor-extra .for-beginner h4{margin:4em 0 0 0}.monitor-extra .for-beginner p{font-size:1.1em;line-height:1.6;margin:1em 0}.pageTop_btn{opacity:0;position:fixed;bottom:150px;right:20px;transition:.5s}.pageTop_btn a{z-index:10;font-size:12px;padding:30px 0;background-color:#8E7B87;text-decoration:none;color:#fff;line-height:normal;width:100px;height:77px;text-align:center;display:block;border-radius:5px}.pageTop_btn.show{opacity:1}.playing-video{display:none;visibility:visible;opacity:1;z-index:100;background:rgba(15,14,30,.9);height:100%;left:0;padding:0 15px;position:fixed;top:0;width:100%;padding:0 20px}@media screen and (min-width:768px){.playing-video{padding:20%}}.playing-video.show{display:block}.playing-video .video-content{opacity:1;transform:scale(1) translate3d(0,0,0);background:#494d55;width:100%;position:relative;top:50%;margin-top:-30%;padding:2px}.playing-video .video-content .close-btn_wrapper{position:absolute;bottom:100%;right:0;color:#fff;font-weight:700;opacity:.7;display:flex;align-items:center;cursor:pointer;padding:1rem}.playing-video .video-content .close-btn_wrapper .close-btn{width:20px;height:20px;margin-right:10px;position:relative}.playing-video .video-content .close-btn_wrapper .close-btn span{width:20px;height:2px;background-color:#fff;position:absolute;top:50%;left:0}.playing-video .video-content .close-btn_wrapper .close-btn span.top{transform:rotate(45deg)}.playing-video .video-content .close-btn_wrapper .close-btn span.bottom{transform:rotate(-45deg)}.playing-video .video-content .video-screen{width:100%;position:relative;padding:0;padding-top:56.25%}.playing-video .video-content .video-screen iframe{position:absolute;top:0;left:0;width:100%;height:100%}