@charset "utf-8";

/* 수업 바로가기 */
.group-info-bg{border-bottom:1px solid #ced1d5;background:#fcfcfc;}
.group-info-bg:after{content:'';width:100%;display:block;clear:both;}
.group-info-bg .group-info{position:relative;width:1100px;margin:0 auto;padding:60px 0 115px;}
.group-info-bg .group-info .img{float:left;position: relative;overflow: hidden;width:120px;height:120px;margin-right:30px;    border-radius: 50%;}
.group-info-bg .group-info .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.group-info-bg .group-info .tit{display:block;padding:9px 0 11px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;max-width:500px;font-size:24px;font-weight:500;}
.group-info-bg .group-info .tit em{display:inline-block;width:30px;height:30px; line-height:28px;border-radius:50%;text-align:center;font-size:18px;color:#fff;font-weight:500; vertical-align:2px;}
.group-info-bg .group-info .tit .elementary{background:#0d8a00;}
.group-info-bg .group-info .tit .middle{background:#e70f62;}
.group-info-bg .group-info .tit .high{background:#7054e7;}
.group-info-bg .group-info .info-list{display:block;overflow:hidden;}
.group-info-bg .group-info .info-list li{float:left;font-size:15px;color:#666;}
.group-info-bg .group-info .info-list li:first-child:before{display:none;}
.group-info-bg .group-info .info-list li:before{content:'';display:inline-block;width:1px;margin:0 11px;height:12px;background:#dcdcdc;vertical-align:-1px;}
.group-info-bg .group-info .date{overflow:hidden;padding:22px 0 0 0;}
.group-info-bg .group-info .date span{display:inline-block;padding:0 25px 0 0;color:#666;}
.group-info-bg .group-info .date strong{display:inline-block;font-size:18px;font-weight:500;}
.group-info-bg .group-info .date strong:before{content:'';display:inline-block;width:6px;height:6px;background:#3475cf;border-radius:50%;vertical-align:middle;margin-right:5px;}
.group-info-bg .group-info .date .schedule {color:#e70f62;}
.group-info-bg .group-info .date .schedule:before {background:#e70f62;}
.group-info-bg .group-info .date .ing {color:#3475cf;}
.group-info-bg .group-info .date .ing:before {background:#3475cf;}
.group-info-bg .group-info .date .end {color:#ac6124;}
.group-info-bg .group-info .date .end:before {background:#ac6124;}
.group-info-bg .class-short-cut{position:absolute;right:0;top:64px;}
.group-info-bg .class-short-cut select{width:310px;height:31px;padding: 0 32px 0 12px;border:1px solid #d9dfe5;color:#3c4154;background:#fff url(../images/cl/bl_select1.png) no-repeat right center;}
.group-info-bg .class-short-cut a{display:inline-block;min-width:55px;height:31px;line-height:30px;padding:0 15px;background:#87919f;font-weight:500;color:#fff;text-align:center;font-size:15px;}

/* 수업정보 */
.class-info-cont{margin-top:-55px;}
.class-info-cont .tab-list{margin-top:0; margin-bottom:60px;}

/* 수업상세 */
.class-detail {position:relative;overflow:hidden;color:#404040;}
.class-detail em{display:block;padding:0 0 12px 0;font-size:18px;}
.class-detail strong{display:block;font-weight:500;font-size:20px;}
.class-detail .compulsory{position:absolute;right:0;top:0;display:inline-block;width:99px;line-height:36px;text-align:center;border-radius:20px;background:#f7e5b5;color:#af4c25;font-size:16px;font-weight:500;}
.class-detail .compulsory:before{content:'';display:inline-block;width:18px;height:17px;margin-right:9px;background:url(../images/cl/icon_compulsory_star.png) no-repeat;vertical-align:-2px;}
.class-detail ul.link{position: relative;display: table;table-layout: fixed;width: 100%;margin-top: 60px;background: #fff;vertical-align: top;border-top:1px solid #aeb6c0;}
.class-detail ul.link li{position: relative;display: table-cell;width: 50%;border-left: 0;text-align: center;}
.class-detail ul.link li:before{content:'';position:absolute;left:0;top:38px;display:inline-block;width:1px;height:65px;background:#eff0f2;}
.class-detail ul.link li:first-child:before{display:none;}
.class-detail ul.link li a{position:relative;display:inline-block;overflow:hidden;padding-top:31px;}
.class-detail ul.link li a:hover span:before{content:'';display:inline-block;width:12px;height:12px;background:#ffa760;position:absolute;left:50%;top:15px;margin-left:-6px;border-radius:50%;}
.class-detail ul.link li a:hover span img{margin-top:-32px;}
.class-detail ul.link li span{display:block;height:32px;overflow:hidden;}
.class-detail ul.link li em{display:block;padding:15px 0 0 0;font-size:15px;font-weight:500;color:#404040;}
.list-board td.task{background:#f9f9f9;}
.list-board td.task span{display:inline-block;width:33px;height:33px;vertical-align:-10px;}
.list-board td.task span img{width:100%;height:100%;border-radius:50%;object-fit: cover;}
.list-board td.task em{display:inline-block;padding-left:6px;font-weight:500;font-size:15px;color:#404040;}
.list-board.img-type td.icon-suggestion{text-align:center;padding-left:0;}
.list-board td.icon-suggestion img{vertical-align:-7px;margin-right:10px;}
.list-board td.icon-suggestion.center{text-align:center !important; padding-left:0;}
.list-board td.absence{color:#767676;}
.list-board.img-type td{padding: 11px 0;}
.list-board.img-type td.subject{padding-left:20px;padding-right: 20px;}
.list-board.img-type td.no-list {padding:56px 0 57px;}
.list-board.img-type td.no-list .sm-txt {margin-top:4px;font-size:14px;letter-spacing:-0.025em;}


/* 수업 홈 */
.class-box {margin-top:-1px; border:1px solid #d9dfe5;}
.class-box .none-cont {overflow:hidden; height:266px; color:#767676; font-size:16px; text-align:center;}
.class-box .none-cont:before {content:''; display:block; width:96px; height:96px; margin:65px auto 20px auto; background:url(../images/cl/icon_none_cont.png) no-repeat;}
.class-list {overflow-x:hidden; overflow-y:auto; height:266px; padding:1px 50px 0 30px;}
.class-list li {display:table; width:100%; padding:36px 0; border-top:1px solid #e9eff4; table-layout:fixed;}
.class-list li:first-child {border:none;}
.class-list li .class-img {display:table-cell; width:60px; vertical-align:middle;}
.class-list li .class-img span {display:block; overflow:hidden; width:60px; height:60px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.class-list li .class-img span img { width:100%; height:100%; }
.class-list li .class-cont {display:table-cell; padding:0 50px 0 20px; vertical-align:middle;}
.class-list li .class-cont strong {display:block; margin-bottom:2px;}
.class-list li .class-cont strong a {display:inline-block; width: calc(100% - 35px); width: -webkit-calc(100% - 35px); width: -moz-calc(100% - 35px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; font-weight:400; line-height:24px; vertical-align:-6px;}
.class-list li .class-cont strong em {width:24px; height:24px; margin-right:5px; font-size:13px; line-height:22px;}
.class-list li .class-cont span {position:relative; display:inline-block; color:#666; vertical-align:middle; line-height:16px;}
.class-list li .class-cont span + span {margin-left:20px;}
.class-list li .class-cont span + span:before {content:''; position:absolute; left:-10px; top:3px; width:1px; height:13px; background:#b7b7b7;}
.class-list li .class-date{width:142px;}
.class-list li .class-date {display:table-cell; width:320px; color:#666; font-weight:500; vertical-align:middle;}
.class-list li .class-state {display:table-cell; width:90px; text-align:center; vertical-align:middle;}
.class-list li .class-state.schedule {color:#e70f62;}
.class-list li .class-state.ing {color:#3475cf;}
.class-list li .class-state.end {color:#ac6124;}
.class-list::-webkit-scrollbar {width:4px;}
.class-list::-webkit-scrollbar-button:start:decrement,
.class-list::-webkit-scrollbar-button:end:increment {background:none;}
.class-list::-webkit-scrollbar-track {background:none; -webkit-border-radius: 10px; border-radius:10px;}
.class-list::-webkit-scrollbar-thumb {background:#ddd; -webkit-border-radius: 10px; border-radius: 10px;}

.quick-menu {overflow:hidden; margin-top:30px; border:1px solid #d9dfe5; border-top:1px solid #5e6d82;}
.quick-menu li {float:left; width:25%;}
.quick-menu li a {position:relative; display:block; overflow:hidden; height:215px; text-align:center;}
.quick-menu li a:after {content:''; position:absolute; left:0; top:50%; width:1px; height:70px; margin-top:-35px; background:#d9dfe5;}
.quick-menu li:first-child a:after {display:none;}
.quick-menu li a:before {content:''; display:block; width:64px; height:64px; margin:32px auto 0; background:skyblue;}
.quick-menu .menu-type01 a:before {background:url(../images/cl/icon_menu_banner01.png) no-repeat center bottom;}
.quick-menu .menu-type02 a:before {background:url(../images/cl/icon_menu_banner02.png) no-repeat center bottom;}
.quick-menu .menu-type03 a:before {background:url(../images/cl/icon_menu_banner03.png) no-repeat center bottom;}
.quick-menu .menu-type04 a:before {background:url(../images/cl/icon_menu_banner04.png) no-repeat center bottom;}
.quick-menu li a strong {display:block; margin-top:15px; font-size:16px; font-weight:500; color:#333;}
.quick-menu li a span {display:block; margin-top:10px; color:#767676; font-size:13px; line-height:18px;}

.quick-menu + .page-search {margin-top:30px;}

.search-results {margin-top:-1px; padding:0 30px; border:1px solid #d9dfe5; border-top-color:#9ba6b3;}
.search-results .search-count-btn {margin-top:30px;}
.search-results .btn-more {border-top:1px solid #d9dfe5;}

.search-results-list {overflow:hidden; border-top:1px solid #d9dfe5;}
.search-results-list li {position:relative; float:left; width:50%; height:200px; margin-top:-1px; padding:30px; border-top:1px solid #d9dfe5;}
.search-results-list li.none-cont {float:none; width:100%; padding:85px 0 0 0; color:#767676; font-size:16px; font-weight:400; text-align:center;}
.search-results-list li:nth-child(even):before {content:''; position:absolute; top:30px; bottom:30px; left:0; width:1px; background:#d9dfe5;}
.search-results-list li .results-img {float:left; overflow:hidden; width:120px; height:120px; margin-right:20px;}
.search-results-list li .results-cont > strong {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:40px 0 5px 0; font-size:20px; font-weight:500;}
.search-results-list li .results-cont > strong em {width:24px; height:24px; margin-right:8px; font-size:13px; line-height:22px; vertical-align:3px;}
.search-results-list li .results-cont > strong a{display: initial;}
.search-results-list li .results-cont > span {position:relative; display:inline-block; color:#666; font-weight:500; vertical-align:middle; line-height:16px;}
.search-results-list li .results-cont > span + span {margin-left:20px;}
.search-results-list li .results-cont > span + span:before {content:''; position:absolute; left:-10px; top:2px; width:1px; height:13px; background:#b7b7b7;}
.search-results-list li .results-cont > em {display:block; margin-top:5px; color:#767676; font-size:14px; font-weight:500;}
.search-results-list li .results-cont .course {display:inline-block;margin-right:7px;line-height:16px;font-weight:500;vertical-align:baseline;}
.search-results-list li .date-state {position:absolute; right:25px; top:25px; color:#767676; font-size:13px;}
.search-results-list li .date-state em {position:relative; display:inline-block; margin-left:20px; vertical-align:1px;}
.search-results-list li .date-state em:before {content:''; position:absolute; left:-10px; top:9px; width:5px; height:5px; vertical-align:middle; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.search-results-list li .date-state em.schedule {color:#e70f62;}
.search-results-list li .date-state em.schedule:before {background:#e70f62;}
.search-results-list li .date-state em.ing {color:#3475cf;}
.search-results-list li .date-state em.ing:before {background:#3475cf;}
.search-results-list li .date-state em.end {color:#ac6124;}
.search-results-list li .date-state em.end:before {background:#ac6124;}

.box-noti {margin-top:60px; padding:50px 0; background:#f9f9f9; text-align:center;}
.box-noti span {display:block; color:#505256; font-size:24px;}
.box-noti span strong {color:#fb5b1c; font-weight:400;}
.box-noti p {margin-top:20px; color:#505256; font-size:18px;}
.box-noti .btn-center {margin-top:30px;}
.box-noti .btn-center a {width:160px; padding:0; font-size:16px; line-height:37px;}
.box-noti .btn-center .btn-big-orange { line-height:39px; }

.btn-more {display:block; height:80px; color:#3c4154; font-size:16px; font-weight:500; line-height:80px; text-align:center;}
.btn-more:after {content:''; display:inline-block; width:17px; height:11px; margin-left:10px; background:url(../images/common/bl_more.png) no-repeat; vertical-align:0;}
.btn-more:hover, .btn-more:focus { color:#3c4154; }

/* 수업개설 */
.board-type01 table td.no-line{border-left:0;}
.board-type01 table td .star{display:inline-block;width:49px;height:15px;background: url(../images/cl/bg_star.png) no-repeat 0 0;}
.board-type01 table td .star > span{float:left;margin-left:2px;width:15px;height:15px;text-indent:-9999px;font-size:0;line-height:0;background: url(../images/cl/img_star_on.png) repeat-x 0 0;}
.board-type01 table td .star > span:first-child{margin:0;}
.board-type01 table td .star .level-1{width:15px;}
.board-type01 table td .star .level-2{width:34px;}
.board-type01 table td .star .level-3{width:49px;}

.list-board td.file{padding:0;background:#fff !important;}
.list-board tr.target-no td{background:#f8f8f8;}
.list-board td.file .img-add{display:table; table-layout:fixed; width:100%;}
.list-board td.file .img-add li{width:295px;display:table-cell;vertical-align:middle;font-size:15px;}
.list-board td.file .img-add li.add{width:256px;}
.list-board tr.no-target td{background:#fdf7f5;}

.list-board td.member-add{padding:0 !important;vertical-align:top;}
.list-board td.member-add .list-board{border:0;}
.list-board .member td.total{font-weight:500;color:#000;}
.list-board tr.btn-pd td{padding:12px 0 11px 30px;}
.list-board .member td{padding:17px 0 16px 30px;text-align:left;font-size:15px;}
.list-board .member td.t-center{text-align:center;padding-left:0;}
.list-board .member td.r-btn{text-align:right;padding-right:30px;}
.list-board table tr.left-line > td{ padding-left:20px; padding-right:20px; border-left:1px solid #d7d7d7;}
.list-board table tr.left-line > td:first-child{border-left:0;}
.list-board .member-del{margin-left:20px;}

.represent-image {padding:36px 0;}
.represent-image .img{ position:relative; overflow:hidden; display:inline-block;width:120px;height:120px; border-radius:50%; background: url(../images/cl/bg_default.png) no-repeat 0 0;}
.represent-image .img img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.represent-image .btn{padding-top:20px;display:block;overflow:hidden;text-align:center;}
.represent-image .btn .file-input.file-btn-type label {min-height: auto;}
.represent-image .btn .btn-white.small{margin-left:4px;}

.member-add-tit{display:table;height:55px;width:100%;overflow:hidden;background:#f8f8f8;border-bottom:1px solid #d7d7d7;}
.member-add-tit strong{display:table-cell;width:50%;font-weight:500;font-size:15px;color:#000;vertical-align:middle;text-align:left;padding-left:30px;}
.member-add-tit span{display:table-cell;width:50%;vertical-align:middle;text-align:right;padding-right:30px;}

.use-step{padding:20px 0 24px;border-top:1px solid #676c73;border-bottom:1px solid #d9dfe5;}
.use-step ul{overflow: hidden;}
.use-step ul li{float:left;width:366px;min-height:217px;padding-left:19px; border-left:1px solid #d9dfe5;box-sizing:border-box;}
.use-step ul li:first-child{border-left:none;}
.use-step ul li .step-txt{display:block;margin-bottom:2px;color:#5e6d82;font-size:16px;font-weight:500;}
.use-step ul li .tit{display:block;margin-top:1px;font-size:18px;color:#000000;font-weight:500;}
.use-step ul li .cont{margin-top:26px;padding-left:71px;}
.use-step ul li .cont.type01{background: url(../images/cl/bg_group_step01.png) no-repeat 6px 6px;}
.use-step ul li .cont.type02{background: url(../images/cl/bg_group_step02.png) no-repeat 8px 5px;}
.use-step ul li .cont.type03{margin-top:20px;background: url(../images/cl/bg_group_step03.png) no-repeat 8px 5px;}
.use-step ul li .cont .txt01{font-size:14px;line-height:22px;color:#333333;}
.use-step ul li .cont .txt02{margin-top:7px;font-size:13px;color:#e00;}
.use-step .btn-white {margin-top:15px;color:#000;}
.use-step .btn-arw {display:inline-block;width:6px;height:7px;margin-top:-5px;margin-left:10px;background:url(../images/cl/bg_arw.png) no-repeat 0 0;vertical-align:middle;}
.use-step ul li .cont.type02 .btn-white {margin-top:43px;margin-left:44px;}

.open-step {width:100%;margin:50px 0 0;}
.open-step .open-desc {position:relative;padding:23px 250px 27px 109px;margin:15px 0 0;border:1px solid #ccc;color:#555;}
.open-step .open-desc .note {margin:6px 0 0;color:#ed1c24;line-height:24px;}
.open-step .open-desc.bg-step01 {background:url(../images/cl/bg_class_step01.png) no-repeat 34px 26px;}
.open-step .open-desc.bg-step02 {background:url(../images/cl/bg_class_step02.png) no-repeat 32px 26px;}
.open-step .open-desc .btn-white {position:absolute;right:22px;top:32px;color:#000;}
.open-step .open-desc .btn-white .arw {display:inline-block;width:6px;height:7px;margin:0 0 0 7px;background:url(../images/cl/bg_arw.png) no-repeat 0 0;vertical-align:middle;}
.open-step .open-desc .essential {display:inline-block;margin-top:-6px;color:#f1b22b;font-size:14px;vertical-align:middle;}
.input-txt-line{display:inline-block;width:24px;height:10px;font-size:14px;margin:17px 5px 0 0;text-align:center;}

.data-board td.td-inner-box {padding:0;}
.td-select-list {position:relative;width:100%;height:100%;min-height:206px;}
.td-select-list li.left {position:absolute;left:0;top:0;width:283px;height:206px;border-right:1px solid #d7d7d7;}
.td-select-list li.right {margin-left:282px;border-left:1px solid #d7d7d7;}
.td-select-list li .title {display:block;height:39px;line-height:39px;border-bottom:1px solid #d7d7d7;background:#fafafa;text-align:center;font-size:14px;color:#000;font-weight:500;}
.td-select-list ul {display:inline-block;}
.td-select-list ul li {float:left;height:39px;line-height:37px;text-align:center;}
.td-select-list ul li a {display:block;border:1px solid #d7d7d7;}
.td-select-list ul li a.active {border-color:#595656;font-weight:500;color:#333;}
.td-select-list ul li a:hover {font-weight:500;color:#333;}
.td-select-list ul li a:focus,
.td-select-list ul li a:active {color:#333;}
.td-select-list ul li a.active span {background:url(../images/cl/icon_checked.png) no-repeat 0 50%;}
.wide-list {padding:11px 10px 26px 13px;}
.wide-list li {width:100%;margin:6px 0 0;}
.wide-list li:first-child {margin-top:0;}
.wide-list li a {width:100%;}
.wide-list li a span {padding-left:23px;margin-left:-23px;}
.small-list {padding:4px 10px 26px 6px;}
.small-list li {margin:7px 0 0 7px;}
.small-list li a {display:inline-block;float:left;padding:0 31px 0 16px;}
.small-list li a span {padding-left:18px;}

/* 게시판 등록,상세 */

.data-board td .checkbox01{vertical-align:middle;}
.data-board td.file-wrap > div{margin-top:10px;display:block;width:400px;}
.data-board td.file-wrap > div:after{content:'';display:block;clear:both;width:100%;overflow:hidden;}
.data-board td.file-wrap > div:first-child{margin-top:0;}

/* 과제 관리 */
.list-board .conmment-icon { margin:-2px 0; padding-left:55px; background-repeat:no-repeat; background-position:20px 50%; line-height:25px; text-align:left; }
.list-board .verygood { background-image:url(../images/cl/icon_verygood.png); }
.list-board .good { background-image:url(../images/cl/icon_good.png); }
.list-board .effort { background-image:url(../images/cl/icon_effort.png); }

/* 과제등록 */
.task-reg-txt{padding:16px 0 16px 20px;margin-bottom:20px;background:#fafaf5;}
.task-reg-txt strong{display:block;font-weight:500;padding:0 0 14px 0;font-size:16px;}
.task-reg-txt strong:before { content:''; display:inline-block;width:4px;height:4px;margin-right:7px;background:#fd9440;vertical-align:middle; }
.task-reg-txt p{color:#404040;}
.task-reg-txt p:before { content:'\203B'; margin-right:2px; font-size:14px; font-weight:500; line-height:21px; color:#f54444; }
.data-board td .radiobox01{margin-right:30px;}

/* 과제 상세 */
.project-conmment { position:relative; padding:30px; border-top:1px solid #d7d7d7; background:#fbfbfb url(../images/cl/bl_project_comment.png) no-repeat 59px 35px; }
.project-conmment:before, .project-conmment:after { content:''; position:absolute; left:21px; background:#d7d7d7; }
.project-conmment:before { top:31px; width:1px; height:34px; }
.project-conmment:after { top:64px; width:24px; height:1px; }
.project-conmment .no-conmment { padding:24px 0 25px 110px; font-weight:500; color:#747474; }
.project-conmment .conmment-data { padding:10px 0 5px 110px; }
.project-conmment .conmment-data .status { display:inline-block; padding-left:33px; background-repeat:no-repeat; background-position:0 50%; font-size:16px; line-height:25px; vertical-align:middle; }
.project-conmment .conmment-data .date { margin-left:11px; font-size:13px; line-height:25px; color:#747474; vertical-align:middle; }
.project-conmment .conmment-data > p { margin-top:6px; color:#666;word-break: break-all;}
.project-conmment .conmment-control { position:absolute; top:37px; right:30px; overflow:hidden; }
.project-conmment .conmment-control li { float:left; position:relative; margin-left:12px; padding-left:12px; font-weight:500; color:#636363; }
.project-conmment .conmment-control li:after { content:''; position:absolute; top:4px; bottom:4px; left:0; width:1px; background:#d9d9d9; }
.project-conmment .conmment-control li:first-child:after { display:none; }
.project-conmment .status-choice { overflow:hidden; padding:23px 0 37px 110px; }
.project-conmment .status-choice > li { float:left; padding-right:20px; }
.project-conmment .status-choice label { padding-left:60px; background-repeat:no-repeat; background-position:25px 50%; font-weight:500; line-height:25px; }
.project-conmment .status-choice label:before { top:5px; }
.project-conmment .verygood { background-image:url(../images/cl/icon_verygood.png); }
.project-conmment .good { background-image:url(../images/cl/icon_good.png); }
.project-conmment .effort { background-image:url(../images/cl/icon_effort.png); }
.project-conmment .conmment-textarea { border:1px solid #b3b5b9; background:#fff; }
.project-conmment .conmment-textarea textarea.textarea { height:110px; border:none; }
.project-conmment .conmment-textarea .length-btn { overflow:hidden; border-top:1px solid #d7d7d7; }
.project-conmment .conmment-textarea .length-btn .text-length { float:left; padding-left:20px; font-weight:500; line-height:49px; color:#666; }
.project-conmment .conmment-textarea .length-btn .text-length strong { color:#fb5b1c; }
.project-conmment .conmment-textarea .length-btn .conmment-btn { float:right; width:140px; border-left:1px solid #d7d7d7; background:#efefef; font-size:16px; font-weight:500; line-height:49px; color:#333; text-align:center; }

/* 수업 관리 */
.group-info-bg.management{border:1px solid #ebeaea; margin-top:33px;}
.group-info-bg.management .group-info{padding: 40px 0 95px 30px;}
.group-info-bg.management .class-short-cut{top:49px;right:30px;}
.group-info-bg.management .group-info .tit{max-width:450px;}
.data-board td.class-info-choice span{color:#000;}
.data-board td.class-info-choice span:after{content:'';display:inline-block;width:1px;height:10px;margin:0 12px;background:#dedede;vertical-align:0;}
.class-closed{position: relative;overflow:hidden;padding-bottom:24px;border-bottom:1px solid #d7d7d7;}
.class-closed.no-info {overflow:visible;border:none;}
.class-closed.no-info + .board-pagging {padding-top:20px;}
.class-closed .title-more{position: absolute;top: 10px;right: 0;padding-right:18px;display: inline-block;font-weight: 500;text-decoration: underline;vertical-align: middle; color:#333;}
.class-closed .title-more:after{content: '';position: absolute;top: 4px;right: 0px;width: 8px;height: 14px;background: url(../images/common/bg_title_more.png) no-repeat 0 0;}

.class-representative-img .img{float:left;width:80px;height:80px;position: relative;border-radius: 50%;overflow: hidden;}
.class-representative-img .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:100%;height:100%;}
.class-representative-img p{display:block;padding:15px 0 0 100px;font-size:13px;}
.class-representative-img .btn{display:block;padding:6px 0 0 100px;}
.class-representative-img .btn .file-input.file-btn-type label {min-height: auto;}

/* 수업개설 완료 */
.class-open-finish{overflow:hidden;padding-bottom:60px;}
.class-open-finish .tit{display:block;padding:70px 0 0 0;font-weight:500;color:#000;font-size:28px;text-align:center;}
.class-open-finish .tit em{font-weight:500;color:#e60021;}
.class-open-finish .tit2{font-size:22px;text-align:center;}
.class-open-finish .code-class {width:377px;height:49px;margin:40px auto 0;border:1px solid #8a8a8a;border-radius:5px;background:#fff;}
.class-open-finish .code-class .codebx {float:left;width:299px;padding:0 0 0 27px;font-size:18px;line-height:47px;}
.class-open-finish .code-class .codebx strong {color:#000;}
.class-open-finish .code-class .copy {float:right;width:49px;border-left:1px solid #e4e4e4;text-align:center;line-height:47px;font-size:14px;color:#666;}
.class-open-finish .cmnt {margin:35px 0 0;text-align:center;font-size:15px;line-height:24px;}
.list-board td.task span.type1{display: inline-block;width: 60px;height: 60px;vertical-align:middle;}
.list-board td.task span.type1 img{width: 100%;height: 100%;border-radius: 50%;}
.list-board.img-type1 td{padding: 19px 0 20px;font-size:15px;line-height:24px;}
.list-board.img-type1 td.t-left{text-align:left;}
.list-board.img-type1 td.subject{padding-left:20px;}

/* 수업 참여 안내 */
.participation-guide { padding-top:46px; }
.participation-guide > strong { display:block; font-size:18px; font-weight:500; line-height:30px; text-align:center; }
.participation-guide .class-data-box { overflow:hidden; width:500px; margin:45px auto 0; padding:30px 30px 26px; border:1px solid #d9dfe5; }
.participation-guide .class-data-box .img { float:left; width:75px; height:75px; }
.participation-guide .class-data-box .img img { width:100%; height:100%; }
.participation-guide .class-data-box .class-data { margin-left:95px; }
.participation-guide .class-data-box .class-data .tit { display:block; padding:1px 0 8px 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:100%; font-size:20px; font-weight:500; }
.participation-guide .class-data-box .class-data .tit em { display:inline-block; width:24px; height:24px; line-height:24px; border-radius:50%; text-align:center; font-size:13px; color:#fff; font-weight:500; vertical-align:2px; }
.participation-guide .class-data-box .class-data .tit .elementary { background:#0d8a00; }
.participation-guide .class-data-box .class-data .tit .middle { background:#e70f62; }
.participation-guide .class-data-box .class-data .tit .high { background:#7054e7; }
.participation-guide .class-data-box .class-data .info-list { display:block; overflow:hidden; }
.participation-guide .class-data-box .class-data .info-list li { float:left; font-weight:500; color:#666; }
.participation-guide .class-data-box .class-data .info-list li:first-child:before { display:none; }
.participation-guide .class-data-box .class-data .info-list li:before { content:''; display:inline-block; width:1px; margin:0 11px; height:12px; background:#dcdcdc; vertical-align:-1px; }
.participation-guide .class-data-box .class-data .teacher { display:block; margin-top:4px; font-size:13px; font-weight:400; color:#767676; }


/* 수업용 PT */
#popupWrap.ptWrap {padding:0;overflow-y: hidden;}
#popupWrap.ptWrap .popup-title {padding-left: 30px;}
#popupWrap.ptWrap .txt01 {padding-left: 30px;font-size: 14px; color:#333333;}
#popupWrap.ptWrap .txt02 {margin-top:7px;padding-left: 30px;font-size: 18px; color:#333333;}
#popupWrap.ptWrap .class-pt-wrap {height: calc(100% - 72px);}
#popupWrap.ptWrap .class-pt-wrap .img {display: block; width: 100%;} 
#popupWrap.ptWrap .img-video-cont {position: relative;height: calc(100% - 65px);margin-top: 18px; border-top:3px solid #9e9e9e; border-bottom: 2px solid #f2f2f2;}
#popupWrap.ptWrap .pt-cont{position: absolute; left:50%; top:50%; width:533px; min-height:249px; margin:-125px 0 0 -266px; background:rgba(255,255,255,.9); border:10px solid rgba(66, 78, 81, .9);box-sizing: border-box;}
#popupWrap.ptWrap .pt-cont .cont{position: relative; min-height: 229px; text-align: center; padding: 0 25px; box-sizing: border-box;}
#popupWrap.ptWrap .pt-cont .cont .pt-txt1 {padding-top:43px; font-size: 34px; line-height: 40px; color:#424e51; font-weight: bold;}
#popupWrap.ptWrap .pt-cont .cont .pt-txt2 {max-height: 95px;overflow: hidden;padding-top:18px; font-size: 20px; line-height: 25px; color:#424e51;}
#popupWrap.ptWrap .pt-cont .cont .time {display: block; position: absolute; right: 40px; bottom: 25px; padding:2px 0 3px 33px; background: url(../images/cl/bg_time.png) no-repeat; font-size: 20px; color:#000000;}
#popupWrap.ptWrap .pt-cont .cont .time strong {font-size: 24px; color:#fb5b1c; vertical-align: -2px;}
.notice-red {color:#ed1c24;font-size:14px;margin-bottom:15px;}

/* 수업참여하기 팝업 */
.message-bx {position:relative;padding:35px 0 40px;margin:15px 0 0;border:1px solid #d9dfe5;text-align:center;font-size:16px;font-weight:500;}
.message-bx.result {overflow:hidden;padding:0;background:url(../images/cl/bg_joinClass_btn.png) repeat-y right 0;}
.message-bx.result:after {clear:both;display:block;content:'';}
.message-bx.result .class-cont {float:left;padding:33px 133px 40px 32px;text-align:left;}
.message-bx.result .class-cont strong {display:block;font-size:20px;font-weight:400;line-height:24px;}
.message-bx.result .class-cont em {margin-top:-4px;line-height:20px;}
.message-bx.result .class-cont span {position:relative; display:inline-block; color:#666; vertical-align:middle; line-height:16px;font-size:14px;color:#666;font-weight:400;}
.message-bx.result .class-cont span + span {margin-left:20px;}
.message-bx.result .class-cont span + span:before {content:''; position:absolute; left:-10px; top:2px; width:1px; height:13px; background:#b7b7b7;}
.message-bx.result .btn-join-class {position:absolute;right:0;top:50%;margin-top:-60px;display:block;width:113px;background:#f8f9fd;text-align:center;color:#50627b;font-size:16px;}
.message-bx.result .btn-join-class .icon {display:block;min-height:49px;padding:36px 0 0;margin-top:34px;background:url(../images/cl/icon_joinClass.png) no-repeat center 0;}

.bdtitle-type {border-top:1px solid #676c73;}
.boradTitle {margin-top:-1px;text-align:left;}
.boradTitle em {display:block;padding:18px 30px;vertical-align:middle;font-size:15px;font-weight:500;border-bottom:1px solid #676c73;}
.boradTitle strong {display:block;padding:16px 30px 16px 40px;color:#000;font-size:15px;font-weight:500;border-left:0;}


.class-detail .compulsory {/*width:99px;*/padding:0 10px;} /* width삭제, padding추가 */

/* 추가 */
.mrg-top-20 {margin-top:20px;}
.pos-relative {position:relative;}
.scroller-anchor {height:0px;margin:0;padding:0;}
.scroller {position:relative;height:auto;padding:0;border-top:none;background:transparent;width:auto;}
.FixedLayoutfunction {position:fixed;bottom:0;left:0;right:0;padding:40px 0;margin:0;border-top:1px solid #999;background:rgba(0, 0, 0, 0.4);z-index:100;}

.module-container {position:relative;width:100%;height:731px;overflow:hidden;}
.module-container .module-wrap {position:relative;float:left;width:468px;height:100%;}
.module-container .module-wrap:nth-of-type(2) {float:right;}
.module-wrap .title {height:56px;line-height:53px;border:1px solid #ccc;border-bottom-width:3px;text-align:center;font-size:16px;color:#494949;font-weight:500;}
.module-wrap + .module-wrap .title {border-color:#a4b9dd;color:#2775c9;}
.module-wrap .module-info {margin:27px 0 0;}
.module-wrap .module-info li {margin:1px 0 0 0;color:#787878;letter-spacing:-0.75px;font-size:15px;line-height: 1.8;}
/*.module-wrap + .module-wrap .module-info li {margin-top:9px;}*/
.module-wrap .module-info li:first-child {margin-top:0;}
.module-wrap .module-info li:before {content:'·';display:inline-block;margin:0 6px 0 0;}
.module-wrap .module-info li span {color: #1b62fb;font-weight:500;}
.module-wrap .module-info li strong {color:#555;}
.module-wrap .module-info li a {color:#fb5b1d;}
.module-wrap .module-info li a img{vertical-align: middle;margin: -2px 0 0 0;}
.module-wrap .select-class {width:100%;height:30px;margin-top:27px;}
.module-wrap .select-class select {width:393px;height:30px;border-color:#aaa;vertical-align:middle;}
.module-wrap .select-class .btn-selected {display:inline-block;width:70px;height:30px;line-height:30px;border-radius:2px;background:#777;font-weight:500;color:#fff;text-align:center;font-size:13px;vertical-align:middle;}
.module-wrap .class-name {display:block;margin:28px 0 0;font-size:20px;font-weight:700;color:#5a5e60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px;}
.module-wrap .module-tree-bx {position:absolute;left:0;width:468px;height:497px;overflow-y:auto;padding:15px 16px 0 17px;margin:12px 0 0;border:1px solid #aaa;}
.module-wrap .module-tree-bx .start-cmnt {display:block;padding:82px 0 0;margin:160px 0 0;background:url(../images/cl/bg_treeCmnt_module.png) no-repeat center 0;color:#929292;text-align:center;}
.module-wrap .class-name + .module-tree-bx {margin-top:20px;}
.module-container .btn-add-module {position:absolute;left:50%;margin-left:-58px;top:450px;margin-top:-23px;display:block;width:116px;height:45px;background:url(../images/cl/btn_add_module.png) no-repeat 0 0;text-indent:-999999px;font-size:0;}
.module-container .btn-add-module.re{margin-top: 27px;background: #fff;color: #333;text-indent: 0;font-size: 16px;border: 1px solid #ddd;border-radius: 3px;height: 40px;line-height: 37px;text-align: center;box-shadow: 0 0 1px #b5b5b5;width: 112px;margin-left: -57px;}
.class-tree ul {padding:0;border:none;background:none;font-size:14px;font-family:"Noto Sans KR", sans-serif;}
.class-tree ul > li {padding:0;line-height:40px;}
.class-tree ul > li > ul {display:none;}
.class-tree ul > li > button {position:relative;display:block;width:100%;height:40px;line-height:40px;padding:0 0 0 50px;background:url(../images/cl/ico_folder_module.png) no-repeat 16px 50%;text-align:left;cursor:pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.class-tree ul > li > button:hover,
.class-tree ul > li > button:focus {outline:none;color:#000;}
.class-tree ul > li > button .arw {position:absolute;left:0;top:50%;width:12px;height:12px;display:inline-block;margin:-6px 4px 0 0;background:url(../images/cl/ico_arw_module.png) no-repeat 0 50%;font-size:0;text-indent:-999999px;}
.class-tree ul > li > button.open + ul {display:block;}
.class-tree ul > li > button.open .arw {background-image:url(../images/cl/ico_arw_module_open.png)}
.class-tree ul > li > button.module {background-image:url(../images/cl/ico_folder_module_active.png);color: #0a55f7;font-weight: 500;}
.class-tree ul > li > button.module:hover,
.class-tree ul > li > button.module:focus {color:#103c96;}
.class-tree ul > li > button.on {line-height:38px;border:1px solid #bdc9dd;border-radius:5px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(217,217,217,0.4);
    -moz-box-shadow: 2px 2px 3px 0px rgba(217,217,217,0.4);
    box-shadow: 2px 2px 3px 0px rgba(217,217,217,0.4);
}
.class-tree ul > li > button.on:after {content:'';position:absolute;right:15px;top:5px;width:28px;height:28px;background:url(../images/cl/ico_move_module.png) no-repeat 0 0;}
.class-tree ul > li > ul > li  > button {padding-left:74px;background-position:40px 50%;}
.class-tree ul > li > ul > li  > button .arw {left:24px;}
.class-tree ul > li > ul > li  > ul > li > button {padding-left:98px;background-position:68px 50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.class-tree ul > li > ul > li  > ul > li > button .arw {left:48px;}
.class-tree ul > li > ul > li  > ul > li > ul > li > button {background-image:url(../images/cl/ico_file_module.png);background-position:76px 50%;}
.class-tree ul > li > ul > li  > ul > li > ul > li > button .arw {display:none;}

#classMenu2.class-tree ul > li > button.on:after {display:none;}

.popup-inner-center {text-align:center;}






.sub-title-text3{font-size: 16px;line-height: 26px;color: #000;font-weight: 500;}
.use-step ul li .tit{font-weight: 500;}
.use-step.class-guide ul li{position: relative; min-height: 248px;}
.use-step.class-guide ul li:before{content:''; display: block; width:46px; height: 52px;background:url(../images/gst.png) no-repeat; position: absolute;top:72px; left: 22px;}
.use-step.class-guide ul .step02:before{background-position: -50px 0;}
.use-step.class-guide ul .step03:before{background-position: -94px 0;}

.content-width .guide-line{position: relative;}
.content-width .guide-line p{font-size: 18px; font-weight: 500; color:#000; padding: 42px 0 70px 62px; background:url(../images/gst04.png) no-repeat 15px 36px}
.content-width .guide-line .line-txt{font-size: 14px; color:#555; margin:0 0 0 8px}
.content-width .guide-line .line-txt .i-plus{font-weight: 600;}
.content-width .guide-line .line-txt .i-plus::before{content:''; display:inline-block; width: 16px; height: 16px; background:url(../images/pl03.png) no-repeat; vertical-align: middle; margin: 0 2px 3px 5px;}
.content-width .guide-line .btn-white{font-weight: 400; position: absolute; top:35px; right: 16px; padding: 0 14px;}
.content-width .guide-line .btn-white .arw{display: inline-block;width: 6px;height: 7px;margin: -3px 0 0 7px;vertical-align: middle;background: url(../images/cl/bg_arw.png) no-repeat 0 0;}
.module-container{height: 740px; margin-bottom:80px;}
.module-container .module-wrap{width:487px; border:1px solid #ddd; border-top:3px solid #000;}
.module-wrap .mo-title{font-size: 18px; font-weight: 400; color:#666; padding:60px 34px 34px;}
.module-wrap .mo-title span{font-size: 24px; font-weight: 800; color:#f58112; margin-right:5px; position: relative;}
.module-wrap .mo-title span:before{content:''; display:block; position: absolute; top:-10px; left: 0; width:8px; height: 8px; border-radius: 4px; background:#f58112;}
.module-wrap .module-tree-bx{width:485px; height: 497px; border:none; margin:0; padding:0}
.module-wrap .select-class01{position: relative; border-bottom:1px solid #ddd; padding-bottom:16px;}
.module-wrap .select-class01 .class-name{padding-left: 32px; margin:0; line-height: 39px; font-size:18px;color:#333;}
.module-wrap .btn-selected{display:inline-block; width: 72px; line-height: 32px; color:#fff; font-size: 15px; border-radius: 5px; text-align: center; background:#f58112; position: absolute; top:4px; right: 32px;}
.module-wrap select{width:355px; font-size: 16px; border:none; margin-left:20px; }
.module-wrap .select-class02{padding:16px 32px 16px; border-bottom:1px solid #ddd;}
.module-wrap .select-class02 dl{height: 32px; line-height: 32px; font-size:16px;}
.module-wrap .select-class02 dt{float:left; margin-right: 125px; font-weight: 500; color:#000;}
.module-wrap .select-class02 dt:before{content:''; display: inline-block; width: 13px; height: 12px; margin-right: 5px; background:url(../images/pl01.jpg) no-repeat;}
.module-wrap .select-class02 dd{float: left; margin-left:30px; color:#6d828d; position: relative;}
.module-wrap .select-class02 dd.on a{font-weight: 500; color:#f58112;}
.module-wrap .select-class02 dd.on a:after{content:''; display:block; width:66px; height: 2px; background:#f58112; position: absolute; bottom:-16px; left:50%; margin-left:-33px}
.module-wrap .select-class02 ul{height: 32px; line-height: 32px;}
.module-wrap .select-class02 li{float: left; width: 80px; height: 32px; line-height: 32px; border:1px solid #ddd; text-align: center;}
.module-wrap .select-class02 li a{display:block; width: 80px; height: 32px; line-height: 28px;}
.module-wrap .select-class02 li.on a{color:#f58112}
.module-wrap .select-class02 li:first-child{margin-right: 8px;}
.module-wrap .select-class02 li:last-child{float:right}
.module-wrap .select-class02 .class02re{position: relative; padding-left: 17px;}
.module-wrap .select-class02 .class02re:before{content:''; display:inline-block; width:14px; height: 16px; background:url(../images/chrl.png) no-repeat; position: absolute; top:6px; left: 12px;}

.module-wrap .module-tree-bx .start-cmnt{height:100%; padding:30px;margin:0;background:#f9f9fa}
.module-wrap .module-tree-bx .start-cmnt-inner{width: 100%; height: 100%; padding:254px 0 0 0; margin:0; border: 2px dashed #d8d8d8; border-radius: 30px; font-size:18px; color:#666; line-height: 1.3; background:#fff url(../images/addclass.png) no-repeat center 150px;}
.module-wrap .module-tree-bx .start-cmnt span{font-weight: 500;}

.class-tree{padding:22px 24px;}
.class-tree ul li{margin-bottom:10px;}
.class-tree ul > li > ul > li > ul > li > ul > li{margin-bottom:0px}


/* 화살표 */
.class-tree ul > li > button .arw{background:url(../images/albase.png) no-repeat; top:55%; left: 24px;}
.class-tree ul > li > ul > li > button .arw{background:url(../images/albase.png) no-repeat; top:55%; left: 48px;}
.class-tree ul > li > ul > li > ul > li > button .arw{background:url(../images/albase.png) no-repeat; top:55%; left: 72px;}
.class-tree ul > li > button.open .arw{background:url(../images/al.png) no-repeat;}
.class-tree ul > li > ul > li > button.open .arw{background:url(../images/al.png) no-repeat;}
.class-tree ul > li > ul > li > ul > li > button.open .arw{background:url(../images/al.png) no-repeat;}

/* 폴더이미지 */
.class-tree ul > li > button{height:47px;padding: 0 0 0 72px; font-size: 16px; color:#000; background:url(../images/fo01.png) no-repeat 40px 50%;}
.class-tree ul > li > ul > li button.module{padding: 0 0 0 98px; font-size:14px; font-weight: 400; color:#000; background:url(../images/fo02.png) no-repeat 65px 50%;}
.class-tree ul > li > button.module:hover{color:#000;}
.class-tree ul > li > ul > li > ul > li button.module02{padding: 0 0 0 122px; font-size:14px; color:#000; background:url(../images/fo02.png) no-repeat 89px 50%;}

.class-tree ul > li > ul > li > ul > li > ul > li > button{height: 28px; line-height:28px; padding-left:130px; font-size:14px; background:none; position: relative;}
.class-tree ul > li > ul > li > ul > li > ul > li > button:before{content:''; display:inline-block; width:2px; height:2px; border-radius: 1px; background:#4c4c4c; margin-right: 5px; position: absolute; top:14px; left:124px;}
.class-tree ul > li > ul > li > ul > li > ul > li:last-child{padding-bottom:7px;}

/* 모듈 선택시 */
.class-tree.left-tree ul > li > ul > li > ul > li.on{border:1px solid #bbbdbe; border-radius: 10px; background:#f1f3f5}
.class-tree.left-tree ul > li > ul > li > ul > li.on.target{border-color:#f58112; background:#fef0e3}

/* 타이틀 선택시 */
.class-tree.left-tree ul > li > ul > li.on{border:1px solid #bbbdbe; border-radius: 10px; background:#f1f3f5}
.class-tree.left-tree ul > li > ul > li.on.target{border-color:#f58112; background:#fef0e3}
.class-tree.right-tree > ul > li > ul > li.on > button{border:1px dashed #c6c6c6; border-radius: 10px;}
.class-tree.right-tree > ul > li > ul > li.on.target > button{border-color:#f58112;}

.class-tree ul > li > button.on{border:none; box-shadow: none;}
.class-tree ul > li > button.on:after{display:none;}
/* 권 선택시 */
.class-tree.left-tree > ul > li.on{border:1px solid #bbbdbe; border-radius: 10px; background:#f1f3f5}
.class-tree.left-tree > ul > li.on.target{border-color:#f58112; background:#fef0e3}
.class-tree.right-tree > ul > li.on > button{border:1px dashed #c6c6c6; border-radius: 10px;}
.class-tree.right-tree > ul > li.on.target > button{border-color:#f58112;}


/* .on.target 공통 추가(+) 표시 */
.class-tree.left-tree ul.on.target{position: relative;}
.class-tree.left-tree ul.on.target:before{content:''; display:block; width:16px; height: 16px; background:url(../images/pl03.png) no-repeat; position: absolute; top:16px; right: 16px;}
.class-tree.left-tree li.on.target{position: relative;}
.class-tree.left-tree li.on.target:before{content:''; display:block; width:16px; height: 16px; background:url(../images/pl03.png) no-repeat; position: absolute; top:16px; right: 16px;}

.module-container .btn-add-module{width: 80px; height: 80px; top:325px; margin: 0 0 0 -40px; padding-top:45px; text-indent: 0; font-size:14px; text-align: center; border-radius: 10px; background:#f7f7f7 url(../images/pl02.png) no-repeat center 20px;}


.search-results-list.cls:after{content:''; display:block; clear: both;}
.search-results-list.cls li{margin-top:0;}
.search-results-list.cls > li:first-child{width:100%; border-top:none; margin-bottom:25px;}
.search-results-list.cls li:first-child:before{display:none;}
.search-results-list.cls li:nth-child(even):before{display:none;}
.search-results-list.cls li:nth-child(odd):before{content: '';position: absolute;top: 30px;bottom: 30px;left: 0;width: 1px;background: #d9dfe5;}
.search-results-list.cls li .open-class{border:2px solid #2296d8; border-radius: 5px; padding:32px 55px; position:relative;}
.search-results-list.cls li .open-class .left{display:inline-block; width:430px; vertical-align: top}
.search-results-list.cls li .open-class .left > strong{display:block; font-size:21px; color:#000; font-weight: 500; line-height: 1;}
.search-results-list.cls li .open-class .left > strong:before{content:''; display:inline-block; width:21px; height: 18px; background:url(../images/cl/ico_opcls.png) no-repeat; vertical-align: middle; margin-right:10px;}
.search-results-list.cls li .open-class .left > p{color:#666; margin:15px 0 5px;}
.search-results-list.cls li .open-class .left > span{color:#3c89d1;}

.search-results-list.cls li .open-class .right{display:block; position:absolute; top:32px; left:47%;}
.search-results-list.cls li .open-class .right:before{content:''; display:block; width: 27px; height: 27px; background:url(../images/cl/ico_opcls.png) -23px 0; position:absolute;top: -10px; left: -13px; z-index: 100;}
.search-results-list.cls li .open-class .opencls-swiper{width:394px; overflow:hidden;}
.search-results-list.cls li .open-class .opencls-swiper li{display:inline-block; overflow: hidden; width:394px; height: 110px; border:1px dashed #0865c4; border-radius: 5px; background:#f7fbff; padding:0;}
.search-results-list.cls li .open-class .opencls-swiper li > a{display:block; padding:15px;}
.search-results-list.cls li .open-class .opencls-swiper .swiper-wrapper{display:flex;}
.search-results-list.cls li .open-class .results-img{width:80px; height: 80px;}
.search-results-list.cls li .open-class .results-img img{width: 100%;}
.search-results-list.cls li .open-class .results-cont > strong{margin: 0 0 12px 0;color:#0865c4}
.search-results-list.cls li .open-class .results-cont > span, .search-results-list.cls li .results-cont > em{color:#000; font-weight: 400;}
.search-results-list.cls li .results-cont .course{font-weight: 400;}
.search-results-list.cls li:nth-child(2), .search-results-list.cls li:nth-child(3){border-top:none;}
.opencls-swiper .btn-control-wrap{position:absolute; top:0; right:-100px; width:63px; height: 32px; border: 1px solid #b1bbc0; border-radius: 5px; cursor: pointer;}
.opencls-swiper .btn-control-wrap .btn-control{display:inline-block; width:29px; height: 100%; text-indent: -9999px; position: relative;}
.opencls-swiper .btn-control-wrap .btn-control + .btn-control{border-left:1px solid #cedae0;}
.opencls-swiper .btn-control-wrap .swiper-button-prev:before{content:''; display:block; width:12px; height: 12px; background:url(../images/cl/arrow_opcls.png) no-repeat; position:absolute; top:10px; left: 11px;}
.opencls-swiper .btn-control-wrap .swiper-button-next:before{content:''; display:block; width:12px; height: 12px; background:url(../images/cl/arrow_opcls.png) no-repeat -30px 0; position:absolute; top:10px; left: 10px;}
.opencls-swiper .pagination-wrap{position:absolute; bottom:1px; right:-100px; width:auto; height: 18px;}
.opencls-swiper .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:18px; height: 18px; border-radius: 50%; background:#dae7ee;}
.opencls-swiper .swiper-pagination .swiper-pagination-bullet-active{width:18px; height: 18px; background:#fff; border:2px solid #4b9bf6; box-sizing: border-box;}
.opencls-swiper .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:5px;}
.opencls-swiper .swiper-pagination{font-size: 20px; color: #666;}
.opencls-swiper .swiper-pagination .swiper-pagination-current{font-size: 28px; color:#2888f4;}
.swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;}
.swiper-pagination.disabled, .btn-control-wrap.disabled {display: none;}
.search-results-list.cls li .open-class .right.move{left:50%;}

/* 오픈클래스 상세 */
.group-info-bg.management.opencls .group-info{padding:40px 0 40px 30px;}
.board-type01 table .data ul li a.act-cls{width: 140px; height: 34px; line-height: 30px; text-align: center; border:1px solid #b2b2b2; border-radius: 5px; font-size:14px; color:#333;}
.board-type01 table .data ul li a.act-cls:before{content:''; display:inline-block; width:19px; height: 17px; background:url(../images/common/icon_actcls.png) no-repeat; vertical-align: middle; margin-right:7px;}
.board-type01 table .data ul li a.act-cls:hover{background:#fff;}