/* * Noto Sans KR */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } #subVisual { width:100%; min-width: 1200px; height: 120px; } #location { width:100%; min-width: 1200px; height: 40px; background: #2eaef8; } #location .location_in { margin: 0 auto; width: 1200px; height: 40px; z-index: 1; } /* 공통 */ .table-basic tbody tr:hover { background: #f9f8fb; } .subTabMenu { margin-bottom: 30px !important; height: 42px; } .subTabMenu > a { font-size: 15px !important; color: #000 !important; letter-spacing: -0.8px; } .banner { margin: 20px 0 40px; } .contentTop { display:inline-block; margin-left: 150px; text-align: center; } .contentTop .searchTextBox { width: 300px; vertical-align: bottom; } .contentTop > .opt { min-width: 120px !important; } .contentTop i { float: none; } .contentBottom { margin-top:30px; padding-bottom: 40px; text-align: center; } .contentBottom .pagingNum { margin-bottom: 20px; } .contentBottom .pagingNum > .menu { float: none; box-shadow: none; } .contentBottom .pagingNum > .menu a { padding:0 15px !important; min-width: 42px !important; height: 40px; font-size: 14px; } .contentBottom .btn { margin: 30px 0; } .contentBottom .btn .left { float: left; } .contentBottom .btn .right { float: right; } .contentBottom .searchTextBox { width: 300px; vertical-align: bottom; } .contentBottom > .opt { min-width: 120px !important; } .contentBottom i { float: none; } .menu .item.active { font-weight: 500 !important; color:#000 !important; } .ui.ignored.message.noBorder { box-shadow: none; } .ui.basic.button.miniBtn { padding: 8px 10px; font-size: 12px; } .ui.basic.buttons > .ui.button { padding: 12px 18px !important; background: #fff!important; } .ui.basic.buttons > .ui.button.active { background:#eee!important; } .contour { padding: 0 8px; color: #eee; } .miniBox { display:inline-block; padding: 0 5px; height: 22px; font-size: 10px; font-weight: 400; border: 1px solid #e2e2e2; border-radius: 3px; text-align: center; line-height: 22px; } .miniBox.open { color: #fff; background: #000; border: 1px solid #000; } .miniBox.private { color: #000; background: #fff; border-radius: 3px; text-align: center; line-height: 22px; } .level { display: inline-block; width:36px; height: 22px; font-size: 10px; font-weight: 400; background: #e2e2e2; border-radius: 3px; text-align: center; line-height: 22px; } h2 > span.subTitle { font-size: 14px; font-weight: 400; padding: 0!important; display: block; margin:10px 0 30px; } h2 > span.num { padding:0 10px; font-size: 17px; } span.subTitle { font-size: 14px; font-weight: 400; padding: 0 10px; } span.subTitle >img { padding-right: 5px; vertical-align: middle; } a.ellip {height: 22px; font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} a.ellip2 {height: 43px; font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .table.center { text-align: center; } .idAddBox { margin: 10px 0; } .idAddBox .idAdd { display: inline-block; padding: 3px 6px; width: calc(100% - 110px); min-height: 40px; background: #fff; border: 1px solid #e2e2e2; border-radius: 3px; line-height: 30px; } .idAddBox .idAdd .id { padding:4px 8px; color: #666; font-size: 13px; font-weight: 400; background: #eee; border: 1px solid #e2e2e2; border-radius: 3px; } .idAddBox .idAdd .id .removeBtn { font-size: 13px; color: #999; border:none; background:none; cursor: pointer; outline: none; } .idAddBox .idAdd .id .removeBtn:hover { color: #666; } .idAddBox .idAdd .textInput { padding: 0 10px; width: 50%; height:20px; font-size: 13px; border:none; } .idAddBox .addEmailUser { display: inline-block; width: calc(100% - 110px); } .idAddBox .addEmailUser .input { width:49%; height:40px; vertical-align: middle; } .idAddBox .idAddBtn { width: 100px; height: 40px; vertical-align: middle; } /* subVisual */ .subVisual_in > h2 { padding-top: 36px; font-size: 40px; color: #fff; text-align: center; } /* location */ .location_in > ul > li { position: relative; float:left; padding: 0 22px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; } .location_in > ul > li:last-child:before { background: none; } .location_in > ul > li a { font-size: 15px; color: #fff; } .location_in > ul > li a:hover { font-size: 15px; color: #fff; } /* login */ .join-wrap { margin: 0 auto; padding: 30px 0; width: 360px; } .join-wrap.join_comp {width:100%; padding:30px 0 0 !important;} .join-wrap .join-title { margin-bottom: 30px; text-align: center; } .join-wrap .join-title > dl dt { font-size: 40px; font-weight: 500; line-height: 65px; } .join-wrap .join-title > dl dd { font-size: 17px; font-weight: 500; } .join-wrap .join-title p.sub_tit {font-size:17px; font-weight:500; letter-spacing: -0.05em; line-height:30px; display: inline-block; vertical-align: middle;} .join-wrap .join-title p.sub_tit > a {color:#2eaef8; display: inline-block; vertical-align: middle; margin-left:10px;} .join-wrap .join-form ul li { padding: 5px 0; } .join-wrap .join-form ul li h3 { padding: 5px 0; font-size: 14px; font-weight: 500; } .join-wrap .join-form ul li .input-wrap div > i, .join-wrap .join-form ul li .input-wrap div > i { opacity: 1 !important; color: #aeaeae; } .join-wrap .join-form ul li .join-btn { display: inline-block; padding: 12px 0; width: 100%; font-size: 17px; font-weight: 500; color:#fff; background: #2eaef8; border: none; border-radius: 4px; text-align: center; cursor: pointer; } .join-wrap .join-form ul li .join-btn:hover { color:#fff !important; background: #159dea !important; border: none !important; } .join-wrap .join-form ul li .joinOk-btn { opacity: 0.5; cursor:auto; } .join-wrap .join-form ul li .chkBox { margin-bottom: 8px; } .join-wrap .join-form ul li .chkBox, .join-wrap .join-form ul li .pw-join { margin: 5px 0; height: 30px; } .join-wrap .join-form ul li .pw-join > span { line-height: 30px; } .join-wrap .join-form ul li .asterisk {position: absolute; top: 12px; left: -18px;font-size: 14px; font-weight: 700; color:#db2828; } .join-wrap .join-form ul li .pw-chk-box {position: relative; padding-right: 70px !important;} .join-wrap .join-form ul li p { padding-bottom: 10px; font-size: 14px; color: #666; } .join-wrap .join-form ul li .bornYear { width: 360px; } .join-wrap .join-form ul li .affiliated-Box { position: relative; margin: 0; padding: 0; height: 38px; width: 360px; } .join-wrap .join-form ul li .affiliated-opt {position: absolute; top:0; left:0; min-width: 120px !important; } .join-wrap .join-form ul li .affiliated-txt { position: absolute; top:0; right: 0px; } .join-wrap .join-form ul li .affiliated-txt input { width: 232px !important; height: 38px; } .join-wrap .join-form ul li .link-unerline { color: #000; text-decoration: underline; } .join-wrap .join-form ul li p.name { padding-bottom: 5px; font-weight: 500; } .join-wrap .join-form ul li p.name > span { vertical-align: middle; color: red; } .join-wrap .join-form ul li .nickName { position: relative; width: 360px; } .join-wrap .join-form ul li .nickName input {padding-right:100px !important; box-sizing: border-box;} .join-wrap .join-form ul li .nickName a.check {position:absolute; right:0; top:0px; padding:0 25px; border-radius: 0 5px 5px 0; box-sizing: border-box; display: inline-block; vertical-align: middle; line-height: 37px; background: #e7e7e7; color:#333;font-weight: 400; font-size:14px; text-align: center; height:100%;} .join-wrap .join-form ul li .nickName .nickName-button { position: absolute; top:1px; right:0px; margin:0; padding:0; width: 100px; height: 36px; border: none; background: #e7e7e7; border-radius: 0 5px 5px 0; text-align: center; line-height: 36px; vertical-align: top; cursor: pointer; } .pageMessage { text-align: center; min-height: 700px; } .pageMessage h1 { padding: 30px 0; } .pageMessage h3 { padding: 30px 0; } .pageMessage .text { padding-bottom: 30px; color: #999; line-height: 24px; } .pw-security {position: absolute; top:8px; right:8px; width:58px; height: 22px; font-size: 11px; font-weight: 500; color:#fff; background: #db2828; text-align: center; line-height: 22px; border-radius: 5px; } .pw-usually {position: absolute; top:8px; right:8px; width:58px; height: 22px; font-size: 11px; font-weight: 500; color:#fff; background: #f2711c; text-align: center; line-height: 22px; border-radius: 5px; } .pw-strong {position: absolute; top:8px; right:8px; width:58px; height: 22px; font-size: 11px; font-weight: 500; color:#fff; background: #21ba45; text-align: center; line-height: 22px; border-radius: 5px; } .pw-very-strong {position: absolute; top:8px; right:8px; width:58px; height: 22px; font-size: 11px; font-weight: 500; color:#fff; background: #2185d0; text-align: center; line-height: 22px; border-radius: 5px; } input.error { border: 1px solid #db2828 !important; } input.success { border: 1px solid #21ba45 !important; } .errorMsg { padding: 15px 10px; font-weight: 500; } .join-wrap .sns-login .sns-login-title h3 { width: 172px; font-size: 14px; font-weight: 500; background: #fff; } .join-wrap .sns-login ul li { float: left; margin: 10px 10px 0 0; } .join-wrap .sns-login ul li:last-child { margin-right: 0; } .join-wrap .sns-login ul li a { position: relative; display: inline-block; width:113px; height: 40px; background: #eee; line-height: 40px; border-radius: 5px; } .join-wrap .sns-login ul li a i { position: absolute; top:3px; left:8px; font-size: 22px; color: #fff; font-style: normal; } .join-wrap .sns-login ul li a i.icon-naver { position: absolute; top:-2px; left:8px; font-size: 26px !important; font-weight: 700; } .join-wrap .sns-login ul li a p { color: #fff; font-weight: 500; } .join-wrap .sns-login ul li .google-btn { background: #eb4f3f; } .join-wrap .sns-login ul li .facebook-btn { background: #3b5a93; } .join-wrap .sns-login ul li .naver-btn { background: #01c63f; } .join-wrap .sns-login ul li .google-btn p { position: absolute; top: 10px; left: 40px; } .join-wrap .sns-login ul li .facebook-btn p { position: absolute; top: 10px; left: 35px; } .join-wrap .sns-login ul li .naver-btn p { position: absolute; top: 10px; left: 46px; } .join-wrap .sns-login .accept { padding: 20px 0; font-size: 14px; color: #999; text-align: center; line-height: 22px; } .join-wrap .sns-login .accept a { text-decoration: underline; font-weight: 500; } .join-wrap .sns-login .enrollment { padding: 20px 0; font-size: 14px; color: #000; text-align: center; line-height: 22px; } .join-wrap .sns-login .enrollment a { color: #2eaef8; text-decoration: underline; } .join-wrap .sns-login .enrollment i { margin: 0; padding: 0; color: #2eaef8; } #emailCertification{margin-top: 0px !important;} #emailCertification .content { text-align: center; } #emailCertification .content h2 { padding: 30px 0; } #emailCertification .content .text { color: #666; line-height: 24px; } #emailCertification .actions button {padding:0 15px; box-sizing: border-box; border:none !important; transition:all 0.4s; line-height:35px;} #emailCertification .actions button:first-of-type {background: #e7e7e7; color:#666;} #emailCertification .actions button:first-of-type:hover {background: #cfcfcf; color:#333;} #emailCertification .actions button:last-of-type {background: #2eaef8; color:#fff; margin-left:10px;} #emailCertification .actions button:last-of-type:hover {background: #0076b5;} /* 비밀번호 재설정 */ .forgot-pw-wrap { height: 640px; } .forgot-pw-wrap .join-form ul li p { margin-bottom: 10px; font-size: 13px; } .forgot-pw-wrap-mail { width: 500px; height: 640px; } .forgot-pw-wrap-mail p { margin-top:40px; font-size: 14px; font-weight: 500; } /* service-privacy */ .serviceTitle { text-align: center; } .serviceTitle h2 { font-size: 26px; font-weight: 500; } .serviceTitle p { margin: 20px 0; font-weight: 500; } .serviceBody .serviceText, .serviceBody .privacyText { padding:20px; height: 480px; overflow-y: auto; } /* 마이페이지 */ .memberTab > .menu { border-color: #000 !important; } .memberTab > .menu .item.active { border-color: #000 !important; } .memberTab > .tab { border: none !important; } .memberTab > h2 { margin: 30px 15px 10px; font-weight: 500; } .memberTab > h2 > span { padding-left: 10px; font-size: 14px; color: #999; font-weight: 400; } .memberTab .myInfoWrap { text-align: center; } .memberTab .myInfoWrap > div { padding:20px; } .memberTab .myInfoWrap > h2 { padding: 20px 0px; font-size: 23px; font-weight: 500; } .memberTab .myInfoWrap > h3 { padding: 20px 0px; font-size: 17px; font-weight: 500; } .memberTab .myInfoWrap .memberPhotoArea { text-align: center; } .memberTab .myInfoWrap .memberPhotoArea .memberImg img { width: 150px; height: 150px; } .memberTab .myInfoWrap .memberPhotoArea .photoBtn { padding: 20px 0; } .memberTab .myInfoWrap .memberPhotoArea .photoBtn > a { position: relative; display: inline-block; margin: 0 3px; width: 30px; height: 30px; font-size: 15px; color: #757575; background: #dfe0e1; border: none; border-radius: 50%; text-align: center; line-height: 30px; cursor: pointer; } .memberTab .myInfoWrap .memberPhotoArea .photoBtn > a i { position: absolute; top:0; left:6px; } .memberTab .myInfoWrap .memberPhotoArea .imgRule { margin: 0 auto; padding-bottom: 20px; width:360px; font-size: 12px; color: #666; line-height: 20px; border-bottom: 1px solid #e2e2e2; } .memberTab .myInfoWrap .memberPhotoArea .myNick { padding-top: 20px; font-size: 17px; font-weight: 500; } .memberTab .myInfoWrap .memberPhotoArea .level { padding: 5px 0 10px; font-size: 17px; font-weight: 500; } .memberTab .myInfoWrap .memberPhotoArea .myEmail { font-size: 14px; font-weight: 500; } .memberTab .myInfoWrap .memberFormArea ul { margin: 0 auto; width: 360px; } .memberTab .myInfoWrap .memberFormArea ul li { padding: 6px 0; width: 360px; } .memberTab .myInfoWrap .memberFormArea ul li p { padding-bottom: 10px; font-size: 13px; color: #666; } .memberTab .myInfoWrap .memberFormArea ul li .input-wrap div > i { opacity: 1 !important; color: #aeaeae; } .memberTab .myInfoWrap .memberFormArea ul li .affiliated-Box { position: relative; margin: 0; padding: 0; height: 38px; } .memberTab .myInfoWrap .memberFormArea ul li .affiliated-opt {position: absolute; top:0; left:0; min-width: 120px !important; } .memberTab .myInfoWrap .memberFormArea ul li .affiliated-txt { position: absolute; top:0; right: 0px; } .memberTab .myInfoWrap .memberFormArea ul li .affiliated-txt input { width: 232px !important; height: 38px; } .memberTab .myInfoWrap .memberFormArea ul li .updateBtn { padding: 20px 0; width: 100%; text-align: center; } .memberTab .myInfoWrap .memberFormArea ul li .updateBtn a{ margin: 0 auto; padding: 10px 20px; color: #fff; background: #2eaef8; border-radius: 5px; } .memberTab .myInfoWrap .memberFormArea ul li .enrollment { padding: 10px 0; font-size: 14px; color: #000; text-align: center; line-height: 22px; } .memberTab .myInfoWrap .memberFormArea ul li .enrollment a { color: #2eaef8; text-decoration: underline; } .memberTab .myInfoWrap .memberFormArea ul li .enrollment i { margin: 0; padding: 0; color: #2eaef8; } .memberTab .myInfoWrap .mySet { float: none; margin: 30px auto; width: 180px; } .memberTab .myInfoWrap .mySet .checkbox { margin-right: 10px; padding-top: 5px; } .memberTab .myInfoWrap .input-wrap { text-align: left; } .memberTab .memberOutoWrap > div { padding:20px 0 40px; } .memberTab .memberOutoWrap > h2 { padding: 20px 0px; font-size: 23px; font-weight: 500; text-align: center; } .memberTab .memberOutoWrap > h3 { padding: 20px 0px; font-size: 17px; font-weight: 500; text-align: center; } .memberTab .memberOutoWrap .memberLeftArea { margin: 0 auto; width:600px; letter-spacing: -0.5px; border-bottom: 1px solid #e2e2e2; } .memberTab .memberOutoWrap .memberLeftArea h3 { padding-bottom: 20px; font-size: 23px; font-weight: 500; } .memberTab .memberOutoWrap .memberLeftArea h4 { padding: 10px 0; font-size: 17px; font-weight: 500; } .memberTab .memberOutoWrap .memberLeftArea p { padding-bottom: 20px; font-size: 14px; color: #666; line-height: 28px; } .memberTab .memberOutoWrap .memberRightArea { padding-top: 40px; text-align: center; } .memberTab .memberOutoWrap .memberRightArea .outStap01, .memberTab .memberOutoWrap .memberRightArea .outStap02 { margin: 0 auto; width: 360px; } .memberTab .memberOutoWrap .memberRightArea .outStap01 p { padding-bottom: 20px; font-weight: 500; } .memberTab .memberOutoWrap .memberRightArea .outStap01 .input-wrap div > i { opacity: 1 !important; color: #aeaeae; } .memberTab .memberOutoWrap .memberRightArea .outStap01 .outBtn { padding: 20px 0; width: 100%; text-align: center; } .memberTab .memberOutoWrap .memberRightArea .outStap01 .outBtn a{ margin: 0 auto; padding: 10px 20px; color: #fff; background: #2eaef8; border-radius: 5px; } .memberTab .memberOutoWrap .memberRightArea .outStap01 .outImg { padding: 50px 0; } .memberTab .memberOutoWrap .memberRightArea .outStap02 { display: none; } .memberTab .memberOutoWrap .memberRightArea .outStap02 .sns-out-title h3 { width: 110px; font-size: 14px; font-weight: 500; background: #fff; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li { padding: 10px 0; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li a { position: relative; display: block; width:360px; height: 40px; background: #eee; line-height: 40px; border-radius: 5px; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li a i { position: absolute; top:3px; left:8px; font-size: 22px; color: #fff; font-style: normal; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li a i.icon-naver { position: absolute; top:-2px; left:8px; font-size: 26px !important; font-weight: 700; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li a i.github.icon { position: absolute; top:0px; left:8px; font-size: 26px !important; font-weight: 700; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li a { color: #fff; font-weight: 500; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li .google-btn { background: #eb4f3f; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li .facebook-btn { background: #3b5a93; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li .naver-btn { background: #01c63f; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li .git-btn { background: #474747; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li .google-btn p { position: absolute; top: 10px; left:0; right:0; margin: 0 auto; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li .facebook-btn p { position: absolute; top: 10px; left:0; right:0; margin: 0 auto; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li .naver-btn p { position: absolute; top: 10px; left:0; right:0; margin: 0 auto; } .memberTab .memberOutoWrap .memberRightArea .outStap02 ul li .git-btn p { position: absolute; top: 10px; left:0; right:0; margin: 0 auto; } .memberTab .board { margin-left: 0; } #memberOutClear .modu-img {float:left; padding: 10px 0 0 10px; width:22%; } #memberOutClear .modu-img img { margin: 0 auto; } #memberOutClear .modu-text {width:78%; background: none; } #memberOutClear .modu-text p { color: #2eaef8; } /* 강사 정보 */ .teacherProfile { padding-bottom: 30px; width:100%; height: 180px; border-bottom: 1px solid #e2e2e2; } .teacherProfile .instrImg { float: left; margin-right: 50px; } .teacherProfile .instrImg img { width: 150px; height: 150px; border: 1px solid #e2e2e2; border-radius: 50%; } .teacherProfile .info { float:left; position: relative; width: 700px; height: 180px; } .teacherProfile .info ul { position:absolute; left: 0px; bottom:40px; } .teacherProfile .info ul li { padding: 5px 0; } .teacherProfile .info h2 { padding-top: 30px; font-weight: 500; } .teacherProfile .info h2 > .button { margin-left: 30px; vertical-align: middle; } .teacherProfile .evaluation { float:right; position: relative; width: 270px; height: 180px; } .teacherProfile .evaluation ul { position:absolute; right: 10px; bottom:40px; padding-left: 30px; border-left: 1px solid #e2e2e2; } .teacherProfile .evaluation ul li { padding: 5px 0; color: #999; } .teacherProfile .evaluation ul li strong { color: #000; } .slid { margin: 30px auto; width: 100%; height: 500px; } .slid ul { padding: 10px 0 0; } .slid ul li { padding: 5px; } .slid ul li .card { position:relative; margin: 0 auto; width: 220px; } .slid ul li .card h4 { margin-bottom: 10px; font-size: 15px; font-weight: 500; height: 40px; line-height: 20px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .slid ul li .card .circular.image { position:absolute; top: 150px; right: 10px; width:50px; height:50px; border: 1px solid #e2e2e2; background: #fff; } .slid ul li .card .right { float: right; } .slid ul li .card .disabled { margin-top: 6px; } .slid ul li .card .ratingNum { font-size: 11px; font-weight: 400; color: #999; vertical-align: text-bottom; } /* 내 수강 정보 */ .myProfile { margin-bottom: 50px; padding-bottom: 30px; width:100%; border-bottom: 1px solid #e2e2e2; } .myProfile .info { float:left; width: 300px; } .myProfile .info .instrImg { float: left; margin-right: 10px; } .myProfile .info .instrImg img { width: 50px; height: 50px; border: 1px solid #e2e2e2; border-radius: 50%; } .myProfile .info h3 { padding-bottom:2px; font-weight: 500; } .myProfile .info h3 .lv { padding: 0 5px; font-size:12px; font-weight: 400; } .myProfile .info .list { margin: 20px 0 0 60px; width: 200px; } .myProfile .info .list li { padding: 5px 0; } .myProfile .info .list li span { float: right; } .myProfile .tabMenu { border: none !important; box-shadow: none !important; } .myDash .content { padding: 30px 0; } .myDash .content .card { float:left; width: 565px; height:130px; margin:10px 10px !important; } .myDash .content .card .img { float: left; margin-right: 20px; width: 120px; height: 100px; border: 1px solid #e2e2e2; border-radius: 3px; } .myDash .content .card .titleInfo { position: relative; display: inline-block; width: 390px; } .myDash .content .card .titleInfo h4 { display:inline-block; padding: 3px 0 10px; width: 340px; height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .myDash .content .card .titleInfo .level { position: absolute; top:0px; right: 0px; } .myDash .content .card .num { padding: 0 10px 10px 0; font-size: 15px; text-align: right; } .myDash .content .card .progress.box { margin-left: 130px; width: 400px;height: 18px; } .myDash .content .card .progress.box .bar { height: 18px; } .dis_none { display: none !important; } .myProgress {float: left; width: 460px; } .myProgress .progressArea .progressBox { float:left; width:370px; } .myProgress .progressArea .img { position: relative; margin-left:370px; width: 30px; height: 75px; } .myProgress .progressArea .img img { position: absolute; left:5px; bottom:0; } .myProgress .progressArea .label { margin: 10px 0 0; } /* 강좌 */ .redBox { padding: 1px 4px; font-size: 6px; color:#fff; background: #db2828; border-radius: 50%; } .miniRedBox { padding: 3px 3px; font-size: 12px; font-weight: 500; color:#db2828; } .line-through { margin-right: 5px; text-decoration: line-through; } .vod_wrap h3 { margin-bottom: 10px; font-size: 23px; font-weight: 500; } .Found { color:#fff; background: #b5cc18 !important; } .begin { color:#fff; background: #21ba45 !important; } .middle, .Middle { color:#fff; background: #2185d0 !important; } .advance, .Advance { color:#fff; background: #f2711c !important; } .during { width:45px;height: 22px; background: #db2828; line-height: 22px; } .complete { width:55px;height: 22px; background: #1B1C1D ; line-height: 22px; } /* 전체 강좌 */ .vodHead { padding: 20px 0; } .vodHead > h2 { float:left; font-size: 23px; font-weight: 500; line-height: 40px; } .vodHead > h2 > span { padding:0 10px; font-size: 17px; } .vodHead > h2 > span.sub { padding:0 10px; font-weight: 400; font-size: 14px; } .vodHead > .right { float: right; } .vodHead .vodHelp li { float: left; padding: 0 5px; } .vodHead .vodHelp li:first-child:before , .vodHead .vodHelp li:last-child:before { display:none; background: none; } .vodHead .vodHelp li a:hover { color: #000; text-decoration: underline; } .vodHead .vodManage { float: right; margin-right: 10px; padding: 10px 20px; color: #fff; background: #2eaef8; font-weight: 500; border:none; border-radius: 5px; cursor: pointer; } .vodHead .vodManageDrggable { float: right; padding: 10px 20px; color: #c0c1c1; background: #f0f1f1; font-weight: 500; border:none; border-radius: 5px; pointer-events: none; } .vodContent .filtering { float: left; margin-right: 50px; width: 200px; border:1px solid #dfdfdf; border-radius:4px; box-sizing:border-box; padding:20px;} .vodContent .filtering .listBox { padding: 20px 0 10px; border-bottom: 1px solid #e2e2e2; } .vodContent .filtering div:nth-of-type(5) {border:none !important;} .vodContent .filtering .listBox label {color:#666 !important;} .vodContent .filtering > *:first-of-type {padding:0 0 10px 0 !important;;} /* .vodContent .filtering > *:nth-of-type(4) {border-bottom:none !important;} */ .vodContent .filtering .listBox h4 { margin-bottom:20px; font-weight: 500; } .vodContent .filtering .listBox ul li { margin-bottom: 10px; } .vodContent .filtering .listBox .allCategory { display: inline-block; margin: 10px 0 5px; } .vodContent .filtering .btnBox { margin: 10px 0; } .vodContent .vodList { float:left; width:calc(100% - 250px);} .vodContent .vodList ul { padding-left: 0px; } .vodContent .vodList ul li { float: left; margin-right:23px; margin-bottom:30px; transition:all 0.4s;} .vodContent .vodList ul li:hover {margin-top:-5px; margin-bottom:35px;} .vodContent .vodList ul li:nth-of-type(4n) {margin-right:0;} .vodContent .vodList ul li .card { position:relative; width: 220px; /* height:325px; */min-height: 355px;} /*.vodContent .vodList ul li .card h4 { margin-bottom: 10px; font-size: 15px; font-weight: 500; height: 40px; line-height: 20px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }*/ .vodContent .vodList ul li .card .circular.image { position:absolute; top: 150px; right: 10px; width:50px; height:50px; border: 1px solid #e2e2e2; background: #fff; } .vodContent .vodList ul li .card .right { float: right; } .vodContent .vodList ul li .card .disabled { margin-top: 6px; } .vodContent .vodList ul li .card .ratingNum { font-size: 11px; font-weight: 400; color: #999; vertical-align: text-bottom; } .vodContent ul li .card span.live_mk {background: #db2828; font-size:11px; color:#fff; font-weight:400; padding:2px 5px; box-sizing:border-box; text-align:center; z-index:2; vertical-align:middle;} .vodContent ul li .card span.live_mk img {display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-2px;} .vodContent .authorApplication a.button { position:absolute; top: 20px; right: 20px; background: #fff !important; } .vodContent .authorApplication .underline { text-decoration: underline; } .extra .labels-wrap { height: 24px; } .extra .ui.labels { position: relative; display: inline-block;} .extra .ui.labels .tooltiptext { visibility: hidden; width: 190px; background-color: #f7f7f7; border:1px solid #e2e2e2; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; } .extra .ui.labels:hover .tooltiptext { visibility: visible;} .labelsBox { position:relative; } .labelsBox .ui.labels.test { position: relative; height: 24px !important; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .labelsBox .tooltipBox { position: absolute; visibility: hidden; min-width: 200px; width: 20%; background-color: #f7f7f7; border:1px solid #e2e2e2; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; } .labelsBox:hover .tooltipBox { visibility: visible; } .labelsBox span {background:none !important; padding-left:0 !important; color:#b2b2b2; text-align:left;} /* 강좌 상세 페이지 */ .vodView_left { float: left; width: 870px; background: #fff;} .vodView_right { float: left; margin-left: 50px; width: 250px; } .vodView_right .huge.button { font-weight: 500 !important; height: 60px; line-height:27px; } .vodView_right .button.Enrolment { width: 100%; } .vodView_right .button.Enrolment.disableds { pointer-events: none; } .vodView_right .button.Enrolment > i { opacity: 1 !important; } .vodView_right .button.Enrolment > .icon-check-1 { vertical-align: middle; } .vodView_right .button.Enrolment > .icon.arrow.right { vertical-align: inherit; } .vodView_right .infoList { margin: 20px 0; border-bottom: 1px solid #e2e2e2; } .vodView_right .infoList ul li { padding: 6px 0; } .vodView_right .infoList ul li.pay { font-size: 16px; } .vodView_right .infoList ul > li > .labels { display: inline; } .vodView_right .teacher { margin: 20px 0; border-bottom: 1px solid #e2e2e2; } .vodView_right .teacher > h3 { font-size: 17px; } .vodView_right .teacher > h3 .go { float: right; cursor: pointer; } .vodView_right .reviewWriteBox { margin: 20px 0; padding: 10px; width: 100%; background: #f9fafc; } .vodView_right .reviewWriteBox textarea { resize: none; } .vodView_right .reviewWriteBox .ratingBox { padding-bottom: 10px; height: 30px; } .vodView_right .reviewWriteBox .ratingBox .rating { vertical-align: bottom; } .vodView_right .reviewWriteBox .ratingBox .button { float: right; } .vodCoursesHead { margin-bottom: 65px; } .vodCoursesHead > div { float: left; } .vodCoursesHead .conLeft { margin-right: 30px; width:270px; text-align: center; } .vodCoursesHead .conLeft .courseImg { position: relative; margin-bottom: 20px; width:270px; height: 220px; border-radius: 5px; border:1px solid #e2e2e2; overflow: hidden; } .vodCoursesHead .conLeft .courseImg img { width:270px; height: 220px; } .vodCoursesHead .conLeft .courseImg span { position: absolute; top:0; left:0; right:0; margin: 0 auto; font-size: 10px; color: #fff; text-align: center;} .vodCoursesHead .conLeft > button >i { margin: 0 !important; opacity: 1 !important; color: #fff; } .vodCoursesHead .conLeft > button >i.icon-check-1 { padding-right: 3px; vertical-align: sub; } .vodCoursesHead .conLeft > button >i.arrow { margin-right: 3px !important } .vodCoursesHead .conRight { position: relative; width:570px; } .vodCoursesHead .conRight > h3 { width: 450px; } .vodCoursesHead .conRight > h3 > img { margin-left: 5px; vertical-align: baseline; } .vodCoursesHead .conRight > h3 > span { margin-left: 5px; vertical-align: top; } .vodCoursesHead .conRight > p { margin-bottom: 5px; width: 450px; height: 100px; font-size: 14px; } .vodCoursesHead .conRight > ul { width: 700px; } .vodCoursesHead .conRight > ul > li { padding-bottom: 10px; color: #999; } .vodCoursesHead .conRight > ul > li strong { color: #000; } .vodCoursesHead .conRight > ul > li .level { display: inline-block; margin-left: 5px; width:36px; height: 22px; font-size: 10px; font-weight: 500; background: #e2e2e2; border-radius: 3px; text-align: center; line-height: 22px; } .vodCoursesHead .conRight > ul > li .ratingNum { font-size: 11px; font-weight: 400; color: #999; } .vodCoursesHead .conRight > ul > li .disabled { vertical-align: middle; } .vodCoursesHead .conRight > .evaluation { position: absolute; top: 0px; right: 0; text-align: center; } .vodCoursesHead .conRight > .evaluation h4 { margin-bottom: 10px; font-size: 23px; font-weight: 500; } .vodCoursesHead .conRight > .evaluation h4 > span { font-size: 14px; font-weight: 500; } .vodCoursesHead .conRight > .evaluation p { margin: 10px 0px; font-size: 12px; color: #999; } .vodCoursesHead .conRight > .BtnBox { position: absolute; top: 180px; right: 0; } .vodCoursesHead .conRight > .BtnBox > ol > li { float:left; margin: 0 10px; padding-top: 5px; width: 50px; height: 50px; text-align: center; } .vodCoursesHead .conRight > .BtnBox > ol > li > a > i { font-size: 20px; } .vodCoursesHead .conRight > .BtnBox > ol > li > a > p { padding: 5px 0; font-size: 12px; color: #999; } .vodCoursesHead .conRight > .BtnBox > ol > li .shareBtn { position: relative; } .vodCoursesHead .conRight > .BtnBox > ol > li .shareBox { display: none; position: absolute; top:110%; right:0; padding: 20px 15px 15px 10px; width: 120px; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #e2e2e2; } .vodCoursesHead .conRight > .BtnBox > ol > li .shareBox a { margin: 0 5px; font-size: 24px; } .shadowBox { margin-bottom: 50px; padding: 20px; border-radius: 3px; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #e2e2e2; } .shadowBox > h3 { margin-bottom: 15px; padding-bottom: 8px; font-size: 23px; font-weight: 500; border-bottom: 1px solid #e2e2e2; } .shadowBox p { padding: 5px 0; font-size: 14px; color: #888; line-height: 24px; } .introduction .instrImg { padding: 10px 0 20px; text-align: center; } .introduction .instrImg img { width: 150px; height: 150px; overflow: hidden; border: 1px solid #e2e2e2; border-radius: 50%; } .introduction .instrHistory { padding: 10px 0; } .introduction .instrHistory > h4 { margin-bottom: 10px; height: 30px; font-weight: 500; line-height: 30px; } .introduction .instrHistory > h4 .button { float: right; } .introduction .instrHistory > p { font-size: 14px; font-weight: 400; color: #999; line-height: 22px; } .progressArea { padding: 20px; background: #f9fafc; } .progressArea > .progressBox > h4 { margin-bottom: 30px; font-size: 17px; font-weight: 500; } .progressArea > .progressBox { float: left; width: 60%; height: 75px; } .progressArea > .progressBox > .progress { margin: 0px; } .progressArea > .text { position: relative; float: right; width: 40%; text-align: right; height: 75px; } .progressArea > .text .img { position: absolute; bottom:0; left: 5px; } .progressArea > .text > span { position: absolute; bottom: 0; right:0; } .courseListTab { margin: 20px 0 0; } .courseListTab > .ui.styled.accordion { box-shadow: none !important; } .courseListTab > .ui.styled.accordion > .title { margin-bottom: 10px; color: #000; opacity: 1 !important; background: #f8f8f9; border: 1px solid #cbcbcb; border-radius: 5px; } .courseListTab .chapter { margin:0 !important; padding: 10px 20px; font-size: 14px; font-weight: 500; line-height: 28px; border-bottom: 1px solid #f2f2f2 ; box-shadow: none! important; background: none !important; } .courseListTab .chapter > div { float: left; color:#323232; } .courseListTab .chapter > .tit { width:50%; font-weight: 400; } .courseListTab .chapter > .type { width:20%; font-weight: 400; } .courseListTab .chapter > .time { width:20%; font-weight: 400; } .courseListTab .chapter > .btn { width:10%; font-weight: 400; } .courseListTab .chapter > .btn > a { display: inline-block; width: 80px; height: 28px; font-size: 12px; font-weight: 400; background: #ffffff; border: 1px solid #dfdfdf; border-radius: 3px; text-align: center; } .courseListTab .chapter > .btn > a.red { color: #fff; background: #ea302e; border: 1px solid #ea302e; } .courseListTab .chapter > .btn > a.black { color: #fff; background: #222; border: 1px solid #222; } .courseListTab .chapter > .btn > a.aqua { color: #fff; background: #2eaef8; border: 1px solid #2eaef8; } #EnrolmentModal .content .Enrolment { margin-bottom: 20px; text-align: center; } #EnrolmentModal .content .Enrolment img { padding: 10px 0; } #EnrolmentModal .content .btnBox { padding: 15px 0; text-align: center; } #EnrolmentModal .content .btnBox .button { margin: 0 5px; width: 200px; height: 60px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 5px; transition:all 0.4s;} #EnrolmentModal .content .btnBox .button:hover {border:1px solid #b4b4b4;} .starBox > div { padding: 20px 0; float:left; width: 50%; height: 160px; border-bottom: 1px solid #e2e2e2; } .starBox > .star { text-align: center; } .starBox > .star > h1 { padding-left: 25px; font-size: 40px; font-weight: 500; } .starBox > .star > p { padding: 10px 0; font-size: 12px; } .starBox > .progress ul li { height: 21px; } .starBox > .progress ul li > .mark { vertical-align: super; font-size: 13px; color: #999; } .starBox > .progress ul li .bg { position:relative; margin-left: 15px; display: inline-block; width:calc(100% - 50px); height: 20px; background: #f2f2f2; } .starBox > .progress ul li .bg .percent { position: absolute; top:0; left:0; padding-top:2px; width: 100%; height: 20px; font-size: 13px; font-weight: 400; color: #fff; text-align: center; } .starBox > .progress ul li .bg .percent.five { background: #0083ca; } .starBox > .progress ul li .bg .percent.four { background: #2eaef8; } .starBox > .progress ul li .bg .percent.three { background: #6cc6fa; } .starBox > .progress ul li .bg .percent.two { background: #96d6fb; } .starBox > .progress ul li .bg .percent.one { background: #c0e7fd; } .repleNum { padding: 0 5px; font-size: 17px; } .review .list .item { padding: 40px 0 !important; border-color: #f2f2f2 !important; } .review .list .item.noReview { color: #999; text-align: center; } .review .list .item:first-child { border-top: none !important; } .review .list .item:last-child { /*border-bottom: none !important;*/ } .review .list .item .image { width:35px; height: 35px; border: 1px solid #e2e2e2; background: #fff; } .review .list .item .content { width: 790px; } .review .list .item .content .header .user { padding-bottom:6px; } .review .list .item .content .header .userName { margin-right: 5px; font-size: 14px; } .review .list .item .content .header .userName:hover { color: #000; text-decoration: underline; } .review .list .item .content .header .email { font-size: 12px; color: #898989; font-weight: 400; line-height: 12px; margin: 5px 0; } .review .list .item .content .header span.lavel { display:inline !important; } .review .list .item .content .header .lv { margin-right: 5px; font-size: 12px; } .review .list .item .content .header .day { /* margin-right: 10px; */font-size: 12px; color: #b2b2b2; vertical-align: bottom; display: block; margin: 5px 10px 10px 0px; font-weight: 400;} .review .list .item .content p { margin-top: 5px; line-height: 22px; } .review .list .item .content .sorceCode { margin:10px 0 20px; padding: 15px 20px; background: #eff7ff; border-radius: 3px; } .review .list .item .content .comentName { padding-right: 5px; font-size:12px; color: #999; } .review .list .item .content .cocomentWrite { font-size: 13px; } .review .list .item .content .updateDelete { display: inline-block; margin-left: 10px; font-size: 13px; color: #999; } .review .list .item .content .updateDelete a { font-size: 13px; color: #999; } .review .list .item .content .updateDelete a:last-child::after { display: none; } .review .list .item .content .thumbs { float:right; display: block; margin-left: 10px; font-size: 13px; } .review .list .item .content .thumbs .up { color: #2eaef8; margin: 0 10px; } .review .list .item .content .thumbs a { margin-right: 20px; } .review .list .item .content .thumbs a:last-child { margin-right: 0; } .review .list .item .content .thumbs a , .review .list .item .content .thumbs a i { float: left; } .review .list .item .content .thumbs .down { color: #ff7230; } .review .list .cocoment .content { width: 1040px; } /* 커뮤니티 */ .board_wrap .menu > a{ font-size: 14px; } .board_wrap .board { float:left; margin-top: 20px; width:100%; } .board_wrap .checkBoard:nth-child(odd) {margin-left: 70px; } .board_wrap .board h2 { font-size: 23px; font-weight: 500; } .board_wrap .board h2 .cls { font-size: 17px; } .board_wrap .board .head { margin: 20px 0 10px; height: 40px; border-bottom: 1px solid #e2e2e2; } .board_wrap .board .head h2 .plus { float: right; font-size: 14px; color: #999; line-height: 40px; } .board_wrap .board ul li { margin-bottom: 8px; font-size: 14px; } .board_wrap .board ul li .hit{ vertical-align: super; overflow: hidden; } .board_wrap .board ul li > b { display: inline-block; max-width:50px; font-size: 13px; vertical-align: top; } .board_wrap .board ul li > a { display: inline-block; max-width: 320px; height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .board_wrap .board ul li a:hover { color:#000; text-decoration: underline; } .board_wrap .board .last li { float:left; width: 550px; } .board_wrap .board .last li:nth-child(odd) { margin-right: 70px; } .board_wrap .board .title { margin-bottom:0; } .board_wrap .board .title h2 { float:left; padding-right: 10px; } .board_wrap .board .title .opt { float:right; min-width: 120px; } .board_wrap .board .title .btn > .list { float: right; margin: 0; } .table { margin: 30px 0px !important; border-left:none !important; border-right:none !important; text-align: center; } .table td, table td { padding-top: 10px !important; padding-bottom:10px !important; } .table thead th {font-weight: 500 !important;} .boardTbl > .tbl001 { text-align: center; color: #666;} .boardTbl > .tbl001 tbody .notice td { padding-top: 10px !important; padding-bottom:10px !important; background: #f9fafb; font-weight: 500; } .boardTbl > .tbl001 tbody td a {color: #666;} .boardTbl > .tbl001 tbody td a:hover { color: #000; text-decoration: none; } .boardTbl > .tbl001 tbody td:nth-child(2), .boardTbl > .table td:nth-child(3) { text-align: left; } .tbl001 tbody td:nth-child(4), .tbl001 td:nth-child(5), .tbl001 tbody td:nth-child(6), .tbl001 td:nth-child(7), .tbl001 td:nth-child(8) { color: #999; } .tbl001 tbody tr:hover{background: #f9f8fb; color:#333 !important;} .boardTbl tbody td:nth-child(3) .labelsBox span {background:none !important; padding-left:0 !important; color:#b2b2b2; text-align:left;} .boardTbl tbody td:nth-child(4) .miniBox {font-size:14px; color:#666; font-weight:400; border:none; padding:0; text-align:center; background:#fff;} .boardTbl tbody td:nth-child(4) .miniBox.open {font-size:14px; color:#333; font-weight:400;} .boardTbl tbody td:nth-child(5) span {width:auto; height:auto; padding:0 5px; box-sizing:border-box; font-size:10px; line-height:18px; } .boardTbl tbody td:nth-child(6) .person img {display:inline-block; vertical-align:middle;} .boardTbl tbody td:nth-child(6) .person .nick {display:inline-block; vertical-align:middle; color:#666 !important;} .boardTbl tbody td:nth-child(7) span {font-size:13px;} #publicQuestList .labelsBox div span {background:none !important; padding:0 5px; box-sizing: border-box; color:#898989; } #publicQuestList table tbody td:nth-of-type(3) {text-align:center;} #publicQuestList table tbody td:nth-of-type(3) span {text-align:center; padding:0 5px; box-sizing:border-box; font-size:10px; color:#fff; line-height:18px; width:auto; height:auto;} #publicQuestList table tbody td:nth-of-type(4) .person img, #publicQuestList table tbody td:nth-of-type(4) .person a {display:inline-block; vertical-align:middle; color:#666;} #publicQuestList table tbody td:nth-of-type(5) span {font-size:13px !important; color:#898989;} .boardTbl > .tbl002 .no { text-align: right; font-size: 12px !important; font-weight: 400 !important; color: #999; } .boardTbl > .tbl002 .person { float: none; } .boardTbl > .tbl002 .icon { vertical-align: middle; color: #999; } .boardTbl > .tbl002 .num { color: #999; font-size: 13px} .boardTbl > .tbl002 .day { padding: 0 10px; font-size: 13px; color: #999; } .boardTbl > .tbl002 .day > i { vertical-align: middle; } .boardTbl > .tbl002 > thead tr>th:first-child {font-size: 17px;} .boardTbl .write { height: 40px; } .boardTbl .write > i { float:left; } .boardTbl .boardContents { padding:20px 10px 40px; border-bottom: 1px solid #e2e2e2; line-height: 28px; } .boardTbl .boardContents .BtnBox { margin: 20px auto; width: 140px; text-align: center; } .boardTbl .boardContents .BtnBox > ol > li { float:left; margin: 0 10px; padding-top: 5px; width: 50px; height: 50px; text-align: center; } .boardTbl .boardContents .BtnBox > ol > li > a > i { font-size: 20px; } .boardTbl .boardContents .BtnBox > ol > li > a > p { padding: 5px 0; font-size: 12px; color: #999; } .boardTbl .boardContents .BtnBox > ol > li .shareBtn { position: relative; } .boardTbl .boardContents .BtnBox > ol > li .shareBox { display: none;margin-left: -30px;width: 120px;padding: 20px 10px 9px 10px;background: #fff;border-radius: 5px;box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #e2e2e2; } .boardTbl .boardContents .BtnBox > ol > li .shareBox a { margin: 0 5px; font-size: 24px; } .ui.table.view thead th { padding: 12px 1em !important; font-size: 17px; font-weight: 500 !important; } .board_wrap .person { float: right; } .person { width:150px; font-size: 14px; color: #999; } .person > img { margin-right: 5px; width: 23px; height: 23px; overflow: hidden; border-radius: 50%; border: 1px solid #e2e2e2; background: #fff; vertical-align: bottom; } .person > .lv { margin-left: 2px; font-size: 12px; } .person > .email { margin-left: 32px; font-size: 12px; } .labels > .label { padding:4px 8px; font-size: 10px !important; } .prevNextList { margin: -20px 0 80px !important; } /* 고객센터 */ .supportMenu { padding: 0 !important; } .supportMenu > .content { border: none !important; padding:0 !important; } .supportMenu .ui.styled.accordion { box-shadow: none !important; } .supportMenu .ui.styled.accordion > .title { font-weight: 400; color: #000; opacity: 1 !important; } .supportMenu .ui.styled.accordion > .content { padding-left: 40px; font-weight: 400; color: #666; opacity: 1 !important; } .supportMenu .questionFormList {width: 100%; } .supportMenu .questionFormList li { margin-top: 10px; } .supportMenu .questionFormList > li .input { width: 100%; position: relative; } .supportMenu .questionFormList li .asterisk { position: absolute; top: 15px; left: -15px; font-size: 14px; font-weight: 700; color: #db2828; } .supportMenu .board { margin-top: 20px; } .supportMenu .board:nth-child(odd) { margin-left:0; } .supportMenu .write { margin:20px 0 0; float: right; } .supportMenu .write i { float:none; } .file label { position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; /*width:100px; height:30px; background:#777; color:#fff; text-align:center; line-height:30px; */} .file label input { position:absolute; width:0; height:0; overflow:hidden; } .file input[type=text] { display:block; width:400px; height:28px; line-height:28px; font-size:11px; padding:0; border:0; border:1px solid #777; } .uploadBtn { width:100%; font-size: 12px; color: #999; } .uploadBtn a{ width: 120px; } .uploadBtn span { margin-left: 5px; } .uploadBtn input{ display:none; } .uploadListBox { width:100%; } .uploadListBox .uploadList li{ position: relative; margin-top: 10px; padding:15px; width: 1144px; height: 32px; background-color:#f8f8f9; border-radius: 3px; } .uploadListBox .uploadList li input{ display: none; } .uploadListBox .uploadList li p{ white-space: nowrap; font-size: 12px; position: absolute; top: 8px; left: 12px; } .uploadListBox .uploadList li p > h4 { display: inline; font-size: 12px; font-weight: 400; color:#666; } .uploadListBox .uploadList li p > i { margin-left: 10px; font-size: 10px; font-weight: 400; color:#bbb; } .uploadListBox .uploadList li span{ position: absolute; top: 7px; right: 10px; color:#999; cursor:pointer; } .supportFoot { margin: 30px 0; width: 100%; } .supportFoot .checkbox { margin-bottom: 15px; } .supportFoot .checkbox label { font-size: 14px; padding-top: 2px; } .supportFoot > ol { padding-left: 18px; } .supportFoot > ol > li { list-style: disc; font-size: 12px; color: #555; } /* search */ .searchWrap > h4 { margin: 60px 0; font-size: 16px; font-weight: 500; text-align: center; } .searchWrap .searchContent { margin-bottom: 60px; padding: 40px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-align: center; } /* 고객센터 */ .supportMenu { padding: 0 !important; } .supportMenu > .content { border: none !important; padding:0 !important; } .supportMenu .ui.styled.accordion { box-shadow: none !important; } .supportMenu .ui.styled.accordion > .title { font-weight: 400; color: #000; opacity: 1 !important; } .supportMenu .ui.styled.accordion > .content { padding-left: 40px; font-weight: 400; color: #666; opacity: 1 !important; } .supportMenu .questionFormList {width: 100%; } .supportMenu .questionFormList li { margin-top: 10px; } .supportMenu .questionFormList > li .input { width: 100%; position: relative; } .supportMenu .questionFormList li .asterisk { position: absolute; top: 15px; left: -15px; font-size: 14px; font-weight: 700; color: #db2828; } .supportMenu .board { margin-top: 20px; } .supportMenu .board:nth-child(odd) { margin-left:0; } .supportMenu .write { margin:20px 0 0; float: right; } .supportMenu .write i { float:none; } .file label { position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; /*width:100px; height:30px; background:#777; color:#fff; text-align:center; line-height:30px; */} .file label input { position:absolute; width:0; height:0; overflow:hidden; } .file input[type=text] { display:block; width:400px; height:28px; line-height:28px; font-size:11px; padding:0; border:0; border:1px solid #777; } .uploadBtn { width:100%; font-size: 12px; color: #999; } .uploadBtn a{ width: 120px; } .uploadBtn span { margin-left: 5px; } .uploadBtn input{ display:none; } .uploadListBox { width:100%; } .uploadListBox .uploadList li{ position: relative; margin-top: 10px; padding:15px; width: 1144px; height: 32px; background-color:#f8f8f9; border-radius: 3px; } .uploadListBox .uploadList li input{ display: none; } .uploadListBox .uploadList li p{ white-space: nowrap; font-size: 12px; position: absolute; top: 8px; left: 12px; } .uploadListBox .uploadList li p > h4 { display: inline; font-size: 12px; font-weight: 400; color:#666; } .uploadListBox .uploadList li p > i { margin-left: 10px; font-size: 10px; font-weight: 400; color:#bbb; } .uploadListBox .uploadList li span{ position: absolute; top: 7px; right: 10px; color:#999; cursor:pointer; } .supportFoot { margin: 30px 0; width: 100%; } .supportFoot .checkbox { margin-bottom: 15px; } .supportFoot .checkbox label { font-size: 14px; padding-top: 2px; } .supportFoot > ol { padding-left: 18px; } .supportFoot > ol > li { list-style: disc; font-size: 12px; color: #555; } /* search */ .searchWrap > h4 { margin: 60px 0; font-size: 16px; font-weight: 500; text-align: center; } .searchWrap .searchContent { margin-bottom: 60px; padding: 40px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-align: center; } /* 문제 */ .classMenu { margin-bottom:40px !important; border-bottom: 1px solid #000 !important; } .classMenu .item.active { border: 1px solid #000 !important; border-bottom:none !important; } .title > h2 { margin: 20px 0 30px; display: inline-block; font-weight: 500; } .title > .optBox { margin: 20px 0 30px; float:right; display: block; } .title > .optBox .opt { margin-left: 10px; min-width:120px; } .medal { position:relative; margin-right: 15px; width: 31px; height: 38px; } .medal span { position: absolute; bottom:5px; left:1px; right:0; margin: 0 auto; text-align: center; font-size: 12px; font-weight: 700; } .medal.remain { width: 30px; height:30px; background: #eee; border-radius: 50%; } .problemList { width: 100%; } .problemList > ul > li { position: relative; margin-bottom:20px; padding: 20px; width: 100%; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; border-radius: 5px; } .problemList > ul > li > .top > div { position: relative; float: left; margin-bottom: 10px; } .problemList > ul > li > .top .tit .no { color: #999; } .problemList > ul > li > .top .tit h4 { margin-bottom: 2px; font-weight: 500; } .problemList > ul > li > .top .tit .source { margin: 2px 0; font-size: 11px; color: #aaa; } .problemList > ul > li > .top .stap { position: absolute; top:20px; right: 20px; font-size: 11px; font-weight: 500; background: #fff; } .problemList > ul > li > .top .stap > .bookmarkBtn { font-size: 14px; } .problemList > ul > li > .top .stap .num { display: inline-block; padding: 1px 5px; font-size: 11px; font-weight: 500; background: #fff; border: 1px solid #e2e2e2; border-radius: 3px; } .problemList > ul > li > .top .situation { position: absolute; top: 0; right: 25px; bottom:0; margin: auto 0; width: 45px; height: 45px; font-size: 13px; color: #fff; border-radius: 50%; line-height: 50px; text-align: center; } .problemList > ul > li > .top .situation.aqua { background: #2eaef8; } .problemList > ul > li > .top .situation.gray { background: #767676; } .problemList > ul > li > .bottom > div { float: left; } .problemList > ul > li > .bottom > .profile .person { float:none; margin-right: 10px; } .problemList > ul > li > .bottom > .profile .day { float:none; margin-right: 10px; font-size: 12px; color: #999; } .problemList > ul > li > .bottom > .lookLoke { float:right; } .problemList > ul > li > .bottom > .lookLoke > div { float: left; width: 120px; font-size: 14px; color: #999; text-align: center; } .problemList > ul > li > .bottom > .lookLoke > div > i { font-size: 16px; vertical-align: text-top; } .problemList > ul > li > .bottom > .lookLoke > div > span { padding: 10px; } .problemList > ul > li > .bottom .calendar { font-size: 12px; color: #999; } .problemList > ul > li > .bottom .calendar i { margin-right: 5px; } .problemList .authorApplication a.button { position:absolute; top: 20px; right: 20px; background: #fff !important; } .problemList-wrap { float: left; width: 960px; } .problemList-wrap .problemList .ratioBox { float: right; } .problemList-wrap .problemList .ratioBox > div { float: left; padding: 0 20px; font-size: 14px; color: #999; text-align: center; } .problemList-wrap .problemList .ratioBox > div > .txt { padding-left: 5px; font-size: 12px; font-weight: 400; vertical-align: bottom; } .problem-title { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000; } .problem-title > div { float:left; } .problem-title > .tit > h2 { font-weight: 500; } .problem-title > .tit > .source { margin: 2px 0; font-size: 11px; color: #aaa; } .problem-title > .right { float:right; text-align: right; } .problem-title > .right > div { margin-bottom:5px; } .problem-title > .right .no { font-size: 11px; color: #aaa; } .problem-title > .right .stap { font-weight: 500; background: #fff; } .problem-title > .right .stap > .bookmarkBtn { font-size: 14px; } .problem-title > .right .stap .num { display: inline-block; padding: 1px 5px; font-size: 11px; font-weight: 500; background: #fff; border: 1px solid #e2e2e2; border-radius: 3px; } .ploblemTbl tr, .ploblemTbl td { padding: 10px 0px !important; } .problem-content > .profile .person { float:none; margin-right: 10px; } .problem-content > .profile .day { float:none; margin-right: 10px; font-size: 12px; color: #999; } .ui table thead th { padding: 12px 1em; } .ui.table.view thead th { padding: 12px 1em !important; font-size: 17px; font-weight: 500 !important; } .board_wrap .person { float: right; } .person { width:150px; font-size: 14px; color: #999; } .person > img { margin-right: 5px; width: 23px; height: 23px; overflow: hidden; border-radius: 50%; border: 1px solid #e2e2e2; background: #fff; vertical-align: middle; } .person > .lv { margin-left: 2px; font-size: 12px; } .labels > .label { padding:4px 8px; font-size: 10px !important; } .prevNextList { margin: -20px 0 80px !important; } .reply .review { /*margin: 10px 0;*/ padding: 0 10px; } .reply .review .list .item { position: relative; border-top: 1px solid #e2e2e2; } .reply .review .list .item.viewMore { text-align: center; } .reply .review .list .item .selection { position: absolute; top: 52px; left: 0px; } .reply h2 { font-size: 23px; font-weight: 500; } .reply .tit { padding-bottom: 15px; border-bottom: 1px solid #e2e2e2; } .reply .tit > h2 { float: left; } .reply .tit > .opt { float: right; min-width: 120px !important; } .reply .replyWrite { padding: 20px; background: #f9fafb; } .reply .replyWrite > div { float: left; } .reply .replyWrite .person { margin-right: 10px; width: 40px; } .reply .replyWrite .person > img { width: 35px; height: 35px; } .reply .replyWrite .write { border: 1px solid #e2e2e2; border-radius: 3px; } .reply .replyWrite .write textarea { padding: 10px; width:1067px; border: none; resize: none; } .reply .replyWrite .write textarea :hover { border: none !important;} .reply .replyWrite .btn { margin: 10px 0 0 50px; width: 1070px; } .reply .replyWrite .btn .iconBtn { display:inline-block; margin-right: 5px; width: 36px; height: 36px; color: #666; background: #fff; border: 1px solid #e2e2e2; border-radius: 3px; text-align: center; line-height: 34px; vertical-align: middle; } .reply .replyWrite .btn .iconBtn .smile { font-size: 24px; padding-left: 4px; } .reply .replyWrite .btn .iconBtn .photo { font-size: 20px; padding-left: 3px; } .reply .replyWrite .btn .iconBtn .code { font-size: 20px; padding-left: 3px; } .reply .replyWrite .writeEdit > div { background: #fff; } .replyWrite2 { padding: 20px; background: #f9fafb; } .replyWrite2 > div { float: left; } .replyWrite2 .person { margin-right: 10px; width: 40px; } .replyWrite2 .person > img { width: 35px; height: 35px; } .replyWrite2 .write { border: 1px solid #e2e2e2; border-radius: 3px; } .replyWrite2 .write textarea { padding: 10px; width:1052px; border: none; resize: none; } .replyWrite2 .write textarea :hover { border: none !important;} .replyWrite2 .btn { margin: 10px 0 0 50px; width: 1055px; } .replyWrite2 .btn .iconBtn { display:inline-block; margin-right: 5px; width: 36px; height: 36px; color: #666; background: #fff; border: 1px solid #e2e2e2; border-radius: 3px; text-align: center; line-height: 34px; vertical-align: middle; } .replyWrite2 .btn .iconBtn .smile { font-size: 24px; padding-left: 4px; } .replyWrite2 .btn .iconBtn .photo { font-size: 20px; padding-left: 3px; } .replyWrite2 .btn .iconBtn .code { font-size: 20px; padding-left: 3px; } .replyWrite2 .writeEdit > div { background: #fff; } .boardWriteTitle .input { margin-left:6px; vertical-align: bottom; } .boardWriteTitle .opt { margin-left:5px; } .boardWriteTitle .opt:first-child { margin-left:0; } .tagBox { margin: 10px 0; padding: 20px; width: 100%; background: #f9fafb; border-radius: 3px; } .tagBox h3 { margin-bottom: 10px; } .tagBox h3 > span { padding-left: 5px; font-size: 14px; font-weight: 400; color: #999; } .tagBox .btnBox { margin: 10px 0; } .tagBox .btnBox button { padding: 5px 10px; } .problem-profile { margin-bottom: 20px; } .problem-profile > .profile { float:left; width: 500px; } .problem-profile > .profile .person { float:none; margin-right: 10px; } .problem-profile > .profile .day { float:none; margin-right: 10px; font-size: 12px; color: #999; } .problem-profile .lookLoke { float:right; } .problem-profile .lookLoke > div { float: left; margin: 0 20px; font-size: 14px; color: #999; text-align: center; } .problem-profile .lookLoke > div > i { font-size: 16px; vertical-align: text-top; } .problem-profile .lookLoke > div > span { padding: 10px; } .problem-content { padding-bottom: 80px; } .problem-content .menu .item { padding: 10px 20px; font-size: 14px; } .problem-content > .content { margin: 40px 0 20px; padding-bottom: 50px; font-size: 14px; color: #666; line-height: 30px; border-bottom: 1px solid #e2e2e2; } .problem-content > .content > p { margin-bottom: 80px; font-size: 14px; color: #666; line-height: 30px; } .problem-content > .content .exBox { padding: 10px 20px; background: #eff7ff; border-radius: 5px; line-height: 24px; } .problem-content > .content h2 { padding: 20px 0 5px; font-weight: 400; } .problem-content > .content .submitBox { text-align: center; } .problem-content > .content .BtnBox { margin: 50px auto 0; width: 210px; text-align: center; } .problem-content > .content .BtnBox > ol > li { position: relative; float:left; margin: 0 10px; padding-top: 5px; width: 50px; text-align: center; } .problem-content > .content .BtnBox > ol > li > a { display: block; } .problem-content > .content .BtnBox > ol > li > a > i { font-size: 20px; } .problem-content > .content .BtnBox > ol > li > a > p { padding: 5px 0; font-size: 12px; color: #999; } .problem-content > .content .BtnBox > ol > li .shareBox { position: absolute; display: none; margin-left: -30px;width: 120px;padding: 20px 10px 9px 10px;background: #fff;border-radius: 5px;box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #e2e2e2; } .problem-content > .content .BtnBox > ol > li .shareBox a { margin: 0 5px; font-size: 24px; } .problem-content .btn > .button.list { float: right; } .bookmarkBtn > i.bookmark { color: #dfdfdf; } .problem-content > .content .opt { margin-bottom: 30px; } .problem-content > .content .fr { float:right; } .problem-content > .content .table { margin:0 0 30px !important; text-align: center; } .problem-content > .content .table tr th { padding: 8px 0 !important; } .problem-content > .content .table tr td { padding: 5.5px 0 !important; } .problem-content > .content .table .person > img { vertical-align: middle; } .problem-content > .content .table .day { float:none; margin-left: 10px; font-size: 13px; color: #999; } .problem-content > .content .info { float:left; margin-left: 100px; width: 190px; } .problem-content > .content .info .opt { margin-bottom: 0px; min-width: 190px !important; } .problem-content > .content .info > ul { margin-top: 20px; } .problem-content > .content .info > ul li strong { font-weight: 500; color: #000; } .problem-content > .content .info > ul li { font-weight: 400; color: #999; } .problem-content > .content .answerList { float: left; } .problem-content > .content .answerList .table tr td:nth-child(3) { text-align: left; } .problem-content > .content .answerList .table tr td:nth-child(4), .problem-content > .content .answerList .table tr td:nth-child(5), .problem-content > .content .answerList .table tr td:nth-child(6), .problem-content > .content .answerList .table tr td:nth-child(7), .problem-content > .content .answerList .table tr td:nth-child(8) { color: #999; } .problem-content > .content .explanationList .table tr td:nth-child(1) { padding: 0 20px !important; text-align: left; } .problem-content > .content .explanationList .table tr td:nth-child(2) { text-align: left; } .problem-content > .content .explanationList .table tr td:nth-child(3), .problem-content > .content .explanationList .table tr td:nth-child(4), .problem-content > .content .explanationList .table tr td:nth-child(5), .problem-content > .content .explanationList .table tr td:nth-child(6) { color: #999; } #explanModal { position: absolute; bottom:0; height: 520px !important; } #explanModal .explanationView .table { margin: 0 !important; border-top: none; } #explanModal .header { padding:0 20px !important; height:57px !important; font-size: 17px; font-weight: 500; line-height: 57px !important; } #explanModal .content { min-height: 400px !important; height: 400px !important; max-height: 400px !important; } #explanModal .content > .BtnBox { margin: 0 auto; padding: 30px 0; width: 50px; } #explanModal .content > .BtnBox > ol > li { float:left; margin: 0 10px; padding-top: 5px; width: 50px; height: 50px; text-align: center; } #explanModal .content > .BtnBox > ol > li > a > i { font-size: 20px; } #explanModal .content > .BtnBox > ol > li > a > p { padding: 5px 0; font-size: 12px; color: #999; } #explanModal .content > .BtnBox > ol > li .shareBtn { position: relative; } #explanModal .content > .BtnBox > ol > li .shareBox { display: none; position: absolute; top:110%; right:0; padding: 20px 15px 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #e2e2e2; } #explanModal .content > .BtnBox > ol > li .shareBox a { margin: 0 5px; font-size: 24px; } #explanModal .actions>.button { margin-left: 0 !important; } #explanModal .contentBottom { margin-bottom:0 !important; } .ui.dimmer.modals { z-index: 1002; } #explanWriteModal { position: absolute; bottom:0; height: 520px !important; } #explanWriteModal .explanationView .table { margin: 0 !important; border-top: none; } #explanWriteModal .header { padding:0 20px !important; height:57px !important; font-size: 17px; font-weight: 500; line-height: 57px !important; } #explanWriteModal .content { min-height: 400px !important; height: 400px !important; max-height: 400px !important; } #explanWriteModal .languageBox { margin: 20px 10px; } #explanWriteModal .calendar { margin-top: 10px; } #explanWriteModal .calendar span { padding: 10px; line-height: 40px; } .problem-content > .content .explanationView .table tr th.left, .problem-content > .content .explanationView .table tr td.left { padding-left: 15px !important; text-align: left; } .problem-content > .content .explanationView .table tr th.title { font-size: 17px; font-weight: 500; } .problem-content > .content .explanationView .table tr td:nth-child(2), .problem-content > .content .explanationView .table tr td:nth-child(3) { color: #999; } .problem-content > .content .explanationView .boardContents { margin-bottom:30px; padding:20px 10px 50px; border-bottom: 1px solid #f2f2f2; line-height: 28px; } .problem-content > .content .scoringStatus .table tr td:nth-child(2), .problem-content > .content .scoringStatus .table tr td:nth-child(3) { text-align: left; } .rank.first { background-position: -1px -1px; } .rank.second { background-position: -1px -31px; } .rank.third { background-position: -1px -61px; } .ectSetting { margin-top: 30px; padding-bottom:30px; border-bottom: 1px solid #efefef; } .ectSetting > div { float: left; } .ectSetting > .title { width: 200px; font-size: 17px; font-weight: 500; } .ectSetting > .content { width: 970px; } .ectSetting > .content > ul > li { margin-bottom: 10px; } .ectSetting > .content > ul > li .answerBox > div { float: left; } .ectSetting > .content > ul > li .answerBox > .correct { position: relative; width: 40px; height: 100px; text-align: right; } .ectSetting > .content > ul > li .answerBox > .correct .checkbox { position: absolute; bottom:50px; right:0; } .ectSetting > .content > ul > li .answerBox > .correct .delete { position: absolute; bottom:0; right:4px; padding: 0 !important; width: 30px; height: 30px; } .ectSetting > .content > ul > li .answerBox > .textForm { float: right; } .ectSetting > .content > ul > li .answerBox > .textForm textarea { margin: 0px 5px; padding: 10px; width: 455px; height: 100px; border: 1px solid #ddd; border-radius: 5px; resize: none; } .ectSetting > .content > ul > li .answerBox > .textForm textarea:last-child { margin-right: 0; } .ectSetting > .content > .addBtn { float: right; } /* lms */ .lms-wrap { background: #f1f1f1; } .lms-wrap i.refresh.icon { margin:0 !important; padding:0 !important; } .lms-wrap .lms-content { padding: 30px; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #fff; } .lms-wrap .lms-content .conArea { margin: 30px 0 20px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; } .lms-wrap .lms-content .conArea table { width: 100%; } .lms-wrap .lms-content .conArea table th, .lms-wrap .lms-content .conArea table td { padding: 6px 5px; } .lms-wrap .lms-content .conArea textarea { resize: none; } .lms-wrap .lms-content .vodContent .leftCon { float: left; margin-right: 50px; width: 220px; } .lms-wrap .lms-content .vodContent .leftCon .img { width: 220px; height: 170px; overflow: hidden; border-radius: 3px; border: 1px solid #e2e2e2; } .lms-wrap .lms-content .vodContent .leftCon .img img { width: 220px; height: 170px; overflow: hidden; } .lms-wrap .lms-content .vodContent .leftCon .photoBtn { padding: 20px 0; text-align: center; } .lms-wrap .lms-content .vodContent .leftCon .photoBtn > a { position: relative; display: inline-block; margin: 0 3px; width: 30px; height: 30px; font-size: 15px; color: #757575; background: #dfe0e1; border: none; border-radius: 50%; text-align: center; line-height: 30px; cursor: pointer; } .lms-wrap .lms-content .vodContent .leftCon .photoBtn > a i { position: absolute; top:0; left:6px; } .lms-wrap .lms-content .vodContent .leftCon .imgRule { font-size: 12px; color: #666; line-height: 20px; text-align: center; } .lms-wrap .lms-content .vodContent .rightCon { float: left; width: 840px; } .lms-wrap .lms-content .vodContent .rightCon .subjectForm .form { margin-bottom: 10px; } .lms-wrap .lms-content .vodContent .rightCon .subjectForm .form textarea { resize: none; } .lms-wrap .lms-content .vodContent .rightCon .subjectForm .form .buttons { height: 40px; vertical-align: bottom; } .lms-wrap .lms-content .vodContent .rightCon .subjectForm .form table { margin:0 !important; } .lms-wrap .lms-content .vodContent .rightCon .subjectForm .form table th { padding: 10px 0; width: 105px; text-align: left; } .lms-wrap .lms-content .vodContent .rightCon .subjectForm .form table td { padding: 10px 0; text-align: left; } .lms-wrap .lms-content .vodContent .rightCon .subjectForm .form .input .inputTxt { padding-left: 10px; line-height: 40px; } .lms-wrap .lms-content .vodContent .rightCon .noneContent { text-align: center; } .lms-wrap .lms-content .vodContent .rightCon.vodList { margin-left: 0px; } .lms-wrap .lms-content .vodContent .rightCon.vodList ul { padding-left: 0px; } .lms-wrap .lms-content .vodContent .rightCon.vodList ul li { float: left; padding: 10px; } .lms-wrap .lms-content .vodContent .rightCon.vodList ul li .card { position:relative; width: 220px } .lms-wrap .lms-content .vodContent .rightCon.vodList ul li .card h4 { margin-bottom: 10px; font-size: 15px; font-weight: 500; height: 40px; line-height: 20px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .lms-wrap .lms-content .vodContent .rightCon.vodList ul li .card .circular.image { position:absolute; top: 150px; right: 10px; width:50px; height:50px; border: 1px solid #e2e2e2; background: #fff; } .lms-wrap .lms-content .vodContent .rightCon.vodList ul li .card .right { float: right; } .lms-wrap .lms-content .vodContent .rightCon.vodList ul li .card .disabled { margin-top: 6px; } .lms-wrap .lms-content .vodContent .rightCon.vodList ul li .card .ratingNum { font-size: 11px; font-weight: 400; color: #999; vertical-align: text-bottom; } .lms-wrap .lms-content .vodContent .filtering dl { padding: 20px 0 10px; border-bottom: 1px solid #e2e2e2; } .lms-wrap .lms-content .vodContent .filtering dl:first-child { padding-top: 0; } .lms-wrap .lms-content .vodContent .filtering dl:last-child { border-bottom: none; } .lms-wrap .lms-content .vodContent .filtering dl dt { padding-bottom: 15px; font-weight: 500; } .lms-wrap .lms-content .vodContent .filtering dl dd { margin-bottom: 10px; } .lms-wrap .lms-content .vodContent .vodList { margin-bottom: 0px; } .lms-wrap .lms-content .vodContent .vodList > ul > li { position: relative; margin-bottom: 20px; padding: 20px; width: 840px; height: 180px; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; border-radius: 5px; } .lms-wrap .lms-content .vodContent .vodList > ul > li .courseImg { position: relative; float: left; margin-right: 20px; width: 170px; height: 140px; overflow: hidden; border: 1px solid #e2e2e2; border-radius: 3px; } .lms-wrap .lms-content .vodContent .vodList > ul > li .courseImg img { width: 170px; height: 140px; } .lms-wrap .lms-content .vodContent .vodList > ul > li .courseImg span { position: absolute; top:0; left:0; right:0; margin: 0 auto; font-size: 10px; color: #fff; text-align: center; } .lms-wrap .lms-content .vodContent .vodList > ul > li .courseText { width: 720px; } .lms-wrap .lms-content .vodContent .vodList > ul > li .courseText > h4 { margin-bottom: 10px; font-size: 17px; font-weight: 700;height: 23px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .lms-wrap .lms-content .vodContent .vodList > ul > li .courseText > h4 a:hover { color: #000; text-decoration: underline; } .lms-wrap .lms-content .vodContent .vodList > ul > li .courseText > p { margin-bottom: 10px; height: 43px; font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .lms-wrap .lms-content .vodContent .vodList > ul > li .courseText > ol li { padding-bottom: 8px; color: #999; } .lms-wrap .lms-content .vodContent .vodList > ul > li .courseText > ol li strong{ color: #000; } .lms-wrap .lms-content .vodContent .vodList > ul > li .level { display: inline-block; width:36px; height: 22px; font-size: 10px; font-weight: 500; background: #e2e2e2; border-radius: 3px; text-align: center; line-height: 22px; } .lms-wrap .lms-content .vodContent .vodList > ul > li .open { position: absolute; top: 20px; right: 20px; width:36px; height: 22px; font-size: 10px; font-weight: 400; color: #fff; background: #000; border-radius: 3px; text-align: center; line-height: 22px; } .lms-wrap .lms-content .vodContent .vodList > ul > li .private { position: absolute; top: 20px; right: 20px; width:46px; height: 22px; font-size: 10px; font-weight: 400; color: #000; background: #fff; border: 1px solid #e2e2e2; border-radius: 3px; text-align: center; line-height: 22px; } .lms-wrap .lms-content .vodContent .vodList > ul > li .date { position: absolute; bottom: 20px; right: 20px; font-size: 12px; font-weight: 400; color: #999; } .lms-wrap .lms-content .vodContent .write { height: 40px; } .lms-wrap .lmsLayout .lms-left, .lms-wrap .lms-left { float: left; } .lms-wrap .lmsLayout { position:relative; min-height: 600px; } .lms-wrap .lmsLayout .lms-left { position: absolute; width: 250px; height:100%; background: #fff; box-shadow: 1px 0px 3px 0px #d4d4d5; overflow: auto; z-index: 1; } .lms-wrap .lmsLayout .lms-left .con { margin: 0 10px 10px; padding: 10px 0px 10px; border-bottom: 1px solid #e7e7e7; } .lms-wrap .lmsLayout .lms-left .contentTitle { text-align: center; } .lms-wrap .lmsLayout .lms-left .contentTitle img {margin: 10px 0 20px;width: 120px;height: 100px;border: 1px solid #f1f1f1;border-radius: 5px;} .lms-wrap .lmsLayout .lms-left .contentTitle p { padding: 0 10px; font-weight: 500; line-height: 22px; } .lms-wrap .lmsLayout .lms-left .list dt .name { display: inline-block; height: 20px; font-weight: 500; font-size: 15px; vertical-align: super; } .lms-wrap .lmsLayout .lms-left .list dt .arrow { float: right; font-size: 14px; color: #b4b4b4; line-height: 25px; } .lms-wrap .lmsLayout .lms-left .list dd a { display: block; padding-left: 40px; width:100%; height: 30px; font-size: 14px; line-height: 30px; } .lms-wrap .lmsLayout .lms-left .list dd a.active { font-weight: 500; color: #2eaef8; background: #f4f4f4; } .lms-wrap .lmsLayout .lms-right { margin-left: 250px; width: calc(100% - 250px); } .lms-wrap .lmsLayout .lms-right .gnb { width: 100%; height:50px; background: #fff; box-shadow: 1px 0px 3px 0px #d4d4d5; } .lms-wrap .lmsLayout .lms-right .gnb .foldingBtn { float:left; width: 50px; height: 50px; background: #fff; border: none; cursor:pointer; outline: none; } .lms-wrap .lmsLayout .lms-right .gnb h2 { float:left; height: 50px; font-size: 23px; font-weight: 500; line-height: 52px; } .lms-wrap .lmsLayout .lms-right .gnb .btns { float: right; margin-right: 10px; line-height: 50px; } .lms-wrap .lmsLayout .lms-right .gnb .btns a{ padding: 8px 10px; font-size: 12px; } .lms-wrap .lmsLayout .lms-right .gnb .openSet { float: right; margin-right: 10px; width: 120px; height: 50px; line-height: 50px; text-align: center; } .lms-wrap .lmsLayout .lms-right .gnb .openSet .checkbox { margin-right: 10px; padding-top: 5px; } .lms-wrap .lmsLayout .lms-right .gnb .openSet b { font-weight: 500; } .lms-wrap .lmsLayout .lms-right .content { padding: 30px; } .lms-wrap .lmsLayout .lms-right .content > .lms-content { margin-bottom: 30px; } .lms-wrap .lmsLayout .lms-right .content > .lms-content:last-child { margin-bottom: 0px;} .lms-wrap .lmsLayout .lms-right .content .infoArea .infoImg { float: left; margin-right: 30px; width: 220px; height: 170px; border: 1px solid #f1f1f1; border-radius: 5px; overflow: hidden; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoImg > img { width: 100%; height: 100%; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoBox { margin-left: 250px; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoBox .title { margin-bottom:0; font-size: 23px; font-weight: 500; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoBox .labelsBox { margin: 8px 0; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoBox .infoText { margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 22px; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoBox .infoList li { padding-bottom: 10px; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoBox .infoList li .level { display: inline-block; width:36px; height: 22px; font-size: 10px; font-weight: 500; background: #e2e2e2; border-radius: 3px; text-align: center; line-height: 22px; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoBox .detailText { margin-top: 20px; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoBox .detailText h3 { margin-bottom:10px; padding-bottom: 10px; font-size: 23px; font-weight: 500; border-bottom: 1px solid #e9e9e9; } .lms-wrap .lmsLayout .lms-right .content .infoArea .infoBox .detailText p { line-height: 24px; } .lms-wrap .lmsLayout .lms-right .content .statisticsArea { text-align: center; } .lms-wrap .lmsLayout .lms-right .content .statisticsArea.three .oneBlock { min-width: 255px; width: 33.3%; } .lms-wrap .lmsLayout .lms-right .content .statisticsArea.two .oneBlock { min-width: 255px; width: 50%; } .lms-wrap .lmsLayout .lms-right .content .statisticsArea .oneBlock { float:left; padding: 10px;border-right: 1px solid #e7e7e7; text-align: center; } .lms-wrap .lmsLayout .lms-right .content .statisticsArea .oneBlock:last-child { border:none; } .lms-wrap .lmsLayout .lms-right .content .statisticsArea .oneBlock h3 { margin-bottom: 20px; font-size: 17px; font-weight: 500; } .lms-wrap .lmsLayout .lms-right .content .statisticsArea .oneBlock p { margin: 20px 0; } .lms-wrap .lmsLayout .lms-right .content .statisticsArea .oneBlock p span { padding-left: 5px; color: #2eaef8; font-size: 18px; } .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain { float:left; margin-right:30px; padding: 30px; width: calc(50% - 15px); background: #fff; border-radius: 5px; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #fff; } .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain:last-child { margin-right: 0; } .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain h3 { margin-bottom: 20px; font-size: 17px; font-weight: 500; text-align: center; } .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain p { margin: 20px 0; } .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain p span { padding-left: 5px; color: #2eaef8; font-size: 18px; } .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain .lms-board li .title { display: inline-block; margin:0; width: calc(100% - 260px); height:24px; font-size: 14px; color: #000; line-height: 24px; text-overflow:ellipsis;overflow: hidden;white-space: nowrap; vertical-align: middle; } .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain .lms-board li .right { float: right; display: block; height:24px; } .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain .lms-board li .right .person { padding: 0 10px; } .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain .lms-board li .right .look, .lms-wrap .lmsLayout .lms-right .content .lms-content2 .contain .lms-board li .right .date { padding: 0 10px; font-size: 12px; font-weight: 400; color: #999;} .lms-wrap .lmsLayout .lms-right .content .setting > h2 { margin-bottom: 30px; } .lms-wrap .lmsLayout .lms-right .content .setting .reset { padding: 8px 10px; font-size: 12px; } .lms-wrap .lmsLayout .lms-right .content .setting .right { float: right; } .lms-wrap .lmsLayout .lms-right .content .lms-textForm { margin-left: 150px; } .lms-wrap .lmsLayout .lms-right .content .lms-textForm li, .lms-wrap .lmsLayout .lms-right .content .lms-textForm2 li { padding: 5px 0; } .lms-wrap .lmsLayout .lms-right .content .lms-textForm .name, .lms-wrap .lmsLayout .lms-right .content .lms-textForm2 .name { display: inline-block; width: 200px; font-weight: 500; color: #000; } .lms-wrap .lmsLayout .lms-right .lms-edit { position:relative; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft { position: absolute; float:left; padding: 15px; width: 250px; height: 100%; background: #f9f9f9; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e2e2e2; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle h4 { float:left; font-size: 15px; font-weight: 500; line-height: 27px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle .btnBox { float: right; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle .btnBox .button { margin: 0; padding: 4px 3px; font-size: 12px; box-shadow: none !important; border: 1px solid #dfdfdf; background: #fff !important; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle .btnBox .button:hover { background: #fff !important; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle .btnBox .button i { margin:0; padding: 0; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle .btnBox { position: relative; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle .chapList { display: none; position: absolute; top:26px; left:0; width: 100%; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle .chapList .card { padding: 10px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureTitle .chapList .card ul li { font-size: 14px; line-height: 24px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList { height: calc( 100% - 60px ); overflow: auto; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list dt { line-height: 30px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list dt.active > .chap { background: #e9e9e9; font-weight: 700; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list dt > .chap { display: inline-block; width:100%; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list dt .newText { border:none; background:none; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list dt > div { line-height: 30px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list dt > div.active > .chap { background: #e9e9e9; font-weight: 700; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list dt > div > .chap { display: inline-block; width:100%; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list div > span { padding-left: 25px; height: 30px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list .arrow { padding:3px 0; line-height: 30px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list .lectureName { border:none; padding: 0 5px; width:150px; background: none; line-height: 30px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conLeft .lectureList .list .lectureName:focus { border-bottom: 1px solid #ddd; font-weight: 700; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight { float:left; margin-left: 250px; width: calc(100% - 250px); min-height: 600px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editTitle { margin-bottom: 20px; font-weight: 500; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea h2 { font-weight: 500; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea h3 { margin-bottom: 10px; font-weight: 500; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .term { margin-top: 20px; width: 100%; height: 40px; line-height: 40px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .term .name { display: inline-block; width: 100px; font-weight: 500; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .term .checkbox { padding-right: 10px; height: 40px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .term .calendarBox { display: none; width: 65%; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .term .calendarBox strong { padding: 10px; font-weight: 500; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .term .calendarBox .input { width: 33% ; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .insertBox { padding:10px; border:none; box-shadow: none; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .insertBox .button { margin-bottom: 8px; padding: 10px 0; width:100px; height: 80px; text-align: center; border: 1px solid #e2e2e2; background: #fff !important; box-shadow: none !important; vertical-align: middle; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .insertBox .big { margin:0; font-size: 26px; font-style: normal; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .insertBox .button p { padding-top: 2px; font-size: 12px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .quiz dt { padding: 10px 0; font-weight: 700; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .quiz dd { padding-bottom: 10px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .quiz .ox .button { padding: 12px 15px; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .quiz .radio { padding: 10px 0; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .quiz i { margin:0; padding:0; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .quiz .ui.message .txt { float: left; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .quiz .ui.message .btn { float: right; } .lms-wrap .lmsLayout .lms-right .lms-edit .conRight .editArea .addBtnBox { margin: 20px 0 10px; } #newProblemModal {margin-top: 0px !important;} #newProblemModal hr { border:none; border-bottom: 1px solid #e2e2e2; } #newProblemModal .problemModalBtn { margin: 20px 0; text-align: center; } #newProblemModal .problemModalBtn > a { display: inline-block; padding: 5px 12px; width: 30%; height: 60px; font-weight: 700 !important; text-align: right; line-height: 50px; background: #fff; } #newProblemModal .problemModalBtn > a.active { background-color: #f2f2f2 !important; } #newProblemModal .field { margin: 10px 0px; } #newProblemModal .field .checkbox { display:inline-block; padding: 15px 0 ; } #newProblemModal .field .checkbox input { top: 15px; } #newProblemModal .boxProblem { display: inline-block; padding: 15px 0 15px 70px; height: 60px; vertical-align: middle; } .ScoringBox table tbody tr td .delete { float: right; margin:0; padding:3px; } .chkListBox { width:100%; margin:30px 0;} .chkListBox .master { margin: 15px 0; } .chkListBox .list .child.checkbox { padding: 10px 0; width: 120px; } .codeEditWrap {width:100%; border-radius: 4px; border: 1px solid #e2e2e2; } .codeEditWrap .head { padding: 5px 10px; height: 50px; background:#f9fafb; border-bottom:1px solid #ccc; margin-bottom:20px;} .codeEditWrap .head span { padding-right: 10px; font-weight: 500; } .codeEditWrap .body { padding: 10px; font-weight: 400; color: #fff; } .codeEditWrap .head div:last-of-type {width:100px; min-width:auto;} .codeEditWrapQuestion { float:none; width: calc(100% - 380px); border-radius: 5px; border: 1px solid #e2e2e2; border-left:1px solid #e2e2e2; } .codeEditWrapQuestion .head { padding: 2px 10px; height: 45px; background:#f9fafb; border-bottom:1px solid #dfdfdf;} .codeEditWrapQuestion .head span { padding-right: 10px; font-weight: 500; } .codeEditWrapQuestion .body { padding: 10px; font-weight: 400; color: #fff; } .codeEditWrapQuestion .head div:last-of-type {min-width:auto; width:120px;} .codeEditWrapQuestion .editCodeView {margin-top:20px;} .right_area #terminal {border: 1px solid #dfdfdf;box-sizing: border-box;border-radius: 4px;} .terminal_control {width:100%; overflow:hidden; background:#f9f9f9; border:1px solid #dfdfdf; border-top:none; border-bottom:none; padding:10px 20px; margin:0 !important;} .terminal_control .right_box {float:right; font-size:0;} .terminal_control .right_box span, .terminal_control .right_box button {display:inline-block; vertical-align:middle; margin:0 3px;} .terminal_control .right_box > span {color:#898989; font-weight:400; font-size:14px;} .terminal_control .right_box button {padding:0 15px; box-sizing:border-box; line-height:35px; opacity:1; font-size:14px; border:1px solid #dfdfdf; transition:all 0.4s;} .terminal_control .right_box button:hover {border:1px solid #b4b4b4; color:#333;} .terminal_control .right_box button:disabled,button[disabled] {opacity:0.3; cursor:default !important;} .right_area .terminal .xterm-rows {width: 100% !important; margin: 20px !important;} .right_area #terminal .xterm-viewport {padding:20px 0 20px 20px; } div.bot > div:last-of-type{ margin-top:20px; } div.bot > div:last-of-type > button {padding: 0 15px; box-sizing: border-box; line-height: 35px; border:1px solid #dfdfdf !important; transition:all 0.4s;} div.bot > div:last-of-type > button:hover {border:1px solid #b4b4b4 !important; color:#333;} .lms-wrap .contentBottom { margin-top:30px; padding-bottom: 40px; text-align: center; } .lms-wrap .contentBottom .btn { margin: 30px 0 0; } .lms-wrap .searchBox { float: right; margin-bottom: 30px; } .lms-wrap .searchBox .opt { vertical-align: bottom; } .lms-wrap .searchBox .searchTextBox { width: 300px; } .ui.embed { height: 100% !important; padding-bottom: 0; } .ui-datepicker td { padding: 1px !important; } .previewVideo { width: 100%; height: 500px; } .knobChartWrap { text-align: center; margin: 0 auto; cursor:pointer;} .knobChartWrap .knobChartBox { float:left; padding: 5px; } .knobChartWrap .knobChartBox > div { float:left; height: 80px; position: relative;} .knobChartWrap .knobChartBox > div.text { width: 85px; padding-top: 22px; color: #999; line-height: 20px; text-align: center; } .knobChartWrap .knobChartBox .knob { font-weight: 400 !important; font-size: 16px !important; } .studentProgress, .studentProgress .bar, .studentProgress .progress { height: 15px !important; } .studentProgress .progress { font-size: 11px !important; font-weight: 400 !important; color: rgba(255,255,255,1) !important; } .studentProgress .label { text-align: right !important; font-size: 14px !important; font-weight: 400 !important; color: #999 !important; } .studentChapterBox { min-width: 830px; width: 100%; overflow: auto; } .studentChapterBox .studentChapter th:last-child, .studentChapter td:last-child { border-right: none !important; } .studentChapterBox .studentChapter th { padding: 6px !important; border: 1px solid rgba(34,36,38,.1); border-top:none; font-weight: 400 !important; } .studentChapterBox .studentChapter td { padding: 8px 6px !important; border-right: 1px solid rgba(34,36,38,.1);} .studentChapterBox .studentChapter td:first-child { text-align: left; } .studentChapterBox .studentChapter td .circle.icon { color: #e5e5e5; } .studentChapterBox .studentChapter td .circle.icon.ok { color: #00b857; } .chapterChk { float: right; font-size: 14px; font-weight: 400; } .chapterChk > span { margin-left: 20px; } .chapterChk .circle.icon { color: #e5e5e5; } .chapterChk .circle.icon.ok { color: #00b857; } .setArea table.lms-textForm { width: calc( 100% - 150px) !important; min-width: 680px; } #problemModelList { position: absolute; top:15%;bottom:0; height: 720px !important; margin-top:0 !important;} #problemModelList .explanationView .table { margin: 0 !important; border-top: none; } #problemModelList .header { padding:0 20px !important; height:57px !important; font-size: 17px; font-weight: 500; line-height: 57px !important; } #problemModelList .content { min-height: 600px !important; height: 600px !important; max-height: 600px !important; } #problemModelList .content .subTabMenu {display:none;} #problemModelList .content .contentTop { float:right; margin-bottom:30px; } #problemModelList .content > .BtnBox { margin: 0 auto; padding: 30px 0; width: 50px; } #problemModelList .content > .BtnBox > ol > li { float:left; margin: 0 10px; padding-top: 5px; width: 50px; height: 50px; text-align: center; } #problemModelList .content > .BtnBox > ol > li > a > i { font-size: 20px; } #problemModelList .content > .BtnBox > ol > li > a > p { padding: 5px 0; font-size: 12px; color: #999; } #problemModelList .content > .BtnBox > ol > li .shareBtn { position: relative; } #problemModelList .content > .BtnBox > ol > li .shareBox { display: none; position: absolute; top:110%; right:0; padding: 20px 15px 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #e2e2e2; } #problemModelList .content > .BtnBox > ol > li .shareBox a { margin: 0 5px; font-size: 24px; } #problemModelList .actions>.button { margin-left: 0 !important; } #problemModelList .contentBottom { margin-bottom:0 !important; } #problemModelList .table tbody td:nth-child(2) { text-align: left; } #problemModelList .noBorder ul li { float: left; padding: 10px; } #problemModelList .noBorder ul li .name { padding-right: 10px; } /*************************/ .vodAllName { margin-bottom: 20px; } .top-search { position: relative; margin-bottom: 20px; height: 40px; } .top-search .name { position: absolute; left:0; } .top-search .center { position: absolute; left:0; right:0; margin: 0 auto; } .top-search .right { position: absolute; right: 10px; } .top-search .opt { vertical-align: bottom; } .liveList { margin-bottom: 50px; height: 500px; border-bottom: 1px solid #e2e2e2; } /* 로그인 sns버튼 */ .sns-btn-box {padding-left:70px;} .sns-btn-box .btn { position: relative;float:left; margin: 15px; width: 40px; height: 40px; background: #e2e2e2; text-align: center; line-height: 40px; border-radius: 50%; border:none; cursor:pointer; } .sns-btn-box .btn.google { color: #fff; font-size: 24px; background: #eb4f3f; } .sns-btn-box .btn.google > .sns-icon { position:absolute; top: 3px; left: 8px; } .sns-btn-box .btn.facebook { color: #fff; font-size: 24px; background: #3b5a93; } .sns-btn-box .btn.facebook > .sns-icon { position:absolute; top: 3px; left: 8px; } .sns-btn-box .btn.naver { color: #fff; font-size: 24px; background: #01c63f; font-family: 'Arial Black'; } .sns-btn-box .btn.naver > .sns-icon { position:absolute; top: 0px; left: 10px; } .sns-btn-box .btn.gitHub { color: #fff; font-size: 24px; background: #474747; } .sns-btn-box .btn.gitHub > .sns-icon { position:absolute; top: 0px; left: 6px; } /* vod card */ .lectureCard { position: relative; width: 220px !important; height:325px !important;; border: 1px solid #e2e2e2 !important; box-shadow: none !important; } /*.lectureCard > a.bkmark.selected {background: url("../images/star_color.png") no-repeat 0 0; transition:all 0.4s; background-size: 20px 20px;}*/ /*.lectureCard .image { height: 176px; overflow: hidden; border-radius: 3px 3px 0 0; background: #fff; width:100%;}*/ .lectureCard .image > img { height: 176px; overflow: hidden; width:100% !important; border-radius: 4px 4px 0px 0px !important;} .lectureCard .profileImg {position:absolute; top:150px; right: 10px; width: 50px !important; height: 50px !important; background:#fff; border:1px solid #e2e2e2; border-radius: 50%; } .lectureCard .body { padding: 10px 10px 0 10px !important; border-top:1px solid #dfdfdf;} .lectureCard .body h4 { padding: 5px 0 10px; height: 68px; margin-bottom: 4px;;word-break: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical} .lectureCard .body h4 a { width: 200px; /* max-height: 20px !important; */ font-size: 15px; font-weight: 500; line-height: 20px; /* display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; */ } .lectureCard .body h4 a:hover { color: #999; } .lectureCard .body .meta .pay { font-size: 12px; } .lectureCard .body .meta .right { float: right; } .lectureCard .lan-wrap { width: 210px; /*padding: 0px 10px 10px;*/ color: #b2b2b2; } .lectureCard .lan-wrap > .labels { float:left; max-width: 170px; height: 20px !important; overflow: hidden; } .lectureCard .lan-wrap > .labels .label { color: #b2b2b2; background: #fff; } .lectureCard .lan-wrap:hover .tooltiptext { visibility: visible; opacity: 1; } .lectureCard .lan-wrap:hover .tooltiptext .tool_box {position:relative; z-index: 999;} .lectureCard .toolTip { float:left; display: block; width: 15px; color: #b2b2b2; cursor: pointer; } .lectureCard .toolTip .tooltiptext { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.4s linear; position: absolute; top: 101%; left:0px; margin: -4px 0 0 -1px; /*padding: 0px 0px 5px;*/ width: 220px; background-color: #fff; border:1px solid #e2e2e2; border-top:none; border-radius: 0px 0px 4px 4px; z-index: 3; } .lectureCard .toolTip .tooltiptext .label { background: #fff; color: #b2b2b2; } .lectureCard p.time_date {font-size:12px; color:#898989;font-weight: 400;} .shadow_on {box-shadow: 0 1px 3px 0 #d4d4d5 !important; transition:all 1s;} .bookmarkBtn > i.star { position: absolute; top:0; right:0; width: 25px; height: 25px; font-size: 14px; z-index: 1; background: rgba(0,0,0,.5); border-radius: 50%; line-height: 26px;} .openLanguage { padding: 0 10px; line-height: 40px; } .openLangBox > div { margin-top: 10px !important; } .devLanguageSet { width: 500px; } /*2018/05/09*/ .complete_con01 {width:100%; text-align:center;} .complete_con01 p.tit {font-size:23px; line-height: 34px; font-weight: 500; text-align: center; color:#252525; width:100%; margin-top:30px;} .complete_con01 p.desc {font-size:14px; line-height: 22px; font-weight: 400; text-align: center; color:#666666; width:100%; margin-top:30px;} .complete_con01 p.desc > span {color:#252525; font-weight: 500; width:100%;} .complete_con01 p.selection {font-size:14px; line-height: 22px; font-weight: 400; text-align: center; color:#252525; display: inline-block;vertical-align: middle; width:100%; margin-top:30px; display: inline-block; vertical-align: middle;} .complete_con01 p.selection > a {color:#2eaef8; display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 22px; vertical-align: middle;} .complete_con02 {width:100%; text-align: center; margin-top:225px;} .auth_btn {display: inline-block; width:200px; line-height: 45px; vertical-align: middle; text-align: center; font-size:17px; font-weight: 400; color:#fff; background: #2eaef8; margin:30px auto 200px; border-radius: 5px;} /*강의자권한 신청 페이지*/ .auth_cov {width:100%;} .auth_con01 {width:100%; max-width:1570px; margin:0 auto; position:relative; z-index:1;} .auth_con01 img {position:absolute; top:0;} .auth_con01 img:first-of-type {left:25px;} .auth_con01 img:last-of-type {right:-30px;} .auth_in {position:relative; width:100%; max-width:1200px; margin:0 auto; } .auth_cov .auth_con02 {width:100%; max-width:1200px; margin:0 auto; position:relative; z-index: 2; margin-bottom:80px;} .auth_cov .auth_con02 p.tit {width:100%; text-align: center; font-size:40px; line-height: 1; font-weight: 400; font-weight: 400; padding:50px 0; box-sizing: border-box;} .auth_cov .auth_con02 .auth_box {width:100%; padding:30px; box-sizing: border-box; border-radius: 5px; border:1px solid #dfdfdf; background: #fff; } .auth_cov .auth_con02 .auth_box > div { padding-bottom:15px; margin-bottom:30px; box-sizing: border-box; position:relative; border-bottom:1px solid #dfdfdf;} .auth_cov .auth_con02 .auth_box > div:last-of-type {border-bottom:none !important;} .auth_cov .auth_con02 .auth_box > div .tit_cov {width:100%; overflow:hidden; margin-bottom:25px;} .auth_cov .auth_con02 .auth_box > div .tit_cov p:first-of-type {float:left; font-size:23px; font-weight: 500;} .auth_cov .auth_con02 .auth_box > div .tit_cov p:last-of-type {float:right; font-size:12px; font-weight: 400; color:#ea302e;} .auth_cov .auth_con02 .auth_box > div .box_cover {width:100%; font-size:0; text-align: left; } .auth_cov .auth_con02 .auth_box > div .box_cover:after {display: block; content: ""; clear:both;} .auth_cov .auth_con02 .auth_box > div .box_cover p.left_tit {font-size:14px; font-weight: 500; display: inline-block; vertical-align: middle; width:175px; margin-bottom:15px;} .auth_cov .auth_con02 .auth_box > div .box_cover p.left_tit.wNone {width:70px; text-align: right; padding-right:5px;} .auth_cov .auth_con02 .auth_box > div .box_cover p.left_tit > i {font-size:14px; font-weight: 500; color:#ea302e; display: inline-block; vertical-align: middle;} .auth_cov .auth_con02 .auth_box > div .box_cover p.left_tit span {color:#ea302e; font-size:12px; font-weight: 400;} .auth_cov .auth_con02 .auth_box > div .box_cover div {display: inline-block; vertical-align: middle; margin-bottom:15px; position:relative; } .auth_cov .auth_con02 .auth_box > div .box_cover div select {width:200px; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; height:35px; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; position:relative; z-index:1; font-size:14px; padding-left:20px; box-sizing: border-box;} .auth_cov .auth_con02 .auth_box > div .box_cover .sel_box > i {position:absolute; right:7px; top:10px; z-index:2; font-size:15px;} .auth_cov .auth_con02 .auth_box > div .box_cover div input {width:460px; height:35px; border:1px solid #dfdfdf; border-radius: 5px; font-size:16px; font-weight: 400; padding-left:2%;} .auth_cov .auth_con02 .auth_box > div .box_cover div input.with_btn {width:370px;} .auth_cov .auth_con02 .auth_box > div .box_cover div input.with_btn.smaller {width:280px; padding-left:2%;} .auth_cov .auth_con02 .auth_box > div .box_cover div ul {width:100%; overflow:hidden;} .auth_cov .auth_con02 .auth_box > div .box_cover div button.check_multi {display: inline-block; vertical-align: middle; width:80px; line-height: 35px; background: #e7e7e7; border-radius: 5px; font-size:14px; font-weight: 400; text-align: center; transition:all 0.3s; margin-left:10px; color:#666; border:none !important;} .auth_cov .auth_con02 .auth_box > div .box_cover div button.check_multi:hover {background: #cfcfcf; transition:all 0.3s; color:#333;} .auth_cov .auth_con02 .auth_box > div .box_cover div ul li {float:left; box-sizing: border-box; background: #fff; border:1px solid #dfdfdf;} .auth_cov .auth_con02 .auth_box > div .box_cover div ul li a {font-size:14px; color:#666; font-weight: 400; line-height: 35px; display: block; padding:0 15px; box-sizing: border-box;} .auth_cov .auth_con02 .auth_box > div .box_cover div ul li:nth-of-type(odd) {border-radius: 4px 0 0 4px; border-right:none;} .auth_cov .auth_con02 .auth_box > div .box_cover div ul li:nth-of-type(even) {border-radius: 0 4px 4px 0;} .auth_cov .auth_con02 .auth_box > div .box_cover div ul li a.active {background: #e2e2e2; color:#333;} .auth_cov .auth_con02 .auth_box > div .box_cover div span.img_frame {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; overflow:hidden; width:220px;} .auth_cov .auth_con02 .auth_box > div .box_cover div span.img_frame img {width:100% !important;} .auth_cov .auth_con02 .auth_box > div .box_cover div.pL20 {padding-left:20px;} .auth_cov .auth_con02 .auth_box > div .box_cover div p.ex {font-size:12px; color:#898989; font-weight: 400; margin-bottom:10px;} .auth_cov .auth_con02 .auth_box > div .box_cover div p.ex span {font-size:10px;} .auth_cov .auth_con02 .auth_box > div .box_cover div ul.icon_btn li {width:30px; height:30px; border:1px solid #dfdfdf; background: #e2e2e2; border-radius: 50%; text-align: center; vertical-align: middle; padding-top:4px; transition:all 0.4s; margin-right:5px; cursor:pointer;} .auth_cov .auth_con02 .auth_box > div .box_cover div ul.icon_btn li:hover {background: #b2b2b2; } .auth_cov .auth_con02 .auth_box > div .box_cover div ul.icon_btn li i {font-size:13px; color:#666; transition:all 0.4s;} .auth_cov .auth_con02 .auth_box > div .box_cover div ul.icon_btn li:hover i {color:#333;} .auth_cov .auth_con02 .auth_box > div .box_cover div a.btn01 {display: inline-block; vertical-align: middle; width:80px; line-height: 35px; background: #e7e7e7; border-radius: 5px; font-size:14px; font-weight: 400; text-align: center; transition:all 0.3s; margin-left:10px; color:#666;} .auth_cov .auth_con02 .auth_box > div .box_cover div a.btn01:hover {background: #cfcfcf; transition:all 0.3s; color:#333;} .auth_cov .auth_con02 .auth_box > div .box_cover div p.time {font-size:13px; font-weight: 400; color:#2eaef8; display: inline-block; vertical-align: middle; margin-left:10px;} .auth_cov .auth_con02 .auth_box > div .box_cover div p.auth_complete {font-size:13px; font-weight: 400; color:#2eaef8; display: inline-block; vertical-align: middle; margin-left:10px;} input[type="text"].smaller::-webkit-input-placeholder {color:#b2b2b2; font-size:14px; } .auth_cov .auth_con02 .auth_box > div .box_cover .left_box {width:685px; border-right:1px solid #dfdfdf; float:left; box-sizing: border-box;} .auth_cov .auth_con02 .auth_box > div .box_cover .right_box {width:calc(100% - 685px); box-sizing: border-box; padding-left:50px; position:absolute; top:105px;} .auth_cov .auth_con02 .auth_box > div .box_cover .right_box > img {bottom:-169px; right:50px; position:absolute; width:302px;} .auth_cov .auth_con02 .auth_box > div .box_cover p.input_exp {font-size:13px; font-weight: 400; color:#898989; margin-top:5px;} .auth_cov .auth_con02 .auth_box > div .box_cover p.input_exp > span {color:#252525;} .auth_cov .auth_con02 .auth_box > div .box_cover .right_box p.tit01 {font-size:17px; display: inline-block; vertical-align: middle; font-weight: 500;} .auth_cov .auth_con02 .auth_box > div .box_cover .right_box p.tit01 img {display: inline-block; vertical-align: middle;} .auth_cov .auth_con02 .auth_box > div .box_cover .right_box p.tit01 span {display: inline-block; vertical-align: middle; margin-top:6px; margin-left:2px;} .auth_cov .auth_con02 .auth_box > div .box_cover .right_box p.desc01 {font-size:14px; font-weight: 400; margin:15px 0; color:#2eaef8;} .auth_cov .auth_con02 .auth_box > div .box_cover .right_box p.desc02 {font-size:13px; font-weight: 400; color:#666;} .auth_cov .auth_con02 .auth_box > div .box_cover div input.file_name {border:none; background: #f9f9f9; height:25px; border-radius: 0px; margin-top:5px;} .auth_cov .auth_con02 .auth_box > div .box_cover div.noM {margin-bottom:0; position:relative;} .auth_cov .auth_con02 .auth_box > div .box_cover div.noM input {position:relative; z-index:1;} .auth_cov .auth_con02 .auth_box > div .box_cover div.noM i {font-size:17px; cursor: pointer; position:absolute; bottom:6px; right:5px; color:#999999; z-index:2;} .auth_cov .auth_con02 .auth_box .box03 .box03_tit {width:100%; text-align: center; display:block;} .auth_cov .auth_con02 .auth_box .box03 .box03_tit p {font-size:17px; line-height: 1; font-weight: 500; display: block !important;} .auth_cov .auth_con02 .auth_box .box03 .box03_desc {width:100%; height:300px; overflow-y:scroll; background: #f9fafb; padding:30px; box-sizing: border-box;} /* .auth_cov .auth_con02 .auth_box .box03 .box03_desc::-webkit-scrollbar {display: none;} */ .auth_cov .auth_con02 .auth_box .box03 .box03_desc p {font-size:14px; line-height: 22px; font-weight: 400;} .auth_cov .auth_con02 .auth_box .box03 .box03_tail {width:100%; display: block; text-align: center;} .auth_cov .auth_con02 .auth_box .box03 .box03_tail p {font-size:14px; line-height: 22px; font-weight: 400;} .auth_cov .auth_con02 .auth_box .box03 .box03_tail .agreement {width:100%; text-align: center; display: block; margin-top:20px; } .auth_cov .auth_con02 .auth_box .box03 .box03_tail .agreement input {width:25px; height:20px; background: #fff; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; display: inline-block; vertical-align: middle; margin-top:4px;} .auth_cov .auth_con02 .auth_box .box03 .box03_tail .agreement span {display: inline-block; vertical-align: middle;font-size:17px; line-height: 22px; color:#2eaef8; font-weight: 400;} .auth_cov .auth_con02 .auth_box .box03 .box03_tail .agreement a {display: block; width:190px; line-height: 46px; color:#fff; font-weight: 400; background: #2eaef8; text-align: center; margin:0 auto; font-size:17px; border-radius: 5px; transition: all 0.5s; margin-top:20px;} .auth_cov .auth_con02 .auth_box .box03 .box03_tail .agreement a:hover {background: #299cdf; transition: all 0.5s;} .auth_cov-webkit-input[type="text"] {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; padding-left:20px; box-sizing: border-box;} /*권한신청 팝업*/ #error_pop {width:570px !important; height:370px !important; margin: 0 0 0 -310px;} #error_pop .pop_rel {position:relative; width:100%;} #error_pop .pop_rel p.tit {font-size:17px; font-weight: 500; line-height: 60px; border-bottom:1px solid #dfdfdf; box-sizing: border-box; padding-left:20px; margin-bottom:30px; } #error_pop .pop_rel .inner {text-align: center; margin-bottom:30px;} #error_pop .pop_rel .inner p.in_tit {font-size:23px; font-weight: 500; margin:30px 0;} #error_pop .pop_rel .inner p.in_tit span {color:#ea302e;} #error_pop .pop_rel .inner p.desc {font-size:14px; font-weight:400; } #error_pop .pop_rel .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #error_pop .pop_rel .option_area a {display: inline-block; vertical-align: middle;} #error_pop .pop_rel .option_area a:first-of-type {width:105px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #error_pop .pop_rel .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #error_pop .pop_rel .option_area a:last-of-type {width:180px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #error_pop .pop_rel .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #error_pop .pop_rel .option_area a:last-of-type span {background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #error_pop .pop_rel .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} /*나의코딩방 메인화면 index.html*/ /*좌측 공통 영역*/ .room_cover {width:100%; overflow: hidden; } .left_common {float:left; width:200px; margin-right:50px; margin-bottom:150px;} .right_area {float:left; width:calc(100% - 250px);} .left_common .top_info {width:100%; border-radius: 5px; border:1px solid #dfdfdf; text-align: center; padding:10px 0; box-sizing: border-box;} .left_common .top_info > p.box_tit {font-size:23px; line-height: 60px; text-align: center; font-weight: 500; border-bottom:1px solid #dfdfdf;} .left_common .top_info > span {display: block; width:70px; height:70px; border-radius: 50%; border:1px solid #dfdfdf; overflow:hidden; text-align: center; margin:10px auto;} .left_common .top_info > span.chan_frame {display: block; width:98px; height:98px; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box;} .left_common .top_info > span img {width:100%; border-radius: 4px;} .left_common .top_info > p.name {font-size:14px; line-height: 18px; font-weight: 400;} .left_common .top_info > p.acct {font-size:12px; line-height: 18px; font-weight: 400; color:#898989;} .left_common .top_info > .lv_box {width:100%; position:relative; text-align: center; height:25px; margin:10px 0;} .left_common .top_info > .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .left_common .top_info > .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .left_common .top_info > .lv_box img.lv16 {margin-top:-4.8pt;} .left_common .top_info > .setting {width:100%; color:grey; margin-top:10px; padding-right:5px !important;} .left_common .top_info > .setting span {display: inline-block; vertical-align: middle; color:#999; text-align: center; font-size:12px; line-height: 1; font-weight: 400;} .drop_down {width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; overflow:hidden;} .drop_down > ul > li {border-bottom:1px solid #dfdfdf; position: relative;} .drop_down > ul > li:after{content: ""; display: block; clear: both;} .drop_down > ul > li:last-of-type {border-bottom:none;} .drop_down > ul > li > a {width:100%; display: block; line-height: 47px; padding-left:20px; box-sizing: border-box; font-size:15px; font-weight:400;} .drop_down > ul > li > a > span {float:right; transform: rotate(0deg); transition: all 0.2s; margin-right:20px;} .drop_down > ul > li > a > span.active {transform: rotate(180deg); transition: all 0.2s;} .drop_down .drop_box {background: #f9f9f9; padding:20px; box-sizing:border-box; border-top:1px solid #dfdfdf;} .drop_down .drop_box ul li a {display: block; font-size:14px; line-height: 30px; font-weight: 400; color:#666;} .drop_down .drop_box ul li a:hover {color:#2eaef8;} .drop_down .drop_box ul li.url_on a {color:#2eaef8;} .mid_info {width:100%; display: block;} .mid_info > p {width:100%; margin:20px 0 10px;} .mid_info > p > img {display: inline-block; vertical-align: middle;} .mid_info > p > span {display: inline-block; vertical-align: middle; font-size:17px; line-height: 1; font-weight: 500;} .bot_info {width:100%; display: block;} .bot_info > p {width:100%; margin:20px 0 10px;} .bot_info > p > span {display: inline-block; vertical-align: middle; font-size:17px; line-height: 1; font-weight: 500;} .bot_info > p > img {display: inline-block; vertical-align: middle;} /************** kt-aivle 코딩 연습 **************/ /* common */ /* 기존 css 상속으로 !important 사용 */ .kt-aivle *{/* font-family: 'Spoqa Han Sans Neo', sans-serif */color:#000} .kt-aivle .monaco-editor{font-family: apple-system ,BlinkMacSystemFont,Segoe WPC,Segoe UI,HelveticaNeue-Light,system-ui,Ubuntu,Droid Sans,sans-serif;} .kt-aivle .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .kt-aivle select.kt-select{width: 120px !important;text-align: left !important;border: 0 !important;border-bottom: 1px solid #c5c8d1 !important;border-radius: 0 !important;font-weight: bold !important;font-size:16px;color: #000 !important;} .kt-aivle .user-icon{display:inline-block;width: 28px;height:28px;margin-right: 5px;vertical-align: middle;border:0;border-radius: 28px;text-align: center;line-height: 2;color: #fff;background: #5998f6} .kt-aivle .ui.level{width:28px;height:28px;padding:4px 5px;border-radius: 50px;font-size:14px ;color:#fff } .kt-aivle .pagingNum > div .item{width:auto;padding:0 10px;border: 0;background:#fff;font-size:14px;color:#000 !important;font-weight: bold;} .kt-aivle .pagingNum > div .item.active{color: #19bec9 !important;} .kt-aivle .right_pos .bkmark{background: url(../images/star.png) no-repeat !important;} .kt-aivle .right_pos .bkmark.selected{background: url(../images/star_on.png) no-repeat !important;} .kt-aivle .kt-color{color:#19bec9 !important} .kt-aivle table thead th{background:#fff !important;border-bottom: 1px solid #dfdfdf;} /* kt-aivle button common */ .kt-aivle .btn{display:inline-block} .kt-aivle .btn.kt-btn-default{padding: 0 16px;line-height: 35px;border: 0 !important;border-radius: 6px !important;font-size: 14px;color:#fff !important;background: #19bec9 !important;} .kt-aivle .btn.kt-btn-default:hover{background: #8cdfe4 !important;} .kt-aivle .btn.kt-btn-default i.icon{color:#fff} .kt-aivle .btn.kt-btn-default.blue{background:#5998f6 !important} .kt-aivle .btn.kt-btn-default.gray{background: #99A6B6 !important;} .kt-aivle .btn.kt-btn-default.gray:hover{color:#fff !important;background: #ccd3db !important;} .kt-aivle .btn.kt-btn-default.disabled{background:#a5b7cd !important} .kt-aivle .btn.kt-btn-outline{padding: 0 12px;line-height: 32px;border: 1px solid #bec2cf !important;border-radius: 6px !important;color:#666 !important;background: #fff ;} .kt-aivle .btn.kt-btn-outline i.icon{color:#bec2cf} .kt-aivle .btn.icon-only{padding:0 5px} .kt-aivle .btn.icon-only i.icon{margin-right:0 !important;} .kt-aivle .btn i.icon{margin-right: 5px !important;} /* kt-aivle icon common */ .kt-aivle i.new-icon{display: inline-block;background: url(../images/new_icon_sprite.png) no-repeat;vertical-align: -2px;} .kt-aivle i.new-icon.users{width: 21px;height: 21px;margin-right:4px;background-position:0 -50px;} .kt-aivle i.new-icon.users-white{width: 21px;height: 21px;margin-right:4px;background-position:0 -50px;} .kt-aivle i.new-icon.date-icon{width: 24px;height:24px;background-position: -100px 0;} .kt-aivle i.new-icon.date-icon-sm{width: 20px;height:20px;background-position: -100px -100px;} .kt-aivle i.new-icon.time-icon{width: 21px;height:24px;background-position: -150px 0;} .kt-aivle i.new-icon.time-icon-white{width: 21px;height:24px;background-position: -150px -100px;} .kt-aivle i.new-icon.book{width: 31px;height: 31px;background-position: -200px 0} .kt-aivle i.new-icon.test{width: 31px;height: 32px;background-position: -250px 0} .kt-aivle i.new-icon.test-white{width: 22px;height: 26px;background-position: -200px -100px} .kt-aivle i.new-icon.test-sm{width: 18px;height: 21px;background-position: -250px -100px} .kt-aivle i.new-icon.assign{width: 35px;height: 31px;background-position: -300px 0} .kt-aivle i.new-icon.fill-book{width: 24px;height:21px;background-position: -50px -50px;} .kt-aivle i.new-icon.working{width: 20px;height:21px;background-position: -100px -50px;} .kt-aivle i.new-icon.pdf{width: 32px;height:25px;background-position: -150px -50px;} .kt-aivle i.new-icon.users{width: 32px;height:24px;background-position: -200px -50px;} .kt-aivle i.new-icon.board-icon01{width: 40px;height:40px;background-position: 0px -150px;} .kt-aivle i.new-icon.board-icon02{width: 34px;height:41px;background-position: -50px -150px;} .kt-aivle i.new-icon.board-icon03{width: 45px;height:40px;background-position: -100px -150px;} .kt-aivle i.new-icon.board-icon04{width: 34px;height:36px;background-position: -150px -150px;} .kt-aivle i.new-icon.board-icon05{width: 27px;height:34px;background-position: -200px -150px;} .kt-aivle i.new-icon.board-icon06{width: 43px;height:34px;background-position: -250px -150px;} .kt-aivle i.new-icon.board-icon07{width: 59px;height:62px;background-position: 0 -250px;} .kt-aivle i.new-icon.board-icon08{width: 58px;height:62px;background-position: -100px -250px;} .kt-aivle i.new-icon.board-icon04-mini{width: 19px;height:20px;background-position: -300px -150px;} .kt-aivle i.new-icon.board-icon05-mini{width: 15px;height:19px;background-position: -350px -150px;} .kt-aivle i.new-icon.board-icon06-mini{width: 24px;height:19px;background-position: -400px -150px;} .kt-aivle i.new-icon.personnel{width: 16px;height:21px;background-position: 0 -100px;} .kt-aivle i.new-icon.application{width: 17px;height:21px;background-position: -50px -100px;} .kt-aivle i.new-icon.close{width: 16px;height:16px;background-position: 0 -350px;} /* kt-aivle tab */ .kt-aivle .new_tab_box{border: 0;margin-bottom: 36px;height: 52px;} .kt-aivle .new_tab_box ul {min-width:100%;display: flex;border-radius: 8px;background:#F2F3F8;} .kt-aivle .new_tab_box ul li{position:relative;flex:1;height: 52px;border:0;border-radius: 0;margin-right: 0;padding:17px 0;text-align:center ;background: #F2F3F8;} .kt-aivle .new_tab_box ul li::after{content:' ';position: absolute;top:37%;left:0;display: inline-block;width:1px;height: 14px;background:#c4c4c4} .kt-aivle .new_tab_box ul li:first-child{border-top-left-radius: 8px;border-bottom-left-radius: 8px;} .kt-aivle .new_tab_box ul li:first-child::after{display: none;} .kt-aivle .new_tab_box ul li:last-child{border-top-right-radius: 8px;border-bottom-right-radius: 8px;} .kt-aivle .new_tab_box ul li.tab_active{border-radius: 8px;background: #19BEC9;} .kt-aivle .new_tab_box ul li.tab_active a{color:#fff;} .kt-aivle .new_tab_box ul li.tab_active::after{display: none;} .kt-aivle .new_tab_box ul li.tab_active+li::after{display: none;} .kt-aivle .new_tab_box ul li a{display: block;line-height: 1;font-size:14px;font-weight: 500;color:#666;} .kt-aivle .sub_tab_box{display: flex;justify-content: space-between;} .kt-aivle .sub_tab_box ul{display: flex;border-bottom: 1px solid #19BEC9;} .kt-aivle .sub_tab_box ul li{text-align: center;} .kt-aivle .sub_tab_box ul li a{display: block;margin-right:1px;;padding: 0 55px;border-top-left-radius: 8px;border-top-right-radius: 8px;line-height: 33px;color:#666;background: #F2F3F8;} .kt-aivle .sub_tab_box ul li a .num{font-weight: 600;} .kt-aivle .sub_tab_box ul li.tab_active a{color:#fff;background:#19BEC9;} .kt-aivle .sub_tab_box ul li.tab_active a .num{color:#fff;} .kt-aivle .sub_tab_box .btn_box{margin-left: 50px;} /* kt-aivle 코딩 연습 */ .kt-aivle .left_common{width:215px;height:calc(100vh - 50px);margin-right: 66px;border-right: 1px solid #f2f3f7;} .kt-aivle .left_common .top_info{border: 0;border-radius: 0;padding:0 0 23px;} .kt-aivle .left_common .top_info #question{width: 100%;padding: 22px 0;border: 0;border-radius: 0 !important;padding-left: 77px;background: #19bec9 url(../images/btn_bg1.png) no-repeat;} .kt-aivle .left_common .top_info #question .tit{text-align: left;font-size: 22px;font-weight: 500;color:#fff;line-height: 1;} .kt-aivle .left_common .drop_down{border:0} .kt-aivle .left_common .drop_down > ul li{padding:0 0 30px 30px;border-bottom: 0;} .kt-aivle .left_common .drop_down > ul li.url_on a{color: #19bec9;} .kt-aivle .left_common .drop_down > ul li a {font-size: 18px} .kt-aivle .left_common .drop_down > ul li .drop_btn{padding-left: 0;line-height: 1;font-weight: bold;} .kt-aivle .left_common .drop_down > ul li .drop_box{padding: 0;border: 0;line-height: 1;background: #fff;} .kt-aivle .left_common .drop_down > ul li .drop_box ul li {padding:20px 0 0;} .kt-aivle .left_common .drop_down > ul li .drop_box ul li a{line-height: 1;} .kt-aivle .left_common .drop_down > ul li .drop_box ul li a:hover{color: #19bec9;} .kt-aivle .right_area {width:calc(100% - 281px);} .kt-aivle .right_area .tit{font-size:20px;font-weight:bold} .kt-aivle .right_area .sub_tab_box{margin-bottom:42px} .kt-aivle .right_area .float_area{display: flex;justify-content: space-between;align-items: end;} .kt-aivle .right_area .float_area::after{display: none;} .kt-aivle .right_area .float_area .tit{font-size:20px; font-weight:bold} .kt-aivle .right_area .float_area .tit span{font-size:20px;color: #19bec9;} .kt-aivle .right_area .float_area .sorting .inner select:first-child{margin-right: 80px;} .kt-aivle .right_area .ques_list{margin:37px 0;border-top: 2px solid #c5c8d1;} .kt-aivle .right_area .ques_list ul li{margin-bottom: 0;border-bottom: 1px solid #f0f1f6 !important;border:0;border-radius: 0;} .kt-aivle .right_area .ques_list ul li .ques_cover{padding: 20px 50px;} .kt-aivle .right_area .ques_list ul li .ques_cover .tit_box .tit{font-size: 16px;font-weight: 500;} .kt-aivle .right_area .ques_list ul li .ques_cover .tit_box .tit a span{color:#a5b7cd} .kt-aivle .right_area .ques_list ul li .ques_cover .tit_box .reference{padding-top: 5px;font-size:12px;color:#a5b7cd} .kt-aivle .right_area .ques_list ul li .ques_cover .tit_box .right_pos .level{width:20px;height:20px;margin-right: 20px;font-size:12px;font-weight: 600;line-height: 1.2;} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box{margin-top: 6px;} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box .left .prof_img{width: 28px;height:28px;border:0;border-radius: 28px;text-align: center;line-height: 2;color: #fff;background: #5998f6} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box .left .user_name{font-weight: 500;color:#000} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box .left .date{margin-left: 140px;font-size:14px;color:#666} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box .right ul li{border-bottom: 0 !important;margin-right: 0;} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box .right ul li::after{content: '|';display: inline-block;margin:0 10px;color: #f0f1f6;} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box .right ul li:last-child::after{display: none;} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box .right ul li p{font-size:14px;color:#7b8394} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box .right ul li p.listViewCount{color:#000} .kt-aivle .right_area .ques_list ul li .ques_cover .info_box .right ul li p.listViewCount span{margin-left: 3px;;color:#7b8394} .kt-aivle .right_area .search_cover{display: flex;justify-content: center;align-items: center;} .kt-aivle .right_area .search_cover .category{width:auto;margin-right: 25px;} .kt-aivle .right_area .search_cover .category select{padding-left: 0 !important;} .kt-aivle .right_area .search_cover .s_box{width:auto;margin-left: 0;display: flex;align-items: center;} .kt-aivle .right_area .search_cover .s_box input{width: 200px;border: 0 !important;margin-right:12px;padding-left:0;border-bottom: 1px solid #c5c8d1 !important;border-radius: 0 !important} .kt-aivle .right_area .search_cover .s_box .search-btn i{color:#fff;} .kt-aivle .right_area .score_table button{border-radius: 6px;border-color:#bec2cf} .kt-aivle .right_area .score_table button i{color:#bec2cf} /* kt-aivle 코딩 연습 > 문제 상세보기 */ .kt-aivle .right_area .tab_box{border:0;margin: 0 0 42px 0} .kt-aivle .right_area .tab_box ul li{border: 0;padding: 0 15px 0 0} .kt-aivle .right_area .tab_box ul li a{font-size:20px;font-weight:600;} .kt-aivle .right_area .tab_box ul li a span.num{margin-left:10px;color: #19bec9 !important;} .kt-aivle .right_area .tab_box .btn .kt-btn-outline{padding: 0 12px;line-height: 32px;border: 1px solid #bec2cf;border-radius: 6px !important;} .kt-aivle .right_area .tab_box .btn .kt-btn-outline i{color: #bec2cf;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box{border-top: 2px solid #c5c8d1;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .top{display: flex;justify-content: space-between;align-items: center;margin-top:0;padding:20px 0;border-top:0;border-color: #d7d9df;background: #fff;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .top .title{padding-left:50px;font-size:16px;line-height:1;color:#000;font-weight: 500;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .top .title u{color:#a5b7cd} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .top .right_pos{padding-right: 50px;margin:0} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .top .right_pos .level{width:20px;height:20px;margin-right: 20px;font-size:12px;font-weight: 600;line-height: 1.3} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid{display: flex;justify-content: space-between;align-items: center;padding: 13px 0;border-color: #f0f1f6;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid span{font-size: 14px;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid .left{padding-left:50px;margin:0;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid .left .th_img{width: 28px;height:28px;margin-right: 5px;border:0;border-radius: 28px;text-align: center;line-height: 2;color: #fff;background: #5998f6} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid .left .user_id{font-weight: 500} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid .left .date{margin-left: 100px;color: #666;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid .right{padding-right: 50px;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid .right p{margin:0} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid .right p:first-child::after{content: '|';display: inline-block;margin:0 20px;color: #f0f1f6;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid .right p .txt{color: #7b8394;} .kt-aivle .right_area .cont_cover .cont_box01 .read_page .content_box .mid .right p .icon{color: #7b8394;} .kt-aivle .right_area .cont_cover .rank_tit{font-size:20px;font-weight:600} .kt-aivle .right_area .cont_cover .sorting_add{margin: 0 0 42px;} .kt-aivle .right_area .cont_cover .cont_box03 .que_table02 table{border-top:2px solid #c5c8d1 !important} .kt-aivle .right_area .cont_cover .cont_box03 .que_table02 table thead{border-color: #d7d9df;} .kt-aivle .right_area .cont_cover .cont_box03 .que_table02 table thead th{padding: 20px 0;line-height: 1;font-size:16px;color: #000;background: #fff} .kt-aivle .right_area .cont_cover .cont_box03 .que_table02 table tbody td{font-size:14px !important;color:#000 !important} .kt-aivle .right_area .cont_cover .cont_box03 .que_table02 table tbody td:nth-of-type(2) span.user-icon{width: 28px;height:28px;border:0;border-radius: 28px;text-align: center;line-height: 2;color: #fff;background: #5998f6} .kt-aivle .right_area .cont_cover .cont_box03 .que_table02 table tbody td:nth-of-type(2) span.listName{margin-right: 0;color:#000} /* kt-aivle 전문가 홈 > 강좌 요약 정보 */ .kt-aivle .right_area .right_side_cov{display:flex;align-items: center;margin-top:0} .kt-aivle .right_area .right_side_cov .btn{margin-right: 4px;} .kt-aivle .right_area .right_con01 .float_cover .left{border:0;margin-right: 20px;} .kt-aivle .right_area .right_con01 .float_cover .right .cover{display: flex;justify-content: space-between;} .kt-aivle .right_area .right_con01 .float_cover .right .cover::after{display:none} .kt-aivle .right_area .right_con01 .float_cover .right .cover .tit{width:auto;font-size:24px;font-weight:bold;word-break: break-all;} .kt-aivle .right_area .right_con01 .float_cover .right .cover button{padding: 0 24px;font-size:16px;color:#fff} .kt-aivle .right_area .right_con01 .float_cover .right .cover button i.users-white{margin-right:4px;vertical-align: -4px;} .kt-aivle .right_area .right_con01 .introduce_class{font-size:16px;font-weight:bold} .kt-aivle .right_area .right_con02_new .card{height:205px;padding:20px 36px;box-shadow: none;} .kt-aivle .right_area .right_con02_new .card span{font-weight: 600;} .kt-aivle .right_area .right_con02_new .card .tit_box{margin-bottom: 20px;} .kt-aivle .right_area .right_con02_new .card .tit_box .tit{margin-bottom: 0;;font-size:16px;font-weight:bold} .kt-aivle .right_area .right_con02_new .card .tit_box .btn i{font-size:16px} .kt-aivle .right_area .right_con02_new .card .board_list_box{width:100%;height: calc(100% - 50px);text-align: center;overflow: hidden;} .kt-aivle .right_area .right_con02_new .card .board_list_box ul{margin-top:0} .kt-aivle .right_area .right_con02_new .card .board_list_box .circle{line-height: 75px;} .kt-aivle .right_area .right_con02_new .card .inner_division .right span b{font-weight: 600 !important;} .kt-aivle .right_area .right_con02_new .card .box img{top:60px} .kt-aivle .right_area .right_con02_new .card .box .progress .bar{background:#19bec9 !important;} /* kt-aivle 전문가 홈 > 강의 편집 */ .kt-aivle .right_area .insert_cover table{border-top: 1px solid #c5c8d1 !important;} .kt-aivle .right_area .insert_cover table thead th{background:#fff !important} .kt-aivle .right_area .insert_cover .list_right .class_set_comm .input_btn{display: flex; align-items: center;} .kt-aivle .right_area .insert_cover .list_right .class_set_comm .input_btn i{margin-right: 3px;} .kt-aivle .right_area .insert_cover .list_right .proceed_box .preview{background: #fff;color:#666} .kt-aivle .right_area .insert_cover .list_right .tit_right .date_set{margin-bottom: 5px;} .kt-aivle .right_area .insert_cover .list_right .tit_right .date_set span{width:54px !important} .kt-aivle .right_area .insert_cover .list_right .tit_right .date_set .date_input{width:165px !important;} .kt-aivle .right_area .insert_cover .list_right .assign_set input#txtAssignFile{width:385px} .kt-aivle .right_area .insert_cover .list_right .coaching_set .input_area .checkbox{display: flex;align-items:center;} .kt-aivle .right_area .insert_cover .list_right .coaching_set .input_area .sel{width:100%;margin-bottom:20px} .kt-aivle .right_area .insert_cover .list_right .coaching_set .input_area .sel ul li{float: left;border:1px solid #dfdfdf;border-radius: 4px 0 0 4px;} .kt-aivle .right_area .insert_cover .list_right .coaching_set .input_area .sel ul li:last-of-type {border-left: 0;border-radius: 0 4px 4px 0;} .kt-aivle .right_area .insert_cover .list_right .coaching_set .input_area .sel ul li.active{background: #e7e7e7;} .kt-aivle .right_area .insert_cover .list_right .coaching_set .input_area .sel ul li a{display: block;padding: 0 15px;text-align: center;font-size:14px;color:#666;line-height: 35px;} .kt-aivle .right_area .insert_cover .list_right .coaching_set .input_area .sel span{margin-left:10px;font-weight: 500;vertical-align: -9px;} .kt-aivle .right_area .insert_cover .list_right .input_area .btn{margin-top: 30px;} /* kt-aivle 전문가 홈 > 문제 관리 */ .kt-aivle .bawas_padd {padding-bottom: 10px !important;} .kt-aivle .bawas_padd .thumbnail_box{width:100%;height: 162px;padding:15px 15px 20px;background: #ecf3fe;margin-bottom: 10px;border:0 ;border-radius: 0;} .kt-aivle .bawas_padd .thumbnail_box .thumbnail_img{width: 105px;height: 85px;margin-bottom: 26px;} .kt-aivle .bawas_padd .thumbnail_box .live_img{position:absolute;top:10px;left:10px;width:50px;border-radius: 0;} .kt-aivle .bawas_padd .thumbnail_box .tit_only4set{font-size:16px;font-weight:600;color:#000} .kt-aivle .bawas_padd .procedure{border-top:0} .kt-aivle .bawas_padd .procedure ul{display: flex;justify-content: space-between;} .kt-aivle .bawas_padd .procedure ul li{width:64px;height: 64px;border-radius: 4px;background:#f3f5f9;} .kt-aivle .bawas_padd .procedure ul li .txt{padding-bottom: 6px;color: #5998f6;} .kt-aivle .bawas_padd .procedure ul li .desc{color: #5998f6;} .kt-aivle a.goToList{margin-top:0} .kt-aivle .lms-content .setting .tit{font-size:20px;font-weight: bold;line-height: 1;} .kt-aivle .lms-content .setting .tit span{font-size:16px;margin:15px 0 30px } .kt-aivle .lms-content .setting .preset .top .tit_box a {width:auto} .kt-aivle .lms-content .setting .preset .top .tit_box a .icon{color:#bec2cf} .kt-aivle .lms-content .setting .preset .top .preset_selection div > p{font-size: 16px;} .kt-aivle .lms-content .setting .preset .top .preset_selection ul li:first-child{border-radius: 6px 0 0 6px} .kt-aivle .lms-content .setting .preset .top .preset_selection ul li:last-child{border-radius: 0 6px 6px 0} .kt-aivle .lms-content .setting .boardTbl table{border-top:2px solid #c5c8d1 !important;border-radius: 0;} .kt-aivle .lms-content .setting .boardTbl table thead{border-color: #d7d9df;} .kt-aivle .lms-content .setting .boardTbl table thead th{padding: 20px 0;line-height: 1;font-size:16px;color: #000;background: #fff} .kt-aivle .lms-content .setting .boardTbl table thead th:first-child{padding-left: 20px;text-align: left;} .kt-aivle .lms-content .setting .boardTbl table thead th:last-child{padding-right: 20px;} .kt-aivle .lms-content .setting .boardTbl table tbody td{font-size:14px !important;color:#000 !important} .kt-aivle .lms-content .setting .boardTbl table tbody td:first-child{padding-left: 20px !important;} .kt-aivle .lms-content .setting .boardTbl table tbody td:last-child{padding-right: 20px !important;} .kt-aivle .lms-content .setting .boardTbl table tbody td:nth-of-type(2) span.user-icon{width: 28px;height:28px;border:0;border-radius: 28px;text-align: center;line-height: 2;color: #fff;background: #5998f6} .kt-aivle .lms-content .setting .boardTbl table tbody td:nth-of-type(2) span.listName{margin-right: 0;color:#000} /* kt-aivle 전문가 홈 > 문제 관리 > 새 문제 만들기 */ .kt-aivle .right_area .que_type i{margin-right:5px;vertical-align: -4px;} /* kt-aivle 전문가 홈 > 시험/과제 관리 */ .kt-aivle #exam_assign p.tit.evalSet_tit{font-size: 20px;font-weight: bold;} .kt-aivle #exam_assign .positioning{display: flex;align-items: flex-end;justify-content: space-between;} .kt-aivle #exam_assign .positioning::after{display: none;} .kt-aivle #exam_assign .positioning .left .sub_tit .goToInsertClass{color:#5998f6} .kt-aivle #exam_assign .positioning .right select{padding:0 !important} .kt-aivle #exam_assign .ques_list{margin:37px 0} .kt-aivle #exam_assign .ques_list .ques_cover .tit_box{display: flex;justify-content: space-between;align-items:center} .kt-aivle #exam_assign .ques_list .ques_cover .tit_box a{margin-right: auto;} .kt-aivle #exam_assign .ques_list .ques_cover .tit_box a .tit span:first-child{color:#a5b7cd} .kt-aivle #exam_assign .ques_list .ques_cover .tit_box a .tit span.exam{vertical-align: 2px;} .kt-aivle #exam_assign .ques_list .ques_cover .tit_box a .reference{margin:0;padding-top:10px;line-height:1;} .kt-aivle #exam_assign .ques_list .ques_cover .tit_box a .reference span{color:#7b8394} .kt-aivle #exam_assign .ques_list .ques_cover .tit_box .ongoing{margin-left: 4px;font-size:14px;color:#5998f6} .kt-aivle #exam_view .goToList_btn .btn{line-height: 32px;} .kt-aivle #exam_view .goToList_btn .btn i{vertical-align: 1px;} .kt-aivle #exam_view .tit_box .tit{font-size:20px;font-weight:500} .kt-aivle #exam_view .tit_box .tit i{margin-right:4px} .kt-aivle #exam_view .tit_box .sub{display: flex;align-items:center} .kt-aivle #exam_view .tit_box .sub p, .kt-aivle #exam_view .tit_box .sub span{color:#7b8394} .kt-aivle #exam_view .tit_box .sub span{margin-top: 0;} .kt-aivle #exam_view .tit_box .sub span.bet_space{margin: 0 20px} .kt-aivle #exam_view .cont_box .tit{font-size:14px;font-weight: 500;color:#111} .kt-aivle #exam_view .cont_box .tit span:last-child{margin-left: 0} /* kt-aivle 전문가 홈 > 평가 결과 */ .kt-aivle .right_area .evaluation_status .percent .eval_percent i{margin-right:4px;vertical-align: -13px;} /* kt-aivle 커뮤니티 */ .kt-aivle .right_area .board_list > div{margin-right: 39px;} /* kt-aivle 강좌 상세 보기 */ .kt-aivle .live_view_left .class_info .right_information .top{display: flex;justify-content: space-between;align-items: center;} .kt-aivle .live_view_left .class_info .right_information .top .tit{font-size: 24px;font-weight: bold;word-break: break-all;} .kt-aivle .live_view_left .class_info .right_information .top .right_box{display:flex;align-items: flex-start;} .kt-aivle .live_view_left .class_info .right_information .top .right_box a{display: block;width: 40px;height: 40px;margin-left: 20px;background: url(../images/bk_mark_big03.png) no-repeat;transition: all 0.4s;} .kt-aivle .live_view_left .class_info .right_information .top .right_box a.check{background: url(../images/bk_mark_big04.png) no-repeat} .kt-aivle .live_view_left .class_info .right_information .mid .desc{color:#7b8394} .kt-aivle .live_view_left .class_info .right_information .bot .rating_box{font-size:14px} .kt-aivle .live_view_left .class_progress .tit{font-size:24px;font-weight: bold;color:#000} .kt-aivle .live_view_left .class_progress .tit i{width:33px;height:23px;margin-right: 8px;vertical-align: -3px;background-position: 0 0;} .kt-aivle .live_view_left .class_progress .progress_area .desc{margin:30px 0;color:#7b8394;} .kt-aivle .live_view_left .class_progress .progress_area .progress{float: left;} .kt-aivle .live_view_left .class_progress .progress_area .progress .bar{background: #2eaef8 !important;} .kt-aivle .live_view_left .class_progress .progress_area img{position: initial;margin-left: 20px;} .kt-aivle .live_view_left .live_info .left_screen_shot{border: 0;} .kt-aivle .live_view_left .live_info .right_live_info .tit strong{color:#aaa} .kt-aivle .live_view_left .live_info .right_live_info .time_date{margin-top: 30px;} .kt-aivle .live_view_left .live_info .right_live_info .time_date p{line-height: 20px !important;} .kt-aivle .live_view_left .live_info .right_live_info .time_date p.answer{font-size:16px;font-weight: 600;} .kt-aivle .live_view_left .live_info .right_live_info .time_date p.answer span{font-size:14px;color:#aaa } .kt-aivle .live_view_left .live_info .right_live_info .time_date .date{border-right: 0;} .kt-aivle .live_view_left .live_info .right_live_info .time_date div > p i{margin-right: 7px;vertical-align: bottom;} .kt-aivle .live_view_cont_box .week i.book{vertical-align: bottom;} .kt-aivle .live_view_cont_box .exam i.test{vertical-align: bottom;} .kt-aivle .live_view_cont_box .assign i.assign{vertical-align: bottom;} .kt-aivle .live_view_right .situation_btn{margin-bottom: 0;} .kt-aivle .live_view_right .situation_btn .sit_btn{border-radius: 6px !important;background:#5998f6} .kt-aivle .live_view_right .situation_btn .sit_btn.coach_enter{font-weight: 400 !important;background: #19bec9;} .kt-aivle .live_view_right .situation_btn .sit_btn img{margin-top:0} .kt-aivle .live_view_right .information{padding:32px;border: 1px solid #e9ebf2;border-radius: 6px;} .kt-aivle .live_view_right .information p:last-child{margin-top: 15px;} .kt-aivle .live_view_right .information p span{font-size:14px} .kt-aivle .live_view_right .link_box p.tit{font-size:16px;font-weight: 600;} .kt-aivle .live_view_right .link_box.price{margin-bottom: 0;} .kt-aivle .live_view_right .teacher_profile .profile{width:250px;height: auto;text-align:center;margin-bottom:10px;border:1px solid #e9ebf2;border-radius: 6px;background: #fff;} .kt-aivle .live_view_right .teacher_profile .consult_box .link_box{display: flex;align-items: center;justify-content:space-between} .kt-aivle .live_view_right .teacher_profile .consult_box .link_box p{color:#666} .kt-aivle .live_view_right .teacher_profile .consult_box .link_box .btn{width: auto;padding: 0 12px;line-height: 25px;} /* kt-aivle 코딩챌린지 */ .kt-aivle .right_area .challenge_cov .question_list ul{border-top: 2px solid #c5c8d1;border-bottom: 2px solid #c5c8d1;} .kt-aivle .right_area .challenge_cov .question_list ul li{margin-bottom: 0;padding:20px 50px;border: 0;border-bottom: 1px solid #f0f1f6;} .kt-aivle .right_area .challenge_cov .question_list ul li:last-child{border-bottom: 0;} .kt-aivle .right_area .challenge_cov .question_list ul li .que_contents .btn{padding: 0 22px;line-height: 30px;} .kt-aivle .right_area .challenge_cov .question_list ul li .que_contents p.chal_tit{font-size: 16px;padding-top: 12px;} .kt-aivle .right_area .challenge_cov .question_list ul li .que_contents p.duration{font-size:14px} .kt-aivle .right_area .challenge_cov .question_list ul li .que_contents p.duration i{vertical-align: -4px;} .kt-aivle .right_area .challenge_cov .question_list ul li .que_contents p.duration span.ing{color:#666} /* kt-aivle 코딩챌린지 상세보기 */ .kt-aivle .right_area .basic_info_box{display: flex;align-items: flex-end;} .kt-aivle .right_area .basic_info_box .left_thumbnail{width:270px;} .kt-aivle .right_area .basic_info_box .left_thumbnail img{width:100%;} .kt-aivle .right_area .basic_info_box .info_txt .tit{font-size:24px;font-weight: bold;} .kt-aivle .right_area .basic_info_box .info_txt button{margin: 20px 0;} .kt-aivle .right_area .basic_info_box .info_bottom{display: flex;justify-content: space-between;align-items: center;border:1px solid #e9ebf2;border-radius: 4px;} .kt-aivle .right_area .basic_info_box .info_bottom::after{display: none;} .kt-aivle .right_area .basic_info_box .info_bottom .left_durate{padding:22px 20px} .kt-aivle .right_area .basic_info_box .info_bottom .left_durate span{font-size:14px;color: #7b8394;} .kt-aivle .right_area .basic_info_box .info_bottom .right_ped{display: flex;justify-content: space-between;align-items: center;padding:22px 20px;border-left:1px solid #e9ebf2} .kt-aivle .right_area .basic_info_box .info_bottom .right_ped > div{padding: 0;} .kt-aivle .right_area .basic_info_box .info_bottom .right_ped > div span.numero{font-size:14px !important;color: #7b8394} .kt-aivle .right_area .basic_info_box .info_bottom .right_ped > div span.numero{font-size:14px !important;color: #7b8394} .kt-aivle .right_area .basic_info_box .info_bottom .right_ped > div i{margin-right: 4px;vertical-align: bottom;} .kt-aivle .right_area .basic_info_box .info_bottom .right_ped .total{padding-right:17px} .kt-aivle .right_area .basic_info_box .info_bottom .right_ped .applied{padding-left:17px} .kt-aivle .right_area .notice_box .accordion_box + div{border-top: 1px solid #d7d9df;} .kt-aivle .right_area .notice_box .accordion_box > div ul li{border-color: #f0f1f6;} .kt-aivle .right_area .notice_box .accordion_box > div ul li a{padding: 20px 50px;line-height: 1;} .kt-aivle .right_area .notice_box .accordion_box > div ul li:last-child a{border-bottom:none;} .kt-aivle .right_area .notice_box .accordion_box > div ul li a .chip{display: inline-block;width: 28px;height:28px;margin-right: 14px;border-radius:28px;text-align: center;line-height:2;vertical-align: middle;color:#fff;background:#5998f6} .kt-aivle .right_area .notice_box .accordion_box > div ul li .acc_cont{padding:20px 50px;background: #f3f4fa;} .kt-aivle .right_area .notice_box .accordion_box > div ul li .acc_cont ul li i{display: inline-block;background: url(../images/acc_cont_icon.png) no-repeat;} .kt-aivle .right_area .notice_box .accordion_box > div ul li .acc_cont ul li i.acc_desc{width:16px;height: 16px;margin-right: 13px !important;} .kt-aivle .right_area .notice_box .accordion_box > div ul li .acc_cont ul li p{display: inline-block;margin-bottom: 5px;} .kt-aivle .right_area .notice_box .accordion_box > div ul li .acc_cont ul li:last-child p{margin: 0;} /* kt-aivle 수강 신청 완료 팝업 */ .kt-modal.modal {width:550px;border-radius: 0;} .kt-modal.modal i.new-icon{display: inline-block;background: url(../images/new_icon_sprite.png) no-repeat;} .kt-modal.modal i.new-icon.close{width: 16px;height: 16px;background-position: 0 -350px;} .kt-modal.modal .kt-select{width: 120px ;text-align: left !important;border: 0 !important;border-bottom: 1px solid #c5c8d1 !important;border-radius: 0 ;font-weight: bold !important;font-size: 16px;color: #000 ;} .kt-modal.modal .header{display:flex;justify-content: space-between;padding:30px;font-size:16px !important;border-color: #e9ebf2} .kt-modal.modal table thead th{background:#fff} .kt-modal.modal .content{padding:20px 30px 40px} .kt-modal.modal .content .Enrolment i.popup-icon01{width: 54px;height:43px;background-position: -450px -50px;} .kt-modal.modal .content h3{font-size:14px} .kt-modal.modal .content .Enrolment h2{padding-top:23px;font-size:20px;font-weight: 600;} .kt-modal.modal .content .Enrolment h2 span{color:#5998f6} .kt-modal.modal .content .btnBox{display: flex;justify-content: space-between;padding:13px 0 0} .kt-modal.modal .content .btnBox .btn{flex:1;display:flex;align-items: center;padding:0 35px;height:70px;line-height: 70px;border: 1px solid #bec2cf;border-radius: 6px;font-size: 14px;color:#666} .kt-modal.modal .content .btnBox .btn:first-child{margin-right: 10px;} .kt-modal.modal .content .btnBox .btn i{margin-right: 10px;} .kt-modal.modal .content .btnBox .btn i.popup-icon02{width: 43px;height:36px;background-position: -350px -50px;} .kt-modal.modal .content .btnBox .btn i.popup-icon03{width: 47px;height:37px;background-position: -400px -50px;} .kt-modal.modal .actions{padding: 40px 0;margin: 0 30px;border-color: #e9ebf2;text-align: center;background: #fff;} .kt-modal.modal .actions .btn{display: inline-block;width: 200px;line-height: 36px;text-align: center;border:0;border-radius: 8px !important;font-size: 16px;color:#fff;background: #99a6b6;cursor: pointer;} .kt-modal.modal .actions .btn:hover{color:#fff !important;background:#ccd3db} .kt-modal.modal .actions .btn.ok{background: #19bec9 !important;color:#fff !important} .kt-modal.modal .actions .btn.ok:hover{background: #8cdfe4 !important;} /* kt-aivle 새 문제 만들기 팝업 */ #newProblemModal.kt-modal{width:640px;} #newProblemModal.kt-modal .header{font-size:16px} #newProblemModal.kt-modal .content{padding-top:40px} #newProblemModal.kt-modal .content h3{font-size:14px;font-weight: 600;} #newProblemModal.kt-modal .problemModalBtn{display: flex;justify-content: space-between;margin:0;padding:20px 0 0} #newProblemModal.kt-modal .problemModalBtn .btn{flex:1;display:flex;align-items: center;margin-right:7px;padding:0 35px;height:70px;line-height: 70px;border: 1px solid #e9ebf2;border-radius: 6px;font-size: 14px;font-weight: 400 !important;color:#666} #newProblemModal.kt-modal .problemModalBtn .btn:last-child{margin: 0;display: inherit !important;} #newProblemModal.kt-modal .problemModalBtn .btn i{margin-right:10px} #newProblemModal.kt-modal .problemModalBtn .btn i.choice{width:34px;height: 36px;background-position: -350px 0;} #newProblemModal.kt-modal .problemModalBtn .btn i.openEnded{width:34px;height: 34px;background-position: -400px 0;} #newProblemModal.kt-modal .problemModalBtn .btn i.coding{width:43px;height: 36px;background-position: -450px 0;} /* kt-aivle 문제 가져오기 팝업 */ #problemModelList.kt-modal{height:auto !important;max-height: fit-content} #problemModelList.kt-modal .contentTop{display: flex;align-items: flex-end;} #problemModelList.kt-modal .contentTop .searchTextBox{display: flex;position: relative;margin-left: 25px;} #problemModelList.kt-modal .contentTop .searchTextBox input{margin: 0;max-width: 100%;flex: 1 0 auto;outline:0;text-align: left;line-height: 28px;border:0;border-bottom:1px solid #C5C8D1 !important;border-radius:0 !important} #problemModelList.kt-modal .contentTop .searchTextBox input:hover{border: 0 !important;border-bottom:1px solid #C5C8D1 !important} #problemModelList.kt-modal .contentTop .searchTextBox i{position: absolute;line-height: 1;text-align: center;top: 0;right: 0;margin: 0;height: 100%;transition: opacity .3s ease;} /* kt-aivle 과제 제출하기 팝업 */ #passAssign.kt-modal {width:640px} #passAssign.kt-modal .content{width: auto;margin:0 30px;padding:40px 0;border-bottom:1px solid #e9ebf2} #passAssign.kt-modal .content .assign_text{padding-top: 20px;color:#666} #passAssign.kt-modal .cont_box{padding:40px 30px;} #passAssign.kt-modal .cont_box .input_area{display: flex;align-items: flex-end;} #passAssign.kt-modal .cont_box .input_area .assign_txt{margin-right:10px;border:0;border-bottom:2px solid #e9ebf2} #passAssign.kt-modal .cont_box .input_area .assign_txt:hover{border:0 !important;border-bottom:2px solid #e9ebf2 !important;border-radius: 0 !important;} #passAssign.kt-modal .cont_box .input_area .btn{width:110px;border:0;border-radius: 8px !important;color:#fff;background: #bec2cf;} #passAssign.kt-modal .cont_box .input_area .btn i{padding-left:13px !important} #passAssign.kt-modal .cont_box .input_tit{margin-top:15px;color:#5998f6} #passAssign.kt-modal .cont_box .input_tit i{width:14px;height:16px;background:url(../images/clip_icon.png) no-repeat;vertical-align: -2px;} /* kt-aivle 학습현황 팝업 */ #achievementModal.kt-modal .close{top: 30px;right:30px} /* kt-aivle 학습 진행 현황 세부점수 팝업 */ #exam_assign_modal.kt-modal .content_area .sub_tab_box{margin-top: 40px;} #exam_assign_modal.kt-modal .content_area .sub_tab_box ul{margin-bottom: 0;} #exam_assign_modal.kt-modal .content_area table{width:100%} #exam_assign_modal.kt-modal .actions{border-top:0} /* kt-aivle 강의 영상업로드 팝업 */ #video_upload.kt-modal .tab_box{display: flex;justify-content: space-between;margin:30px;width: auto;border-bottom:0} #video_upload.kt-modal .tab_box ul{display: flex;border-bottom: 1px solid #19BEC9;width: auto;} #video_upload.kt-modal .tab_box ul li{width: auto;border:0;text-align: center;} #video_upload.kt-modal .tab_box ul li a{display: block;margin-right:1px;;padding: 0 55px;border-top-left-radius: 8px;border-top-right-radius: 8px;line-height: 33px;color:#666;background: #F2F3F8;} #video_upload.kt-modal .tab_box ul li a .num{font-weight: 600;} #video_upload.kt-modal .tab_box ul li.tab_active{border-bottom:0} #video_upload.kt-modal .tab_box ul li.tab_active a{color:#fff;background:#19BEC9;border-bottom:0} #video_upload.kt-modal .input{width:auto;margin:30px} #video_upload.kt-modal .input .input-box{display: flex;justify-content: space-between;align-items:center;margin-bottom:10px} #video_upload.kt-modal .input .input-box input{flex:1} /* kt-aivle 파일 업로드 팝업 */ #file_upload.kt-modal .input{width:auto;margin:40px 30px} #file_upload.kt-modal .input .input-box{display:flex;justify-content: space-between;align-items: center;margin-bottom: 10px;} #file_upload.kt-modal .input .input-box input{flex:1} /* kt-aivle SlideShare 링크 업로드 팝업 */ #slide_upload.kt-modal .input{width:auto;margin:40px 30px} #slide_upload.kt-modal .input input{width: 100%;} #slide_upload.kt-modal .input p{margin-top: 10px;} /* kt-aivle custom_alert */ #custom_alert.kt-aivle .opt_box{background: #fff;} /* kt-ailve 코딩 챌린지 관리 > 랭킹 */ #prod_head_bar.ranking_header{height: 102px;border-bottom: 1px solid #bec2cf;background: #fff;} #prod_head_bar.ranking_header .mid_tit{top:28px;} #prod_head_bar.ranking_header .mid_tit i.icon{font-size: 20px;color:#a5b7cd} .kt-aivle.rank_contain .title{font-size:20px;font-weight: bold;} .kt-aivle.rank_contain .top_ranker .ranker_box{border:1px solid #e9ebf2;border-radius: 8px;background:#fff} .kt-aivle.rank_contain .top_ranker .ranker_box .img{margin: 30px;} .kt-aivle.rank_contain .top_ranker .ranker_box .content .name{margin:31px 0 3px;font-size:16px;} .kt-aivle.rank_contain .top_ranker .ranker_box .content .score{font-size:20px;margin-bottom: 31px;} /* kt-ailve 코딩 마스터스 관리 (코딩연습) */ .memberTab .boardWrap table thead th .badge{line-height: 18px;padding: 2px 5px;box-sizing: border-box;border-radius: 4px;font-size: 10px;color: #fff;margin: 0 5px;} .memberTab .boardWrap table thead th .badge.orange{background: #ff7230} .memberTab .boardWrap table thead th .badge.light-green{background: #9ee551} .memberTab .boardWrap table thead th .badge.blue{background: #0083ca} .memberTab .boardWrap table thead th .badge.green{background: #21ba45} /* kt-ailve 시험 응시 입장 페이지 */ .kt-aivle.view_top{background:#19bec9} .kt-aivle.view_top .mid_tit ul li i.new-icon{margin-right: 5px;vertical-align: middle;} .kt-aivle.content_box{text-align: center;} .kt-aivle.content_box .info_box{width: 230px;text-align: left;} .kt-aivle.content_box .info_box p{width:25%;margin:0 auto;text-align: left;font-weight: 500 !important;} .kt-aivle.content_box .time{color:#111} .kt-aivle.content_box .time span{color:#7b8394} #getStart .kt-aivle.content_box .button_area .btn{width: 200px;border:0 !important} /* kt-ailve 시험 응시 페이지 */ .kt-aivle.editContent_in #rightEditBox .content .codeController{display:flex;background: #f9f9f9 !important;padding:10px !important;height: 59px !important;box-sizing: border-box;border-bottom: 1px solid #dfdfdf;} .kt-aivle.editContent_in #rightEditBox .content .codeController select{padding:0;} .kt-aivle.editContent_in #rightEditBox .content .codeController .selection{margin-right:5px;text-align: left !important;} /* kt-ailve 전문가 홈 > 문제 관리 > 미리보기 강의 화면 임시 */ .kt-aivle #editHeader{background:#19bec9} .kt-aivle #editHeader .editTitleBar button span, .kt-aivle #editHeader .editTitleBar button i{color:#fff} .kt-aivle #editHeader .editTitleBar .title{color:#fff} /************** kt-aivle 끝 **************/ /* /myroom/index.html 우측부분 */ /* .right_content {margin-bottom:80px;} */ .right_content .info_box {background: #f9fafb; border-radius: 5px; box-sizing: border-box; width:100%; height:203px; overflow:hidden;} .right_content .info_box > div {float:left; padding:20px; box-sizing:border-box;} .right_content .info_box > div > p:first-of-type {font-size:17px; font-weight: 500; line-height: 1;} .right_content .info_box .box01 {width:200px; background: #f2f2f2; display: block; height:100%; position:relative;} .right_content .info_box .box01 img.flexible {position:absolute; top:50%; left:50%; margin-top:10px; z-index:1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);} .right_content .info_box .box01 span.lv_txt {font-size:23px; line-height: 1; font-weight: 500; position:absolute; display: block; text-align: center; width:100%; z-index:2; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); margin-top:17px;} .right_content .info_box .box01 p.point {width:100%; position:absolute; width:100%; height:30px; bottom:0; left:0; background: rgba(234,48,46,0.7); color:#fff; font-size:14px; font-weight: 400; text-align: center; padding-top:6px; box-sizing: border-box; z-index:3;} .right_content .info_box .box01 p.point > span {font-size:17px; font-weight: 500; display: inline-block; margin-right:3px;} .right_content .info_box .box02 {width:220px; display: block; height:100%;} .right_content .info_box .box02 ul {margin-top:20px;} .right_content .info_box .box02 ul li {overflow: hidden; width:100%; line-height: 30px;} .right_content .info_box .box02 ul li span.tit {float:left; font-size:14px; font-weight: 400; color:#666;} .right_content .info_box .box02 ul li span > b {font-weight:500 !important;} .right_content .info_box .box02 ul li span.result {float:right; font-size:14px; font-weight: 400; color:#333;} .right_content .info_box .box03 {width:330px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; display: block; height:100%;} .right_content .info_box .box03 > .result {width:100%; overflow:hidden; margin-top:20px;} .right_content .info_box .box03 .result > div {display: inline-block; vertical-align: middle;} .right_content .info_box .box03 .result > .right p {display: inline-block; vertical-align: middle; margin:0 20px; color:#666; line-height:22px; font-weight:400;} .right_content .info_box .box03 .result > .right p > span {display: inline-block; vertical-align: middle; margin-top:-5px; color:#333 !important; font-weight:500;} .right_content .info_box .box03 .result > .right span {display: inline-block; vertical-align: middle;} .right_content .info_box .box04 {width:200px; display: block; height:100%;} .right_content .info_box .box04 ul {margin-top:20px;} .right_content .info_box .box04 ul li {overflow: hidden; width:100%; line-height: 30px;} .right_content .info_box .box04 ul li span.tit {float:left; font-size:14px; font-weight: 400; color: #666;} .right_content .info_box .box04 ul li span.result {float:right; font-size:14px; font-weight: 400;} .right_content .info_box .box04 ul li span.result > b {font-weight:500 !important;} .right_content .list_area {width:100%;} .right_content .list_area p.tit {font-size:23px; font-weight: 500; margin:50px 0 30px;} .right_content .list_area table {width:100%; border-top:1px solid #dfdfdf;} .right_content .list_area table thead {border-bottom:1px solid #dfdfdf;} .right_content .list_area table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .right_content .list_area table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content .list_area table tbody tr:hover {background: #f9f8fb; color:#333 !important;} .right_content .list_area table tbody tr td:first-of-type {text-align: center; font-size:14px; color:#898989; font-weight: 400;} .right_content .list_area table tbody tr td:nth-of-type(2) {font-size:14px; color:#666; font-weight: 400; text-align: left;} .right_content .list_area table tbody tr td.idx_prog_bar > span {display: inline-block; vertical-align: middle; width:25px; font-size:10px; color:#898989; text-align: left;} .right_content .list_area table tbody tr td.idx_prog_bar div {border-radius: 0px !important;} .right_content .list_area table tbody tr td.idx_prog_bar > div.ui.progress {display: inline-block; vertical-align: middle; margin:0; width:235px; border-radius: 0px; margin-right:5px; margin-left:5px;} .right_content .list_area table tbody tr td.idx_prog_bar > div.ui.avg > .bar {background: #ffbc3e !important;} .right_content .list_area table tbody tr td.idx_prog_bar div.label {display: inline-block; vertical-align: middle; width:50px;} .right_content .list_area table tbody tr td.idx_prog_bar div.label {font-size:10px; color:#898989; font-weight: 400;} .right_content .list_area table tbody tr td:nth-of-type(4) {text-align: center; font-size:14px; font-weight: 500; color:#666;} .right_content .list_area table tbody tr td.count_down {color:#ea302e;} .right_content .list_area table tbody tr td:last-of-type {text-align: center; font-size:14px; color:#898989; font-weight: 400;} .right_content .list_area table tbody tr td:last-of-type > a {display: block; width:70px; margin:0 auto; line-height: 30px; font-size:12px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; transition:all 0.4s;} .right_content .list_area table tbody tr td:last-of-type > a:hover {border:1px solid #b4b4b4; color:#252525; transition:all 0.4s; background: #fff;} .right_content .paging {width:100%; margin:50px auto;} .right_content .paging ul {width:100%; font-size:0; text-align: center; border-radius: 5px; box-sizing: border-box;} .right_content .paging ul li {display: inline-block; vertical-align: top; width:35px; height:35px; border:1px solid #dfdfdf; box-sizing: border-box; border-right:none;} .right_content .paging ul li:first-of-type {border-radius: 5px 0 0 5px;} .right_content .paging ul li:last-of-type {border-radius: 0 5px 5px 0; border-right:1px solid #dfdfdf;} .right_content .paging ul li a {display: block; font-size:12px; color:#898989; font-weight:400; line-height: 35px;} .right_content .paging ul li.page_active {background: #f2f2f2;} .right_content .paging ul li.page_active a {color:#252525; font-weight: 500;} .right_content .sticker {width:100%;} .right_content .sticker p.tit {font-size:23px; font-weight: 500; margin-bottom:30px;} .right_content .sticker div.playground {width:100%; overflow:hidden;} .right_content .sticker div.playground > div {float:left;} .right_content .sticker div.playground .left_sticker {width:460px; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; height:370px; padding:20px;} .right_content .sticker div.playground .left_sticker .top {position:relative;} .right_content .sticker div.playground .left_sticker .top > p {font-size:17px; font-weight: 400; padding-bottom:10px; box-sizing: border-box; border-bottom:1px solid #dfdfdf; box-sizing: border-box; line-height:1;} .right_content .sticker div.playground .left_sticker .top > a {border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; width:70px; line-height: 26px; display: block; text-align: center; position:absolute; top:-10px; right:0px; background: #fff;} .right_content .sticker div.playground .left_sticker .top > a:hover {border:1px solid #b4b4b4; color:#252525;} .right_content .sticker div.playground .left_sticker .top > a span {font-size:12px; color:#898989;} .right_content .sticker div.playground .left_sticker .top > a:hover span {color:#252525;} .right_content .sticker div.playground .left_sticker .bot {text-align:center;position:relative; width:332px; margin:20px auto 0;} .right_content .sticker div.playground .left_sticker .bot > img {position:absolute;} /*temporary positioning*/ .right_content .sticker div.playground .left_sticker .bot > img:first-of-type {left:10px; top:5px; width:100px;} .right_content .sticker div.playground .left_sticker .bot > img:nth-of-type(2) {right:10px; top:5px; width:45px;} .right_content .sticker div.playground .left_sticker .bot > img:nth-of-type(3) {right:75px; top:5px; width:51px;} .right_content .sticker div.playground .left_sticker .bot > img:nth-of-type(4) {right:10px; top:60px; width:51px;} /*temporary positioning end*/ .right_content .sticker div.playground .left_sticker > a {display: block; width:80px; line-height: 30px; color:#666; font-size:14px; font-weight: 400; text-align: center; border-radius: 5px; box-sizing: border-box; border:1px solid #dfdfdf; margin:0 auto;} .right_content .sticker div.playground .arrow_area {width:calc(100% - 920px);} .right_content .sticker div.playground .arrow_area {padding-top:180px; box-sizing: border-box; padding-left:3px;} .right_content .sticker div.playground .arrow_area i {color:#999999; cursor: pointer} .right_content .sticker div.playground .right_sticker {width:460px; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; height:370px; padding:20px;} .right_content .sticker div.playground .right_sticker .top > p {font-size:17px; font-weight: 400; padding-bottom:10px; box-sizing: border-box; border-bottom:1px solid #dfdfdf; box-sizing: border-box; line-height:1;} .right_content .sticker div.playground .right_sticker .bot span {display: inline-block; vertical-align: middle; margin:10px;} .right_content .search_cover {width:100%; overflow:hidden; margin:30px 0;} .right_content .search_cover > div:first-of-type {float:left;} .right_content .search_cover > div:first-of-type p.tit {font-size:23px; color:#333; font-weight: 500;} .right_content .search_cover > div:first-of-type p.tit span {font-size:17px; color:#2eaef8; display: inline-block; margin-left:10px;} .right_content .search_cover > div.sort {position:relative; float:right; width:120px;} .right_content .search_cover > div.sort select {height:35px; width:100%; /*-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .right_content .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} /* right_content02 /myroom/enrroled_list.html */ .right_content02 > p.tit {font-size:23px; font-weight: 500; margin-right:10px;} .right_content02 > p.tit span {font-size:17px; font-weight: 400; color:#2eaef8; display: inline-block; vertical-align: middle; margin-top:-5px; margin-left:10px;} .right_content02 .preset {width:100%; padding:20px; box-sizing: border-box; background: #f9fafb; position:relative; margin-top:30px;} .right_content02 .preset .top .tit_box{width:100%; overflow: hidden;} .right_content02 .preset .top p.preset_tit {font-size:17px; font-weight: 500; float:left; color:#333;} .right_content02 .preset .top .tit_box > a {border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; width:70px; line-height: 26px; display: block; text-align: center; background: #fff; position:absolute; right:20px;} .right_content02 .preset .top .tit_box > a:hover {border:1px solid #b4b4b4; color:#252525;} .right_content02 .preset .top .tit_box > a span {font-size:12px; color:#898989;} .right_content02 .preset .top .tit_box > a:hover span {color:#252525;} .right_content02 .preset .top .preset_selection {width:100%; padding-left:30px; box-sizing: border-box; margin-top:20px;} .right_content02 .preset .top .preset_selection > div {width:100%; overflow:hidden; margin-bottom:10px; position:relative} .right_content02 .preset .top .preset_selection > div > p {width:100px; display: inline-block; vertical-align: top; font-size:14px; font-weight: 500; margin-top:8px;} .right_content02 .preset .top .preset_selection > div > div {box-sizing: border-box; display: inline-block; vertical-align: middle; position:relative;} .right_content02 .preset .top .preset_selection > div > div ul {overflow: hidden; position:relative;} .right_content02 .preset .top .preset_selection > div > div ul li {float:left; text-align: center; background: #fff; border:1px solid #dfdfdf; border-right:none;} .right_content02 .preset .top .preset_selection > div > div ul li:first-of-type {border-radius:4px 0 0 4px;} .right_content02 .preset .top .preset_selection > div > div ul li:last-of-type {border-right:1px solid #dfdfdf; border-radius:0 4px 4px 0;} .right_content02 .preset .top .preset_selection > div > div ul li a {display: block; line-height: 35px; font-size:14px; color:#898989; cursor: pointer; padding:0 20px; box-sizing: border-box; width:100%;} .right_content02 .preset .top .preset_selection > div > div ul li:hover {background: #f2f2f2;} .right_content02 .preset .top .preset_selection > div > div ul li:hover a {color:#252525; font-weight: 500;} .right_content02 .preset .top .preset_selection > div > div ul li.selected {background: #f2f2f2;} .right_content02 .preset .top .preset_selection > div > div ul li.selected a {color:#252525; font-weight: 500;} .right_content02 .preset .top .preset_selection > .col02 div > a.more {line-height:35px; font-size:14px; color:#898989; font-weight:400; position:absolute; right:-50px; top:1px; z-index:2;;} .right_content02 .preset .top .preset_selection > .col03 > a.more {line-height: 35px; font-size:14px; color:#898989; font-weight: 400; vertical-align: top; position:absolute; right:390px; top:0;} .right_content02 .preset .top .preset_selection > .col03 ul:nth-of-type(2) {margin:10px 0;} .right_content02 .preset .top .preset_selection > .col03 ul li.f_li{border-radius: 4px 0 0 4px;} .right_content02 .preset .top .preset_selection > .col03 ul li:last-of-type {border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} /* .right_content02 .preset .top .preset_selection > .col03 a.more {line-height: 35px; font-size:14px; color:#898989; font-weight: 400; vertical-align: top; position:absolute; right:380px; top:0;} .right_content02 .preset .top .preset_selection > .col03 ul:nth-of-type(2) {margin:10px 0;} .right_content02 .preset .top .preset_selection > .col03 ul li.f_li{border-radius: 4px 0 0 4px;} .right_content02 .preset .top .preset_selection > .col03 ul li:nth-of-type(5n){border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} */ .right_content02 .preset .top .preset_selection > .col03 ul li.addMargin {margin-bottom:10px;} .right_content02 .preset .top .preset_selection > .col03 ul li.hide {display: none} .right_content02 .preset .top .preset_selection > .col03 ul br {display: none;} .right_content02 .search_cover {width:100%; position:relative; text-align: center; margin:30px 0 32px; overflow: hidden; padding:2px 0;} .right_content02 .search_cover > a.c_less {float:left; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; color:#666; font-size:14px; font-weight: 400; line-height: 33px; transition: all 0.4s;} .right_content02 .search_cover > a.c_less:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .right_content02 .search_cover > div:not(.sort) {display: inline-block; vertical-align: middle;} .right_content02 .search_cover > div.category {width:100px; position:relative;} .right_content02 .search_cover > div.category select {height:35px; width:100%; /* -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .right_content02 .search_cover > div.category i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .right_content02 .search_cover > div.s_box {width:300px; position:relative; margin-left:10px;} .right_content02 .search_cover > div.s_box input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; padding-left:20px; height:35px; position:relative; z-index:1;} .right_content02 .search_cover > div.s_box > i {position:absolute; z-index:2; top:8px; right:10px; color:#898989; } .right_content02 .search_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .right_content02 .search_cover > div.sort select {height:35px; width:100%; /* -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .right_content02 .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .right_content02 .enroll_list {width:100%; position:relative; margin-bottom:50px;} .right_content02 .enroll_list ul {overflow:hidden; width:100%; margin:0; padding: 0;} .right_content02 .enroll_list ul li {float:left; width:460px; margin-right:30px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; padding:20px; box-sizing: border-box; margin-bottom:20px;} .right_content02 .enroll_list ul li:nth-of-type(even){margin-right:0;} .right_content02 .enroll_list ul li > div {float:left; position:relative;} .right_content02 .enroll_list ul li div.thumb {width:120px; height:98px; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; margin-right:20px; overflow:hidden;} .right_content02 .enroll_list ul li div.thumb > img {width:100%;} .right_content02 .enroll_list ul li div.thumb > a#lectureThumbAnchor >img {position:relative; z-index: 1; width: 120px !important; height: 100px !important;} .right_content02 .enroll_list ul li div.thumb span {position:absolute; display: block; padding:1px 3px; box-sizing: border-box; font-size:12px; color:#fff; font-weight: 400; text-align:center; z-index:2; background: #ea302e; top:0; left:0; border-radius: 5px 0 0 0;} .right_content02 .enroll_list ul li div.thumb span img {display: inline-block; vertical-align: middle; margin-top:-2px; margin-right:2px;} .right_content02 .enroll_list ul li > div.list_cont {width:calc(100% - 140px); position: relative;} .right_content02 .enroll_list ul li > div.list_cont .cont01 {overflow:hidden;} .right_content02 .enroll_list ul li > div.list_cont .cont01 p.subj_tit {font-size:14px; font-weight: 500; float: left; width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .right_content02 .enroll_list ul li > div.list_cont .cont01 span {float:right;padding:3px 5px; display: block; box-sizing: border-box; text-align: center; font-size:10px !important;; color:#fff; font-weight: 400; border-radius: 5px; box-sizing: border-box; line-height:1;} /*different color code depends on level*/ .right_content02 .enroll_list ul li > div.list_cont .cont01 span.lv_basic {background: #adcb45;} .right_content02 .enroll_list ul li > div.list_cont .cont01 span.lv_l {background: #00b857;} .right_content02 .enroll_list ul li > div.list_cont .cont01 span.lv_m {background: #0083ca;} .right_content02 .enroll_list ul li > div.list_cont .cont01 span.lv_h {background: #ff7230;} /*color depends end*/ .right_content02 .enroll_list ul li > div.list_cont .cont02 {position:relative; margin-top:11px;} .right_content02 .enroll_list ul li > div.list_cont .cont02 span.bound {padding:0px 5px; box-sizing: border-box; border:1px solid #2eaef8; background: #e9fbfd; color:#2eaef8; font-size:10px; font-weight: 500; float:left; border-radius: 5px; margin-right:10px; line-height: 15px; margin-top:4px;} .right_content02 .enroll_list ul li > div.list_cont .cont02 p.skill {font-size:10px; color:#898989; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:130px; vertical-align: middle; margin-top:1px; display: inline-block;} .right_content02 .enroll_list ul li > div.list_cont .cont02 p.skill span {margin:0 3px; color:#b2b2b2 !important; background:none !important; padding:0 !important;} .right_content02 .enroll_list ul li > div.list_cont .cont03 {width:100%; position: relative; overflow: hidden; margin-top:10px; margin-bottom:5px;} .right_content02 .enroll_list ul li > div.list_cont .cont03 p.date {float:left; font-size:12px; color:#666; margin-right:7px; margin-left:2px;} .right_content02 .enroll_list ul li > div.list_cont .cont03 p.time {float:left; font-size:12px; color:#333;} .right_content02 .enroll_list ul li > div.list_cont .cont03 p.remain {float:left; font-size:12px; color:#666;} .right_content02 .enroll_list ul li > div.list_cont .cont03 p.remain span {font-size:12px; color:#666; font-weight: 500; display: inline-block; vertical-align: middle; margin-left:5px;} .right_content02 .enroll_list ul li > div.list_cont .cont03 p.remain span.count {font-weight: 500; color:#ea302e;} .right_content02 .enroll_list ul li > div.list_cont .cont03 span {float:right; font-size:12px; color:#898989; margin-right:5px;} .right_content02 .enroll_list ul li > div.list_cont .cont03 span > b {color:#252525; font-weight: 500; margin-right:3px; } .right_content02 .enroll_list ul li > div.list_cont .prg_bar > div {margin: 0 0 0 0;} .right_content02 .paging {width:100%; margin:50px auto;} .right_content02 .paging ul {width:100%; font-size:0; text-align: center; border-radius: 5px; box-sizing: border-box;} .right_content02 .paging ul li {display: inline-block; vertical-align: top; width:35px; height:35px; border:1px solid #dfdfdf; box-sizing: border-box; border-right:none;} .right_content02 .paging ul li:first-of-type {border-radius: 5px 0 0 5px;} .right_content02 .paging ul li:last-of-type {border-radius: 0 5px 5px 0; border-right:1px solid #dfdfdf;} .right_content02 .paging ul li a {display: block; font-size:12px; color:#898989; font-weight:400; line-height: 35px;} .right_content02 .paging ul li.page_active {background: #f2f2f2;} .right_content02 .paging ul li.page_active a {color:#252525; font-weight: 500;} /*no_enroll subjects*/ .no_enroll {width:100%; font-size:0; text-align: center; margin-bottom:650px; margin-top:50px;} .no_enroll > span {display: inline-block; vertical-align: middle; margin-right:20px;} .no_enroll > div {display: inline-block; vertical-align: middle; text-align: left;} .no_enroll > div p.tit {font-size:23px; font-weight: 400; color:#252525; line-height: 35px;} .no_enroll > div p.tit span {color:#2eaef8; font-size:23px;} .no_enroll > div p.desc {font-size:14px; color:#666; font-weight: 400; line-height: 46px; margin-bottom:10px; } .no_enroll > div a {display: block; padding:2px 5px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; font-size:14px; line-height: 35px; text-align: center; width:230px; color:#898989; transition: all 0.4s;} .no_enroll > div a:hover {color:#252525; border:1px solid #b4b4b4; transition: all 0.4s;} /*코딩레벨 테스트 영역 /myroom/level_test.html */ .right_content03 > p.tit {font-size:23px; font-weight: 500; margin-right:10px;} .right_content03 .paging {width:100%; margin:50px auto;} .right_content03 .paging ul {width:100%; font-size:0; text-align: center; border-radius: 5px; box-sizing: border-box;} .right_content03 .paging ul li {display: inline-block; vertical-align: top; width:35px; height:35px; border:1px solid #dfdfdf; box-sizing: border-box; border-right:none;} .right_content03 .paging ul li:first-of-type {border-radius: 5px 0 0 5px;} .right_content03 .paging ul li:last-of-type {border-radius: 0 5px 5px 0; border-right:1px solid #dfdfdf;} .right_content03 .paging ul li a {display: block; font-size:12px; color:#898989; font-weight:400; line-height: 35px;} .right_content03 .paging ul li.page_active {background: #f2f2f2;} .right_content03 .paging ul li.page_active a {color:#252525; font-weight: 500;} .right_content03 .test_list {width:100%; margin:30px 0; border:1px solid #dfdfdf; box-sizing: border-box;} .right_content03 .test_list table {width:100%;} .right_content03 .test_list table thead {border-bottom:1px solid #dfdfdf;} .right_content03 .test_list table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .right_content03 .test_list table thead th span {display: inline-block; vertical-align: top;} .right_content03 .test_list table thead th span i {display: block; color:#898989; height:1px;} .right_content03 .test_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content03 .test_list table tbody tr:hover {background: #f9f8fb; color:#333 !important;} .right_content03 .test_list table tbody tr td:first-of-type {text-align: left; font-size:14px; color:#666666; font-weight: 400; padding-left:30px; box-sizing: border-box;} /*.right_content03 .test_list table tbody tr td:nth-of-type(2) {font-size:14px; color:#666666; font-weight: 400; padding-left:100px; box-sizing: border-box;}*/ .right_content03 .test_list table tbody tr td:nth-of-type(2) p {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; width:420px;} .right_content03 .test_list table tbody tr td:nth-of-type(3) {text-align: center; font-size:13px; font-weight: 500; color:#898989;} .right_content03 .test_list table tbody tr td:nth-of-type(4) {text-align: center; font-size:13px; font-weight: 500; color:#898989;} .right_content03 .test_list table tbody tr td:nth-of-type(4) > span {color:#333;} .right_content03 .test_list table tbody tr td:last-of-type {text-align: center; font-size:13px; color:#898989; font-weight: 400;} .right_content03 .test_list table tbody tr td:last-of-type > a {display: block; width:70px; margin:0 auto; line-height: 30px; font-size:12px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; transition:all 0.4s;} .right_content03 .test_list table tbody tr td:last-of-type > a:hover {border:1px solid #b4b4b4; color:#252525; transition:all 0.4s; background: #fff;} .right_content03 .test_list table tbody tr td:last-of-type > span {color:#333;} /*처음방문 팝업*/ #whoLoginModal { text-align: center; width:570px; } #whoLoginModal .head { padding: 30px 0; } #whoLoginModal .head h2 { line-height: 36px; } #whoLoginModal .content .button:hover,#whoLoginModal .content .button:focus, #whoLoginModal .content .button.active { background-color: #f2f2f2; border: 1px solid #b4b4b4; outline: none; } #whoLoginModal .content .button.student { background-position: 0 -30px; } #whoLoginModal .content .button.teacher { background-position: -200px -30px; } #whoLoginModal .content .button > .text { position: absolute; bottom: 20px; left:0; right:0; margin: 0 auto; } #whoLoginModal .not-border { padding:20px 0; border-top:none !important; text-align: center; } /*popup_공통_css*/ .pop_tit_cov {border-bottom:1px solid #dfdfdf; margin-bottom:30px; } .pop_tit_cov > p.pop_tit {font-size:17px; font-weight: 500; color:#252525; line-height: 60px; padding-left:20px; box-sizing: border-box;} .pop_btn_cov {width:100%; border-top:1px solid #dfdfdf; background: #f9fafb; padding:15px 0; box-sizing: border-box; margin-top:30px; text-align: right;} .pop_btn_cov > a {display: inline-block; vertical-align: middle; line-height: 33px; border-radius: 5px; box-sizing: border-box; text-align: center;} .pop_btn_cov > a.goToLogin {background: #2eaef8; color:#fff; font-weight: 400; width:130px; margin-right:20px;} .pop_btn_cov > a.confirm {background: #252525; color:#fff; width:65px; margin-right:20px;} /*이메일인증팝업*/ #verification {width:570px; } #verification02 {width:570px; margin-top: 0px !important; margin-left:-270px;} /*지난 강좌 /myroom/previous_list.html */ .enroll_list.mBnone {margin-bottom:0;} .enroll_list ul li .option_status {width:100%;} .enroll_list ul li .option_status a {display: block; width:120px; border-radius: 5px; box-sizing: border-box;} .enroll_list ul li .option_status a.finish {border:1px solid #f5f5f5; background: #fff; color:rgba(102, 102, 102, 0.3); text-align: center; margin-top:10px;} .enroll_list ul li .option_status a.retry {border:1px solid #dfdfdf; background: #fff; color:rgba(102, 102, 102, 1); text-align: center; margin-top:10px;} .enroll_list ul li .cont03 p.end_txt {display: inline-block; font-size:12px; font-weight: 400; color:#899898;} .enroll_list ul li .cont03 p.end_date {display: inline-block; font-size:12px; font-weight: 400; color:#899898;} .more_btn {width:100%; text-align: center;} .more_btn > a {width:70px; text-align: center; display: block; border:1px solid #dfdfdf; font-size:14px; text-align: center; border-radius:5px; box-sizing: border-box; line-height: 33px; margin:0 auto 80px;} /*제출결과확인 popup*/ /*common*/ #res_check1 .res_pop_con p.tit {width:75px; display: inline-block; vertical-align: middle; font-size:14px; font-weight: 500; color:#333;} #res_check1 .res_pop_con p.desc01 {font-size:17px; font-weight: 500; color:#333; display: inline-block; vertical-align: middle;} #res_check1 .res_pop_con p.desc02 {font-size:13px; font-weight: 500; color:#898989; display: inline-block; vertical-align: middle;} #res_check1 .res_pop_con p.desc03 {width:75px; display: inline-block; vertical-align: middle; font-size:13px; color:#898989; font-weight: 500;} #res_check1 .res_pop_con p.desc03 span {display: inline-block;vertical-align: middle; color:#2eaef8; font-weight: 500; font-size:23px; margin-top:-7px;} #res_check1 .res_pop_con .col_tit {margin-top:25px; margin-bottom:5px; font-size:14px; color:#333; font-weight: 500;} /* common-end */ #res_check1 {margin-top:0 !important; width:1140px; margin-bottom:100px !important;} #res_check1 .pop_tit_cov {margin-bottom:20px !important;} #res_check1 .res_pop_con {padding:0px 20px; box-sizing: border-box;} #res_check1 .res_pop_con .information {width:100%;} #res_check1 .res_pop_con .information .top {width:100%; overflow: hidden; position: relative; margin-bottom:30px;} #res_check1 .res_pop_con .information .top > .left {float:left;} #res_check1 .res_pop_con .information .top > .left p.tit {width:75px;} #res_check1 .res_pop_con .information .top > .right {float:right;} #res_check1 .res_pop_con .question_box {width:100%; height:150px; overflow-y:scroll; padding:10px 20px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; font-size:14px; color:#666; font-weight: 400; line-height: 30px;} #res_check1 .res_pop_con .comment {width:100%; height:80px; overflow-y:scroll; padding:10px 20px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; font-size:14px; color:#666; font-weight: 400; line-height: 30px;} /*제출결과확인 popup*/ /*common*/ #res_check2 .res_pop_con p.tit {width:75px; display: inline-block; vertical-align: middle; font-size:14px; font-weight: 500; color:#333;} #res_check2 .res_pop_con p.desc01 {font-size:17px; font-weight: 500; color:#333; display: inline-block; vertical-align: middle;} #res_check2 .res_pop_con p.desc02 {font-size:13px; font-weight: 500; color:#898989; display: inline-block; vertical-align: middle;} #res_check2 .res_pop_con p.desc03 {width:75px; display: inline-block; vertical-align: middle; font-size:13px; color:#898989; font-weight: 500;} #res_check2 .res_pop_con p.desc03 span {display: inline-block;vertical-align: middle; color:#2eaef8; font-weight: 500; font-size:23px; margin-top:-7px;} #res_check2 .res_pop_con .col_tit {margin-top:25px; margin-bottom:5px; font-size:14px; color:#333; font-weight: 500;} /* common-end */ #res_check2 {margin-top:0px !important; width:1140px; margin-bottom:100px !important;} #res_check2 .pop_tit_cov {margin-bottom:20px !important;} #res_check2 .res_pop_con {padding:0px 20px; box-sizing: border-box;} #res_check2 .res_pop_con .information {width:100%;} #res_check2 .res_pop_con .information .top {width:100%; overflow: hidden; position: relative; margin-bottom:30px;} #res_check2 .res_pop_con .information .top > .left {float:left;} #res_check2 .res_pop_con .information .top > .left p.tit {width:75px;} #res_check2 .res_pop_con .information .top > .right {float:right;} #res_check2 .res_pop_con .question_box {width:100%; height:150px; overflow-y:scroll; padding:10px 20px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; font-size:14px; color:#666; font-weight: 400; line-height: 30px;} #res_check2 .res_pop_con .comment {width:100%; height:80px; overflow-y:scroll; padding:10px 20px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; font-size:14px; color:#666; font-weight: 400; line-height: 30px;} /*회원정보수정 > 회원탈퇴*/ .member_out_cov {width:100%; overflow: hidden; margin-top:30px;} .member_out_cov > div {float:left;} .member_out_cov > .left {width:244px; margin-right:106px;} .member_out_cov > .right {width:calc(100% - 350px);} .member_out_cov > .right .txt01 {font-size:17px; color:#252525; font-weight: 500; } .member_out_cov > .right .txt02 {font-size:14px; color:#666; font-weight: 500; line-height: 30px; margin:25px 0 30px;} .member_out_cov > .right .txt02 > span {color:#ea302e; font-weight: 400; } .member_out_cov > .right .txt03 {font-size:17px; color:#252525; font-weight: 500; margin-bottom:10px;} .member_out_cov > .right .txt04 {font-size:14px; color:#666; font-weight: 500;} .member_out_cov > .right .txt05 {font-size:14px; color:#252525; font-weight: 500; margin-top:30px; margin-bottom:10px;} .member_out_cov > .right > .password {width:100%; position:relative;} .member_out_cov > .right > .password i {position: absolute; top:9px; left:10px; z-index:2;} .member_out_cov > .right > .password input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:300px; border-radius: 5px; border:1px solid #dfdfdf; color:#666; font-size:15px; font-weight: 500; padding-left:35px; position:relative; z-index: 1; background: #fff; height:35px; box-sizing: border-box;} .member_out_cov > .right > a.go_quit {display: block; margin-top:30px; width:120px; line-height: 35px; background: #2eaef8; border-radius: 5px; box-sizing: border-box; color:#fff; font-size:15px; text-align: center; font-weight: 500; transition: all 0.5s;} .member_out_cov > .right > a.go_quit:hover {background: #299cdf; transition: all 0.5s;} .member_out_cov > .right > a.sns_btn {width:360px; border-radius: 5px; line-height: 35px; color:#fff; text-align: center;} .member_out_cov .right a.sns_btn { position: relative; display: block; width:360px; height: 40px; background: #eee; line-height: 40px; border-radius: 5px; } .member_out_cov .right a.sns_btn p {line-height: 35px; color:#fff; font-size:15px; font-weight: 500; text-align: center;} .member_out_cov .right a.sns_btn i { position: absolute; top:3px; left:8px; font-size: 22px; color: #fff; font-style: normal; text-align: left !important} .member_out_cov .right a.sns_btn i.icon-naver { position: absolute; top:-2px; left:8px; font-size: 26px !important; font-weight: 700; } .member_out_cov .right a.sns_btn i.github.icon { position: absolute; top:0px; left:8px; font-size: 26px !important; font-weight: 700; } .member_out_cov .right a.sns_btn { color: #fff; font-weight: 500; } .member_out_cov .right a.sns_btn.google-btn { background: #eb4f3f; } .member_out_cov .sns_quit_btns {position:absolute; right:-335px; bottom:70px;} .member_out_cov .sns_quit_btns a.sns_btn {width:360px; border-radius: 5px; line-height: 35px; color:#fff; display: block; font-size:15px; line-height: 35px; position:relative; } .member_out_cov .sns_quit_btns a:not(.git-btn){margin-top:15px;} .member_out_cov .sns_quit_btns a.sns_btn p {line-height: 35px; color:#fff; font-size:15px; font-weight: 500; text-align: center; position:relative; z-index:1;} .member_out_cov .sns_quit_btns a.sns_btn i { position: absolute; top:3px; left:8px; font-size: 22px; color: #fff; font-style: normal; z-index:2;} .member_out_cov .sns_quit_btns a.git-btn i {top:0;} .member_out_cov .sns_quit_btns a.naver-btn i {top:0; left:11px;} .member_out_cov .sns_quit_btns a.sns_btn.facebook-btn { background: #3b5a93; } .member_out_cov .sns_quit_btns a.sns_btn.naver-btn { background: #01c63f; } .member_out_cov .sns_quit_btns a.sns_btn.git-btn { background: #474747; } .member_out_cov .right.teacher p.txt02 > span {display: block; margin-bottom:20px;} /*나의알림설정*/ .right_content04 .alarm_list p.sub_tit {font-size:17px; color:#333; font-weight: 500; margin-bottom:10px;} .right_content04 > p.tit {font-size:23px; font-weight: 500; margin-right:10px; margin-bottom:30px;} .right_content04 .paging {width:100%; margin:50px auto;} .right_content04 .paging ul {width:100%; font-size:0; text-align: center; border-radius: 5px; box-sizing: border-box;} .right_content04 .paging ul li {display: inline-block; vertical-align: top; width:35px; height:35px; border:1px solid #dfdfdf; box-sizing: border-box; border-right:none;} .right_content04 .paging ul li:first-of-type {border-radius: 5px 0 0 5px;} .right_content04 .paging ul li:last-of-type {border-radius: 0 5px 5px 0; border-right:1px solid #dfdfdf;} .right_content04 .paging ul li a {display: block; font-size:12px; color:#898989; font-weight:400; line-height: 35px;} .right_content04 .paging ul li.page_active {background: #f2f2f2;} .right_content04 .paging ul li.page_active a {color:#252525; font-weight: 500;} .right_content04 .alarm_list {width:100%; margin:30px 0;} .right_content04 .alarm_list table {width:100%;} .right_content04 .alarm_list table thead {border-bottom:1px solid #dfdfdf;} .right_content04 .alarm_list table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .right_content04 .alarm_list table thead th:nth-of-type(2) {text-align: center;} .right_content04 .alarm_list table thead th span {display: inline-block; vertical-align: top;} .right_content04 .alarm_list table thead th span i {display: block; color:#898989; height:1px;} .right_content04 .alarm_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content04 .alarm_list table tbody tr td:first-of-type {text-align: left; font-size:14px; color:#666666; font-weight: 400; text-align: center;} /*.right_content04 .alarm_list table tbody tr td:nth-of-type(2) {font-size:14px; color:#666666; font-weight: 400; text-align: left;}*/ .right_content04 .alarm_list table tbody tr td:nth-of-type(2) p {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; width:420px;} .right_content04 .alarm_list table tbody tr td:nth-of-type(3) {text-align: center; font-size:13px; font-weight: 400; color:#666;} .right_content04 .alarm_list table tbody tr td:nth-of-type(4) {text-align: center; font-size:13px; font-weight: 400; color:#666;} .right_content04 .alarm_list table tbody tr td:nth-of-type(4) > span {color:#666;} .right_content04 .alarm_list table tbody tr td:last-of-type {text-align: center; font-size:13px; color:#898989; font-weight: 400;} .right_content04 .alarm_list table tbody tr td:last-of-type > a {display: block; width:70px; margin:0 auto; line-height: 30px; font-size:12px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; transition:all 0.4s;} .right_content04 .alarm_list table tbody tr td:last-of-type > a:hover {border:1px solid #b4b4b4; color:#252525; transition:all 0.4s; background: #fff;} .right_content04 .alarm_list table tbody tr td:last-of-type > span {color:#333;} .right_content04 .alarm_list table tbody tr.readed td {color:#b2b2b2; opacity: 0.7} .right_content04 .alarm_list table tbody tr:hover td{background: #f9f8fb; color:#333 !important;} .right_content04 .option_btn_area {width:100%; text-align: left; font-size:0;} .right_content04 .option_btn_area > a {display: inline-block; vertical-align: middle; width:100px; line-height: 35px; text-align: center; font-size:14px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box;} .right_content04 .option_btn_area > a:hover {color:#333; border:1px solid #b4b4b4;} .right_content04 .option_btn_area > a:first-of-type {margin-right:10px;} .right_content04 .option_btn_area > a > p {display: inline-block; vertical-align: middle;} .right_content04 .alarm_setting {width:100%; margin-bottom:80px;} .right_content04 .alarm_setting p.sub_tit {font-size:17px; color:#333; font-weight: 500; margin-bottom:10px;} .right_content04 .alarm_setting table {width:100%;} .right_content04 .alarm_setting table tr {background: #fff; border-bottom:1px solid #dfdfdf; box-sizing: border-box;} .right_content04 .alarm_setting table tr:first-of-type {border-top:1px solid #dfdfdf;} .right_content04 .alarm_setting table tr th {font-size:14px; font-weight: 500; text-align: left; padding-left:20px; box-sizing: border-box; background: #f9fafb} .right_content04 .alarm_setting table tr th.spec_color {background: #f9fafb; /*#dff0fa;*/} .right_content04 .alarm_setting table tr td {padding-left:20px; box-sizing: border-box;} .right_content04 .alarm_setting table tr td b {font-weight:400;} /*자유게시판*/ .right_content05 > p.tit {font-size:23px; font-weight: 500; margin-right:10px;} .right_content05 > p.sub_tit {font-size:14px; color:#898989; font-weight: 400; margin-bottom:30px;} .right_content05 .test_list table {width:100%;} .right_content05 .test_list table thead {border-bottom:1px solid #dfdfdf;} .right_content05 .test_list table thead th {background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px; text-align: center;} .right_content05 .test_list table thead th:first-of-type {padding-left:20px; box-sizing: border-box;} .right_content05 .test_list table thead th span {display: inline-block; vertical-align: top;} .right_content05 .test_list table thead th span i {display: block; color:#898989; height:1px;} .right_content05 .test_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content05 .test_list table tbody tr td:first-of-type {text-align: left; font-size:14px; color:#666666; font-weight: 400; padding-left:20px; box-sizing: border-box; text-align: center;} /*.right_content05 .test_list table tbody tr td:nth-of-type(2) {font-size:14px; color:#666666; font-weight: 400; padding-left:40px; box-sizing: border-box;}*/ .right_content05 .test_list table tbody tr td:nth-of-type(2) p {font-size:14px; font-weight: 400; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; width:420px;} .right_content05 .test_list table tbody tr td:nth-of-type(2) > a {display: block; width:100%; height:100%;} .right_content05 .test_list table tbody tr td:nth-of-type(3) {text-align: center; font-size:13px; font-weight: 400; color:#898989;} .right_content05 .test_list table tbody tr td:nth-of-type(4) {text-align: center; font-size:13px; font-weight: 400; color:#898989;} .right_content05 .test_list table tbody tr td:nth-of-type(4) > span {color:#333;} .right_content05 .test_list table tbody tr td:last-of-type {text-align: center; font-size:13px; color:#898989; font-weight: 400;} .right_content05 .test_list table tbody tr td:last-of-type > a {display: block; width:70px; margin:0 auto; line-height: 30px; font-size:12px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; transition:all 0.4s;} .right_content05 .test_list table tbody tr td:last-of-type > a:hover {border:1px solid #b4b4b4; color:#252525; transition:all 0.4s; background: #fff;} .right_content05 .test_list table tbody tr td:last-of-type > span {color:#333;} .right_content05 .test_list table tbody tr:hover td {background: #f9f8fb; color:#333 !important;} .right_content05 .test_list table tbody tr td > img {display: inline-block; vertical-align: middle;} .right_content05 .test_list table tbody tr td > span {display: inline-block; vertical-align: middle; font-size:13px; } .right_content05 .paging {width:100%; margin:50px auto;} .right_content05 .paging ul {width:100%; font-size:0; text-align: center; border-radius: 5px; box-sizing: border-box;} .right_content05 .paging ul li {display: inline-block; vertical-align: top; width:35px; height:35px; border:1px solid #dfdfdf; box-sizing: border-box; border-right:none;} .right_content05 .paging ul li:first-of-type {border-radius: 5px 0 0 5px;} .right_content05 .paging ul li:last-of-type {border-radius: 0 5px 5px 0; border-right:1px solid #dfdfdf;} .right_content05 .paging ul li a {display: block; font-size:12px; color:#898989; font-weight:400; line-height: 35px;} .right_content05 .paging ul li.page_active {background: #f2f2f2;} .right_content05 .paging ul li.page_active a {color:#252525; font-weight: 500;} .right_content05 .tab_box {width:100%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative; height:40px; margin-bottom:30px; z-index:2;} .right_content05 .tab_box ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0;} .right_content05 .tab_box ul li {display: inline-block; vertical-align: top; border:1px solid #dfdfdf; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; margin-right:1px; padding:0 10px;} .right_content05 .tab_box ul li a {display: block; width:100%; line-height: 40px; font-size:15px; font-weight: 400; text-align: center; color:#898989;} .right_content05 .tab_box ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} .right_content05 .tab_box ul li.tab_active a {color:#333;} /*나의 질문 과 답변 /myroom/myqna.html */ .right_content06 > p.tit {font-size:23px; font-weight: 500; color:#333; margin-bottom:5px;} .right_content06 > p.sub_tit {font-size:14px; font-weight: 400;color:#898989;} .right_content06 .paging {width:100%; margin:50px auto;} .right_content06 .paging ul {width:100%; font-size:0; text-align: center; border-radius: 5px; box-sizing: border-box;} .right_content06 .paging ul li {display: inline-block; vertical-align: top; width:35px; height:35px; border:1px solid #dfdfdf; box-sizing: border-box; border-right:none;} .right_content06 .paging ul li:first-of-type {border-radius: 5px 0 0 5px;} .right_content06 .paging ul li:last-of-type {border-radius: 0 5px 5px 0; border-right:1px solid #dfdfdf;} .right_content06 .paging ul li a {display: block; font-size:12px; color:#898989; font-weight:400; line-height: 35px;} .right_content06 .paging ul li.page_active {background: #f2f2f2;} .right_content06 .paging ul li.page_active a {color:#252525; font-weight: 500;} .right_content06 .test_list {width:100%; margin:30px 0;} .right_content06 .test_list table {width:100%;} .right_content06 .test_list table thead {border-bottom:1px solid #dfdfdf;} .right_content06 .test_list table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .right_content06 .test_list table thead th span {display: inline-block; vertical-align: top;} .right_content06 .test_list table thead th span i {display: block; color:#898989; height:1px;} .right_content06 .test_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content06 .test_list table tbody tr:hover{background: #f9f8fb;} .right_content06 .test_list table tbody tr td:first-of-type {text-align: left; font-size:14px; color:#898989; font-weight: 400; box-sizing: border-box; padding-left:10px;} /*.right_content06 .test_list table tbody tr td:nth-of-type(2) {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; width:300px;}*/ .right_content06 .test_list table tbody tr td:nth-of-type(2) p {font-size:14px; font-weight: 400; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; width:420px; cursor: pointer;} .right_content06 .test_list table tbody tr td:nth-of-type(2) p :hover{color:#333 !important;} .right_content06 .test_list table tbody tr td:nth-of-type(3) {text-align: center; font-size:13px; font-weight: 400; color:#898989;} .right_content06 .test_list table tbody tr td:last-of-type {text-align: center; font-size:14px; color:#898989; font-weight: 400;} .right_content06 .test_list table tbody tr td.answer_status {font-weight: 400; color:#252525;} .right_content06 .test_list table tbody tr td.answer_status.not {color:#ff7230 !important;} .right_content06 .qna_tab {width:100%; border-bottom:1px solid #e9e9e9; box-sizing: border-box; position:relative; height:40px; margin-bottom:30px; z-index:2; margin-top:30px;} .right_content06 .qna_tab ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0;} .right_content06 .qna_tab ul li {display: inline-block; vertical-align: top; width:80px; border:1px solid #e9e9e9; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; margin-right:1px;} .right_content06 .qna_tab ul li a {display: block; width:100%; line-height: 40px; font-size:15px; font-weight: 500; text-align: center; color:#898989;} .right_content06 .qna_tab ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} .right_content06 .qna_tab ul li.tab_active a {color:#333;} /*고객센터 1:1 상담 */ .right_content07 > p.tit {font-size:23px; font-weight: 500; color:#333; margin-bottom:5px;} .right_content07 > p.sub_tit {font-size:14px; font-weight: 500;color:#898989;} .right_content07 .paging {width:100%; margin:50px auto;} .right_content07 .paging ul {width:100%; font-size:0; text-align: center; border-radius: 5px; box-sizing: border-box;} .right_content07 .paging ul li {display: inline-block; vertical-align: top; width:35px; height:35px; border:1px solid #dfdfdf; box-sizing: border-box; border-right:none;} .right_content07 .paging ul li:first-of-type {border-radius: 5px 0 0 5px;} .right_content07 .paging ul li:last-of-type {border-radius: 0 5px 5px 0; border-right:1px solid #dfdfdf;} .right_content07 .paging ul li a {display: block; font-size:12px; color:#898989; font-weight:400; line-height: 35px;} .right_content07 .paging ul li.page_active {background: #f2f2f2;} .right_content07 .paging ul li.page_active a {color:#252525; font-weight: 500;} .right_content07 .test_list {width:100%; margin:30px 0;} .right_content07 .test_list table {width:100%;} .right_content07 .test_list table thead {border-bottom:1px solid #dfdfdf;} .right_content07 .test_list table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .right_content07 .test_list table thead th span {display: inline-block; vertical-align: top;} .right_content07 .test_list table thead th span i {display: block; color:#898989; height:1px;} .right_content07 .test_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content07 .test_list table tbody tr:hover{background: #f9f8fb; color:#333 !important;} .right_content07 .test_list table tbody tr td:first-of-type {text-align: left; font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; text-align: center; } .right_content07 .test_list table tbody tr td:nth-of-type(2) {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; padding-left:10px;} .right_content07 .test_list table tbody tr td p.white_space_txt {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; width:420px;} /*.right_content07 .test_list table tbody tr td:nth-of-type(3) {text-align: center; font-size:13px; font-weight: 500; color:#898989;}*/ .right_content07 .test_list table tbody tr td:nth-of-type(3) p {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; width:420px; cursor: pointer;} .right_content07 .test_list table tbody tr td:nth-of-type(4) {text-align: center; font-size:13px; font-weight: 500; color:#898989;} .right_content07 .test_list table tbody tr td:last-of-type {text-align: center; font-size:14px; color:#898989; font-weight: 400;} .right_content07 .test_list table tbody tr td.answer_status {font-weight: 400; color:#252525;} .right_content07 .test_list table tbody tr td.answer_status.not {color:#ff7230;} .right_content07 .statistics {width:100%; padding:5px 20px; box-sizing: border-box; background: #f9fafb; border-radius: 5px; overflow: hidden; margin-top:30px;} .right_content07 .statistics .left {float:left; width:50%; font-size:0;} .right_content07 .statistics .right {float:right; width:50%; font-size:0; text-align: right;} .right_content07 .statistics .left img {display: inline-block; vertical-align: middle; margin-right: 10px;} .right_content07 .statistics .left p {display: inline-block; vertical-align: middle; font-size:17px; color:#252525; font-weight: 400;} .right_content07 .statistics .left p span {color:#2eaef8;} .right_content07 .statistics .right p {display: inline-block; vertical-align: middle; font-size:14px; color:#898989; font-weight: 400; line-height: 28px;} .right_content07 .statistics .right > span {width:1px; height:10px; background: #dfdfdf; display: inline-block; vertical-align: middle; margin:0 15px;} .right_content07 .statistics .right p span {display: inline-block; vertical-align: middle; margin-left:5px; color:#252525; line-height: 28px; margin-right:3px; margin-top:-2px;} .right_content07 .write_btn {width:100%; overflow: hidden;} .right_content07 .write_btn a {display: block; width:100px ; line-height: 35px; border-radius: 5px; box-sizing: border-box; border:1px solid #dfdfdf; background: #fff; font-size:14px; text-align: center; font-weight: 400; color:#666; transition: all 0.5s; float:right;} .right_content07 .write_btn a:hover {border:1px solid #b4b4b4; color:#252525; transition: all 0.5s;} /*회원정보수정 /myroom/insert_info.html */ .right_content08 > p.tit {font-size:23px; font-weight: 500; color:#333; margin-bottom:30px;} .right_content08 .info_box {width:100%; margin-bottom:50px;} .right_content08 .info_box > div { overflow: hidden;} .right_content08 .info_box > div p.info_tit {float:left; font-size:17px; font-weight: 500; color:#333; line-height: 35px;} .right_content08 .info_box > div a {float:right; padding:7px 12px; box-sizing: border-box; display: block; border:1px solid #dfdfdf; border-radius: 5px; color:#666; text-align: center; transition: all .4s;} .right_content08 .info_box > div a:hover {border:1px solid #b4b4b4; color:#333; transition: all .4s;} .right_content08 .info_box > table {width:100%; text-align: left; margin-top:30px;} .right_content08 .info_box > table tr {border-bottom:1px solid #dfdfdf;} .right_content08 .info_box > table tr:first-of-type {border-top:1px solid #dfdfdf;} .right_content08 .info_box > table tr:first-of-type td:last-of-type {background: #f9fafb; text-align: center;} .right_content08 .info_box > table tr th {background: #f9fafb; color:#333; font-size:14px; font-weight: 500; padding-left:20px; box-sizing: border-box; vertical-align: top; padding-top:20px;} .right_content08 .info_box > table tr:first-of-type th {padding:10px 0 0 20px !important;} .right_content08 .info_box > table tr td:nth-of-type(1) {font-size:14px; font-weight: 400; color:#666; padding-left:20px; box-sizing: border-box; text-align: left;} .right_content08 .info_box > table tr td:nth-of-type(1) > p.exp {font-size:13px; color:#898989;} .right_content08 .info_box > table tr td:nth-of-type(2) a {display: inline-block; padding:7px 12px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; color:#666; text-align: center; transition: all .4s} .right_content08 .info_box > table tr td:nth-of-type(2) a:hover {border:1px solid #b4b4b4; color:#333; transition: all .4s; } .right_content08 .info_box > table tr.set_pw td .setting_box {width:100%;} .right_content08 .info_box > table tr.set_pw td .setting_box p.name {display: inline-block; vertical-align: top; width:120px; line-height: 35px;} .right_content08 .info_box > table tr.set_pw td .setting_box span.space {display: block; height:5px;} .right_content08 .info_box > table tr.set_pw td .setting_box div.input-wrap {display: inline-block; vertical-align: top;} .right_content08 .info_box > table tr.set_pw td .setting_box div.input-wrap input {width:250px !important;} .right_content08 .info_box > table tr.set_pw td .setting_box p.t-gray {line-height: 30px; padding-left:125px; box-sizing: border-box; display: inline-block; vertical-align: middle; font-size:13px; color:#898989;} .right_content08 .info_box > table tr.set_pw td .setting_box p.t-red {line-height: 35px; padding-left:10px; box-sizing: border-box; display: inline-block; vertical-align: middle;} .right_content08 .info_box > table tr.set_pw td > a.com_btn {padding:7px 12px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; color:#666; text-align: center; transition: all .4s; float:right; margin-right:60px; margin-top:20px;} .right_content08 .info_box > table tr.set_pw td > a.com_btn:hover {border:1px solid #b4b4b4; color:#333; transition: all .4s; } .right_content08 .info_box > table tr:first-of-type td:last-of-type div.profile_thumb {width:150px; height:150px; border-radius: 50%; border:1px solid #dfdfdf; overflow:hidden; margin:0 auto; background: #fff;} .right_content08 .info_box > table tr:first-of-type td:last-of-type div.icon_btns {width:100%; margin:10px 0; } .right_content08 .info_box > table tr:first-of-type td:last-of-type div.icon_btns ul {width:100%; text-align: center;} .right_content08 .info_box > table tr:first-of-type td:last-of-type div.icon_btns ul li {display: inline-block; vertical-align: middle; border-radius: 50%; background: #e7e7e7; width:30px; height:30px; transition:all 0.4s;} .right_content08 .info_box > table tr:first-of-type td:last-of-type div.icon_btns ul li a {display: block; width:100%; line-height: 30px; color:#666; transition:all 0.4s;} .right_content08 .info_box > table tr:first-of-type td:last-of-type div.icon_btns ul li:hover {background:#cfcfcf !important;} .right_content08 .info_box > table tr:first-of-type td:last-of-type div.icon_btns ul li:hover a {color:#333;} .right_content08 .info_box > table tr:first-of-type td:last-of-type p.explain {width:100%; text-align: center; font-size:12px; font-weight: 400; color:#898989;} .right_content08 .info_box > table tr:first-of-type td:last-of-type p.explain span {font-size:10px;} .right_content08 .interest_set {width:100%; margin-bottom:50px;} .right_content08 .interest_set > div { overflow: hidden;} .right_content08 .interest_set > div p.info_tit {float:left; font-size:17px; font-weight: 500; color:#333; line-height: 35px;} .right_content08 .interest_set > div a {float:right; padding:7px 12px; box-sizing: border-box; display: block; border:1px solid #dfdfdf; border-radius: 5px; color:#666; text-align: center; transition: all .4s;} .right_content08 .interest_set > div a:hover {border:1px solid #b4b4b4; color:#333; transition: all .4s;} .right_content08 .interest_set > table {width:100%; text-align: left; margin-top:30px;} .right_content08 .interest_set > table tr {border-bottom:1px solid #dfdfdf;} .right_content08 .interest_set > table tr:first-of-type {border-top:1px solid #dfdfdf;} .right_content08 .interest_set > table tr th {background: #f9fafb; color:#333; font-size:14px; font-weight: 500; padding-left:20px; box-sizing: border-box; vertical-align: middle; } .right_content08 .interest_set > table tr td {font-size:14px; font-weight: 400; color:#666; padding-left:20px; box-sizing:border-box; text-align: left;} .right_content08 .interest_set > table tr td .interest_list {width:100%;} .right_content08 .interest_set > table tr td .interest_list ul {width:100%; overflow:hidden; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; box-sizing: border-box;} .right_content08 .interest_set > table tr td .interest_list ul li {float:left; padding:4px 23px 4px 12px; box-sizing: border-box; border-radius: 5px; border:1px solid #dfdfdf; margin-right:10px; position:relative; } .right_content08 .interest_set > table tr td .interest_list ul li a {position:absolute; z-index:2; display: inline-block; vertical-align: middle; transition: all 0.4s; top:2px; right:5px; cursor: pointer;} .right_content08 .interest_set > table tr td .interest_list ul li:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} /*right_content08 interest modal css - from main.css */ #interestModal{margin-top: 0px !important;} #interestModal .content.padding-top-0 { padding-top: 0 !important; } #interestModal .content h3.underline { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f2f2f2; } #interestModal .content h3 .chkNum { padding: 0 10px; } #interestModal .content h3 .txt { font-size: 14px; color: #666; } #interestModal .content h3 .right { float: right; } #interestModal .content .chkListBox { margin: 10px 0; padding: 20px; background: #f9fafb; border-top-right-radius: 3px; float:none; max-width:100%;} #interestModal .content .chkListBox .chkBoxList > li { display: inline-block; margin: 0 5px 5px 0; padding: 3px 22px 3px 6px; font-size: 13px; background: #fff; border: 1px solid #e2e2e2; border-radius: 3px; } #interestModal .content .chkListBox .chkBoxList .chkLabel { position: relative; } #interestModal .content .chkListBox .chkBoxList .chkLabel .remove-button { cursor: pointer; } #interestModal .content .chkListBox .chkBoxList .chkLabel a i.icon { position: absolute; top:5px; right:3px; font-size: 10px !important; color: #999; cursor: pointer; } #interestModal .content .chkListBox .chkBoxList .chkLabel i.icon:hover { color: #252525; } #interestModal .content .group { display: inline-block; margin-left: 20px; width: 210px; } #interestModal .content .group.first { margin-left: 0; } #interestModal .content .group h4 { margin-bottom: 15px; padding: 5px 10px; background: #e7f4fb; } #interestModal .content .group .scrollBox { height:130px; overflow-y: auto; } #interestModal .content .group .scrollBox li { padding: 6px 0; } #interestModal .actions .left { float:left; line-height: 35px; color:#999; } .right_content08 .agreement {width:100%; margin-bottom:50px;} .right_content08 .agreement > div { overflow: hidden;} .right_content08 .agreement > div p.agree_tit {float:left; font-size:17px; font-weight: 500; color:#333; line-height: 35px;} .right_content08 .agreement > table {width:100%; text-align: left; margin-top:30px;} .right_content08 .agreement > table tr {border-bottom:1px solid #dfdfdf;} .right_content08 .agreement > table tr:first-of-type {border-top:1px solid #dfdfdf;} .right_content08 .agreement > table tr th {background: #f9fafb; color:#333; font-size:14px; font-weight: 500; padding-left:20px; box-sizing: border-box; vertical-align: middle; } .right_content08 .agreement > table tr td {font-size:14px; font-weight: 400; color:#666; padding-left:20px; box-sizing: border-box; text-align: left;} .right_content08 .proceed_btn {width:100%; margin-bottom:70px;} .right_content08 .proceed_btn ul {text-align: center; width:100%;} .right_content08 .proceed_btn ul li {display: inline-block; vertical-align: middle; margin-right:10px; padding:0px 15px; box-sizing: border-box; border-radius: 5px;} .right_content08 .proceed_btn ul li.cancel {background: #dfdfdf; transition: all 0.4s;} .right_content08 .proceed_btn ul li.cancel a {display: block; width:100%; line-height: 35px; color:#333; font-weight: 400; font-size:14px;} .right_content08 .proceed_btn ul li.cancel:hover {background: #cfcfcf; transition: all 0.4s;} .right_content08 .proceed_btn ul li.confirm {background: #2eaef8; transition: all 0.4s;} .right_content08 .proceed_btn ul li.confirm a {display: block; width:100%; line-height: 35px; color:#fff; font-weight: 400; font-size:14px;} .right_content08 .proceed_btn ul li.confirm:hover {background: #299cdf; transition: all 0.4s;} #nicname_set {margin-top: 0px !important;} #nicname_set .pop_rel {position:relative; width:100%;} #nicname_set .pop_rel p.tit {font-size:17px; font-weight: 500; line-height: 60px; border-bottom:1px solid #dfdfdf; box-sizing: border-box; padding-left:20px; margin-bottom:30px; } #nicname_set .pop_rel .inner {text-align: center; margin-bottom:30px;} #nicname_set .pop_rel .inner p.small_intit {font-size:14px; color:#666; font-weight: 400; margin-bottom:10px; text-align: left; padding-left:20px; box-sizing: border-box;} #nicname_set .pop_rel .inner p.desc {font-size:13px; color:#898989; font-weight: 400; margin-top:15px; text-align: center;} #nicname_set .pop_rel .inner .input {position:relative; width:320px; margin:0 auto;} #nicname_set .pop_rel .inner input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; background: #fff; border-radius: 5px; box-sizing: border-box; padding-left:30px; position:relative; z-index:1; height:30px; font-size:14px; font-weight: 400; color:#666; padding-right:80px;} #nicname_set .pop_rel .inner .input a {position:absolute; z-index :2; width:80px; background: #e7e7e7; color:#666; font-weight: 400; font-size:14px; display: block; line-height: 30px; right:0; top:0; border-radius: 0 4px 4px 0; transition:all 0.4s;} #nicname_set .pop_rel .inner .input a:hover {background:#b2b2b2; color:#333;} #nicname_set .pop_rel .inner .input i {position:absolute; top:7px; left:10px; z-index:2;} #nicname_set .pop_rel .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #nicname_set .pop_rel .option_area a {display: inline-block; vertical-align: middle;} #nicname_set .pop_rel .option_area a:first-of-type {width:50px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #nicname_set .pop_rel .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #nicname_set .pop_rel .option_area a:last-of-type {width:125px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #nicname_set .pop_rel .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #nicname_set .pop_rel .option_area a:last-of-type span {vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #nicname_set .pop_rel .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} @media screen and (min-width: 1px) { #nicname_set {width: 360px;margin-left:-200px;} } .right_content09 > p.tit {font-size:23px; font-weight: 500; color:#333; margin-bottom:5px;} .right_content09 > p.sub_tit {font-size:14px; font-weight: 400;color:#898989; margin-bottom:30px;} .right_content09 .tab_box {width:100%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative; height:40px; margin-bottom:30px; z-index:2; } .right_content09 .tab_box ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0;} .right_content09 .tab_box ul li {display: inline-block; vertical-align: top; width:80px; border:1px solid #dfdfdf; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; margin-right:1px;} .right_content09 .tab_box ul li a {display: block; width:100%; line-height: 40px; font-size:14px; font-weight: 500; text-align: center; color:#898989;} .right_content09 .tab_box ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} .right_content09 .tab_box ul li.tab_active a {color:#333;} .right_content09 .read_page .btn_area {width:100%; overflow: hidden; margin-top:30px;} .right_content09 .read_page .btn_area .left {float:left;} .right_content09 .read_page .btn_area .right {float:right;} .right_content09 .read_page .btn_area > div > a {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; font-size:14px; color:#666; font-weight: 400; text-align: center; line-height: 35px; padding:0 15px; box-sizing: border-box; border-radius: 5px; background: #fff; transition:all 0.4s;} .right_content09 .read_page .btn_area > div > a:hover {border:1px solid #b4b4b4; color:#333; } .right_content09 .read_page .btn_area > div > a span {display: inline-block; vertical-align: middle; margin-left:5px;} .right_content09 .read_page .btn_area > .left > a span {display: inline-block; vertical-align: middle; margin-right:5px;} .right_content09 .read_page .btn_area > .left > a img {display: inline-block; vertical-align: middle;} .btn_area.dpIb {width:100%; text-align:center; font-size:0; margin-bottom:80px;} .btn_area.dpIb button {display: inline-block; vertical-align: middle; padding:0 15px; box-sizing: border-box; height:35px; font-size:14px; color:#666; font-weight: 400; margin:0 5px; transition:all 0.4s; background:#e7e7e7; border:0 !important;} .btn_area.dpIb button:hover {background:#cfcfcf; border:0 !important;} .btn_area.dpIb button:first-of-type:hover { border:1px solid #b4b4b4; color:#333 !important;} .btn_area.dpIb button:last-of-type {background: #2eaef8; color:#fff !important; border:1px solid #2eaef8; border:none !important;} .btn_area.dpIb button:last-of-type:hover {background: #299cdf; border:1px solid #299cdf;} .right_content09 .read_page .content_box .top {width:100%; border-top:1px solid #dfdfdf; background: #f9fafb; overflow: hidden; margin-top:30px; border-bottom:1px solid #dfdfdf;} .right_content09 .read_page .content_box .top p.cat {float:left;} .right_content09 .read_page .content_box .top p.title {font-size:17px; color:#333; line-height: 40px; padding-left:20px; box-sizing: border-box; font-weight: 400; float:left;} .right_content09 .read_page .content_box .top p.title.hard_q img {display: inline-block; vertical-align: middle; margin-top:-3px;} .right_content09 .read_page .content_box .top span.order {display: block; float:right; margin-right:20px; line-height: 40px; font-size:13px; color:#898989;} .right_content09 .read_page .content_box .top span.status {font-size:14px; color:#333; font-weight:400;} .right_content09 .read_page .content_box .top span.status.not {color:#ff7230;} .right_content09 .read_page .content_box .mid {width:100%; overflow: hidden; border-bottom:1px solid rgba(223,223,223,0.5); padding:3px 0; box-sizing: border-box;} .right_content09 .read_page .content_box .mid > .left {float:left; padding-left:20px; box-sizing: border-box; margin-top:3px;} .right_content09 .read_page .content_box .mid > .left .th_img {width:25px; height:25px; border:1px solid #dfdfdf; border-radius: 50%; overflow: hidden; background: #fff;} .right_content09 .read_page .content_box .mid > .left .th_img img {width:100%;} .right_content09 .read_page .content_box .mid > .left .user_id {font-size:14px; color:#333; font-weight: 400; margin-right:5px; letter-spacing:-0.05em;} .right_content09 .read_page .content_box .mid > .right {float:right;} .right_content09 .read_page .content_box .mid span {display: inline-block; vertical-align: middle; } .right_content09 .read_page .content_box .mid p {display: inline-block; vertical-align: middle; line-height:30px; margin-right:50px; color:#898989;} .right_content09 .read_page .content_box .mid p span.num.view {font-size:13px;} .right_content09 .read_page .content_box .mid .date {margin-left:70px; font-size:12px; color:#898989; margin-top: 5px;} .right_content09 .read_page .content_box .mid p i {vertical-align: middle; margin-top:-10px !important; margin-right:5px !important;} .right_content09 .read_page .content_box .mid .date i {vertical-align: middle; margin-bottom:5px !important;} .right_content09 .read_page .content_box .mid .lv_cov {position:relative; margin:0 15px; display: inline-block; vertical-align: middle; padding-top:7px; box-sizing:border-box;} .right_content09 .read_page .content_box .mid .lv_cov .lv_box {width:100%; position:relative; height:25px; } .right_content09 .read_page .content_box .mid .lv_cov .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .right_content09 .read_page .content_box .mid .lv_cov .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .right_content09 .read_page .content_box .mid .lv_cov .lv_box img.lv16 {margin-top:-4.8pt;} .right_content09 .read_page .content_box .bot {border-bottom:1px solid #dfdfdf; padding:50px 20px; box-sizing: border-box; position:relative; margin-bottom:30px;} .right_content09 .read_page .content_box .bot p.txt {color:#666; line-height:30px;} .right_content09 .read_page .content_box .bot p.txt p {color:#666; line-height:30px;} .right_content09 .read_page .content_box .bot.myqna_space {padding:20px 20px !important;} .right_content09 .read_page .content_box .bot.myqna_space p.question_tit {font-size:14px; color:#898989; font-weight: 400; margin-bottom:50px;} .right_content09 .read_page .content_box .bot.myqna_space p.question_tit strong {font-weight:400;} .right_content09 .read_page .content_box .bot.myqna_space p.txt {color:#666; line-height:30px;} .right_content09 .read_page .content_box .bot::-webkit-scrollbar { display: none; } .right_content09 .read_page .content_box .btn_box {width:100%; text-align: center; margin-top:50px;} .right_content09 .read_page .content_box .btn_box ul {width:100%; text-align: center;} .right_content09 .read_page .content_box .btn_box ul li {display: inline-block; vertical-align: middle; margin-right:50px;} .right_content09 .read_page .content_box .btn_box ul li:last-of-type {margin-right:0;} .right_content09 .read_page .content_box .btn_box ul li a {display: block; width:100%; line-height: 50px;} .right_content09 .read_page .content_box .btn_box ul li a i {display: block; text-align: center; margin:0 auto !important; font-size:2em !important;} .right_content09 .read_page .content_box .btn_box ul li a i.thumbs {color:#2eaef8 !important;} .right_content09 .read_page .content_box .btn_box ul li a span {color:#898989;} .right_content09 .read_page .content_box .btn_box ul li a span.val {color:#2eaef8;} .console_box {width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:300px; display: block; margin-bottom:30px;} .right_content09 .reply {margin-top:30px;} .editor_set {width:94% !important; height:240px; margin:0 !important;} .editor_set > #editor-container {height:150px !important; background: #fff;} .replyWrite .btn_box {width:100%; overflow: hidden;} .replyWrite .btn_box a {border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; color:#666; text-align: center; padding:0 15px; line-height: 35px; display: block; float:right; color:#898989; transition: all 0.4s;} .replyWrite .btn_box a:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .right_content09 .sort_area {overflow: hidden; border-bottom:1px solid rgba(223,223,223,0.5); padding:30px 0; box-sizing:border-box; position:relative;} .right_content09 .sort_area .sel_box {float:right; position:relative;} .right_content09 .sort_area select {width:150px; height:35px; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; padding-left:20px; position:relative; z-index: 1;} .right_content09 .sort_area i {position:absolute; right:10px; top:8px; z-index:2;} .right_content09 .comment_box {width:100%; overflow: hidden; margin-top:30px;} .right_content09 .comment_box ul li {border-bottom:1px solid rgba(223,223,223,0.5); overflow:hidden; width:100%; padding-bottom:30px; margin-bottom:30px;} .right_content09 .comment_box ul li .left {float:left; box-sizing: border-box; margin-right:10px;} .right_content09 .comment_box ul li .left .th_img {width:35px; height:35px; border:1px solid #dfdfdf; border-radius: 50%; overflow: hidden; background: #fff;} .right_content09 .comment_box ul li .left .th_img img {width:100%;} .right_content09 .comment_box .user_id {font-size:14px; color:#333; font-weight: 400; margin-right:5px; margin-right:15px; letter-spacing:-0.05em;} .right_content09 .comment_box ul li .right {float:left; vertical-align: top; width:calc(100% - 45px)} .right_content09 .comment_box span {display: inline-block; vertical-align: middle; } .right_content09 .comment_box p {display: inline-block; vertical-align: middle; margin-top:13px; margin-right:50px; color:#898989;} .right_content09 .comment_box .date {margin-left:10px; font-size:10px; color:#898989;} .right_content09 .comment_box p i {vertical-align: middle; margin-top:2px !important; margin-right:5px !important;} .right_content09 .comment_box .date i {vertical-align: middle; margin-top:-2px !important;} .right_content09 .comment_box .lv_cov {position:relative; display: inline-block; vertical-align: middle; padding-top:1px; box-sizing:border-box;} .right_content09 .comment_box .lv_cov .lv_box {width:100%; position:relative; height:20px; margin-right:5px; } .right_content09 .comment_box .lv_cov .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .right_content09 .comment_box .lv_cov .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .right_content09 .comment_box .lv_cov .lv_box img.lv16 {margin-top:-4.8pt;} .right_content09 .comment_box .right .text_area {width:100%; position: relative; overflow: hidden;} .right_content09 .comment_box .right .text_area > p {font-size:14px; color:#666; font-weight: 400; line-height: 25px; margin-top:5px;} .right_content09 .comment_box .right .text_area .code_area {width:100%; background: #eff7ff; padding:20px; box-sizing: border-box; margin-top:10px; border-radius: 5px;} .right_content09 .comment_box .right .text_area .code_area > p {font-size:14px; color:#666; font-weight: 400; margin:0;} .right_content09 .comment_box .right .text_area .com_btn {width:100%; margin-top:30px; overflow: hidden; position:relative;} .right_content09 .comment_box > ul > li.first_depth:first-of-type > .right > .text_area > .com_btn {margin-bottom:30px;} .right_content09 .comment_box > ul > li.first_depth:last-of-type {border-bottom:0 !important;} .right_content09 .comment_box .right .text_area .com_btn .left02 {float:left;} /*.right_content09 .comment_box .right .text_area .com_btn .open_editor {position:absolute; width:100%; height:296px;}*/ .right_content09 .comment_box .right .text_area .com_btn .left02 a {display: inline-block; vertical-align: top;} .right_content09 .comment_box .right .text_area .com_btn .left02 a.attach_comm {margin-right:10px; font-size:14px; color:#333; font-weight: 400; } .right_content09 .comment_box .right .text_area .com_btn .left02 a:not(.attach_comm) {color:#898989; font-size:12px; border-right:1px solid #dfdfdf; padding-right:10px; margin-right:5px; box-sizing: border-box;} .right_content09 .comment_box .right .text_area .com_btn .left02 a:last-of-type {border-right:0; padding:0; margin: 0;} .right_content09 .comment_box .right .text_area .com_btn .right02 {float:right;} .right_content09 .comment_box .right .text_area .com_btn .right02 a {display: inline-block; vertical-align: middle; margin-right:20px;} .right_content09 .comment_box .right .text_area .com_btn .right02 a:last-of-type {margin-right:0;} .right_content09 .comment_box .right .text_area .com_btn .right02 a {font-size:12px; color:#666; font-weight: 400;} .right_content09 .comment_box .right .text_area .com_btn .right02 .like i {color:#2eaef8;} .right_content09 .comment_box .right .text_area .com_btn .right02 .unlike i {color:#ff7230;} .right_content09 .comment_box .right .text_area .open_editor01 {margin-top:30px;} .right_content09 .comment_box > ul li .right .text_area .open_editor01 {margin-bottom:30px;} .right_contetn09 .second_dep_cov {display: block; margin-top:30px;} .right_content09 .second_depth {width:100%; overflow: hidden; border-bottom:none !important; border-top:1px solid rgba(223,223,223,0.5) !important; padding-bottom:0 !important; padding-top:30px !important; margin-bottom:0 !important; margin-top:30px !important; box-sizing: border-box;} .right_content09 .second_depth .second_box {width:100%; height:100%; float:none; display: block; overflow:hidden;} .right_content09 .second_depth .second_box .rep_reply {float:left; width:40px; display: block; text-align: center;} .right_content09 .second_depth .second_box .rep_reply span {display: block; width:15px; height:15px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; box-sizing: border-box; margin:5px auto 0;} .right_content09 .second_depth .second_box .left {width:35px;} .right_content09 .second_depth .second_box .right {width:calc(100% - 85px);} .NoM {margin:0 !important;} .noB {border-top:none !important;} /*=======================================================================================*/ /*선생님 방 메인 /teacher/index.html */ .teacher_box {width:33.3333% !important; overflow:hidden;} .teacher_box > p {margin-bottom:20px; font-weight: 400;} .teacher_box > span {display: inline-block; vertical-align: top; margin-right:20px;} .teacher_box > ul {display: inline-block; vertical-align: top; margin-top:0 !important; width:180px;} .teacher_box:nth-of-type(2) {border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;} .teacher_box > ul li span.tit {font-size:14px; color:#666;} .teacher_box > ul li span.result {font-size:14px; color:#666;} .teacher_box > ul li span.result b {color:#333; font-weight: 400;} .right_content .test_list > p.tit {font-size:23px; font-weight: 500; margin-bottom:30px;} .right_content .test_list {width:100%; margin:30px 0;} .right_content .test_list table {width:100%;} .right_content .test_list table thead {border-bottom:1px solid #dfdfdf;} .right_content .test_list table thead th {text-align: center; background: #f9fafb; color:#333; font-weight: 500; font-size:14px; line-height: 48px;} .right_content .test_list table thead th:nth-of-type(2) {text-align: left; padding-left:30px; box-sizing: border-box;} .right_content .test_list table thead th span {display: inline-block; vertical-align: top;} .right_content .test_list table thead th span i {display: block; color:#898989; height:1px;} .right_content .test_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content .test_list table tbody tr:hover{background: #f9f8fb; color:#333 !important;} .right_content .test_list table tbody tr td:first-of-type {text-align: center; font-size:14px; color:#898989; font-weight: 400; box-sizing: border-box; text-align: center; } .right_content .test_list table tbody tr td:nth-of-type(2) {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; padding-left:30px;} /*.right_content .test_list table tbody tr td:nth-of-type(3) {text-align: center; font-size:13px; font-weight: 500; color:#898989;}*/ .right_content .test_list table tbody tr td:nth-of-type(3) p {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; width:420px; cursor: pointer;} .right_content .test_list table tbody tr td:nth-of-type(4) {text-align: center; font-size:13px; font-weight: 400; color:#666;} .right_content .test_list table tbody tr td.processing {color:#ff7230;} .right_content .test_list table tbody tr td:last-of-type {text-align: center; font-size:14px; color:#898989; font-weight: 400;} .right_content .test_list table tbody tr td:last-of-type a {display: inline-block; vertical-align: middle; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; text-align:center; line-height: 26px; font-size:14px; color:#898989; font-weight: 400; transition: all 0.4s;} .right_content .test_list table tbody tr td:last-of-type a:hover {color:#333; border:1px solid #b4b4b4; transition: all 0.4s;} .lesson_control > p.tit {font-size:23px; font-weight: 500; margin-bottom:30px;} .lesson_control .enroll_list {width:100%; position:relative;} .lesson_control .enroll_list ul {overflow:hidden; width:100%; margin:0; padding: 0;} .lesson_control .enroll_list ul li {display:flex;float:left;align-items: center;width:460px; margin-right:30px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; padding:20px; box-sizing: border-box; margin-bottom:20px;} .lesson_control .enroll_list ul li:nth-of-type(even){margin-right:0;} .lesson_control .enroll_list ul li > div {float:left; position:relative;} .lesson_control .enroll_list ul li div.thumb {width:120px !important; height: 100px !important; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; margin-right:20px; overflow:hidden;} .lesson_control .enroll_list ul li div.thumb > img {position:relative; z-index: 1; width:120px;} .lesson_control .enroll_list ul li div.thumb span {position:absolute; display: block; padding:1px 3px; box-sizing: border-box; font-size:12px; color:#fff; font-weight: 400; text-align:center; z-index:2; background: #ea302e; top:0; left:0; border-radius: 5px 0 0 0;} .lesson_control .enroll_list ul li div.thumb span img {display: inline-block; vertical-align: middle; margin-top:-2px; margin-right:2px;} .lesson_control .enroll_list ul li > div.list_cont {width:calc(100% - 140px); position: relative;} .lesson_control .enroll_list ul li > div.list_cont .cont01 {overflow:hidden;} .lesson_control .enroll_list ul li > div.list_cont .cont01 p.subj_tit{font-size:14px; font-weight: 500; float: left; width: 240px;height: 40px;word-break:break-word; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .lesson_control .enroll_list ul li > div.list_cont .cont01 span {float:right; padding:0px 5px; box-sizing: border-box; text-align: center; font-size:10px; color:#fff; font-weight: 400; border-radius: 4px; box-sizing: border-box; line-height:18px;} /*different color code depends on level*/ .lesson_control .enroll_list ul li > div.list_cont .cont01 span.lv_basic {background: #adcb45;} .lesson_control .enroll_list ul li > div.list_cont .cont01 span.lv_l {background: #00b857;} .lesson_control .enroll_list ul li > div.list_cont .cont01 span.lv_m {background: #0083ca;} .lesson_control .enroll_list ul li > div.list_cont .cont01 span.lv_h {background: #ff7230;} /*color depends end*/ .lesson_control .enroll_list ul li > div.list_cont .cont02 {position:relative; margin-top:5px;} .lesson_control .enroll_list ul li > div.list_cont .cont02:after {content:""; display: block; clear: both;} .lesson_control .enroll_list ul li > div.list_cont .cont02 span.bound {padding:0px 5px; box-sizing: border-box; border:1px solid #2eaef8; background: #e9fbfd; color:#2eaef8; font-size:10px; font-weight: 500; display: inline-block; border-radius: 4px; margin-right:10px; vertical-align: middle; line-height: 18px;} .lesson_control .enroll_list ul li > div.list_cont .cont02 p.skill {font-size:10px; color:#898989; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; max-width:130px; vertical-align: middle; display: inline-block;} .lesson_control .enroll_list ul li > div.list_cont .cont02 p.skill span {margin:0 3px;} .lesson_control .enroll_list ul li > div.list_cont .cont02 div.tool_box {position:absolute; bottom:-45px; margin-left:30px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); background: #fff; border:1px solid #dfdfdf; box-shadow:1px 1px 4px #ccc; padding:2%; box-sizing: border-box; z-index:9; width:210px;} .lesson_control .enroll_list ul li > div.list_cont .cont02 div.tool_box p.more_skill {font-size:10px; color:#898989; margin-top:1px; } .lesson_control .enroll_list ul li > div.list_cont .cont02 div.tool_box p.more_skill span {margin:0 3px; display: inline-block; vertical-align: middle;} .lesson_control .enroll_list ul li > div.list_cont .cont03 {width:100%; position: relative; overflow: hidden; margin-top:10px;} .lesson_control .enroll_list ul li > div.list_cont .cont03 p.date {float:left; font-size:12px; color:#666; margin-right:7px; margin-left:2px;} .lesson_control .enroll_list ul li > div.list_cont .cont03 p.time {float:left; font-size:12px; color:#333;} .lesson_control .enroll_list ul li > div.list_cont .cont03 p.remain {float:left; font-size:12px; color:#666;} .lesson_control .enroll_list ul li > div.list_cont .cont03 p.remain span {font-size:12px; color:#666; font-weight: 500; display: inline-block; vertical-align: middle; margin-left:5px;} .lesson_control .enroll_list ul li > div.list_cont .cont03 p.remain span.count {font-weight: 500; color:#ea302e;} .lesson_control .enroll_list ul li > div.list_cont .cont03 > span {float:right; font-size:12px; color:#898989; margin-right:5px;} .lesson_control .enroll_list ul li > div.list_cont .cont03 > span > b {color:#252525; font-weight: 500; margin-right:3px; } .lesson_control .enroll_list ul li > div.list_cont .prg_bar > div {margin: 0 0 0 0;} .lesson_list {width:100%;} .lesson_list ul {width:100%; font-size:0;} .lesson_list ul li {display: inline-block; vertical-align: top; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; margin-right:26px; width:218px; margin-bottom:20px; overflow:hidden; transition:all 0.4s;} .lesson_list ul li:hover {margin-top:-5px; margin-bottom:25px;} .lesson_list ul li:nth-of-type(4n) {margin-right:0;} .lesson_list ul li div.top_box {width:100%; position:relative;} .lesson_list ul li div.top_box span {display: block; position:absolute; z-index:1; top:0; left:0; background: #ea302e; color:#fff; font-size:14px; font-weight: 400; padding:0 5px; border-radius: 5px 0 0 0; text-align: center; line-height: 30px;} .lesson_list ul li div.top_box span.closed {display: block; position:absolute; z-index:1; top:0; left:0; background: #b2b2b2; color:#fff; font-size:14px; font-weight: 400; padding:0 5px; border-radius: 5px 0 0 0; text-align: center; line-height: 30px;} .lesson_list ul li div.top_box span img {margin-top:12px; margin-right:5px;} .lesson_list ul li div.bot_box {padding:10px; box-sizing: border-box; border-top:1px solid #dfdfdf; border-bottom:1px solid rgba(233,233,233,0.5); } .lesson_list ul li div.bot_box > div {width:100%; overflow: hidden;} .lesson_list ul li div.bot_box span.type {float:left; border:1px solid #2eaef8; border-radius: 5px; box-sizing: border-box; background: #e9fbfd; color:#2eaef8; font-size:10px; font-weight: 400; padding:0 5px; } .lesson_list ul li div.bot_box span.status {font-size:12px; color:#666; font-weight: 400; float:right; vertical-align: middle;} .lesson_list ul li div.bot_box span.status.processing {color:#ff7230;} .lesson_list ul li div.bot_box p.lesson_tit {display: block; line-height: 20px; font-size:15px; color:#333; font-weight: 500; margin:5px 0; text-align: left;height: 58px;word-wrap: break-word; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical} .lesson_list ul li div.bot_box p.t_name {font-size:12px; color:#333; font-weight: 400; margin:15px 0 0px;} .lesson_list ul li div.bot_box span.duration {font-size:12px; display: inline-block; vertical-align: middle; margin-right:5px; color:#898989; line-height: 22px; text-align: left;} .lesson_list ul li div.bot_box span.date {font-size:12px; display: inline-block; vertical-align: middle; margin-right:5px; color:#898989; line-height: 22px; text-align: left;} .lesson_list ul li div.bot_box span.price {font-size:12px; vertical-align: middle; margin-right:5px; color:#898989; line-height: 22px; float:left;} .lesson_list ul li div.bot_box span.price b {font-weight: 400;} .lesson_list ul li div.bot_box span.price.free {color:#ea302e;} .lesson_list ul li div.bot_box span.num {float:right; font-size:12px; color:#898989; line-height: 22px;} .lesson_list ul li div.bot_box span.num > b {margin: 0 2px 0 5px; font-weight:400;} .lesson_list ul li div.bot_box p.time_date{font-size:12px; color:#898989;font-weight: 400; line-height: 22px;} .lesson_list ul li > div.edit_btn {text-align: center;} .lesson_list ul li > div.edit_btn > a {padding:0 15px; color:#666; font-weight: 400; font-size:14px; text-align: center; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; transition: all 0.4s; line-height: 33px; display: inline-block; margin:10px 0;} .lesson_list ul li > div.edit_btn > a:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} /*선생님방 강좌 만들기*/ .t_right_content01 {position:relative;} .t_right_content01 > p.tit {font-size:23px; font-weight: 500; color:#333; margin-bottom:5px;} .t_right_content01 > p.sub_tit {font-size:17px; font-weight: 500; color:#898989; margin-bottom:30px; margin-top:30px; color:#333; } .t_right_content01 > .creation_box {width:100%; overflow: hidden;} .t_right_content01 > .creation_box .left {float:left; width:270px; margin-right:30px;} .t_right_content01 > .creation_box .right {float:left; width:calc(100% - 300px);} .t_right_content01 > .creation_box .left .lesson_thumb {width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; overflow: hidden;} .t_right_content01 > .creation_box .left .lesson_thumb img {width:100%; border-radius: 4px;} .t_right_content01 > .creation_box .left .lesson_img_btn {width:100%; margin:10px 0;} .t_right_content01 > .creation_box .left .lesson_img_btn ul {width:100%; text-align: center;} .t_right_content01 > .creation_box .left .lesson_img_btn ul li {display: inline-block; vertical-align: middle; background: #e7e7e7; border-radius: 50%; text-align: center; width:30px; transition:all 0.4s;} .t_right_content01 > .creation_box .left .lesson_img_btn ul li a {display: block; width:100%; line-height: 30px;} .t_right_content01 > .creation_box .left .lesson_img_btn ul li a i {color:#666;} .t_right_content01 > .creation_box .left .lesson_img_btn ul li:hover {background:#cfcfcf; } .t_right_content01 > .creation_box .left .lesson_img_btn ul li:hover a i {color:#333 !important;} .t_right_content01 > .creation_box .left > p {font-size:12px; font-weight: 400; color:#898989; text-align: center;} .t_right_content01 > .creation_box .left > p span {font-size:10px;} .t_right_content01 > .creation_box .right > div {display: block; margin-bottom:10px;} .t_right_content01 > .creation_box .right > div > p {display: inline-block; vertical-align: middle; width:150px; font-size:14px; color:#333; font-weight: 500; line-height: 35px;} .t_right_content01 > .creation_box .right > .col10 > p {vertical-align: top; margin-top:5px;} .t_right_content01 > .creation_box .right > div > p > span {font-size:12px; color:#898989;} .t_right_content01 > .creation_box .right > div > p > b {font-weight: 500; color:#ea302e; font-size:16px; line-height: 1; margin-top:5px; display:inline-block;} .t_right_content01 > .creation_box .right > div > div {display: inline-block; vertical-align: middle; width:calc(100% - 155px);} .t_right_content01 > .creation_box .right > div > div > div {display: inline-block; vertical-align: top;} .t_right_content01 > .creation_box .right > div > div > div.btns ul {font-size:0;} .t_right_content01 > .creation_box .right .col10 > div > div.btns ul {margin-bottom:5px;} .t_right_content01 > .creation_box .right > div > div > div.btns ul li {display: inline-block; vertical-align: top; text-align:center; background: #fff; color:#666; border:1px solid #dfdfdf; box-sizing: border-box; border-right:0; transition: all 0.4s;} .t_right_content01 > .creation_box .right > div > div > div.btns ul li:first-of-type {border-radius: 4px 0 0 4px;} .t_right_content01 > .creation_box .right > div > div > div.btns ul li:last-of-type {border-radius: 0 4px 4px 0; border-right: 1px solid #dfdfdf;} .t_right_content01 > .creation_box .right > div > div > div.btns ul li a {display: block; width:100%; line-height: 33px; color:#898989; font-weight: 400; font-size:14px; padding:0 15px; } .t_right_content01 > .creation_box .right > div > div > div.btns ul li:hover {background: #f2f2f2; transition: all 0.4s;} .t_right_content01 > .creation_box .right > div > div > div.btns ul li.active {background: #f2f2f2; transition: all 0.4s;} .t_right_content01 > .creation_box .right > div > div > div.btns ul li:hover a {color:#333;} .t_right_content01 > .creation_box .right > div > div > div.btns ul li.active a {color:#333;} .t_right_content01 > .creation_box .right > div > div > div.sel_box {width:357px; position:relative;} .t_right_content01 > .creation_box .right > div > div > div.sel_box select {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; height:35px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; position:relative; background: #fff; z-index:1; width:100%; padding-left:10px;} .t_right_content01 > .creation_box .right > div > div > div.sel_box i {position:absolute; display: block; right:5px; top:5px; z-index:2;} .t_right_content01 > .creation_box .right input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #fff; height:35px; padding-left:10px;} .t_right_content01 > .creation_box .right input[type="text"]::-webkit-input--input-placeholder {font-size:14px; color:#b2b2b2;} .t_right_content01 > .creation_box .right .col03 > p {vertical-align: top;} .t_right_content01 > .creation_box .right textarea {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #fff; padding:10px; resize:none; height:70px; color:#666;} .t_right_content01 > .creation_box .right textarea::-webkit-input-placeholder {font-size:14px; color:#b2b2b2;} .t_right_content01 > .creation_box .right .col01 div.sel_box {margin-left:10px;} .t_right_content01 > .creation_box .right .col05 > p {vertical-align: top;} .t_right_content01 > .creation_box .right .col05 > div > div{display: block;} .t_right_content01 > .creation_box .right .col05 > div > div.btns ul {text-align: left !important;} .t_right_content01 > .creation_box .right .col05 > div > div.btns ul li {text-align: center;} .t_right_content01 > .creation_box .right .col05 > div > div.btns {margin-bottom:10px;} .t_right_content01 > .creation_box .right .col05 > div > div.set_time > span { display: inline-block; vertical-align: middle; margin-right:10px; color:#666;} .t_right_content01 > .creation_box .right .col05 > div > div.set_time .time_box {position:relative; display: inline-block; vertical-align: middle; width:155px;} .t_right_content01 > .creation_box .right .col05 > div > div.set_time .time_box i {position:absolute; top:8px; left:5px; z-index:2; color:#898989;} .t_right_content01 > .creation_box .right .col05 > div > div.set_time .time_box input {position:relative; z-index: 1;} .t_right_content01 > .creation_box .right .col06 > div > div.set_date > span {display: inline-block; vertical-align: middle; margin-right:10px; color:#666;} .t_right_content01 > .creation_box .right .col06 > div > div.set_date > div.time_box {display: inline-block; vertical-align: middle; width:155px; position:relative; z-index:1;} .t_right_content01 > .creation_box .right .col06 > div > div.set_date > div.time_box input {padding-left:20px; box-sizing: border-box;} .t_right_content01 > .creation_box .right .col06 > div > div.set_date > div.time_box i {position:absolute; top:8px; left:5px; color:#898989; z-index:2;} .t_right_content01 > .creation_box .right .col06 > div > div.set_date:last-of-type {margin-left:20px;} .t_right_content01 > .creation_box .right .col07 > div > div.price_box {width:250px; margin-left:10px;} .t_right_content01 > .creation_box .right .col07 > div > div.price_box > input {display: inline-block; vertical-align: middle; width:155px;} .t_right_content01 > .creation_box .right .col07 > div > div.price_box > span {display: inline-block; vertical-align: middle;} .t_right_content01 > .creation_box .right .col09 > div.sel_box {width:494px; position:relative;} .t_right_content01 > .creation_box .right .col09 > div.sel_box select {position:relative; z-index:1; width:100%; /*-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; background: #fff; border-radius: 4px; box-sizing: border-box; height:35px; padding-left:10px;} .t_right_content01 > .creation_box .right .col09 > div.sel_box i {position:absolute; top:8px; right:5px; z-index:2;} .t_right_content01 > .creation_box .right .col10 > div > a {position:absolute; right:95px; font-size:14px; color:#666; line-height:33px;} .t_right_content01 > .creation_box .right .col13 > p {vertical-align: top;} .t_right_content01 > .creation_box .right .col13 > div > div{display: block;} .t_right_content01 > .creation_box .right .col13 > div > div.btns ul {text-align: left !important;} .t_right_content01 > .creation_box .right .col13 > div > div.btns ul li {text-align: center;} .t_right_content01 > .creation_box .right .col13 > div > div.btns {margin-bottom:10px;} .t_right_content01 > .creation_box .right .col13 > div > div.set_time > span { display: inline-block; vertical-align: middle; margin-right:10px; color:#666;} .t_right_content01 > .creation_box .right .col13 > div > div.set_time .time_box {position:relative; display: inline-block; vertical-align: middle; width:155px;} .t_right_content01 > .creation_box .right .col13 > div > div.set_time .time_box i {position:absolute; top:8px; left:5px; z-index:2; color:#898989;} .t_right_content01 > .creation_box .right .col13 > div > div.set_time .time_box input {position:relative; z-index: 1;} .t_right_content01 > .edit_box > p.tit {font-size:17px; font-weight: 500; color:#898989; margin-bottom:30px; margin-top:30px; color:#333; } .t_right_content01 > .edit_box > .editor_area {/*margin:-15px;*/} .t_right_content01 > .btn_area {width:100%; text-align:center; margin-bottom:80px;} .t_right_content01 > .btn_area ul {font-size:0; text-align: center; width:100%;} .t_right_content01 > .btn_area ul li {display: inline-block; vertical-align: middle; margin-right:10px; box-sizing: border-box; background: #e7e7e7; color:#333; border-radius: 4px; transition:all 0.4s;} .t_right_content01 > .btn_area ul li a {font-size:14px; color:#333; font-weight: 400; padding:0 15px; display: block; line-height: 35px;} .t_right_content01 > .btn_area ul li:last-of-type {background: #2eaef8; text-align: center; transition:all 0.4s;} .t_right_content01 > .btn_area ul li:last-of-type a {color:#fff; font-size:14px; font-weight: 400; padding:0 15px; box-sizing: border-box; line-height: 35px;} .t_right_content01 > .btn_area ul li:hover {background: #cfcfcf; transition:all 0.4s;} .t_right_content01 > .btn_area ul li:last-of-type:hover {background: #299cdf; transition:all 0.4s;} /*문제게시판 두번째 & 세번째 */ .right_content02 > p.desc {font-size:14px; color:#898989; font-weight: 400; margin-top:20px;} .right_content02 .ques_tab {width:100%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative; height:40px; margin-bottom:30px; z-index:2; margin-top:30px;} .right_content02 .ques_tab ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0;} .right_content02 .ques_tab ul li {display: inline-block; vertical-align: top; border:1px solid #dfdfdf; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; margin-right:1px;} .right_content02 .ques_tab ul li a {display: block; width:100%; line-height: 40px; font-size:14px; font-weight: 500; text-align: center; color:#898989; padding:0px 15px; box-sizing: border-box; cursor: pointer;} .right_content02 .ques_tab ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} .right_content02 .ques_tab ul li.tab_active a {color:#333;} .right_content02 .ques_preset {width:100%; margin-top:30px; padding:20px; box-sizing: border-box; background: #f9fafb;} .right_content02 .ques_preset .top {width:100%; overflow:hidden; } .right_content02 .ques_preset .top p.tit {float:left; font-size:17px; color:#333; font-weight: 500;} .right_content02 .ques_preset .top a {display: block; float:right; padding:3px 8px; box-sizing: border-box; background: #fff; border:1px solid #dfdfdf; border-radius: 4px; transition: all 0.4s;} .right_content02 .ques_preset .top a i {display: inline-block; vertical-align: middle; transition:all 0.4s;} .right_content02 .ques_preset .top a span {display: inline-block; vertical-align: middle;} .right_content02 .ques_preset .top a:hover {border:1px solid #b4b4b4; color:#222; transition: all 0.4s;} .right_content02 .ques_preset .top a:hover i {color:#333 !important;} .right_content02 .ques_preset .bot {width:100%;} .right_content02 .ques_preset .bot p.hardness {font-size:14px; color:#333; font-weight: 500; display: inline-block; vertical-align: middle; margin:0 80px 0 30px;} .right_content02 .ques_preset .bot .check_hard {display: inline-block; vertical-align: middle;} .right_content02 .ques_preset .bot .check_hard .level_txt {position:relative; width:100%;} .right_content02 .ques_preset .bot .check_hard .level_txt .lv_line {width:475px; height:1px; background: #dfdfdf; position:relative; z-index:1;} .right_content02 .ques_preset .bot .check_hard .level_txt span {position:absolute; z-index:2; display: inline-block; padding:0 10px; box-sizing: border-box; background: #f9fafb; top:-8px; font-size:10px; color:#898989;} .right_content02 .ques_preset .bot .check_hard .level_txt span.v_line {width:1px; height:5px; background: #dfdfdf; top:0; padding:0 !important;} .right_content02 .ques_preset .bot .check_hard .level_txt span.basic {left:28px;} .right_content02 .ques_preset .bot .check_hard .level_txt span.starter {left:122px;} .right_content02 .ques_preset .bot .check_hard .level_txt span.mid {left:238px;} .right_content02 .ques_preset .bot .check_hard .level_txt span.high {left:379px;} .right_content02 .ques_preset .bot .check_hard .level_txt span.special {left:483px;} .right_content02 .ques_preset .bot .check_hard .level_txt span.line01 {left:94px;} .right_content02 .ques_preset .bot .check_hard .level_txt span.line02 {left:187px;} .right_content02 .ques_preset .bot .check_hard .level_txt span.line03 {left:328px;} .right_content02 .ques_preset .bot .check_hard .level_txt span.line04 {left:476px;} .right_content02 .ques_preset .bot .check_hard .hard_btn {width:100%; margin-top:10px;} .right_content02 .ques_preset .bot .check_hard .hard_btn ul {width:100%; font-size:0;} .right_content02 .ques_preset .bot .check_hard .hard_btn ul li {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; background: #fff; box-sizing: border-box; border-right:none;} .right_content02 .ques_preset .bot .check_hard .hard_btn ul li:first-of-type {border-radius: 4px 0 0 4px;} .right_content02 .ques_preset .bot .check_hard .hard_btn ul li:last-of-type {border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} .right_content02 .ques_preset .bot .check_hard .hard_btn ul li a {display: block; text-align: center; line-height: 30px; padding:0 19px; font-size:14px; color:#666; font-weight: 400; box-sizing: border-box;} .right_content02 .ques_preset .bot .check_hard .hard_btn ul li:hover {background: #f2f2f2;} .right_content02 .ques_preset .bot .check_hard .hard_btn ul li:hover a {color:#222;} .right_content02 .ques_preset .bot .check_hard .hard_btn ul li.hard_act{background: #f2f2f2;} .right_content02 .ques_preset .bot .check_hard .hard_btn ul li.hard_act a {color:#222;} .right_content02 .ques_list {width:100%; margin:30px 0;} .right_content02 .ques_list > ul {width:100%;} .right_content02 .ques_list > ul > li {width:100%; border:1px solid #dfdfdf; border-radius: 4px; padding:20px; box-sizing: border-box; margin-bottom:20px;} .right_content02 .ques_list > ul > li:last-of-type {margin-bottom: unset !important;} .right_content02 .ques_list .ques_cover .tit_box {overflow: hidden; width:100%;} .right_content02 .ques_list .ques_cover .tit_box > a {float:left; vertical-align: middle;} .right_content02 .ques_list .ques_cover .tit_box > a p.tit {font-size:15px; color:#333; font-weight: 400;} .right_content02 .ques_list .ques_cover .tit_box > a p.tit span {color:#898989;} .right_content02 .ques_list .ques_cover .tit_box > a p.reference {font-size:10px; color:#b2b2b2; font-weight: 400;} .right_content02 .ques_list .ques_cover .tit_box > div.right_pos {float:right;} .right_content02 .ques_list .ques_cover .tit_box > div.right_pos span {display: inline-block; vertical-align: middle;} .right_content02 .ques_list .ques_cover .tit_box > div.right_pos span.basic {background: #adcb45; color:#fff; font-weight: 400 !important; border:none !important;} .right_content02 .ques_list .ques_cover .tit_box > div.right_pos span.starter {background: #00b857; color:#fff; font-weight: 400 !important; border:none !important;} .right_content02 .ques_list .ques_cover .tit_box > div.right_pos span.mid {background: #0083ca; color:#fff; font-weight: 400 !important; border:none !important;} .right_content02 .ques_list .ques_cover .tit_box > div.right_pos span.high {background: #ff7230; color:#fff; font-weight: 400 !important; border:none !important;} .right_content02 .ques_list .ques_cover .tit_box > div.right_pos span.special {background: #ea302e; color:#fff; font-weight: 400 !important; border:none !important;} .right_content02 .ques_list .ques_cover .info_box {width:100%; margin-top:20px;} .right_content02 .ques_list .ques_cover .info_box::after {content: ""; display: block; clear: both;} .right_content02 .ques_list .ques_cover .info_box .left {float:left;} .right_content02 .ques_list .ques_cover .info_box .left span.prof_img {display: inline-block; vertical-align: middle; width:20px; height:20px; overflow: hidden; border:1px solid #dfdfdf; border-radius: 50%; background: #fff;} .right_content02 .ques_list .ques_cover .info_box .left span.prof_img img {width:100%;} .right_content02 .ques_list .ques_cover .info_box .left span.user_name {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; margin:0 5px; letter-spacing: -0.075em;} .right_content02 .ques_list .ques_cover .info_box .left .lv_box { position:relative; text-align: center; height:20px; margin:0px 10px; display: inline-block; vertical-align: middle;} .right_content02 .ques_list .ques_cover .info_box .left .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .right_content02 .ques_list .ques_cover .info_box .left .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .right_content02 .ques_list .ques_cover .info_box .left .lv_box img.lv16 {margin-top:-4.8pt;} .right_content02 .ques_list .ques_cover .info_box .left p.date {display: inline-block; vertical-align: middle; margin-left:60px; font-size:12px; color:#898989;font-weight: 400;} .right_content02 .ques_list .ques_cover .info_box .right {float:right;} .right_content02 .ques_list .ques_cover .info_box .right ul {overflow: hidden; width:100%;} .right_content02 .ques_list .ques_cover .info_box .right ul li {display: inline-block; vertical-align: middle;} .right_content02 .ques_list .ques_cover .info_box .right ul li p{font-size:12px; color:#898989; font-weight: 400; display: inline-block; vertical-align: middle;} .right_content02 .ques_list .ques_cover .info_box .right ul li i {color:#898989 !important;} .right_content02 .ques_list .ques_cover .info_box .right ul li:nth-of-type(2) {margin:0 20px;} /*문제게시판 첫번째*/ .ques_board_main {width:100%; overflow: hidden;} .ques_board_main .box01 {position:relative; float:left; width:370px; padding:20px; box-sizing: border-box; background: #f2f2f2; } .ques_board_main > div {height:207px;} .ques_board_main div p.tit {font-size:17px; color:#333; font-weight: 400;} .ques_board_main .box01 img {text-align: center;} .ques_board_main .box01 p.rank_txt {position:absolute; top:110px; left:235px; font-size:14px; color:#ea302e; font-weight: 400;} .ques_board_main .box01 p.rank_txt span {font-size:23px;} .ques_board_main .box02 {float:left; width:370px; padding:20px; box-sizing: border-box; background: #f9fafb;} .ques_board_main .box02 ul {font-size:0; text-align: center; width:100%;} .ques_board_main .box02 ul li {display: inline-block; vertical-align: top; margin:0 14px;} .ques_board_main .box02 ul li > p {margin-bottom:10px;} .ques_board_main .box02 ul li:first-of-type > div{width:136px; height:136px; border-radius: 50%; background: #e4f2fb; text-align: center;} .ques_board_main .box02 ul li:first-of-type > div > img {margin-top:17px;} .ques_board_main .box02 ul li:first-of-type > div > p {font-size:14px; color:#666; font-weight: 400; margin-top:20px;} .ques_board_main .box02 ul li:first-of-type > div > p span {font-size:23px; color:#333; font-weight: 400;} .ques_board_main .box02 ul li:last-of-type > div{width:136px; height:136px; border-radius: 50%; background: #f2f2f2; text-align: center;} .ques_board_main .box02 ul li:last-of-type > div > img {margin-top:17px;} .ques_board_main .box02 ul li:last-of-type > div > p {font-size:14px; color:#666; font-weight: 400; margin-top:20px;} .ques_board_main .box02 ul li:last-of-type > div > p span {font-size:23px; color:#333; font-weight: 400;} .ques_board_main .box03 {float:left; width:calc(100% - 740px); padding:20px; box-sizing: border-box; background: #f9fafb; border-left:1px solid #dfdfdf;} .ques_board_main .box03 ul {width:100%; margin-top:20px;} .ques_board_main .box03 ul li {width:100%; overflow: hidden; margin-bottom:10px;} .ques_board_main .box03 ul li p.left {float:left; font-size:14px; color:#666; font-weight: 400;} .ques_board_main .box03 ul li p.right {float:right; font-size:14px; color:#666; font-weight: 400;} .ques_board_main .box03 ul li p.right span {color:#333;} .ques_board_main .box03 ul li.correct i {color:#2eaef8;} .ques_board_main .box03 ul li.wrong i {color:#ea302e;} .ques_main_list {width:100%; margin-bottom:80px;} .ques_main_list .solved p i {color:#2eaef8;} .ques_main_list .solved p {font-size:17px; color:#333; font-weight: 400; line-height: 1; border-bottom:1px solid #dfdfdf; box-sizing: border-box; padding-bottom:20px; margin:30px 0;} .ques_main_list .solved ul {width:100%; overflow:hidden;} .ques_main_list .solved ul li {float:left; background: #fff; border-radius: 4px; box-sizing: border-box; margin-bottom:10px; margin-right:10px;} .ques_main_list .solved ul li a {display: block; border:1px solid #dfdfdf; padding:0 15px; line-height: 30px; color:#333; font-weight: 400; font-size:14px; transition: all 0.4s; border-radius: 4px;} .ques_main_list .solved ul li a:hover {border:1px solid #b4b4b4; transition: all 0.4s;} .ques_main_list .solved ul li a span {color:#898989; transition:all 0.4s;} .ques_main_list .solved ul li a:hover span {color:#333; } .ques_main_list .unsolved p i {color:#ea302e;} .ques_main_list .unsolved p {font-size:17px; color:#333; font-weight: 400; line-height: 1; border-bottom:1px solid #dfdfdf; box-sizing: border-box; padding-bottom:20px; margin:30px 0;} .ques_main_list .unsolved ul {width:100%; overflow:hidden;} .ques_main_list .unsolved ul li {float:left; background: #fff; border-radius: 4px; box-sizing: border-box; margin-bottom:10px; margin-right:10px;} .ques_main_list .unsolved ul li a {display: block; border:1px solid #dfdfdf; padding:0 15px; line-height: 30px; color:#333; font-weight: 400; font-size:14px; transition: all 0.4s; border-radius: 4px;} .ques_main_list .unsolved ul li a:hover {border:1px solid #b4b4b4; transition: all 0.4s;} .ques_main_list .unsolved ul li a span {color:#898989; transition:all 0.4s;} .ques_main_list .unsolved ul li a:hover span {color:#333; } /*나의 레벨 확인 페이지 /myroom/check_mylv.html */ .right_content02 .check_lv {width:100%; position:relative; height:203px; margin-top:30px;} .right_content02 .check_lv > div {float:left;} .right_content02 .check_lv .left {width:200px; height:203px;} .right_content02 .check_lv .left .box01 {width:100%; background: #f2f2f2; display: block; height:100%; position:relative; height:203px;} .right_content02 .check_lv .left .box01 img.flexible {position:absolute; top:0; left:50%; z-index:1; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); margin-top:15px;} .right_content02 .check_lv .left .box01 span.lv_txt {font-size:23px; line-height: 1; font-weight: 500; position:absolute; display: block; text-align: center; width:100%; z-index:2; top:0; left:50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); margin-top:85px;} .right_content02 .check_lv .left .box01 p.point {width:100%; position:absolute; width:100%; height:30px; bottom:0; left:0; background: rgba(234,48,46,0.7); color:#fff; font-size:14px; font-weight: 400; text-align: center; padding-top:6px; box-sizing: border-box; z-index:3;} .right_content02 .check_lv .left .box01 p.point > span {font-size:17px; font-weight: 500; display: inline-block; margin-right:3px;} .right_content02 .check_lv .right {width:calc(100% - 200px); padding:20px; box-sizing:border-box; height:203px; background: #f9fafb;} .right_content02 .check_lv .right .top {width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:5px; box-sizing: border-box;} .right_content02 .check_lv .right .top p.tit {font-size:17px; font-weight: 400; color:#333; margin-bottom:17px;} .right_content02 .check_lv .right .top span {display: inline-block; vertical-align: middle; font-size:14px ;color:#666; font-weight: 400;} .right_content02 .check_lv .right .top span.pnt_img {margin:0 40px 0 10px;} .right_content02 .check_lv .right .top span.total {margin-right:70px;} .right_content02 .check_lv .right .top span.available {margin-right:60px;} .right_content02 .check_lv .right .top p.point {display: inline-block; vertical-align: middle; font-size:14px; color:#666;font-weight: 400;} .right_content02 .check_lv .right .top p.total_point span {font-size:17px; color:#333; font-weight: 500; display: inline-block; vertical-align: top;} .right_content02 .check_lv .right .top p.avail_point span {font-size:17px; color:#ea302e; font-weight: 500; display: inline-block; vertical-align: top;} .right_content02 .check_lv .right .bot {width:100%; overflow: hidden; padding-top:18px; box-sizing: border-box;} .right_content02 .check_lv .right .bot span.my_next {display: inline-block; vertical-align: middle; font-size:17px; font-weight: 400; color:#333; line-height: 30px;} .right_content02 .check_lv .right .bot p.need_pnt {display: inline-block; vertical-align: middle; font-size:14px; color:#666; font-weight: 400; line-height: 30px; margin-left:25px;} .right_content02 .check_lv .right .bot p.need_pnt span {font-size:17px; font-weight: 500; color:#333;} .right_content02 .check_lv .right .bot a {float:right; padding:0 15px; line-height: 30px; border:1px solid #dfdfdf; color:#333; font-weight: 400; text-align:center; font-size:14px; background: #fff; border-radius: 4px; transition:all 0.4s;} .right_content02 .check_lv .right .bot a img {display: inline-block; vertical-align: middle;} .right_content02 .check_lv .right .bot a span {display: inline-block; vertical-align: middle;} .right_content02 .check_lv .right .bot a:hover {border:1px solid #b4b4b4; } .right_content02 .vod-slide p.tit {font-size:23px; color:#333; font-weight: 500;} .right_content02 .vod-slide p.tit span {font-size:17px; color:#2eaef8; display: inline-block; vertical-align: middle; margin-top:-5px; margin-left:10px;} .right_content02 .vod-slide { width:100%; height: 400px; margin-bottom:60px;} .right_content02 .vod-slide .slide-head { position:relative; margin-bottom: 30px; height: 30px; } .right_content02 .vod-slide .slide-head .vodSliderBtnBox { position: absolute; top:0; right: 0; } .right_content02 .vod-slide .slide-head .vodSliderBtnBox p.paging_area span {display: inline-block; vertical-align: middle; font-size:13px; letter-spacing: -0.05em; line-height: 25px; font-weight:400;} .right_content02 .vod-slide .slide-head .vodSliderBtnBox p.paging_area span.current {color:#222; font-weight: 500;} .right_content02 .vod-slide .slide-head .vodSliderBtnBox p.paging_area span.total {color:#898989;} .right_content02 .vod-slide .slide-body { height: 340px !important; } .right_content02 .vod-slide .slide-body .bx-wrapper {max-width:100% !important;} .right_content02 .vod-slide .slide-body .vodSlider li { float:left; width: 220px !important; } .right_content02 .vod-slide .slide-body .bx-viewport { height: 375px !important; padding-top:10px;} .right_content02 .vod-slide .bx-wrapper .bx-pager {padding-top:0;} .right_content02 .vod-slide .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; border:1px solid #999999; border-radius: 50%;} .right_content02 .vod-slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #999999;} .right_content02 .vod-slide .bx-wrapper .card {overflow:hidden;} .right_content02 .vod-slide .bx-wrapper ul.vodSlider li {transition:all 0.4s;} .right_content02 .vod-slide .bx-wrapper ul.vodSlider li:hover {margin-top:-5px;} .right_conetent01 .mk_space {margin-top:40px;} /* 요약정보 /teacher/set_class.html */ .thumbnail_box {position:relative; width:120px; height:98px; border:1px solid #dfdfdf; border-radius: 5px; overflow: hidden; margin:0 auto;} .thumbnail_box > img {width:100% ;border-radius: 4px;} .thumbnail_box span {display: inline-block; vertical-align: top; position:absolute; top:0; left:0; color:#fff; font-size:12px; font-weight: 400; text-align: center; line-height: 17px; padding:0 5px; box-sizing: border-box; background: #ea302e;} .thumbnail_box span img {display: inline-block; vertical-align: middle; margin-top:-2px;} .top_info > p.tit_only4set {font-size:14px; color:#333; font-weight: 400; text-align: center; width:90%; margin:10px auto;} .top_info.bawas_padd {padding-bottom:0;} .top_info .procedure {width:100%; border-top:1px solid #dfdfdf; box-sizing: border-box;} .top_info .procedure ul {width:100%; overflow: hidden;} .top_info .procedure ul li {float:left; width:33.3333%; text-align: center; padding:10px 0; box-sizing: border-box;} .top_info .procedure ul li.on_air {background: #f2f2f2;} .top_info .procedure ul li span.status_clr {width:15px; height:15px; display: block; border-radius: 50%; background: #dfdfdf; margin:0 auto;} .top_info .procedure ul li span.status_clr.done {background: #00b857; color:#fff; font-size:10px; position:relative;} .top_info .procedure ul li span.status_clr.done i {display: block; padding:2px !important; position:absolute; top:-4px;} .top_info .procedure ul li span.status_clr.ing {background: #2eaef8;} .top_info .procedure ul li p.txt {font-size:12px; color:#333; font-weight: 400; line-height: 1; margin:5px 0 2px 0;} .top_info .procedure ul li p.desc {font-size:12px; color:#898989; font-weight: 400; line-height: 1;} /*문제영역 사이드 메뉴*/ .top_info.for_question {width:100%; border-radius: 4px; border:1px solid transparent; text-align: center; padding:10px 0; box-sizing: border-box;} .top_info > #question > p.tit {font-size:23px; color:#fff; font-weight: 500; text-align: center; line-height: 55px;} a.goToList {width:100%; border-radius: 4px; box-sizing: border-box; line-height: 35px; display:block; text-align: center; color:#fff; font-size:14px; font-weight: 400; margin:20px 0; background: #2eaef8;} .right_content_set {position:relative;} .right_content_set:after {display: block; content: ""; clear: both;} .right_content_set > p.tit {font-size:23px; font-weight: 500; color:#333; float:left; margin-bottom:30px;} .right_content_set > div.right_side_cov {float:right; margin-top:5px;} .right_content_set > .right_side_cov > a {display:inline-block; vertical-align:middle; padding:5px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; color:#666; transition:0.4s;} .right_content_set > .right_side_cov > a:hover {border:1px solid #b4b4b4; color:#333;} .right_content_set > .right_side_cov > div.check {display:inline-block; vertical-align:middle; margin-top:5px; margin-left:10px;} .right_content_set > .right_side_cov > div.check b {font-size:14px; font-weight: 400; display: inline-block; vertical-align: middle; margin-top:-12px;} .right_content_set > .right_side_cov > div.check b span {color:#ff7433; font-weight: 400; font-size:14px; display: inline-block; vertical-align: middle;} .right_content_set > .right_side_cov > div.check b img {display: inline-block; vertical-align: middle;} .right_content_set > .right_con01 {width:100%; overflow: hidden; position:relative; color: #666;} .right_content_set > .right_con01 .float_cover {width:100%; overflow: hidden;} .right_content_set > .right_con01 .float_cover div.left {float:left; width:270px; margin-right:30px; border:1px solid #dfdfdf; border-radius:5px; box-sizing:border-box;} .right_content_set > .right_con01 .float_cover div.left > img {width:100%; border-radius: 4px;} .right_content_set > .right_con01 .float_cover div.right {float:left; width:calc(100% - 300px);} .right_content_set > .right_con01 .float_cover div.right .cover:after {display: block; content: ""; clear: both;} .right_content_set > .right_con01 .float_cover div.right p.tit {float:left; font-size:23px; color:#333; font-weight: 500; margin-bottom: 10px; width: 420px;} .right_content_set > .right_con01 .float_cover div.right > span.type {display: inline-block; vertical-align: middle; padding:0 10px; box-sizing: border-box; border:1px solid #2eaef8; border-radius: 4px; text-align: center; font-size:10px; color:#2eaef8; background: #e9fbfd; line-height: 20px;} .right_content_set > .right_con01 .float_cover div.right > p.lang_type {display: inline-block; vertical-align: middle; margin-left:10px;} .right_content_set > .right_con01 .float_cover div.right > p.lang_type span {display: inline-block; vertical-align: middle; font-size:12px; color:#898989; font-weight: 400; margin:0 5px;} .right_content_set > .right_con01 .float_cover div.right p.desc {font-size:14px; font-weight: 500; color:#333; line-height: 38px; margin-top:30px;} .right_content_set > .right_con01 .float_cover div.right p.desc span {font-weight:400; color:#666; font-size:14px;} .right_content_set > .right_con01 .float_cover div.right p.teacher {font-size:14px; font-weight: 500; color:#333; margin-bottom:10px;} .right_content_set > .right_con01 .float_cover div.right p.teacher span {font-weight: 400; color:#666;} .right_content_set > .right_con01 .float_cover div.right p.hardness {font-size:14px; font-weight: 500; color:#333;} .right_content_set > .right_con01 .float_cover div.right p.hardness span {font-size:10px; color:#fff; font-weight: 400; text-align: center; padding:0 5px; line-height: 20px; border-radius: 4px; box-sizing: border-box; display: inline-block;} .right_content_set > .right_con01 .float_cover div.right p.hardness span.basic {background: #adcb45; color:#fff; font-weight: 400 !important; border:none !important;} .right_content_set > .right_con01 .float_cover div.right p.hardness span.starter {background: #00b857; color:#fff; font-weight: 400 !important; border:none !important;} .right_content_set > .right_con01 .float_cover div.right p.hardness span.mid {background: #0083ca; color:#fff; font-weight: 400 !important; border:none !important;} .right_content_set > .right_con01 .float_cover div.right p.hardness span.high {background: #ff7230; color:#fff; font-weight: 400 !important; border:none !important;} .right_content_set > .right_con01 .float_cover div.right p.hardness span.special {background: #ea302e; color:#fff; font-weight: 400 !important; border:none !important;} .right_content_set > .right_con01 p.introduce_class {font-size:17px; color:#333; font-weight: 500; margin-top:50px; line-height: 30px; margin-bottom: 10px;} .right_content_set > .right_con01 .ql-editor {padding-left:0; margin-bottom:50px;} .right_content_set > .right_con01 .ql-editor > p {color:#666; font-size:14px; line-height:22px;} .right_content_set > .right_con01 p.intro_desc {font-size:14px; font-weight: 400; color:#666; margin:20px 0 50px; line-height: 22px;} /* 새로운 소스 적용시 아래 체크된 부분까지 CSS삭제 */ /* ==============================================================시작 */ /* .right_content_set > .right_con02 .box_cover {width:100%; position:relative; overflow: hidden; padding:20px 0 ;box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box;} .right_content_set > .right_con02 .box_cover .left {float:left; width:316px; padding:0 20px; box-sizing: border-box; border-right: 1px solid #dfdfdf; height:413px;} .right_content_set > .right_con02 .box_cover .left .top {width:100%; overflow: hidden; border-bottom:1px solid #dfdfdf; padding-bottom:20px; box-sizing: border-box;} .right_content_set > .right_con02 .box_cover .left .top p.tit {font-size:17px; font-weight: 400; color:#333; margin-bottom:20px;} .right_content_set > .right_con02 .box_cover .left .top > div {overflow: hidden; width:100%;} .right_content_set > .right_con02 .box_cover .left .top > div img {float:left;} .right_content_set > .right_con02 .box_cover .left .top > div ul {float:right;} .right_content_set > .right_con02 .box_cover .left .top > div ul li p{text-align: right; font-size:14px; font-weight: 400; color:#898989;} .right_content_set > .right_con02 .box_cover .left .top > div ul li p span {color:#333;} .right_content_set > .right_con02 .box_cover .left .top > div ul li p.first {color:#333;} .right_content_set > .right_con02 .box_cover .left .top > div ul li p.first span {color:#2eaef8;} .right_content_set > .right_con02 .box_cover .left .bot {position:relative; padding:20px 0 0;} .right_content_set > .right_con02 .box_cover .left .bot p.tit {font-size:17px; font-weight: 400; color:#333; margin-bottom:30px;} .right_content_set > .right_con02 .box_cover .left .bot > a {position:absolute; top:16px; right:0; display: block; border:1px solid #dfdfdf; border-radius: 4px; box-sizing:border-box; line-height: 15px; padding:5px; background: #fff; text-align: center; color:#666; transition: all 0.4s} .right_content_set > .right_con02 .box_cover .left .bot > a:hover {color:#333; border:1px solid #b4b4b4;} .right_content_set > .right_con02 .box_cover .right {float:left; width:calc(100% - 316px); padding:0 20px; box-sizing: border-box;} .right_content_set > .right_con02 .box_cover .right p.tit {font-size:17px; font-weight: 400; color:#333; margin-bottom:20px; } .right_content_set > .right_con02 .box_cover .right > a {position:absolute; top:16px; right:20px; display: block; border:1px solid #dfdfdf; border-radius: 4px; box-sizing:border-box; line-height: 15px; padding:5px; background: #fff; text-align: center; color:#666; transition:all 0.4s;} .right_content_set > .right_con02 .box_cover .right > a:hover {color:#333; border:1px solid #b4b4b4;} .right_content_set > .right_con03 {width:100%; position:relative; overflow: hidden; margin:50px 0; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px 0;} .right_content_set > .right_con03 > div {float:left; width:33.3333%; position:relative; padding:0 20px; box-sizing: border-box; height:185px;} .right_content_set > .right_con03 > div > a {position:absolute; top:0px; right:20px; display: block; border:1px solid #dfdfdf; border-radius: 4px; box-sizing:border-box; line-height: 15px; padding:5px; background: #fff; text-align: center; color:#666; transition:all 0.4s;} .right_content_set > .right_con03 > div > a:hover {border:1px solid #b4b4b4; color:#333;} .right_content_set > .right_con03 > div > p {font-size:17px; font-weight: 400; color:#333;} .right_content_set > .right_con03 .box01 ul {width:100%; text-align: center; font-size:0;} .right_content_set > .right_con03 .box01 ul li {display: inline-block; vertical-align: middle; margin:0 40px; padding-top:50px; box-sizing:border-box;} .right_content_set > .right_con03 .box01 ul li p.txt {font-size:14px; color:#333; font-weight: 400; margin-top:20px;} .right_content_set > .right_con03 .box01 ul li p.txt span {color:#2eaef8;} .right_content_set > .right_con03 .box02 {border:1px solid #dfdfdf; border-top:none; border-bottom:none;} .right_content_set > .right_con03 .box02 .box {margin-top:45px;} .right_content_set > .right_con03 .box02 .box > img {position:absolute; top:50%; right:20px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); margin-top:13px;} .right_content_set > .right_con03 .box02 .box div.progress {border-radius: 0 !important;} .right_content_set > .right_con03 .box02 .box div.progress .bar {border-radius: 0 !important;} .right_content_set > .right_con03 .box02 .box div.aqua {width:80% !important; margin:0 !important; margin-bottom:20px !important;} .right_content_set > .right_con03 .box02 .box p.txt {font-size:14px; color:#333; font-weight: 400;margin-bottom:5px;} .right_content_set > .right_con03 .box02 .box p.txt b {font-weight: 500;} .right_content_set > .right_con03 .box02 .box p.total {font-size:15px; font-weight: 500; color:#333;} .right_content_set > .right_con03 .box02 .box p.total span > a {color:#2eaef8 !important;} .right_content_set > .right_con03 .box03::-webkit-scrollbar {display: none;} .right_content_set > .right_con03 .box03 .list ul {width:100%; overflow: hidden; margin-top:20px;} .right_content_set > .right_con03 .box03 .list ul li {width:100%; overflow: hidden; margin-bottom:10px;} .right_content_set > .right_con03 .box03 .list ul li:last-of-type {margin-bottom:0;} .right_content_set > .right_con03 .box03 .list ul li span.tit {font-size:14px; font-weight: 400; color:#666; float:left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; width:150px;} .right_content_set > .right_con03 .box03 .list ul li span.answer {float:right; font-size:13px; font-weight: 400; color: #666; display: block; text-align: center; width:50px;} .right_content_set > .right_con03 .box03 .list ul li span.answer.wait {color:#ff7230;} */ /* ==============================================================ㄱ여기까지만 지울것!!! */ /*전문가홈 > 요약정보 새로운 레이아웃 용 CSS*/ /* 새로운 소스 적용할때 아래의 CSS주석 해재 */ .right_con02_new {width:100%; position:relative; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; overflow:hidden; margin-top: 30px;} .right_con02_new > div {float:left; width:33.3333%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; padding :20px;} .right_con02_new > div.side_line {border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;} .right_con02_new > div.noBottom { border-bottom : none !important; } .right_con02_new > div.set_height01 {height:175px;} .right_con02_new > div.set_height02 {height:200px;} .right_con02_new > div.set_height03 {height:235px;} .right_con02_new > div > .tit_box {width:100%; overflow:hidden;} .right_con02_new > div > .tit_box p.tit {float:left; font-size:17px ;color:#333; font-weight: 500; margin-bottom:20px;} .right_con02_new > div > .tit_box a { float:right; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:5px 3px; color:#666;text-align:center; display:block; } .right_con02_new > div > .tit_box a:hover {border:1px solid #b4b4b4; color:#333;} .right_con02_new > div > .tit_box a > i {margin-top:-2px !important;} .right_con02_new > div > .inner_division {width:100%; overflow:hidden;} .right_con02_new > div > .inner_division > .left {float:left;} .right_con02_new > div > .inner_division > .right {float:right;} .right_con02_new > div > .inner_division > .right p.t-right {text-align:right;} .right_con02_new > div > .inner_division > .right p.total_week {font-size:15px; color:#333; font-weight: 400; margin-bottom:10px;} .right_con02_new > div > .inner_division > .right p.total_week span {color:#2eaef8;} .right_con02_new > div > .inner_division > .right p.total_nth, .right_con02_new > div > .inner_division > .right p.total_lesson {font-size:14px; color:#898989; font-weight: 400; margin-bottom:5px;} .right_con02_new > div > .inner_division > .right p.total_nth span, .right_con02_new > div > .inner_division > .right p.total_lesson span {color:#333;} .right_con02_new > div > .inner_division > .left > p.total_student {font-size:15px; color:#333; font-weight: 400;} .right_con02_new > div > .inner_division > .left > p.total_student span {color:#2eaef8;} .right_con02_new > div > .inner_division > .right.give_width {width:140px;} .right_con02_new > div > .inner_division > .right > p.ovh_txt {overflow:hidden;} .right_con02_new > div > .inner_division > .right > p.ovh_txt.mk_spacing {margin:12px 0;} .right_con02_new > div > .inner_division > .right > p.ovh_txt span.nor_txt {float:left; font-size:14px; color:#898989; font-weight: 400;} .right_con02_new > div > .inner_division > .right > p.ovh_txt span.num_txt {float:right; font-size:14px; color:#898989; font-weight: 400;} .right_con02_new > div > .inner_division > .right > p.ovh_txt span.num_txt b {font-weight: 400 !important; color:#333;} .right_con02_new > div > .box {position:relative;} .right_con02_new > div > .box > img {position:absolute; top:50%; right:5px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); margin-top:14px;} .right_con02_new > div > .box div.progress {border-radius: 0 !important;} .right_con02_new > div > .box div.progress .bar {border-radius: 0 !important;} .right_con02_new > div > .box div.aqua {width:80% !important; margin:0 !important; margin-bottom:20px !important;} .right_con02_new > div > .box p.txt {font-size:14px; color:#333; font-weight: 400;margin-bottom:5px;} .right_con02_new > div > .box p.txt b {font-weight: 500;} .right_con02_new > div > .box p.txt.push_bt {margin-bottom:20px;} .right_con02_new > div > .box p.total {font-size:15px; font-weight: 500; color:#333;} .right_con02_new > div > .box p.total span > a {color:#2eaef8 !important;} .right_con02_new > div > .three_list_box {width:100%; margin-top:10px;} .right_con02_new > div > .three_list_box ul {overflow:hidden;} .right_con02_new > div > .three_list_box ul li {float:left; width:25%; text-align: center;} .right_con02_new > div > .three_list_box ul li:nth-of-type(2) {margin:0 12%;} .right_con02_new > div > .three_list_box ul li > span {width:50px; height:50px; background: #f9fafb; border-radius: 50%; box-sizing: border-box; text-align: center; display:block; padding-top:15px; margin:0 auto;} .right_con02_new > div > .three_list_box ul li > p {font-size:14px ;color:#898989; font-weight: 400; margin-top:10px;} .right_con02_new > div > .three_list_box ul li > p span {color:#333;} .right_con02_new > div > .two_list_box {width:100%;} .right_con02_new > div > .two_list_box ul {overflow:hidden;} .right_con02_new > div > .two_list_box ul li {float:left; width:50%; text-align: center;} .right_con02_new > div > .two_list_box ul li > span { box-sizing: border-box; text-align: center; display:block; padding-top:15px; margin:0 auto;} .right_con02_new > div > .two_list_box ul li > p {font-size:14px ;color:#898989; font-weight: 400; margin-top:10px;} .right_con02_new > div > .two_list_box ul li > p span {color:#333;} .right_con02_new > div > .board_list_box ul {width:100%; margin-top:10px; color: #666;} .right_con02_new > div > .board_list_box ul li {width:100%; margin-bottom:10px; overflow:hidden;} .right_con02_new > div > .board_list_box ul li:last-of-type {margin-bottom:0;} .right_con02_new > div > .board_list_box ul li div.list_tit {width:100%; font-size:0; display:block;} .right_con02_new > div > .board_list_box ul li div.list_tit > div {display:inline-block; vertical-align: middle;} .right_con02_new > div > .board_list_box ul li div.list_tit > div > p {font-size:14px; color:#666; font-weight: 400; transition:all 0.4s;} .right_con02_new > div > .board_list_box ul li div.list_tit > div > p:hover {color:#333;} .right_con02_new > div > .board_list_box.b_list01 ul li div.list_tit > div > p {max-width: 256px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} .right_con02_new > div > .board_list_box.b_list02 ul li div.list_tit {float:left; width: auto !important;} .right_con02_new > div > .board_list_box.b_list02 ul li div.answer_part {float:right; width:55px; text-align: center;} .right_con02_new > div > .board_list_box.b_list02 ul li div.answer_part .answered {color:#666;} .right_con02_new > div > .board_list_box.b_list02 ul li div.answer_part .unanswered {color:#ff7230;} .right_con02_new > div > .board_list_box.b_list02 ul li div.list_tit > div > p {max-width: 185px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} /*전문가홈 > 요약정보 새로운 레이아웃 용 CSS ------ 끝 ------*/ #openClass {width:570px; margin:0 0 0 -280px !important;} #openClass .pop_sub_tit {font-size:17px; font-weight: 500; color:#333; text-align: center;} #openClass .bg_box {width:530px; margin:0 auto; padding:10px; box-sizing: border-box; height:205px; overflow-y:scroll; background: #f9fafb;} #openClass .bg_box p.desc {font-size:14px; font-weight: 400; color:#666; line-height: 22px;} #openClass .bg_box::-webkit-scrollbar {display: none;} #openClass .align_box {text-align:center; width:100%; margin:20px 0;} #openClass .align_box label {font-size:14px; font-weight: 400; color:#666;} #openClass p.read {font-size:14px; font-weight: 400; color:#2eaef8; text-align: center; margin-bottom:30px;} #openClass .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #openClass .option_area a {display: inline-block; vertical-align: middle;} #openClass .option_area a:first-of-type {width:105px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #openClass .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #openClass .option_area a:last-of-type {width:180px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #openClass .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #openClass .option_area a:last-of-type span { vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #openClass .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} .check_availability {position:relative;} .pos_ab {position:absolute; z-index:2; top:-6px; right:-190px;} #balloon {display: inline-block;position: relative;background: #fff;height: 70px;width: 275px;margin: 0 auto 10px;border: 1px solid #dfdfdf; border-radius: 4px ;box-sizing: border-box; box-shadow: 0px 0px 7px #ccc;} #balloon:after {content: '';position: absolute;border-top: 10px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent; top: 50%; left: -9px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform:rotate(90deg); } #balloon:before {content: '';position: absolute;border-top: 10px solid #dfdfdf;border-right: 5px solid transparent;border-left: 5px solid transparent; top: 50%; left: -11px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform:rotate(90deg); } #balloon img {display: inline-block; vertical-align: middle; position:absolute; bottom:0; left:10px;} #balloon p.txt {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; width:100%; text-align: center; line-height: 70px; padding-left:50px; box-sizing: border-box;} #balloon p.txt span {color:#ea302e;} #balloon > a {position:absolute; top:3px; right:5px; color:#898989;} /*강의 편집*/ .right_content_set02 {position:relative; overflow: hidden;} .right_content_set02 > p.tit {font-size:23px; font-weight: 500; color:#333;} .right_content_set02 > p.sub_tit_icon {font-size:17px; font-weight: 500; color:#333; display: inline-block; vertical-align: middle; margin-top:30px; margin-bottom:20px;} .right_content_set02 > p.sub_tit_icon img {vertical-align: middle; display: inline-block; margin-top:-1px;} .right_content_set02 > .insert_cover {width:100%; overflow: hidden;} .right_content_set02 > .insert_cover .left {float:left; width:220px; margin-right:30px;} .right_content_set02 > .insert_cover .list_right {float:left; width:calc(100% - 300px);} .right_content_set02 > .insert_cover > .btn_box {float:left; width:48px; margin-right:2px;} .right_content_set02 > .insert_cover > .btn_box > a {display:block; width:100%; height:40px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #fff; font-size:12px; text-align: center; font-weight: 400; color:#666; padding:0 7px; line-height:13px; margin-right:5px; transition:all 0.4s; padding-top:7px; margin-bottom:2px; } .right_content_set02 > .insert_cover > .btn_box > a.del {font-size:14px;} .right_content_set02 > .insert_cover > .btn_box > a.new_btn {background:#e7e7e7; border:1px solid #e7e7e7;} /* 베타버전 완료시 지울것 */ .right_content_set02 > .insert_cover > .btn_box > a.new_btn {position:relative;} .right_content_set02 > .insert_cover > .btn_box > a.new_btn img {position:absolute; top:0; right:0;} /*베타버전 완료시 여기까지 지울것*/ .right_content_set02 > .insert_cover > .btn_box > a:last-of-type {padding:0 15px !important; margin-bottom:0; line-height:37px;} .right_content_set02 > .insert_cover > .btn_box > a:hover {border:1px solid #b4b4b4; color:#333;} .right_content_set02 > .insert_cover > .btn_box > a.new_btn:hover {background :#cfcfcf; border:1px solid #cfcfcf;} .right_content_set02 > .insert_cover .left .list_palette {width:100%; padding:10px; box-sizing:border-box; border:1px solid #dfdfdf; border-radius: 4px; background: #fff; height:600px; overflow-y: scroll;} .right_content_set02 > .insert_cover .left .list_palette::-webkit-scrollbar {display: none;} .right_content_set02 > .insert_cover .left .list_palette ul {width:100%;} .right_content_set02 > .insert_cover .left .list_palette ul li {width:100%; position:relative; cursor:pointer;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt {margin-bottom:3px;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt > .for_click > input {color:#fff; font-weight: 400; font-size:13px; padding-left:10px; box-sizing: border-box; line-height: 23px; background: #0083ca; display: block; width:100%; border-radius: 4px; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:none;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt:hover > .for_click > input {background: #0076b5;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.focus > .for_click > input {background: #333333;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt > .for_click > span {color:#fff; font-weight: 400; font-size:13px; padding-left:10px; box-sizing: border-box; line-height: 23px; background: #0083ca; display: block; width:100%; border-radius: 4px; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:none;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt:hover > .for_click > span {background: #0076b5;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.focus > .for_click > span {background: #333333;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.assignment > .for_click {background :#fff; border-radius:4px; box-sizing:border-box;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.assignment > .for_click > span.last_span {color:#333 !important; background:transparent !important; display:inline-block; vertical-align:middle; width:80% !important; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing:border-box;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.assignment.focus > .for_click {background:#eaf7fe;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.assignment.focus > .for_click > span.last_span {color:#2eaef8 !important;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.assignment span.category {padding-left:3px !important; background:transparent !important;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.assignment input[type="text"] {display:inline-block; width:auto; background:transparent; color:#333; margin-left:10px;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.assignment:hover > .for_click > span.last_span {color:#2eaef8 !important;} /*테스트 강좌 용*/ .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.t_exam > .for_click {background :#fff; border-radius:4px; box-sizing:border-box;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.t_exam > .for_click > span.last_span {color:#333 !important; background:transparent !important; display:inline-block; vertical-align:middle; width:80% !important; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing:border-box;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.t_exam.focus > .for_click {background:#eaf7fe;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.t_exam.focus > .for_click > span.last_span {color:#2eaef8 !important;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.t_exam span.category {padding-left:3px !important; background:transparent !important;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.t_exam input[type="text"] {display:inline-block; width:auto; background:transparent; color:#333; margin-left:10px;} .right_content_set02 > .insert_cover .left .list_palette ul li.one_dpt.t_exam:hover > .for_click > span.last_span {color:#2eaef8 !important;} .right_content_set02 > .insert_cover .left .list_palette ul li.two_dpt > .for_click > input {display: block; width:100%; line-height: 23px; font-size:13px; font-weight: 400; color:#333; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:none; padding-left:18px; box-sizing: border-box; background-color:transparent;} .right_content_set02 > .insert_cover .left .list_palette ul li.two_dpt:hover > .for_click > input {color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.two_dpt.focus > .for_click > input {background: #eaf7fe; color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.two_dpt > .for_click > span {display: block; width:100%; line-height: 23px; font-size:13px; font-weight: 400; color:#333; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:none; padding-left:18px; box-sizing: border-box; background-color:transparent;} .right_content_set02 > .insert_cover .left .list_palette ul li.two_dpt:hover > .for_click > span {color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.two_dpt.focus > .for_click > span {background: #eaf7fe; color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.two_dpt:hover > .for_click > i {color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.two_dpt > .for_click > i {position:absolute; top:3px; left:0px;} .right_content_set02 > .insert_cover .left .list_palette ul li.two_dpt.focus > .for_click > i {color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt > .for_click > input {display: inline-block; vertical-align: middle; line-height: 23px; font-size:13px; font-weight: 400; color:#333; padding-left:15px; box-sizing: border-box; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:none; padding-right:67px; background-color:transparent;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt:hover > .for_click > input {color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt.focus > .for_click > input {background: #eaf7fe; color:#2eaef8; } .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt > .for_click > span {display: inline-block; vertical-align: middle; line-height: 23px; font-size:13px; font-weight: 400; color:#333; padding-left:20px; box-sizing: border-box; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:none; padding-right:67px; background-color:transparent;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt > .for_click > span:last-of-type {padding:0 10px;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt:hover > .for_click > span {color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt.focus > .for_click > span {background: #eaf7fe; color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt > .for_click > span.depth_arrow {width:5px; height:5px; display: inline-block; vertical-align: middle; border-left:1px solid #ccc; border-bottom:1px solid #ccc; margin-left:6px; position:absolute !important; top:7px; padding:0 !important;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt > .for_click .icon_box {position:absolute; top:2px; left:140px;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt > .for_click .icon_box > i {display: inline-block; vertical-align: top;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt:hover > .for_click .icon_box > i {color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li.three_dpt.focus > .for_click .icon_box > i {color:#2eaef8;} .right_content_set02 > .insert_cover .left .list_palette ul li > .for_click > span.category {color:#2eaef8; display:inline-block; vertical-align:middle; padding:0; padding-left:15px; width:auto !important;} .right_content_set02 > .insert_cover .left .list_palette ul li > .for_click > input.exam, .right_content_set02 > .insert_cover .left .list_palette ul li > .for_click > input.assign {padding:0 !important; } .right_content_set02 > .insert_cover .left .list_palette ul li.focus > .for_click.for_assign, .right_content_set02 > .insert_cover .left .list_palette ul li.focus > .for_click.for_exam {background:#eaf7fe} .right_content_set02 > .insert_cover .left .extras {width:100%;} .right_content_set02 > .insert_cover .left .extras p.desc {font-size:11px; font-weight: 400; color:#898989; margin-top:15px;} .right_content_set02 > .insert_cover .left .extras > div:after {display: block; content:""; clear:both;} .right_content_set02 > .insert_cover .left .extras .btn01 {margin-bottom:15px; margin-top:20px;} .right_content_set02 > .insert_cover .left .extras .btn01 > p {float:left; font-size:12px; font-weight: 400; color:#898989;} .right_content_set02 > .insert_cover .left .extras .btn01 > a {float:right; vertical-align: middle; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; font-size:14px; color:#898989; font-weight: 400; text-align: center; line-height: 35px; margin-top:3px;} .right_content_set02 > .insert_cover .left .extras .btn02 {position:relative; margin-top:20px;} .right_content_set02 > .insert_cover .left .extras .btn02 > p {float:left; font-size:12px; font-weight: 400; color:#898989;} .right_content_set02 > .insert_cover .left .extras .btn02 > a {float:right; vertical-align: middle; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; font-size:14px; color:#898989; font-weight: 400; text-align: center; line-height: 35px; margin-top:3px; transition:all 0.4s;} .right_content_set02 > .insert_cover .left .extras .btn02 > a:hover {border:1px solid #b4b4b4; color:#333;} .right_content_set02 > .insert_cover .list_right .preview_box #week_set > p.tit {font-size:17px; color:#333; font-weight: 500;} .right_content_set02 > .insert_cover .list_right .preview_box #week_set > p.tit span {font-size:13px; color:#898989; font-weight:400;} .right_content_set02 > .insert_cover .list_right .preview_box #week_set > .input_area {width:100%; text-align:center; margin-top:15px;} .right_content_set02 > .insert_cover .list_right .preview_box #week_set > .input_area input {width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; height:35px; font-size:14px; font-weight:400; color:#666; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding-left:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #week_set > .input_area input[type="text"]::-webkit-input-placeholder {color:#898989;} .right_content_set02 > .insert_cover .list_right .preview_box #week_set > .input_area a.confirm {display: inline-block; padding:0 15px; box-sizing: border-box; border-radius: 4px; background: #2eaef8; color:#fff; font-weight:400; text-align: center; font-size:14px; line-height: 30px; margin-top:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #nth_set > p.tit {font-size:17px; color:#333; font-weight: 500;} .right_content_set02 > .insert_cover .list_right .preview_box #nth_set > p.tit span {font-size:13px; color:#898989; font-weight:400;} .right_content_set02 > .insert_cover .list_right .preview_box #nth_set > .input_area {width:100%; text-align:center; margin-top:15px;} .right_content_set02 > .insert_cover .list_right .preview_box #nth_set > .input_area input {width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; height:35px; font-size:14px; font-weight:400; color:#666; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding-left:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #nth_set > .input_area input[type="text"]::-webkit-input-placeholder {color:#898989;} .right_content_set02 > .insert_cover .list_right .preview_box #nth_set > .input_area a.confirm {display: inline-block; padding:0 15px; box-sizing: border-box; border-radius: 4px; background: #2eaef8; color:#fff; font-weight:400; text-align: center; font-size:14px; line-height: 30px; margin-top:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set > div.tit {overflow:hidden;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set > div.tit > p.tit {font-size:17px; vertical-align: middle; font-weight: 500; color:#333; float:left;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set > div.tit > p.tit img {display: inline-block; vertical-align: middle; margin-top:-1px; margin-right:2px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set > div.tit > p.warn {font-size:12px; vertical-align: middle; font-weight: 400; color:#ea302e; float:right;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 {width:100%; position: relative; overflow:hidden; border-bottom:1px solid #dfdfdf; padding-bottom:30px; margin-bottom:30px; box-sizing: border-box; margin-top:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 {overflow: hidden;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_left {float:left;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_left span {display: inline-block; vertical-align: middle; font-size:15px; color:#333; font-weight: 500; width:150px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_left span b {color:#ea302e; font-size:16px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right {float:left;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right {width:calc(100% - 150px); margin-bottom:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right input.tit_txt {width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:35px; font-size:14px; font-weight: 400; padding-left:20px; margin-bottom:5px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right input[type="text"]::-webkit-input-placeholder {color:#898989;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right .always {margin-bottom:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right .always span {color:#2eaef8; font-size:14px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right .date_set {width:100%;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right .date_set > span {display: inline-block; vertical-align:middle; width:50px; line-height: 35px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right .date_set > span:last-of-type {margin-left:30px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right .date_set div.date_input {display: inline-block; vertical-align: middle; width:180px; position:relative;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right .date_set div.date_input input {width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:35px; font-size:14px; font-weight: 400; padding-left:20px; margin-bottom:5px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con01 .separate01 .tit_right .date_set div.date_input i {position:absolute; top:8px; left:8px; } .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 {width:100%; position:relative; overflow: hidden; border-bottom:1px solid #dfdfdf; padding-bottom:30px; margin-bottom:30px; box-sizing: border-box;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 > p.tit {font-size:15px; font-weight: 500; color:#333; margin-bottom:15px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 > div {overflow: hidden;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 > div input[type="text"] { width: 483px; display: inline-block; vertical-align: middle; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:35px; font-size:14px; font-weight: 400; padding-left:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 > div input::-webkit-input-placeholder {color:#b2b2b2;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 > div button {display: inline-block; vertical-align: middle; margin:0 1px; padding:0 15px; line-height: 35px; font-weight: 400; font-size:14px; color:#666; text-align: center; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; transition:all 0.4s;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 > div button:hover {border:1px solid #b4b4b4; color:#333;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 > div.aqua {width:370px; margin:0 !important; display:inline-block; vertical-align: middle; margin-top:5px !important;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 > span.status {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; margin-top:5px !important;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con02 > div.uploaded_preview {width:100%; margin-top:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 {width:100%; position:relative; overflow: hidden; border-bottom:1px solid #dfdfdf; padding-bottom:0px; margin-bottom:30px; box-sizing: border-box;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > p.tit {font-size:15px; font-weight: 500; color:#333; margin-bottom:15px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > p.tit span {color:#ea302e;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > .btn_box {width:100%; background: #f9fafb; padding:10px; box-sizing: border-box; border-radius: 4px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > .btn_box ul {width:100%; overflow:hidden;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > .btn_box ul li {float:left; width:100px; padding:10px 0 ;box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; height:70px; text-align: center; background: #fff; margin-right:10px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > .btn_box ul li a {display: block; width:100%; font-size:12px; font-weight: 400; color:#666; } .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > .btn_box ul li a img {display: inline-block; vertical-align: middle; text-align: center; margin:0 auto 5px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > div.input_btn {overflow: hidden; margin:20px 0 10px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > div.input_btn.ip01 img {margin:4px 5px 0 0;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > div.input_btn.ip02 img {margin:4px 5px 0 0;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > div.input_btn input { width: 450px; display: inline-block; vertical-align: middle; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:35px; font-size:14px; font-weight: 400; padding-left:20px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > div.input_btn input::-webkit-input-placeholder {color:#b2b2b2;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > div.input_btn button{display: inline-block; vertical-align: middle; margin:0 1px; padding:0 15px; line-height: 35px; font-weight: 400; font-size:14px; color:#666; text-align: center; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; transition:all 0.4s;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > div.input_btn button:hover {border:1px solid #b4b4b4; color:#333;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > div.uploaded_preview {width:100%;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > div.uploaded_preview img {width:100%;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > .editor_area {margin-top:50px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 > .editor_area > img {width:100%;} /* .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 #editor-container {border-left:1px solid #ccc; border-right:1px solid #ccc;} */ .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con03 #standalone-container {margin:0 !important;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 {width:100%; position:relative; overflow: hidden; border-bottom:1px solid #dfdfdf; padding-bottom:30px; margin-bottom:30px; box-sizing: border-box;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > p.tit {font-size:15px; font-weight: 500; color:#333; margin-bottom:15px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > p.tit span {color:#ea302e;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > p.desc {font-size:14px; font-weight: 400; color:#666; margin-top:15px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > .wrapQuestion > .question_box {width:100%; border:1px solid #dfdfdf; padding :10px; box-sizing: border-box; border-radius: 4px; overflow: hidden; margin-top:10px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > .wrapQuestion > .question_box > div {float:left;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > .wrapQuestion > .question_box > div p.tit {font-size:15px; font-weight: 400; color:#333;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > .wrapQuestion > .question_box > div p.tit > span {color:#898989;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > .wrapQuestion > .question_box > div p.tit > span:last-of-type {color:#333;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > .wrapQuestion > .question_box > div p.lang_type > span {display: inline-block; vertical-align: middle; margin:0 5px;font-size:10px; font-weight: 400; color:#b2b2b2;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > .wrapQuestion > .question_box > div.btn_box {float:right;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > .wrapQuestion > .question_box > div.btn_box > a {display: inline-block; vertical-align: middle; margin:0 2px; padding:0 15px; line-height: 35px; font-weight: 400; font-size:14px; color:#666; text-align: center; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; transition:all 0.4s;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > .wrapQuestion > .question_box > div.btn_box > a:hover {border:1px solid #b4b4b4; color:#333;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > div.btn_part {margin-top:30px;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > div.btn_part > a {display: inline-block; vertical-align: middle; margin:0 2px; padding:0 15px; line-height: 35px; font-weight: 400; font-size:14px; color:#666; text-align: center; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; transition:all 0.4s;} .right_content_set02 > .insert_cover .list_right .preview_box #class_set .class_set_con04 > div.btn_part > a:hover {border:1px solid #b4b4b4; color:#333;} .right_content_set02 > .insert_cover .list_right .proceed_box {width:100%; text-align: center; margin-bottom:30px;} .right_content_set02 > .insert_cover .list_right .proceed_box a {display: inline-block; vertical-align: middle; line-height: 35px; font-weight: 400; font-size:14px; color:#fff; text-align: center; border-radius: 4px; box-sizing: border-box; padding:0 15px; margin:0 5px; transition:all 0.4s;} .right_content_set02 > .insert_cover .list_right .proceed_box a.preview {background: #e7e7e7; color:#333;} .right_content_set02 > .insert_cover .list_right .proceed_box a.preview:hover {background:#b2b2b2;} .right_content_set02 > .insert_cover .list_right .proceed_box a.confirm {background: #2eaef8;} .right_content_set02 > .insert_cover .list_right .proceed_box a.confirm:hover {background:#0076b5;} #video_upload {width:570px; margin:0 0 0 -280px !important;} #video_upload .input {width:95%; margin:0 auto 50px;} #video_upload .input input {width: 449px; display: inline-block; vertical-align: middle; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:35px; font-size:14px; font-weight: 400; padding-left:20px;} #video_upload .input input::-webkit-input-placeholder {color:#b2b2b2;} #video_upload .input div.search_file {display: inline-block; vertical-align: middle; margin:0 2px; padding:0 15px; line-height: 35px; font-weight: 400; font-size:14px; color:#333; text-align: center; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #e7e7e7} #video_upload .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #video_upload .option_area a {display: inline-block; vertical-align: middle;} #video_upload .option_area a:first-of-type {width:70px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #video_upload .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #video_upload .option_area a:last-of-type {width:145px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #video_upload .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #video_upload .option_area a:last-of-type span {vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #video_upload .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} #video_upload .tab_box {width:95%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative; height:40px; z-index:2; margin:0 auto 30px;} #video_upload .tab_box ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0;} #video_upload .tab_box ul li {display: inline-block; vertical-align: top; width:100px; border:1px solid #dfdfdf; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; margin-right:1px;} #video_upload .tab_box ul li a {display: block; width:100%; line-height: 40px; font-size:14px; font-weight: 500; text-align: center; color:#898989;} #video_upload .tab_box ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} #video_upload .tab_box ul li.tab_active a {color:#333;} #scratch_upload {width:570px; margin:0 0 0 -280px !important;} #scratch_upload .input {width:95%; margin:0 auto 50px;} #scratch_upload .input input {width: 449px; display: inline-block; vertical-align: middle; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:35px; font-size:14px; font-weight: 400; padding-left:20px;} #scratch_upload .input input::-webkit-input-placeholder {color:#b2b2b2;} #scratch_upload .input div.search_file {display: inline-block; vertical-align: middle; margin:0 2px; padding:0 15px; line-height: 35px; font-weight: 400; font-size:14px; color:#333; text-align: center; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #e7e7e7} #scratch_upload .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #scratch_upload .option_area a {display: inline-block; vertical-align: middle;} #scratch_upload .option_area a:first-of-type {width:70px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #scratch_upload .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #scratch_upload .option_area a:last-of-type {width:145px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #scratch_upload .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #scratch_upload .option_area a:last-of-type span {vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #scratch_upload .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} #scratch_upload .tab_box {width:95%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative; height:40px; z-index:2; margin:0 auto 30px;} #scratch_upload .tab_box ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0;} #scratch_upload .tab_box ul li {display: inline-block; vertical-align: top; width:100px; border:1px solid #dfdfdf; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; margin-right:1px;} #scratch_upload .tab_box ul li a {display: block; width:100%; line-height: 40px; font-size:14px; font-weight: 500; text-align: center; color:#898989;} #scratch_upload .tab_box ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} #scratch_upload .tab_box ul li.tab_active a {color:#333;} #file_upload {width:570px; margin:0 0 0 -280px !important;} #file_upload .input {width:95%; margin:0 auto 50px;} #file_upload .input input {width: 445px; display: inline-block; vertical-align: middle; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:35px; font-size:14px; font-weight: 400; padding-left:20px;} #file_upload .input input::-webkit-input-placeholder {color:#b2b2b2;} #file_upload .input a {display: inline-block; vertical-align: middle; margin:0 2px; padding:0 15px; line-height: 35px; font-weight: 400; font-size:14px; color:#333; text-align: center; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #e7e7e7} #file_upload .input div.actions label {font-size:14px; margin-top:5px; padding-left:20px; box-sizing: border-box; color:#333; font-weight: 400; line-height: 22px;} #file_upload .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #file_upload .option_area a {display: inline-block; vertical-align: middle;} #file_upload .option_area a:first-of-type {width:70px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #file_upload .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #file_upload .option_area a:last-of-type {width:145px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #file_upload .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #file_upload .option_area a:last-of-type span { vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #file_upload .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} #slide_upload {width:570px; margin:0 0 0 -280px !important;} #slide_upload .input {width:95%; margin:0 auto 50px;} #slide_upload .input input {width: 449px; display: inline-block; vertical-align: middle; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:35px; font-size:14px; font-weight: 400; padding-left:20px;} #slide_upload .input input::-webkit-input-placeholder {color:#b2b2b2;} #slide_upload .input a {display: inline-block; vertical-align: middle; margin:0 2px; padding:0 15px; line-height: 35px; font-weight: 400; font-size:14px; color:#333; text-align: center; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #e7e7e7} #slide_upload .input div.actions label {font-size:14px; margin-top:5px; padding-left:20px; box-sizing: border-box; color:#333; font-weight: 400; line-height: 22px;} #slide_upload .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #slide_upload .option_area a {display: inline-block; vertical-align: middle;} #slide_upload .option_area a:first-of-type {width:70px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #slide_upload .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #slide_upload .option_area a:last-of-type {width:145px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #slide_upload .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #slide_upload .option_area a:last-of-type span { vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #slide_upload .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} #load_question {top:40px !important; margin-top: 0px !important;} #load_question > div.pop_tit_cov {margin-bottom:0;} #load_question .content_box {width:100%; padding:20px; box-sizing: border-box; height:750px; overflow-y:scroll;} #load_question .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #load_question .option_area a {display: inline-block; vertical-align: middle;} /* #load_question .option_area a:first-of-type {width:70px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #load_question .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} */ #load_question .option_area a:last-of-type {line-height: 30px; background: #333; color:#fff; border-radius: 4px; box-sizing: border-box; margin-right:20px; font-size:14px; font-weight: 400; text-align: left; padding:0 15px; box-sizing:border-box; transition: all 0.4s; text-align:center;} #load_question .option_area a:last-of-type:hover {background: #666; transition: all 0.4s;} #load_question .option_area a:last-of-type span { vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #load_question .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} #load_question .tab_box {width:100%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative; height:40px; z-index:2; margin:0 auto 30px;} #load_question .tab_box ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0;} #load_question .tab_box ul li {display: inline-block; vertical-align: top; width:100px; border:1px solid #dfdfdf; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; margin-right:1px;} #load_question .tab_box ul li a {display: block; width:100%; line-height: 40px; font-size:15px; font-weight: 500; text-align: center; color:#898989;} #load_question .tab_box ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} #load_question .tab_box ul li.tab_active a {color:#333;} #load_question .tab_box02 {width:100%; box-sizing: border-box; position:relative; height:40px; z-index:2; margin:0 auto 30px;} #load_question .tab_box02 ul {width:100%; text-align: left; font-size:0;} #load_question .tab_box02 ul li {display: inline-block; vertical-align: top; width:50%; border:1px solid #dfdfdf; box-sizing: border-box; background: #f9fafb; margin-right:1px;} #load_question .tab_box02 ul li a {display: block; width:100%; line-height: 40px; font-size:14px; font-weight: 500; text-align: center; color:#898989;} #load_question .tab_box02 ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} #load_question .tab_box02 ul li.tab_active a {color:#333;} #load_question .preset {width:100%; padding:10px; box-sizing: border-box; background: #f9fafb; position:relative; margin-top:30px;} #load_question .preset .top .tit_box{width:100%; overflow: hidden;} #load_question .preset .top p.preset_tit {font-size:17px; font-weight: 500; float:left; color:#333;} #load_question .preset .top .tit_box > a {border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; width:70px; line-height: 26px; display: block; text-align: center; float:right; background: #fff;} #load_question .preset .top .tit_box > a:hover {border:1px solid #b4b4b4; color:#252525;} #load_question .preset .top .tit_box > a span {font-size:12px; color:#898989;} #load_question .preset .top .tit_box > a:hover span {color:#252525;} #load_question .preset .top .preset_selection {width:100%; padding-left:30px; box-sizing: border-box; margin-top:20px;} #load_question .preset .top .preset_selection > div {width:100%; overflow:hidden; margin-bottom:10px;} #load_question .preset .top .preset_selection > div > p {width:100px; display: inline-block; vertical-align: top; font-size:14px; font-weight: 500; line-height: 37px;} #load_question .preset .top .preset_selection > div > div {overflow:hidden; box-sizing: border-box; display: inline-block; vertical-align: top; width:425px;} #load_question .preset .top .preset_selection > div > div ul {overflow: hidden;} #load_question .preset .top .preset_selection > div > div ul li {float:left; text-align: center; border:1px solid #dfdfdf; background: #fff; border-right:none;} #load_question .preset .top .preset_selection > div > div ul li:first-of-type {border-radius: 4px 0 0 4px;} #load_question .preset .top .preset_selection > div > div ul li:last-of-type {border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} #load_question .preset .top .preset_selection > div > div ul li a {display: block; line-height: 35px; font-size:14px; color:#898989; cursor: pointer; padding:0 20px; box-sizing: border-box; width:100%;} #load_question .preset .top .preset_selection > div > div ul li:hover {background: #f2f2f2;} #load_question .preset .top .preset_selection > div > div ul li:hover a {color:#252525; font-weight: 500;} #load_question .preset .top .preset_selection > div > div ul li.selected {background: #f2f2f2;} #load_question .preset .top .preset_selection > div > div ul li.selected a {color:#252525; font-weight: 500;} #load_question .preset .top .preset_selection > .col03 {position:relative;} #load_question .preset .top .preset_selection > .col03 > a.more {line-height: 35px; font-size:14px; color:#898989; font-weight: 400; vertical-align: top;/* position:absolute; right:550px */;} #load_question .preset .top .preset_selection > .col03 ul li.f_li{border-radius: 4px 0 0 4px;} #load_question .preset .top .preset_selection > .col03 ul li:nth-of-type(5n){border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} #load_question .preset .top .preset_selection > .col03 ul li.addMargin {margin-bottom:10px;} #load_question .preset .top .preset_selection > .col03 ul li.hide {display: none} #load_question .preset .top .preset_selection > .col03 ul br {display: none;} #load_question .info_box span.prof_img {display: inline-block; vertical-align: middle; width:20px; height:20px; overflow: hidden; border:1px solid #dfdfdf; border-radius: 50%; background: #fff;} #load_question .info_box span.prof_img img {width:100%;} #load_question .info_box span.user_name {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; margin:0 5px; letter-spacing: -0.075em;} #load_question .info_box .lv_box { position:relative; text-align: center; height:20px; margin:0px 10px; display: inline-block; vertical-align: middle;} #load_question .info_box .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} #load_question .info_box .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:6px;} #load_question .info_box .lv_box img.lv16 {margin-top:-4.8pt;} #load_question .test_list table {width:100%; margin-top:50px;} #load_question .test_list table thead {border-bottom:1px solid #dfdfdf;} #load_question .test_list table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 25px;} #load_question .test_list table thead th span {display: inline-block; vertical-align: top;} #load_question .test_list table thead th span i {display: block; color:#898989; height:1px;} #load_question .test_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} #load_question .test_list table tbody tr:hover {background: #f9f8fb; color:#333 !important;} #load_question .test_list table tbody tr td {padding: 5px 0 !important; text-align: center !important} #load_question .test_list table tbody tr td:first-of-type span.type01 {color:#ff7230;} #load_question .test_list table tbody tr td:first-of-type span.type02 {color:#0083ca;} #load_question .test_list table tbody tr td:first-of-type span.type03 {color:#00b857;} #load_question .test_list table tbody tr td:first-of-type {text-align: left; font-size:14px; color:#666666; font-weight: 400; padding-left:30px; box-sizing: border-box;} #load_question .test_list table tbody tr td:nth-of-type(2) {text-align:left !important; padding-left:50px; box-sizing: border-box;} #load_question .test_list table tbody tr td:nth-of-type(2) p {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; width:420px; text-align: left !important; } #load_question .test_list table tbody tr td:nth-of-type(2) p.lang_type {font-size:12px; color:#898989; text-align: left !important; font-weight: 400;} #load_question .test_list table tbody tr td:nth-of-type(2) p.lang_type > span {display: inline-block;vertical-align: middle; margin:0 2px;} #load_question .test_list table tbody tr td:nth-of-type(2) div.labelsBox .test span {background:none !important; color:#b2b2b2; text-align:left !important; padding-left:0;} #load_question .test_list table tbody tr td:nth-of-type(3) {text-align: center; font-size:13px; font-weight: 500; color:#898989;} #load_question .test_list table tbody tr td:nth-of-type(3) .person > a {display:inline-block; vertical-align: middle; font-weight:400 !important; color:#666 !important;} #load_question .test_list table tbody tr td:nth-of-type(4) {text-align: center; font-size:13px; font-weight: 500; color:#898989;} #load_question .test_list table tbody tr td:nth-of-type(4) > span {color:#fff; border:none !important;} #load_question .test_list table tbody tr td:nth-of-type(5) {font-size:13px !important; font-weight:400;} #load_question .test_list table tbody tr td:last-of-type {text-align: center; font-size:13px; color:#898989; font-weight: 400;} #load_question .test_list table tbody tr td:last-of-type > a {display: block; width:70px; margin:0 auto; line-height: 30px; font-size:12px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; transition:all 0.4s;} #load_question .test_list table tbody tr td:last-of-type > a:hover {border:1px solid #b4b4b4; color:#252525; transition:all 0.4s; background: #fff;} #load_question .test_list table tbody tr td:last-of-type > span {color:#333;} #load_question .test_list table tbody tr td:nth-of-type(4) span {display: inline-block; vertical-align: middle; padding:0 5px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; line-height: 18px !important; font-size:10px; width:auto !important; height:auto !important;} #load_question .test_list table tbody tr td:nth-of-type(4) span.basic {background: #adcb45; color:#fff; font-weight: 400 !important; border:none !important;} #load_question .test_list table tbody tr td:nth-of-type(4) span.starter {background: #00b857; color:#fff; font-weight: 400 !important; border:none !important;} #load_question .test_list table tbody tr td:nth-of-type(4) span.mid {background: #0083ca; color:#fff; font-weight: 400 !important; border:none !important;} #load_question .test_list table tbody tr td:nth-of-type(4) span.high {background: #ff7230; color:#fff; font-weight: 400 !important; border:none !important;} #load_question .test_list table tbody tr td:nth-of-type(4) span.special {background: #ea302e; color:#fff; font-weight: 400 !important; border:none !important;} #load_question .paging {width:100%; margin:20px auto 0;} #load_question .paging ul {width:100%; font-size:0; text-align: center; border-radius: 5px; box-sizing: border-box;} #load_question .paging ul li {display: inline-block; vertical-align: top; width:35px; height:35px; border:1px solid #dfdfdf; box-sizing: border-box; border-right:none;} #load_question .paging ul li:first-of-type {border-radius: 5px 0 0 5px;} #load_question .paging ul li:last-of-type {border-radius: 0 5px 5px 0; border-right:1px solid #dfdfdf;} #load_question .paging ul li a {display: block; font-size:12px; color:#898989; font-weight:400; line-height: 35px;} #load_question .paging ul li.page_active {background: #f2f2f2;} #load_question .paging ul li.page_active a {color:#252525; font-weight: 500;} .pos_ab02 {position:absolute; z-index:2; top:-20px; right:-300px;} #balloon_new {display: inline-block;position: relative;background: #fff;height: 70px;width: 275px;margin: 0 auto 10px;border: 1px solid #dfdfdf; border-radius: 4px ;box-sizing: border-box; box-shadow: 0px 0px 7px #ccc;} #balloon_new:after {content: '';position: absolute;border-top: 10px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent; top: 50%; left: -9px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform:rotate(90deg); } #balloon_new:before {content: '';position: absolute;border-top: 10px solid #dfdfdf;border-right: 5px solid transparent;border-left: 5px solid transparent; top: 50%; left: -11px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform:rotate(90deg); } #balloon_new img {display: inline-block; vertical-align: middle; position:absolute; bottom:0; left:10px;} #balloon_new p.txt {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; width:100%; padding-top:15px; box-sizing: border-box; margin-left:80px;} #balloon_new p.txt span {color:#ea302e;} #balloon_new > a {position:absolute; top:3px; right:5px; color:#898989;} /* 강좌 기본설정 /teacher/basic_set.html */ .t_right_content01 .cover:after {content: ""; display: block; clear: both;} .t_right_content01 .cover p.tit {font-size:23px; font-weight: 500; float:left;} .t_right_content01 .cover > div.check {float:right; margin-top:5px;} .t_right_content01 .cover > div.check b {font-size:14px; font-weight: 400; display: inline-block; vertical-align: middle; margin-top:-12px;} .t_right_content01 .cover > div.check b span {color:#ff7433; font-weight: 400; font-size:14px; display: inline-block; vertical-align: middle;} .t_right_content01 .cover > div.check b img {display: inline-block; vertical-align: middle;} /*강의자 정보 설정*/ .t_right_content01 div table {width:100%;} .t_right_content01 div table tr {background: #fff; border-bottom:1px solid #dfdfdf; box-sizing: border-box;} .t_right_content01 div table tr:first-of-type {border-top:1px solid #dfdfdf;} .t_right_content01 div table tr th {font-size:14px; font-weight: 400; text-align: left; padding-left:20px; box-sizing: border-box; background: #f9fafb} .t_right_content01 div table tr th.spec_color {background: #dff0fa;} .t_right_content01 div table tr td {padding-left:20px; box-sizing: border-box;} .t_right_content01 div table tr td input {width:460px; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding-left:20px; font-size:14px; color:#666; font-weight: 400; line-height: 35px;} .t_right_content01 div table tr td input.half_input {width:228px;} .t_right_content01 div table tr td textarea {width:460px; resize: none; padding:10px 20px; box-sizing: border-box; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; background: #fff; border-radius: 4px; box-sizing: border-box; min-height:150px;} .t_right_content01 div.information_box01 table tr td input {opacity:0.3;} .t_right_content01 div.chan_info_box table {margin-bottom:30px;} .t_right_content01 div.chan_info_box table input {width:100%;} .t_right_content01 div.chan_info_box table textarea {width:100%; height:200px; resize:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box;} .t_right_content01 div.chan_info_box table div span.img_frame {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; overflow:hidden;width:220px;} .t_right_content01 div.chan_info_box table div span.img_frame img {width:100%;} .t_right_content01 div.chan_info_box table div.pL20 {padding-left:20px; display: inline-block; vertical-align: middle;} .t_right_content01 div.chan_info_box table div p.ex {font-size:12px; color:#898989; font-weight: 400; margin-bottom:10px;} .t_right_content01 div.chan_info_box table div p.ex span {font-size:10px;} .t_right_content01 div.chan_info_box table div ul.icon_btn li {width:30px; height:30px; border:1px solid #dfdfdf; background: #e2e2e2; border-radius: 50%; text-align: center; vertical-align: middle; padding-top:4px; transition:all 0.4s; margin-right:5px; display: inline-block; cursor:pointer;} .t_right_content01 div.chan_info_box table div ul.icon_btn li:hover {border:1px solid #cfcfcf; background-color: #cfcfcf;} .t_right_content01 div.chan_info_box table div ul.icon_btn li i {font-size:13px; color:#666;} .t_right_content01 div.chan_info_box table div ul.icon_btn li:hover i {color:#333;} .t_right_content01 div.chan_info_box table td {position:relative;} .t_right_content01 div.chan_info_box table td select {background: #fff; width:100%; position:relative; z-index:1;} .t_right_content01 div.chan_info_box table td i.caret {position:absolute; right:10px; top:18px; z-index:2;} .t_right_content01 p.cont_tit {font-size:17px; font-weight:400; color:#333; margin:50px 0 20px;} .t_right_content01 .btn_cover {text-align: center; margin:30px 0 80px;} .t_right_content01 .btn_cover a.confirm {display: inline-block; vertical-align: middle; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; background: #2eaef8; color:#fff; font-size:14px; font-weight: 400; text-align: center; line-height: 30px;} .t_right_content01 .tit_box {overflow:hidden; width:100%; margin-bottom:30px;} .t_right_content01 .tit_box p.tit {font-size:23px; color:#333; font-weight: 500; float:left;} .t_right_content01 .tit_box button {padding :0 15px; box-sizing: border-box; line-height: 35px; float:right; border:1px solid #dfdfdf;} .t_right_content01 .tit_box button:hover {border:1px solid #b4b4b4; } /*상세설정*/ .right_content_set03 {position:relative; overflow:hidden;} .right_content_set03 > p.tit {font-size:23px; font-weight: 500; color:#333;} .right_content_set03 .radio_box {width:100%;margin-top:30px;} .right_content_set03 .radio_box > div {border-bottom:1px solid #dfdfdf; padding-bottom:30px; margin-bottom:30px; box-sizing: border-box;} .right_content_set03 .radio_box > div > p.tit {font-size:17px; font-weight: 400; color:#333; margin-bottom:20px;} .right_content_set03 .radio_box > div > .radio {padding-left:30px; box-sizing: border-box;} .right_content_set03 .radio_box > div > .radio label {font-size:14px; font-weight: 400; color:#333; width:120px;} .right_content_set03 .radio_box > div > .radio span {display: inline-block; vertical-align: middle; margin-left:40px; font-size:14px; font-weight: 400; color:#333; margin-bottom:10px;} .right_content_set03 .radio_box > div > .radio > div {margin-bottom:10px;} .right_content_set03 .notice_setting {border-bottom:1px solid #dfdfdf; padding-bottom:30px; margin-bottom:30px; box-sizing: border-box;} .right_content_set03 .notice_setting div.tit_box {overflow:hidden;} .right_content_set03 .notice_setting div.tit_box p.tit {float:left; font-size:17px; font-weight: 400; color:#333; line-height: 30px;} .right_content_set03 .notice_setting div.tit_box a {color:#666; float:right; vertical-align: middle; padding:0 15px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height: 35px; transition:0.4s;} .right_content_set03 .notice_setting div.tit_box a:hover {color: #333; border:1px solid #b4b4b4;} .right_content_set03 .notice_set_list table {width:100%; margin-top:50px; border-top:1px solid #dfdfdf; text-align: center;} .right_content_set03 .notice_set_list table thead {border-bottom:1px solid #dfdfdf;} .right_content_set03 .notice_set_list table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .right_content_set03 .notice_set_list table thead th span {display: inline-block; vertical-align: top;} .right_content_set03 .notice_set_list table thead th span i {display: block; color:#898989; height:1px;} .right_content_set03 .notice_set_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content_set03 .notice_set_list table tbody tr:hover {background: #f9f8fb; color:#333 !important;} .right_content_set03 .notice_set_list table tbody tr td {padding: 10px 0 !important; color:#666; font-weight:400; font-size:14px;} .right_content_set03 .notice_set_list table tbody tr td:first-of-type {padding-left:20px !important; box-sizing: border-box; color:#666; text-align: left !important;} .right_content_set03 .notice_set_list table tbody tr td:nth-of-type(3) {font-size:13px;} .right_content_set03 .notice_set_list table tbody tr td:last-of-type {text-align: center; font-size:14px; color:#898989; font-weight: 400;} .right_content_set03 .notice_set_list table tbody tr td:last-of-type > a {display: inline-block; margin:0 auto; line-height: 25px; font-size:12px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; transition:all 0.4s; padding:0 7px;} .right_content_set03 .notice_set_list table tbody tr td:last-of-type > a:hover {border:1px solid #b4b4b4; color:#252525; transition:all 0.4s; background: #fff;} .right_content_set03 .notice_set_list table tbody tr td:last-of-type > span {color:#333;} .right_content_set03 .more_btn {margin-top:30px;} .right_content_set03 .more_btn > a {margin:0 auto;} .right_content_set03 .assist_setting div.tit_box p.tit {font-size:17px; font-weight: 400; color:#333; line-height: 30px;} .right_content_set03 .assist_setting .assist_list {width:100%; padding:20px; box-sizing: border-box; background: #f9fafb;} .right_content_set03 .assist_setting .assist_list p.tit {font-size:15px; color:#333; font-weight: 400;} .right_content_set03 .assist_setting .assist_list p.sub {font-size:14px; color:#666; font-weight: 400;} .right_content_set03 .assist_setting .assist_list .list_box {width:750px; margin-top:10px; border:1px solid #dfdfdf; border-radius: 4px; background: #fff; padding:10px; box-sizing: border-box; display: inline-block; vertical-align: middle; height:36px; margin-right:10px;} .right_content_set03 .assist_setting .assist_list a {display: inline-block; vertical-align: middle; line-height: 36px; color:#666; border:1px solid #dfdfdf; border-radius: 4px; padding:0 15px; box-sizing: border-box; text-align: center; background: #fff; margin-top:10px} .right_content_set03 .assist_set_list table {width:100%; margin-top:50px; border-top:1px solid #dfdfdf;} .right_content_set03 .assist_set_list table thead {border-bottom:1px solid #dfdfdf;} .right_content_set03 .assist_set_list table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .right_content_set03 .assist_set_list table thead th span {display: inline-block; vertical-align: top;} .right_content_set03 .assist_set_list table thead th span i {display: block; color:#898989; height:1px;} .right_content_set03 .assist_set_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content_set03 .assist_set_list table tbody tr:hover {background: #f9f8fb; color:#333 !important;} .right_content_set03 .assist_set_list table tbody tr td {padding: 5px 0 !important;} .right_content_set03 .assist_set_list table tbody tr td:first-of-type {padding-left:20px !important; box-sizing: border-box; color:#666;} .right_content_set03 .assist_set_list table tbody tr td:nth-of-type(2) {text-align: center;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type {text-align: center; font-size:13px; color:#898989; font-weight: 400;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type > div {display: inline-block; vertical-align: middle;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type a.set {display: inline-block; margin:0 auto; line-height: 25px; font-size:12px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; transition:all 0.4s; padding:0 7px;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type a.set:hover {border:1px solid #b4b4b4; color:#252525; transition:all 0.4s; background: #fff;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type > span {color:#333;} .right_content_set03 .assist_set_list.channel_assist table tbody tr td:first-of-type {text-align: center;} .right_content_set03 .assist_set_list.channel_assist table tbody tr td:nth-of-type(2) {text-align: left !important; padding-left:30px !important; color:#666;} .right_content_set03 .assist_set_list.channel_assist table tbody tr td:nth-of-type(3) {text-align: center;} .right_content_set03 .assist_set_list.channel_assist table tbody tr td:last-of-type {text-align: center; font-size:13px; color:#898989; font-weight: 400;} .right_content_set03 .assist_set_list.channel_assist table tbody tr td:last-of-type button {padding:0 15px; box-sizing: border-box; height:35px;} .right_content_set03 .save_btn {margin-top:30px; text-align:center;} .right_content_set03 .save_btn > a {display: inline-block; vertical-align: middle; padding:0 20px; box-sizing: border-box; border-radius: 4px; background: #2eaef8; color:#fff; font-size:14px; font-weight: 400; line-height: 35px; margin-bottom:80px;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type {position:relative; z-index:1;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop {position:absolute;top:6px; right:90px; z-index:2;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop .pos_rel {position:relative; width:240px; padding:20px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px 4px 0 0; background: #fff; border-bottom:none;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop .pos_rel > a {position:absolute; top:10px; right:10px;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop .pos_rel p.tit {font-size:17px; font-weight: 500; color:#333; text-align: left !important;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop .pos_rel ul {width:100%; margin-top:20px;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop .pos_rel ul li {width:100%; text-align: left; margin-bottom:10px;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop .pos_rel ul li:last-of-type {margin-bottom:0;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop .pos_rel ul li label {font-size:14px; font-weight:400; color:#666;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop .confirm_area {width:100%; background: #f9fafb; text-align: center; position:relative; border:1px solid #dfdfdf; border-top:none; border-radius: 0 0 4px 4px; padding:10px 0; box-sizing: border-box;} .right_content_set03 .assist_set_list table tbody tr td:last-of-type div.assist_set_pop .confirm_area a {padding:0 15px; box-sizing: border-box; border-radius: 4px; background: #333; color:#fff; font-size:14px; font-weight: 400; display: inline-block; vertical-align: middle; line-height: 30px;} #view_notice .read_page {width:95%; margin:0 auto;} #view_notice .read_page .content_box .top {width:100%; border-top:1px solid #dfdfdf; background: #f9fafb; overflow: hidden; margin-top:30px;} #view_notice .read_page .content_box .top p.cat {float:left;} #view_notice .read_page .content_box .top p.title {font-size:17px; color:#333; line-height: 40px; padding-left:20px; box-sizing: border-box; font-weight: 400; float:left;} #view_notice .read_page .content_box .top span.order {display: block; float:right; margin-right:20px; line-height: 40px; font-size:13px; color:#898989;} #view_notice .read_page .content_box .top span.status {font-size:14px; color:#333; font-weight:400;} #view_notice .read_page .content_box .top span.status.not {color:#ff7230;} #view_notice .read_page .content_box .mid {width:100%; overflow: hidden; border-bottom:1px solid rgba(223,223,223,0.5); padding:3px 0; box-sizing: border-box;} #view_notice .read_page .content_box .mid > .left {float:left; padding-left:20px; box-sizing: border-box;} #view_notice .read_page .content_box .mid > .left .th_img {width:25px; height:25px; border:1px solid #dfdfdf; border-radius: 50%; overflow: hidden; background: #fff;} #view_notice .read_page .content_box .mid > .left .th_img img {width:100%;} #view_notice .read_page .content_box .mid > .left .user_id {font-size:14px; color:#333; font-weight: 400; margin-right:5px; line-height: 30px; letter-spacing:-0.05em;} #view_notice .read_page .content_box .mid > .right {float:right;} #view_notice .read_page .content_box .mid span {display: inline-block; vertical-align: middle; } #view_notice .read_page .content_box .mid p {display: inline-block; vertical-align: middle; line-height:30px; margin-right:50px; color:#898989;} #view_notice .read_page .content_box .mid p span.num.view {font-size:13px;} #view_notice .read_page .content_box .mid .date {margin-left:70px; font-size:12px; color:#898989;} #view_notice .read_page .content_box .mid p i {vertical-align: middle; margin-top:-10px !important; margin-right:5px !important;} #view_notice .read_page .content_box .mid .date i {vertical-align: middle; margin-top:-2px !important;} #view_notice .read_page .content_box .mid .lv_cov {position:relative; margin:0 15px; display: inline-block; vertical-align: middle; padding-top:7px; box-sizing:border-box;} #view_notice .read_page .content_box .mid .lv_cov .lv_box {width:100%; position:relative; height:25px; } #view_notice .read_page .content_box .mid .lv_cov .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} #view_notice .read_page .content_box .mid .lv_cov .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} #view_notice .read_page .content_box .mid .lv_cov .lv_box img.lv16 {margin-top:-4.8pt;} #view_notice .read_page .content_box .bot {padding:50px 20px; box-sizing: border-box; position:relative; margin-bottom:30px;} #view_notice .read_page .content_box .bot p.txt {height:420px; overflow-y: scroll;} #view_notice .read_page .content_box .bot p.txt::-webkit-scrollbar { display: none; } #view_notice .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0; overflow:hidden;} #view_notice .option_area .left {float:left;} #view_notice .option_area .right {float:right;} #view_notice .option_area a {display: inline-block; vertical-align: middle;} #view_notice .option_area a.prev i, #view_notice .option_area a.next i {display: inline-block; vertical-align: middle; float:none;} #view_notice .option_area a.prev {margin-left:10px;} #view_notice .option_area a.prev, #view_notice .option_area a.next, #view_notice .option_area a.insert {display: inline-block; vertical-align: middle; font-size:14px; color:#666; font-weight: 400; text-align: center; background: #fff; padding:0 15px; line-height: 30px; border:1px solid #dfdfdf; margin-right:10px; border-radius: 4px;} #view_notice .option_area a.cancel {display: inline-block; vertical-align: middle; font-size:14px; color:#fff; font-weight: 400; text-align: center; background: #333; padding:0 15px; line-height: 30px; border:1px solid #333; margin-right:10px; border-radius: 4px;} #create_notice .input_cover {width:95%; margin:0 auto;} #create_notice .input_cover div.tit {width:100%; margin-bottom:10px;} #create_notice .input_cover input[type="text"]::-webkit-input-placeholder {color:#b2b2b2 !important; font-size:14px; font-weight:400;} #create_notice .input_cover input[type="text"]::-ms-input-placeholder {color:#b2b2b2 !important; font-size:14px; font-weight:400;} #create_notice .input_cover input[type="text"]::-moz-input-placeholder {color:#b2b2b2 !important; font-size:14px; font-weight:400;} #create_notice .input_cover input[type="text"]::-o-input-placeholder {color:#b2b2b2 !important; font-size:14px; font-weight:400;} #create_notice .input_cover input[type="text"]{-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:0 20px; height:35px; font-size:14px; color:#666; font-weight: 400;} #create_notice .input_cover .tit input {width:100%;} #create_notice .input_cover .duration {margin-bottom:10px;} #create_notice .input_cover .duration span {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 500;} #create_notice .input_cover .duration p {display: inline-block; vertical-align: middle; position:relative; font-size:14px; color:#666; font-weight:400;} #create_notice .input_cover .duration p.bet_txt {margin-left:40px; margin-right:9px;} #create_notice .input_cover .duration p input {width:220px;} #create_notice .input_cover .duration p i {position:absolute; top:7px; left:8px; color:#898989;} #create_notice .input_cover .duration p:nth-of-type(3n) input{width:200px;} #create_notice .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #create_notice .option_area a {display: inline-block; vertical-align: middle;} #create_notice .option_area a:first-of-type {width:105px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #create_notice .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #create_notice .option_area a:last-of-type {width:180px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #create_notice .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #create_notice .option_area a:last-of-type span {vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #create_notice .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} /*강의 편집 마법사 부분 */ .insert_wizard {border: 1px solid #0083ca; border-radius: 4px !important; box-sizing: border-box; width:760px !important; margin: 0 0 0 -370px !important;} .insert_wizard > .pos_rel > p.tit {font-size:17px; font-weight: 500; color:#fff; line-height: 22px;} .insert_wizard > .pos_rel > a.pop_close {position:absolute; top:20px; right:20px;} .insert_wizard > .pos_rel .wizard_area {overflow:hidden; width:100%; margin-top:20px;} .insert_wizard > .pos_rel .wizard_area .left_box {float:left; width:270px; padding:10px; box-sizing: border-box; border-radius: 4px; background: #fff;} .insert_wizard > .pos_rel .wizard_area .left_box img {width:100%;} .insert_wizard > .pos_rel .wizard_area .right_box {float:left; width:calc(100% - 270px); padding-left:30px; box-sizing: border-box; padding-top:70px;} .insert_wizard > .pos_rel .wizard_area .right_box .right_tit {font-size:30px; font-weight: 500; color:#fff; line-height: 50px; padding-left:5px; box-sizing: border-box;} .insert_wizard > .pos_rel .wizard_area .right_box .right_tit span {color:#ffbc3e;} .insert_wizard > .pos_rel .wizard_area .right_box .desc_box {width:100%;} .insert_wizard > .pos_rel .wizard_area .right_box .desc_box > span {display: inline-block; vertical-align: top; margin-right:5px;} .insert_wizard > .pos_rel .wizard_area .right_box .desc_box p.desc {font-size:17px; font-weight: 400; color:#fff; display: inline-block; vertical-align: top; margin-top:15px; line-height: 30px;} .insert_wizard > .pos_rel .wizard_area .right_box .desc_box p span {font-size:12px; line-height: 22px;} .insert_wizard > .pos_rel .wizard_area .right_box .input_box {width:100%; margin-top:30px;} .insert_wizard > .pos_rel .wizard_area .right_box .input_box input {display: inline-block; vertical-align: top; width:150px; height:40px; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background:#fff; font-size:17px; font-weight: 400; color:#333; padding-left:12px;} .insert_wizard > .pos_rel .wizard_area .right_box .input_box span {display: inline-block; vertical-align: middle; line-height: 40px; font-size:17px; color:#fff; font-weight: 400; margin-left:5px;} .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn {position:absolute; bottom:20px; right:20px; font-size:0;} .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a {display: inline-block; vertical-align: middle; padding:0 15px; box-sizing: border-box; border-radius: 4px; text-align: center; line-height: 40px;} .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a i {float:none;} .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a.prev02, .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a.prev03, .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a.prev04, .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a.next01, .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a.next02, .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a.next03 {font-size:15px; color:#fff; font-weight: 400; background: #2eaef8;} .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a.done, .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a.own {background: #333; color:#fff; font-size:15px; font-weight:400;} .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a.own > img {display: inline-block; vertical-align: middle;} .insert_wizard > .pos_rel .wizard_area .right_box .absolute_btn a:last-of-type {margin-left:15px;} /*2018 05 28 수정 사항 및 추가*/ /*수강자 수강신청후 모달 오류*/ #EnrolmentModal {margin:0 0 0 -285px !important;} /*강좌 선택 페이지별 문의하기 폼 부분*/ div#divAsk div.inqTextForm div.field input {margin-bottom:30px;} div#divAsk div.inqTextForm div.field textarea {resize:none;} div.effect {position:fixed; top:100px; right:-500px; border-radius: 4px; background: #2eaef8; box-sizing: border-box; z-index:9999; display:block; text-align:center; transition:all 0.4s; padding:10px 50px;} /* div.effect { position:fixed; top:100px; width:350px; right:-350px; border-radius: 4px; box-sizing: border-box; z-index:9999; padding-left:20px; transition:all 0.4s; } */ div.effect p {font-size:14px; color:#fff; font-weight: 400; line-height:22px; text-align:center;} .insert_class_cov .preset {width:100%; padding:10px; box-sizing: border-box; background: #f9fafb; position:relative; margin-top:30px;} .insert_class_cov .preset .top .tit_box{width:100%; overflow: hidden;} .insert_class_cov .preset .top p.preset_tit {font-size:17px; font-weight: 500; float:left; color:#333;} .insert_class_cov .preset .top .tit_box > a {border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; width:70px; line-height: 26px; display: block; text-align: center; float:right; background: #fff;} .insert_class_cov .preset .top .tit_box > a:hover {border:1px solid #b4b4b4; color:#252525;} .insert_class_cov .preset .top .tit_box > a span {font-size:12px; color:#898989;} .insert_class_cov .preset .top .tit_box > a:hover span {color:#252525;} /*.insert_class_cov .preset .top .preset_selection {width:100%; padding-left:30px; box-sizing: border-box; margin-top:20px;} .insert_class_cov .preset .top .preset_selection > div {width:100%; overflow:hidden; margin-bottom:10px;} .insert_class_cov .preset .top .preset_selection > div > p {width:100px; display: inline-block; vertical-align: top; font-size:14px; font-weight: 500; line-height: 37px;} .insert_class_cov .preset .top .preset_selection > div > div {overflow:hidden; box-sizing: border-box; display: inline-block; vertical-align: top; width:380px; position:relative} .insert_class_cov .preset .top .preset_selection > div > div ul {overflow: hidden;} .insert_class_cov .preset .top .preset_selection > div > div ul li {float:left; text-align: center; border:1px solid #dfdfdf; background: #fff; border-right:none;} .insert_class_cov .preset .top .preset_selection > div > div ul li:first-of-type {border-radius: 4px 0 0 4px;} .insert_class_cov .preset .top .preset_selection > div > div ul li:last-of-type {border-radius: 0 4px 4px 0; border:1px solid #dfdfdf;} .insert_class_cov .preset .top .preset_selection > div > div ul li a {display: block; line-height: 35px; font-size:14px; color:#898989; cursor: pointer; padding:0 20px; box-sizing: border-box; width:100%;} .insert_class_cov .preset .top .preset_selection > div > div ul li:hover {background: #f2f2f2;} .insert_class_cov .preset .top .preset_selection > div > div ul li:hover a {color:#252525; font-weight: 500;} .insert_class_cov .preset .top .preset_selection > div > div ul li.selected {background: #f2f2f2;} .insert_class_cov .preset .top .preset_selection > div > div ul li.selected a {color:#252525; font-weight: 500;} .insert_class_cov .preset .top .preset_selection > .col03 > a.more {line-height: 35px; font-size:14px; color:#898989; font-weight: 400; vertical-align: top; position:absolute; right:450px; top:0;} .insert_class_cov .preset .top .preset_selection > .col03 ul li.f_li{border-radius: 4px 0 0 4px;} .insert_class_cov .preset .top .preset_selection > .col03 ul li:nth-of-type(5n){border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} .insert_class_cov .preset .top .preset_selection > .col03 ul li.addMargin {margin-bottom:10px;} .insert_class_cov .preset .top .preset_selection > .col03 ul li.hide {display: none} .insert_class_cov .preset .top .preset_selection > .col03 ul br {display: none;}*/ /*강의평가보기*/ .right_content_set04 {position:relative; overflow: hidden;} .right_content_set04 > p.tit {font-size:23px; font-weight: 500; color:#333; margin-bottom:30px;} .right_content_set04 .rating_box {width:100%; background: #f9fafb; padding:30px 20px; box-sizing: border-box;} .right_content_set04 .rating_box:after {content: ""; display: block; clear: both;} .right_content_set04 .rating_box > div {float:left; width:50%; text-align: center;} .right_content_set04 .rating_box > .left p.score {font-size:14px; color:#333; font-weight: 400; margin-top: 20px;} .right_content_set04 .rating_box > .left p.score > span {font-size:40px;} .right_content_set04 .rating_box > .left .rating {margin:15px 0;} .right_content_set04 .rating_box > .left .list_count {font-size:12px; color:#898989; font-weight: 400;} .right_content_set04 .rating_box > .right .score_bar{width:290px; margin:0 auto;} .right_content_set04 .rating_box > .right .score_bar ul {width:100%;} .right_content_set04 .rating_box > .right .score_bar ul li {font-size:0; width:100%;} .right_content_set04 .rating_box > .right .score_bar ul li > span {display: inline-block; vertical-align: middle; font-size:12px; color:#898989; font-weight: 400; width:40px;} .right_content_set04 .rating_box > .right .score_bar ul li p {display: inline-block; vertical-align: middle; width:calc(100% - 40px); color:#fff; font-size:12px; text-align:center; margin:0;} .right_content_set04 .rating_box > .right .score_bar ul li p span {color:#fff; margin:0;} .right_content_set04 .rating_box > .right .score_bar ul li p.five {background:#0083cb;} .right_content_set04 .rating_box > .right .score_bar ul li p.four {background:#00b858;} .right_content_set04 .rating_box > .right .score_bar ul li p.three {background:#adcb45;} .right_content_set04 .rating_box > .right .score_bar ul li p.two {background:#ffc74c;} .right_content_set04 .rating_box > .right .score_bar ul li p.one {background:#b2b2b2;} .right_content_set04 .rating_list {width:100%; margin-top:30px;} .right_content_set04 .rating_list .each_list {width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:30px; margin-bottom:30px;} .right_content_set04 .rating_list .each_list:after {content: ""; display:block; clear:both;} .right_content_set04 .rating_list .each_list .left {float:left;} .right_content_set04 .rating_list .each_list .left span {display: block; border:1px solid #dfdfdf; border-radius: 50%; overflow:hidden; background-size: #fff; width:33px; height:33px;} .right_content_set04 .rating_list .each_list .left span img {width:100%;} .right_content_set04 .rating_list .each_list .right {float:left; margin-left:10px;} .right_content_set04 .rating_list .each_list .right .lv_cov {position:relative; margin:0 15px; display: inline-block; vertical-align: middle; padding-top:7px; box-sizing:border-box;} .right_content_set04 .rating_list .each_list .right .lv_cov .lv_box {width:100%; position:relative; } .right_content_set04 .rating_list .each_list .right .lv_cov .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); margin-top:-16px;} .right_content_set04 .rating_list .each_list .right .lv_cov .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:-14px;} .right_content_set04 .rating_list .each_list .right .lv_cov .lv_box img.lv16 {margin-top:-23px;} .right_content_set04 .rating_list .each_list .right p.date {display: inline-block; vertical-align: middle; font-size:10px; color:#898989;} .right_content_set04 .rating_list .each_list .right p.ins_del {display: inline-block; vertical-align: middle; font-size:10px; color:#898989;} .right_content_set04 .rating_list .each_list .right p.ins_del span {display:inline-block; vertical-align:middle; padding:0 10px; cursor:pointer; line-height: 1;} .right_content_set04 .rating_list .each_list .right p.ins_del span:first-of-type {border-right:1px solid #dfdfdf;} .right_content_set04 .rating_list .each_list .right .text_area {margin-top:5px;} .right_content_set04 .rating_list .each_list .right .text_area p {font-size:14px; color:#898989; font-weight: 400;} /*라이브 css*/ #left-editBody {padding:20px; box-sizing: border-box;} .quelist > li:nth-of-type(2) {position:relative; z-index:1;} .quelist > li:nth-of-type(2) #categorydropdown {/*-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none;*/ height:30px; position:relative; z-index:1; font-size:13px; color:#333; font-weight:400; background:#fff; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding-left:10px;} .quelist > li:nth-of-type(2) > i {position:absolute; top:5px; right:10px; z-index:2;} /*선생님방 성취도 확인 탭02*/ .right_content_set05 {position:relative; overflow: hidden;} .right_content_set05 > p.tit {font-size:23px; font-weight: 500; color:#333; margin-bottom:30px;} .right_content_set05 .achievement_tab {width:100%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative; height:40px; margin-bottom:30px; z-index:2; margin-top:30px;} .right_content_set05 .achievement_tab ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0p;} .right_content_set05 .achievement_tab ul li {display: inline-block; vertical-align: top; border:1px solid #dfdfdf; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; margin-right:1px;} .right_content_set05 .achievement_tab ul li a {display: block; width:100%; line-height: 40px; font-size:14px; /*font-weight: 500;*/ text-align: center; color:#898989; padding:0px 15px; box-sizing: border-box; cursor: pointer;} .right_content_set05 .achievement_tab ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} .right_content_set05 .achievement_tab ul li.tab_active a {color:#333;} .right_content_set05 .achievement_box .box02 {width:100%;} .right_content_set05 .achievement_box .box02 .sample {width:100%; overflow:hidden;} .right_content_set05 .achievement_box .box02 .sample p {float:right; width:80px; text-align: center;} span.light {display:inline-block; text-align: center; border-radius: 50%; width:10px; height:10px;} span.light.green {background: #00b857;} span.light.gray {background: #dfdfdf;} .right_content_set05 .achievement_box .box02 .table_box {width:100%;overflow: hidden; margin-top:15px;} .right_content_set05 .achievement_box .box02 .table_box .left_list {width:260px; float:left;} .right_content_set05 .achievement_box .box02 .table_box .left_list .thead {height:96px; background: #f9fafb; border:1px solid #dfdfdf; border-left:none; font-size:14px; color:#333; font-weight: 500; line-height: 90px; text-align: center;} .right_content_set05 .achievement_box .box02 .table_box .left_list .student_list {width:100%;} .right_content_set05 .achievement_box .box02 .table_box .left_list .student_list ul {width:100%;} .right_content_set05 .achievement_box .box02 .table_box .left_list .student_list ul li {width:100%; overflow:hidden; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; height:50px;} .right_content_set05 .achievement_box .box02 .table_box .left_list .student_list ul li > div {float:left;} .right_content_set05 .achievement_box .box02 .table_box .left_list .student_list ul li .left span {display: inline-block; border:1px solid #dfdfdf; border-radius: 50%; overflow:hidden; background-size: #fff; width:20px; height:20px; vertical-align: middle; margin:7px 0 0 10px;} .right_content_set05 .achievement_box .box02 .table_box .left_list .student_list ul li .left span img {width:100%;} .right_content_set05 .achievement_box .box02 .table_box .left_list .student_list ul li .right {padding-left:5px; box-sizing: border-box;} .right_content_set05 .achievement_box .box02 .table_box .left_list .student_list ul li .right p.user_name {font-size:14px; color:#666666; font-weight: 400; line-height: 18px; padding-top:7px;} .right_content_set05 .achievement_box .box02 .table_box .left_list .student_list ul li .right p.eadd {font-size:14px; color:#898989; font-weight: 400; line-height: 18px;} .right_content_set05 .achievement_box .box02 .table_box .right_list {float:left; width:calc(100% - 260px); overflow-x: scroll; overflow-y: hidden; height:560px; } .right_content_set05 .achievement_box .box02 .table_box .right_list::-webkit-scrollbar {display: none;} .right_content_set05 .achievement_box .box02 .table_box .right_list table.mark_table {width:100%;} .right_content_set05 .achievement_box .box02 .table_box .right_list table.mark_table tbody tr {width:100%;} .right_content_set05 .achievement_box .box02 .table_box .right_list table.mark_table tbody tr td {box-sizing: border-box;} .right_content_set05 .achievement_box .box02 .table_box .right_list table.mark_table tbody tr.marker td {padding:0 12px; line-height: 29px; color:#333; font-size:14px; font-weight: 400; text-align: center; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; box-sizing: border-box;} .right_content_set05 .achievement_box .box02 .table_box .right_list table.mark_table tbody tr.week td {background: #f9fafb; color:#333; font-size:14px; text-align:center; line-height: 31px; font-weight: 400; padding:0 !important; border:1px solid #dfdfdf; border-left:none; box-sizing: border-box;} .right_content_set05 .achievement_box .box02 .table_box .right_list table.mark_table tbody tr.nth td {background: #f9fafb; color:#333; font-size:14px; text-align:center; line-height: 31px; font-weight: 400; padding:0 !important; border:1px solid #dfdfdf; border-top:none; border-left:none; box-sizing: border-box;} .right_content_set05 .achievement_box .box02 .table_box .right_list table.mark_table tbody tr.class td {background: #eff6fb; color:#333; font-size:14px; text-align:center; line-height: 30px; font-weight: 400; padding:0 !important; border:1px solid #dfdfdf; border-top:none; border-left:none; box-sizing: border-box; position:relative;} tr.class td .pos_ab {position:absolute; z-index:2; top:40px; left:0; right:auto; width:150px; width:auto;} tr.class td #balloon {position: relative;background: #fff; height: 30px; padding:5px 10px; width:100% !important; margin: 0 auto 10px; border: 1px solid #dfdfdf; border-radius: 4px ;box-sizing: border-box; box-shadow: 0px 0px 2px #ccc;} tr.class td #balloon:after {content: '';position: absolute;border-top: 10px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent; top: -9px; left: 50%; margin-left:-62px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform:rotate(180deg); } tr.class td #balloon:before {content: '';position: absolute;border-top: 10px solid #dfdfdf;border-right: 5px solid transparent;border-left: 5px solid transparent; top: -11px; left: 50%; margin-left:-62px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform:rotate(180deg); } tr.class td #balloon p.txt {font-size:14px; color:#333; font-weight: 400; text-align: center; line-height: 21px; box-sizing: border-box; padding:0; display:inline-block; width:auto; vertical-align: top; width:150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .right_content_set05 .achievement_box .search_cover {width:100%; position:relative; text-align: center; margin:30px 0; overflow: hidden;} .right_content_set05 .achievement_box .search_cover > a.c_less {float:left; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; color:#666; font-size:14px; font-weight: 400; line-height: 33px; transition: all 0.4s;} .right_content_set05 .achievement_box .search_cover > a.c_less:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .right_content_set05 .achievement_box .search_cover > div:not(.sort) {display: inline-block; vertical-align: middle;} .right_content_set05 .achievement_box .search_cover > div.category {width:100px; position:relative;} .right_content_set05 .achievement_box .search_cover > div.category select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .right_content_set05 .achievement_box .search_cover > div.category i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .right_content_set05 .achievement_box .search_cover > div.s_box {width:300px; position:relative; margin-left:10px;} .right_content_set05 .achievement_box .search_cover > div.s_box input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; padding-left:20px; height:35px; position:relative; z-index:1;} .right_content_set05 .achievement_box .search_cover > div.s_box > i {position:absolute; z-index:2; top:8px; right:10px; color:#898989; } .right_content_set05 .achievement_box .search_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .right_content_set05 .achievement_box .search_cover > div.sort select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .right_content_set05 .achievement_box .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .right_content_set05 .achievement_box .box01 .avg_area {width:100%; position:relative;} .right_content_set05 .achievement_box .box01 .avg_area .p_bar {width:320px; margin:0 auto; position:relative;} .right_content_set05 .achievement_box .box01 .avg_area .p_bar span {display: block; position:absolute; top:15px; right:65px; font-size:14px; color:#898989; font-weight: 400;} .right_content_set05 .achievement_box .box01 .avg_area .p_bar span > b {color:#333; font-weight: 500;} .right_content_set05 .achievement_box .box01 .avg_area .p_bar .prg_bar {width:230px; display: inline-block; vertical-align: bottom;} .right_content_set05 .achievement_box .box01 .avg_area .p_bar .prg_bar > div {margin:0 !important;} .right_content_set05 .achievement_box .box01 .avg_area .p_bar .prg_bar > div.avg > div.bar {background: #ffbc3e !important;} .right_content_set05 .achievement_box .box01 .avg_area .p_bar p {font-size:14px; color:#666; font-weight: 400; display: inline-block; vertical-align: bottom;} .right_content_set05 .achievement_box .box01 .avg_area .p_bar img {display: inline-block; vertical-align: top;} .right_content_set05 .achievement_box .box01 .avg_area .sorting {position:absolute; right:0; top:21px;} .right_content_set05 .achievement_box .box01 .avg_area .sorting .inner {position:relative;} .right_content_set05 .achievement_box .box01 .avg_area .sorting select {-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; width:105px; border:1px solid #dfdfdf; border-radius: 4px; padding-left:20px; box-sizing: border-box; font-size:14px; font-weight: 400; color:#333; height:35px; background: #fff;} .right_content_set05 .achievement_box .box01 .avg_area .sorting i {position:absolute; right:10px; top:8px;} .right_content_set05 .achievement_box .box01 .box01_table {width:100%; margin-top:20px;} .right_content_set05 .achievement_box .box01 .box01_table table {width:100%; border-top:1px solid #dfdfdf;} .right_content_set05 .achievement_box .box01 .box01_table table thead {border-bottom:1px solid #dfdfdf;} .right_content_set05 .achievement_box .box01 .box01_table table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .right_content_set05 .achievement_box .box01 .box01_table table thead th span {display: inline-block; vertical-align: top;} .right_content_set05 .achievement_box .box01 .box01_table table thead th span i {display: block; color:#898989; height:1px;} .right_content_set05 .achievement_box .box01 .box01_table table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content_set05 .achievement_box .box01 .box01_table table tbody tr:hover {background: #f9f8fb; color:#333 !important;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:first-of-type {font-size:13px; font-weight: 400; color:#898989; text-align: center;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(2) {overflow:hidden; height:50px; padding-left:20px; box-sizing: border-box;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(2) > div {float:left;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(2) .left span {display: inline-block; border:1px solid #dfdfdf; border-radius: 50%; overflow:hidden; background-size: #fff; width:20px; height:20px; vertical-align: middle; margin:7px 0 0 10px;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(2) .left span img {width:100%;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(2) .right {padding-left:5px; box-sizing: border-box;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(2) .right p.user_name {font-size:14px; color:#666666; font-weight: 400; line-height: 18px; padding-top:7px;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(2) .right p.eadd {font-size:14px; color:#898989; font-weight: 400; line-height: 18px;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(3) {font-size:0; text-align:center;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(3) div.prg_bar {display: inline-block; vertical-align: middle; width:70%; margin:0 auto;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(3) div.prg_bar > div {margin:0 !important;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(3) span {display: inline-block; vertical-align: middle; font-size:10px; color:#898989; font-weight: 400; margin-left:15px;} .right_content_set05 .achievement_box .box01 .box01_table table tbody td:nth-of-type(3) span b {color:#333; font-weight: 500;} .right_content_set06 > p.tit {font-size:23px; color:#333; font-weight: 500; margin-bottom:30px;} .right_content_set06 > .float_box {width:100%;} .right_content_set06 > .float_box:after {content:""; display: block; clear:both;} .right_content_set06 > .float_box p.sub_tit {float:left; font-size:17px; color:#333; font-weight: 400; line-height: 30px;} .right_content_set06 > .float_box p.sub_tit span {display: inline-block; vertical-align: top; margin-left:20px; color:#2eaef8; font-weight:400;} .right_content_set06 > .float_box .sorting {float:right;} .right_content_set06 > .float_box .sorting .inner {position:relative;} .right_content_set06 > .float_box .sorting select {/*-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none;*/ width:105px; border:1px solid #dfdfdf; border-radius: 4px; padding-left:20px; box-sizing: border-box; font-size:14px; font-weight: 400; color:#333; height:35px; background: #fff;} .right_content_set06 > .float_box .sorting i {position:absolute; right:10px; top:8px;} .right_content_set06 .table_box {width:100%; margin-top:20px;} .right_content_set06 .table_box table {width:100%; border-top:1px solid #dfdfdf;} .right_content_set06 .table_box table thead {border-bottom:1px solid #dfdfdf;} .right_content_set06 .table_box table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .right_content_set06 .table_box table thead th span {display: inline-block; vertical-align: top;} .right_content_set06 .table_box table thead th span i {display: block; color:#898989; height:1px;} .right_content_set06 .table_box table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .right_content_set06 .table_box table tbody tr:hover {background: #f9f8fb; color:#333 !important;} .right_content_set06 .table_box table tbody tr td:first-of-type {font-size:0; text-align: left; padding-left:20px; box-sizing: border-box;} .right_content_set06 .table_box table tbody tr td:first-of-type span {display: inline-block; vertical-align: middle;} .right_content_set06 .table_box table tbody tr td:first-of-type span:first-of-type { border:1px solid #dfdfdf; border-radius: 50%; overflow:hidden; background-size: #fff; width:20px; height:20px; vertical-align: middle; } .right_content_set06 .table_box table tbody tr td:first-of-type span:first-of-type img {width:100%;} .right_content_set06 .table_box table tbody tr td:first-of-type span:last-of-type {font-size:14px; color:#898989; font-weight: 400; line-height:20px; margin-left:5px;} .right_content_set06 .table_box table tbody tr td:nth-of-type(2) {font-size:14px; color:#666; font-weight: 400;} .right_content_set06 .table_box table tbody tr #tdRole {font-size:14px; word-break:keep-all;} .right_content_set06 .table_box table tbody tr td:nth-of-type(3) {text-align:center; font-size:14px; color:#666; font-weight: 400;} .right_content_set06 .table_box table tbody tr td:nth-of-type(3) b {font-weight: 400; display: inline-block; vertical-align: top;} .right_content_set06 .table_box table tbody tr td.waiting {color:#ff7230;} .right_content_set06 .table_box table tbody tr td:last-of-type {font-size:0; text-align: center;} .right_content_set06 .table_box table tbody tr td:last-of-type > button {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height: 27px; font-size:12px; font-weight:400; color:#666; transition:all 0.4s; padding:0 10px;} .right_content_set06 .table_box table tbody tr td:last-of-type > button:nth-of-type(2) {margin:0 5px;} .right_content_set06 .table_box table tbody tr td:last-of-type > button:hover {color:#333; border:1px solid #b4b4b4; box-sizing: border-box; } .right_content_set06 .table_box table tbody tr td:last-of-type > button:disabled,button[disabled] {border:none !important; color:#333 !important; background: transparent;} .right_content_set06 .table_box table.member_manage {width:100%; text-align:center; color:#898989;} .right_content_set06 .table_box table.member_manage thead th:first-of-type {padding-left:15px; text-align: left;} .right_content_set06 .table_box table.member_manage tr td:first-of-type {text-align: center; padding:0; font-size:14px; color:#898989; font-weight: 400;} .right_content_set06 .table_box table tbody tr td.tab_btn {font-size:0; text-align: center;} .right_content_set06 .table_box table tbody tr td.tab_btn > button {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height: 27px; font-size:12px; font-weight:400; color:#666; transition:all 0.4s; padding:0 10px;} .right_content_set06 .table_box table tbody tr td.tab_btn > button:nth-of-type(2) {margin:0 5px;} .right_content_set06 .table_box table tbody tr td.tab_btn > button:hover {color:#333; border:1px solid #b4b4b4; box-sizing: border-box; } .right_content_set06 .table_box table tbody tr td.tab_btn > button:disabled,button[disabled] {border:none !important; color:#333 !important; background: transparent;} .right_content_set06 .table_box table tbody tr td p.eadd {font-size:13px;color:#666; font-weight: 400;} .right_content_set06 .table_box table tbody tr td p.white_space {font-size:14px; color:#666; font-weight: 400;} .right_content_set06 .add_new_member {width:100%; overflow:hidden; margin-top:30px;} .right_content_set06 .add_new_member button {padding:0 15px; height:35px; box-sizing: border-box; text-align: center; float:right; border:1px solid #dfdfdf;} .right_content_set06 .add_new_member button:hover {border:1px solid #b4b4b4;} .right_content_set06 .search_cover {width:100%; position:relative; text-align: center; margin:30px 0; overflow: hidden;} .right_content_set06 .search_cover > a.c_less {float:left; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; color:#666; font-size:14px; font-weight: 400; line-height: 33px; transition: all 0.4s;} .right_content_set06 .search_cover > a.c_less:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .right_content_set06 .search_cover > div:not(.sort) {display: inline-block; vertical-align: middle;} .right_content_set06 .search_cover > div.category {width:100px; position:relative;} .right_content_set06 .search_cover > div.category select {height:35px; width:100%; /*-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .right_content_set06 .search_cover > div.category i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .right_content_set06 .search_cover > div.s_box {width:300px; position:relative; margin-left:10px;} .right_content_set06 .search_cover > div.s_box input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; padding-left:20px; height:35px; position:relative; z-index:1;} .right_content_set06 .search_cover > div.s_box > i {position:absolute; z-index:2; top:8px; right:10px; color:#898989; } .right_content_set06 .search_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .right_content_set06 .search_cover > div.sort select {height:35px; width:100%; /*-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .right_content_set06 .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} #apply_imp {width:570px; margin: 0 0 0 -290px !important;} #apply_imp .pop_tit_cov {margin-bottom:0;} #apply_imp .cont_box {padding:20px; box-sizing: border-box;} #apply_imp .cont_box p.tit {font-size:14px; font-weight: 400; color:#333; margin-bottom:20px;} #apply_imp .cont_box p.tit span {color:#2eaef8; font-size:13px;} #apply_imp .cont_box > span {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 500; margin-right:10px; line-height: 30px;} #apply_imp .cont_box input {-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; padding-left:20px; box-sizing: border-box; font-size:14px; color:#333; font-weight: 400; height:30px; width:480px;} #apply_imp .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #apply_imp .option_area a {display: inline-block; vertical-align: middle;} #apply_imp .option_area a:first-of-type {width:80px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #apply_imp .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #apply_imp .option_area a:last-of-type {width:120px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #apply_imp .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #apply_imp .option_area a:last-of-type span {vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #apply_imp .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} .test_list table tbody tr td.user_box {font-size:0; text-align: left; padding-left:20px; box-sizing: border-box; color:#666; font-weight:400;} .test_list table tbody tr td.user_box span {display: inline-block; vertical-align: middle;} .test_list table tbody tr td.user_box span:first-of-type { border:1px solid #dfdfdf; border-radius: 50%; overflow:hidden; background-size: #fff; width:20px; height:20px; vertical-align: middle; } .test_list table tbody tr td.user_box span:first-of-type img {width:100%;} .test_list table tbody tr td.user_box span:last-of-type {font-size:14px; color:#898989; font-weight: 400; line-height:20px; margin-left:10px;} .test_list table tbody tr td.listTitle, .test_list table tbody tr td p.listContent {text-align:left !important;} .test_list table tbody tr td.listDate {font-size:13px; color:#898989;} .test_list table tbody tr td.listNo {font-size:13px;} /*문제 영역*/ .que_content01 > p.tit {font-size:23px; color:#333; font-weight:500;} .que_content01 > p.tit > span {font-size:17px; color:#2eaef8; margin-left:10px;} .que_content01 > p.sub_tit {color:#666;} .que_content01 > .float_area .lt_btn {float:left;} .que_content01 > .float_area .lt_btn button {padding:0 15px; box-sizing: border-box; line-height: 35px;} .que_content01 > .float_area {width:100%;} .que_content01 > .float_area:after {content:""; display: block; clear:both;} .que_content01 > .float_area > .left_title {float:left;} .que_content01 > .float_area > .left_title > p.tit {font-size:23px; color:#333; font-weight: 500;} .que_content01 > .float_area p.tit {float:left; font-size:23px; color:#333; font-weight: 500;} .que_content01 > .float_area p.tit span {font-size:17px; color:#2eaef8; margin-left:10px;} .que_content01 > .float_area p.sub_tit {font-size:14px; color:#898989; font-weight: 400;} .que_content01 > .float_area .sorting {float:right;} .que_content01 > .float_area .sorting .inner {position:relative;} .que_content01 > .float_area .sorting select {/*-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none;*/ width:105px; border:1px solid #dfdfdf; border-radius: 4px; padding-left:20px; box-sizing: border-box; font-size:14px; font-weight: 400; color:#333; height:35px; background: #fff;} .que_content01 > .float_area .sorting i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .que_content01 .ques_list {width:100%; margin:30px 0;} .que_content01 .ques_list > ul {width:100%;} .que_content01 .ques_list > ul > li {width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; margin-bottom:20px;} .que_content01 .ques_list > ul > li:last-of-type {margin-bottom: unset !important;} .que_content01 .ques_list .ques_cover {padding:20px; cursor:pointer;} .que_content01 .ques_list .ques_cover .tit_box {overflow: hidden; width:100%;} .que_content01 .ques_list .ques_cover .tit_box > a {float:left; vertical-align: middle;} .que_content01 .ques_list .ques_cover .tit_box > a p.tit {font-size:15px; color:#333; font-weight: 500; cursor:pointer; transition:all 0.4s;} .que_content01 .ques_list .ques_cover .tit_box > a p.tit:hover {color:#999 !important;} .que_content01 .ques_list .ques_cover .tit_box > a p.tit.hot {margin-bottom:10px;} .que_content01 .ques_list .ques_cover .tit_box > a p.tit span {color:#898989;} .que_content01 .ques_list .ques_cover .tit_box > a p.tit a:hover {color:#999 !important;} .que_content01 .ques_list .ques_cover .tit_box > a p.tit.hot img {display:inline-block;vertical-align: middle; } .que_content01 .ques_list .ques_cover .tit_box > a p.reference {font-size:10px; color:#b2b2b2; font-weight: 400;} .que_content01 .ques_list .ques_cover .tit_box > div.right_pos {float:right;} .que_content01 .ques_list .ques_cover .tit_box > div.right_pos span {display: inline-block; vertical-align: middle;} .que_content01 .ques_list .ques_cover .tit_box > div.right_pos span.mine { padding:3px 5px; box-sizing: border-box; font-size:10px; color:#333; font-weight: 400; text-align: center; border:1px solid #333; background: #f9f9f9; border-radius: 4px; line-height: 1;} .que_content01 .ques_list .ques_cover .tit_box > div.right_pos span.basic {background: #adcb45; color:#fff; font-weight: 400 !important; border:none !important;} .que_content01 .ques_list .ques_cover .tit_box > div.right_pos span.starter {background: #00b857; color:#fff; font-weight: 400 !important; border:none !important;} .que_content01 .ques_list .ques_cover .tit_box > div.right_pos span.mid {background: #0083ca; color:#fff; font-weight: 400 !important; border:none !important;} .que_content01 .ques_list .ques_cover .tit_box > div.right_pos span.high {background: #ff7230; color:#fff; font-weight: 400 !important; border:none !important;} .que_content01 .ques_list .ques_cover .tit_box > div.right_pos span.special {background: #ea302e; color:#fff; font-weight: 400 !important; border:none !important;} .que_content01 .ques_list .ques_cover .info_box {width:100%; margin-top: 10px;} .que_content01 .ques_list .ques_cover .info_box::after {content: ""; display: block; clear: both;} .que_content01 .ques_list .ques_cover .info_box .left {float:left;} .que_content01 .ques_list .ques_cover .info_box .left span.prof_img {display: inline-block; vertical-align: middle; width:20px; height:20px; overflow: hidden; border:1px solid #dfdfdf; border-radius: 50%; background: #fff;} .que_content01 .ques_list .ques_cover .info_box .left span.prof_img img {width:100%;} .que_content01 .ques_list .ques_cover .info_box .left span.user_name {display: inline-block; vertical-align: middle; font-size:14px; color:#666; font-weight: 400; margin:0 5px; letter-spacing: -0.075em;} .que_content01 .ques_list .ques_cover .info_box .left .lv_box { position:relative; text-align: center; height:20px; margin:0px 10px; display: inline-block; vertical-align: middle;} .que_content01 .ques_list .ques_cover .info_box .left .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .que_content01 .ques_list .ques_cover .info_box .left .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .que_content01 .ques_list .ques_cover .info_box .left .lv_box img.lv16 {margin-top:-4.8pt;} .que_content01 .ques_list .ques_cover .info_box .left p.date {display: inline-block; vertical-align: middle; margin-left:60px; font-size:12px; color:#898989;font-weight: 400;} .que_content01 .ques_list .ques_cover .info_box .right {float:right;} .que_content01 .ques_list .ques_cover .info_box .right ul {overflow: hidden; width:100%;} .que_content01 .ques_list .ques_cover .info_box .right ul li {display: inline-block; vertical-align: middle; margin-right:20px;} .que_content01 .ques_list .ques_cover .info_box .right ul li p{font-size:12px; color:#898989; font-weight: 400; display: inline-block; vertical-align: middle; line-height: 1;} .que_content01 .ques_list .ques_cover .info_box .right ul li i {color:#898989 !important;} .que_content01 .btn_area {width:100%; margin:30px 0; overflow:hidden;} .que_content01 .btn_area button {-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; line-height: 30px; padding: 0 15px; box-sizing:border-box; border:1px solid #dfdfdf; border-radius: 4px; font-size:14px; color:#666; font-weight: 400; transition: all 0.4s;} .que_content01 .btn_area button > i {color:#666; transition: all 0.4s;} .que_content01 .btn_area button:hover {color:#333; border:1px solid #b4b4b4;} .que_content01 .btn_area button:hover > i {color:#333;} .que_content01 .btn_area button.random {float:left;} .que_content01 .btn_area button.new {float:right;} .que_content01 .search_cover {width:100%; position:relative; text-align: center; margin:30px 0; overflow: hidden;} .que_content01 .search_cover > a.c_less {float:left; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; color:#666; font-size:14px; font-weight: 400; line-height: 33px; transition: all 0.4s;} .que_content01 .search_cover > a.c_less:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .que_content01 .search_cover > div:not(.sort) {display: inline-block; vertical-align: middle;} .que_content01 .search_cover > div.category {width:100px; position:relative;} .que_content01 .search_cover > div.category select {height:35px; width:100%; /* -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .que_content01 .search_cover > div.category i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .que_content01 .search_cover > div.s_box {width:300px; position:relative; margin-left:10px;} .que_content01 .search_cover > div.s_box input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; padding-left:20px; height:35px; position:relative; z-index:1;} .que_content01 .search_cover > div.s_box > i {position:absolute; z-index:2; top:8px; right:10px; color:#898989; } .que_content01 .search_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .que_content01 .search_cover > div.sort select {height:35px; width:100%; /*-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .que_content01 .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .que_content02 .tab_box {width:100%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative; height:40px; margin-bottom:30px; z-index:2; margin-top:12px;} .que_content02 .tab_box ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0;} .que_content02 .tab_box ul li {display: inline-block; vertical-align: top; border:1px solid #dfdfdf; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; padding: 0 15px; margin-right:1px;} .que_content02 .tab_box ul li a {display: block; width:100%; line-height: 40px; font-size:15px; font-weight: 400; text-align: center; color:#898989;} .que_content02 .tab_box ul li a > span {color:#999 !important;} .que_content02 .tab_box ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} .que_content02 .tab_box ul li.tab_active a {color:#333;} .que_content02 .tab_box div.btn {position:absolute; top:0; right:0; z-index:2;} .que_content02 .tab_box div.btn button {-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; line-height: 35px; padding: 0 15px; box-sizing:border-box; border:1px solid #dfdfdf; border-radius: 4px; font-size:14px; color:#666; font-weight: 400; transition: all 0.4s;} .que_content02 .tab_box div.btn button > i {color:#666; transition: all 0.4s;} .que_content02 .tab_box div.btn button:hover {color:#333; border:1px solid #b4b4b4;} .que_content02 .tab_box div.btn button:hover > i {color:#333;} .que_content01 .preset {width:100%; padding:10px; box-sizing: border-box; background: #f9fafb; position:relative; margin :30px 0;} .que_content01 .preset .top .tit_box{width:100%; overflow: hidden;} .que_content01 .preset .top p.preset_tit {font-size:17px; font-weight: 500; float:left; color:#333; padding-left:10px;} .que_content01 .preset .top .tit_box > a {border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; width:70px; line-height: 26px; display: block; text-align: center; float:right; background: #fff;} .que_content01 .preset .top .tit_box > a:hover {border:1px solid #b4b4b4; color:#252525;} .que_content01 .preset .top .tit_box > a span {font-size:12px; color:#898989;} .que_content01 .preset .top .tit_box > a:hover span {color:#252525;} .que_content01 .preset .top .preset_selection {width:100%; padding-left:30px; box-sizing: border-box; margin-top:20px;} .que_content01 .preset .top .preset_selection > div {width:100%; overflow:hidden; margin-bottom:10px;} .que_content01 .preset .top .preset_selection > div > p {width:100px; display: inline-block; vertical-align: top; font-size:14px; font-weight: 500; line-height: 37px;} .que_content01 .preset .top .preset_selection > div div {overflow:hidden; box-sizing: border-box; display: inline-block; vertical-align: top; width:600px;} .que_content01 .preset .top .preset_selection > div ul:after {content: ""; display:block; clear:both;} .que_content01 .preset .top .preset_selection > div ul li {float:left; text-align: center; border:1px solid #dfdfdf; background: #fff; border-right:none;} .que_content01 .preset .top .preset_selection > div ul li:first-of-type {border-radius: 4px 0 0 4px;} .que_content01 .preset .top .preset_selection > div ul li:last-of-type {border-radius: 0 4px 4px 0; border:1px solid #dfdfdf;} .que_content01 .preset .top .preset_selection > div ul li a {display: block; line-height: 35px; font-size:14px; color:#898989; cursor: pointer; padding:0 20px; box-sizing: border-box; width:100%;} .que_content01 .preset .top .preset_selection > div ul li:hover {background: #f2f2f2;} .que_content01 .preset .top .preset_selection > div ul li:hover a {color:#252525; font-weight: 500;} .que_content01 .preset .top .preset_selection > div ul li.selected {background: #f2f2f2;} .que_content01 .preset .top .preset_selection > div ul li.selected a {color:#252525; font-weight: 500;} .que_content01 .preset .top .preset_selection .col03 > a.more {line-height: 35px; font-size:14px; color:#898989; font-weight: 400; vertical-align: top; position:absolute; right:380px;} .que_content01 .preset .top .preset_selection .col03 ul.dpn {margin-top:10px;} .que_content01 .preset .top .preset_selection .col03 ul li.f_li{border-radius: 4px 0 0 4px;} .que_content01 .preset .top .preset_selection .col03 ul li:nth-of-type(5n){border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} /*.que_content01 .preset .top .preset_selection .col03 > ul li.addMargin {margin-bottom:10px;}*/ .que_content01 .preset .top .preset_selection .col03 ul.hide {display: none} /*.que_content01 .preset .top .preset_selection .col03 > ul br {display: none;}*/ /*button {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; background: #fff; border:1px solid #dfdfdf; border-radius: 4px; color:#666; font-weight: 400; font-size:14px; text-align: center; transition: all 0.4s;} button:hover {border:1px solid #b4b4b4; color:#333;} button:active {outline: none; border: none;} button:focus {outline:0;} input {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; background: #fff; border:1px solid #dfdfdf; border-radius: 4px; color:#666; font-weight: 400; font-size:14px; padding-left:20px; box-sizing: border-box; } */ .que_content02 .cont_cover .cont_box02 .que_table01 {width:100%; position:relative;} .que_content02 .cont_cover .cont_box02 .que_table01 table {width:100%; border-top:1px solid #dfdfdf;} .que_content02 .cont_cover .cont_box02 .que_table01 table thead th {background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px; text-align: center;} .que_content02 .cont_cover .cont_box02 .que_table01 table thead th:first-of-type {padding-left:20px; box-sizing: border-box;} .que_content02 .cont_cover .cont_box02 .que_table01 table thead th span {display: inline-block; vertical-align: top;} .que_content02 .cont_cover .cont_box02 .que_table01 table thead th span i {display: block; color:#898989; height:1px;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody td {text-align:center;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type {text-align: left;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type {font-size:0; padding-left:20px !important; box-sizing: border-box;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type > span {display: inline-block; vertical-align: middle;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type > span:first-of-type { border:1px solid #dfdfdf; border-radius: 50%; overflow:hidden; background-size: #fff; width:24px; height:24px; vertical-align: middle; } .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type > span:first-of-type img {width:100%;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type > span:last-of-type {font-size:14px; color:#898989; font-weight: 400; line-height:20px; margin-left:10px; margin-right:10px;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type > .lv_box {width:100%; position:relative; margin-left:7px;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type > .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); margin-top:-20px;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type > .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:-18px;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:first-of-type > .lv_box img.lv16 {margin-top:-27px;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(2) {font-size:13px; color:#898989; font-weight: 400;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(3) {text-align: left; padding-left:23px; box-sizing: border-box;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(3) p.correct {color:#2eaef8; font-size:14px; font-weight:400;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(3) p.wrong {color:#ea302e; font-size:14px; font-weight:400;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(3) p.compile {color:#898989; font-size:14px; font-weight:400;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(3) p.time_out {color:#898989; font-size:14px; font-weight:400;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(4) {font-size:13px; color:#666; font-weight: 400;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(5) span {font-size:13px; color:#898989;font-weight: 400;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(5) span b {font-weight: 500; color:#333;} .que_content02 .cont_cover .cont_box02 .que_table01 table tbody tr td:nth-of-type(6) {font-size:13px; color:#898989; font-weight: 400;} .que_content02 .cont_cover .cont_box02 .search_cover {width:100%; position:relative; text-align: center; margin:30px 0; overflow: hidden; margin-bottom:80px;} .que_content02 .cont_cover .cont_box02 .search_cover > a.c_less {float:left; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; color:#666; font-size:14px; font-weight: 400; line-height: 33px; transition: all 0.4s;} .que_content02 .cont_cover .cont_box02 .search_cover > a.c_less:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .que_content02 .cont_cover .cont_box02 .search_cover > div:not(.sort) {display: inline-block; vertical-align: middle;} .que_content02 .cont_cover .cont_box02 .search_cover > div.category {width:100px; position:relative;} .que_content02 .cont_cover .cont_box02 .search_cover > div.category select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .que_content02 .cont_cover .cont_box02 .search_cover > div.category i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .que_content02 .cont_cover .cont_box02 .search_cover > div.s_box {width:300px; position:relative; margin-left:10px;} .que_content02 .cont_cover .cont_box02 .search_cover > div.s_box input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; padding-left:20px; height:35px; position:relative; z-index:1;} .que_content02 .cont_cover .cont_box02 .search_cover > div.s_box > i {position:absolute; z-index:2; top:8px; right:10px; color:#898989; } .que_content02 .cont_cover .cont_box02 .search_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .que_content02 .cont_cover .cont_box02 .search_cover > div.sort select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .que_content02 .cont_cover .cont_box02 .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .que_content02 .cont_cover .cont_box03 .que_table02 table {width:100%; border-top:1px solid #e9e9e9; margin-bottom:30px;} .que_content02 .cont_cover .cont_box03 .que_table02 table thead {border-bottom:1px solid #e9e9e9;} .que_content02 .cont_cover .cont_box03 .que_table02 table thead th {background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px; text-align: center; } .que_content02 .cont_cover .cont_box03 .que_table02 table thead th:first-of-type {padding-left:20px; box-sizing: border-box;} .que_content02 .cont_cover .cont_box03 .que_table02 table thead th span {display: inline-block; vertical-align: top;} .que_content02 .cont_cover .cont_box03 .que_table02 table thead th span i {display: block; color:#898989; height:1px;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr {background: #fff; border-bottom:1px solid #e9e9e9;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody td {text-align:center;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:first-of-type img {text-align:center;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) {text-align: left;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) {font-size:0; padding-left:40px !important; box-sizing: border-box;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) > span {display: inline-block; vertical-align: middle;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) > span:first-of-type { border:1px solid #e9e9e9; border-radius: 50%; overflow:hidden; background-size: #fff; width:24px; height:24px; vertical-align: middle; } .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) > span:first-of-type img {width:100%;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) > span:last-of-type {font-size:14px; color:#898989; font-weight: 400; line-height:20px; margin-left:10px; margin-right:10px;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) > .lv_box {width:100%; position:relative; margin-left:-30px;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) > .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); margin-top:-20px;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) > .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:-18px;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(2) > .lv_box img.lv16 {margin-top:-27px;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(3) {font-size:13px; color:#666; font-weight: 400;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(4) span {font-size:13px; color:#898989;font-weight: 400;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(4) span b {font-weight: 500; color:#333;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(5) span {font-size:13px; color:#898989;font-weight: 400;} .que_content02 .cont_cover .cont_box03 .que_table02 table tbody tr td:nth-of-type(5) span b {font-weight: 500; color:#333;} .que_content02 .cont_cover .cont_box03 .search_cover {width:100%; position:relative; text-align: center; margin:30px 0; overflow: hidden; margin-bottom:80px;} .que_content02 .cont_cover .cont_box03 .search_cover > a.c_less {float:left; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; color:#666; font-size:14px; font-weight: 400; line-height: 33px; transition: all 0.4s;} .que_content02 .cont_cover .cont_box03 .search_cover > a.c_less:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .que_content02 .cont_cover .cont_box03 .search_cover > div:not(.sort) {display: inline-block; vertical-align: middle;} .que_content02 .cont_cover .cont_box03 .search_cover > div.category {width:100px; position:relative;} .que_content02 .cont_cover .cont_box03 .search_cover > div.category select {height:35px; width:100%; /*-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .que_content02 .cont_cover .cont_box03 .search_cover > div.category i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .que_content02 .cont_cover .cont_box03 .search_cover > div.s_box {width:300px; position:relative; margin-left:10px;} .que_content02 .cont_cover .cont_box03 .search_cover > div.s_box input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; padding-left:20px; height:35px; position:relative; z-index:1;} .que_content02 .cont_cover .cont_box03 .search_cover > div.s_box > i {position:absolute; z-index:2; top:8px; right:10px; color:#898989; } .que_content02 .cont_cover .cont_box03 .search_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .que_content02 .cont_cover .cont_box03 .search_cover > div.sort select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .que_content02 .cont_cover .cont_box03 .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top {width:100%; border-top:1px solid #dfdfdf; background: #f9fafb; overflow: hidden; margin-top:30px; border-bottom:1px solid #e9e9e9;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top p.cat {float:left;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top p.title {font-size:17px; color:#333; line-height: 40px; padding-left:20px; box-sizing: border-box; font-weight: 400; float:left;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top p.title.hard_q img {display: inline-block; vertical-align: middle; margin-top:-3px; margin-right:5px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top p.title span {color:#898989;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top p.title span u {text-decoration:none;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos {float:right; margin-right:20px; margin-top:10px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos p {display: inline-block; vertical-align: middle; font-size:12px; font-weight: 400; margin-right:10px; margin-top:1px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos p.sucess {color:#2eaef8;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos p.fail {color:#ea302e;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos span {display: inline-block; vertical-align: middle; padding:3px 5px; box-sizing: border-box; font-size: 10px; color:#fff; text-align: center; margin-right:10px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos span.basic {background: #adcb45; color:#fff; font-weight: 400 !important; border:none !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos span.starter {background: #00b857; color:#fff; font-weight: 400 !important; border:none !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos span.mid {background: #0083ca; color:#fff; font-weight: 400 !important; border:none !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos span.high {background: #ff7230; color:#fff; font-weight: 400 !important; border:none !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos span.special {background: #ea302e; color:#fff; font-weight: 400 !important; border:none !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos a.refresh_btn {border:1px solid #dfdfdf; border-radius:4px; text-align:center; line-height:20px; padding:0 5px; box-sizing:border-box; color:#666; font-size:14px; transition:all 0.4s;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .top div.right_pos a.refresh_btn:hover {border:1px solid #b4b4b4; color:#333;} .que_content02 .cont_cover .cont_box01 .read_page .content_box > .mid {width:100%; overflow: hidden; border-bottom:1px solid rgba(223,223,223,0.5); padding:3px 0; box-sizing: border-box;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid > .left {float:left; padding-left:20px; box-sizing: border-box; margin-top:3px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid > .left .th_img {width:25px; height:25px; border:1px solid #dfdfdf; border-radius: 50%; overflow: hidden; background: #fff;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid > .left .th_img img {width:100%;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid > .left .user_id {font-size:14px; color:#333; font-weight: 400; margin-right:5px; letter-spacing:-0.05em;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid > .right {float:right;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid span {display: inline-block; vertical-align: middle; font-size:12px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid .right p {display: inline-block; vertical-align: middle; line-height:30px; margin-right:30px; color:#898989;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid p span.num.view {font-size:13px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid .date {margin-left:70px; font-size:12px; color:#898989;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid p i {vertical-align: middle; margin-top:-15px !important; margin-right:5px !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid .date i {vertical-align: middle; margin-top:-2px !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid .lv_cov {position:relative; margin:0 15px; display: inline-block; vertical-align: middle; padding-top:7px; box-sizing:border-box;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid .lv_cov .lv_box {width:100%; position:relative; height:25px; } .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid .lv_cov .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid .lv_cov .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .mid .lv_cov .lv_box img.lv16 {margin-top:-4.8pt;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot {padding:20px 20px; box-sizing: border-box; position:relative; margin-bottom:30px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot div.editor-container-reader {border:none !important; font-size:14px !important; color:#666; } .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot div.editor-container-reader div.ql-editor::-webkit-scrollbar {display:none;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > p.reference { font-size:12px; color:#999; font-weight: 400; margin-bottom:40px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > p.cont {font-size:14px; color:#666; font-weight: 400; line-height: 22px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.hint {width:100%; margin-top:40px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.hint p.hint_txt {font-size:17px; color:#333; font-weight: 400; line-height: 35px; display: inline-block; vertical-align: middle;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.hint p.hint_txt img {margin-right:10px; display: inline-block; vertical-align: middle; margin-top:-7px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.hint button {padding:0 15px; box-sizing: border-box; display: inline-block; vertical-align: middle; margin-left:20px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.hint button p {display: inline-block; vertical-align: middle; font-size:14px; color:#666; font-weight: 400; line-height: 35px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.hint button img {display: inline-block; vertical-align: middle; margin-right:5px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.hint button span {color:#ea302e; font-size:12px; font-weight: 400;line-height: 35px; display: inline-block; vertical-align: middle;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.hint button:hover span {color:#ea302e;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.editor_area01 {margin:30px 0 50px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.in_out {width:100%;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.in_out > div {margin-bottom:50px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.in_out > div:last-of-type {margin-bottom:0;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.in_out > div > p.tit {font-size:17px; font-weight: 400; margin-bottom:15px; color:#333;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.in_out > div > p.diff01 {color:#2eaef8;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.in_out > div > .view_box {width:100%; padding:20px; box-sizing: border-box; background: #f9f9f9; color:#666; border-radius:4px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.in_out > div > .view_box p {font-size:14px; color:#666; font-weight: 400; line-height: 30px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.in_out > div > .view_box.view01 {background: #eff7ff;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot > div.editor_area02 {margin:50px 0 30px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot .submit_btn {width:100%; text-align: center;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot .submit_btn button {background: #2eaef8; color:#fff; font-size:17px; border:none; height: 45px; padding:0 15px; box-sizing: border-box;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .bot .submit_btn button:hover {background:#299cdf !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .btn_box {width:100%; text-align: center; margin-top:50px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .btn_box ul {width:100%; text-align: center;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .btn_box ul li {display: inline-block; vertical-align: middle; margin-right:50px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .btn_box ul li:last-of-type {margin-right:0;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .btn_box ul li a {display: block; width:100%; line-height: 50px;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .btn_box ul li a i {display: block; text-align: center; margin:0 auto !important; font-size:2em !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .btn_box ul li a i.thumbs {color:#2eaef8 !important;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .btn_box ul li a span {color:#898989;} .que_content02 .cont_cover .cont_box01 .read_page .content_box .btn_box ul li a span.val {color:#2eaef8;} .que_content02 .cont_cover .cont_box01 .search_cover {width:100%; position:relative; text-align: center; margin:30px 0; overflow: hidden; margin-bottom:80px;} .que_content02 .cont_cover .cont_box01 .search_cover > a.c_less {float:left; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; color:#666; font-size:14px; font-weight: 400; line-height: 33px; transition: all 0.4s;} .que_content02 .cont_cover .cont_box01 .search_cover > a.c_less:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .que_content02 .cont_cover .cont_box01 .search_cover > div:not(.sort) {display: inline-block; vertical-align: middle;} .que_content02 .cont_cover .cont_box01 .search_cover > div.category {width:100px; position:relative;} .que_content02 .cont_cover .cont_box01 .search_cover > div.category select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .que_content02 .cont_cover .cont_box01 .search_cover > div.category i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .que_content02 .cont_cover .cont_box01 .search_cover > div.s_box {width:300px; position:relative; margin-left:10px;} .que_content02 .cont_cover .cont_box01 .search_cover > div.s_box input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; padding-left:20px; height:35px; position:relative; z-index:1;} .que_content02 .cont_cover .cont_box01 .search_cover > div.s_box > i {position:absolute; z-index:2; top:8px; right:10px; color:#898989; } .que_content02 .cont_cover .cont_box01 .search_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .que_content02 .cont_cover .cont_box01 .search_cover > div.sort select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .que_content02 .cont_cover .cont_box01 .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .que_content02 .cont_cover .cont_box01 .btn_area {width:100%; overflow: hidden; margin-bottom:100px;} .que_content02 .cont_cover .cont_box01 .btn_area .left {float:left;} .que_content02 .cont_cover .cont_box01 .btn_area .right {float:right;} .que_content02 .cont_cover .cont_box01 .btn_area > div > a {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; font-size:14px; color:#666; font-weight: 400; text-align: center; line-height: 35px; padding:0 15px; box-sizing: border-box; border-radius: 5px; background: #fff;} .que_content02 .cont_cover .cont_box01 .btn_area > div > a span {display: inline-block; vertical-align: middle; margin-left:5px;} .que_content02 .cont_cover .cont_box01 .btn_area > .left > a span {display: inline-block; vertical-align: middle; margin-right:5px;} .que_content02 .cont_cover .cont_box01 .btn_area > .left > a img {display: inline-block; vertical-align: middle;} .que_content02 .cont_cover > p.rank_tit {font-size:23px; color:#333; font-weight: 500; margin:5px 0 30px;} .que_content02 .que_table02.rank_table_list table tbody tr td:nth-of-type(3), .que_content02 .que_table02.rank_table_list table tbody tr td:nth-of-type(4) {color:#666; font-size:13px; font-weight: 400;} .que_content02 .que_table02.rank_table_list table tbody tr td:nth-of-type(5) {color:#898989; font-size:13px; font-weight: 400;} /*새문제등록*/ .que_content03 > p.tit {font-size:23px; color:#333; font-weight: 500; display: inline-block; vertical-align: middle;} .que_content03 > span.que_type {display: inline-block; vertical-align: middle; font-size:14px; color:#898989; font-weight: 400; margin-left:10px;} .que_content03 > span.que_type img {margin-right:5px;} .que_content03 > div {padding-bottom:50px; box-sizing: border-box; /*border-bottom:1px solid #dfdfdf;*/ margin-bottom:30px;} .que_content03 .question_info_box { margin-top:30px; width:100%; font-size:0;} .que_content03 .question_info_box > p {display: inline-block; vertical-align: middle; width:180px; font-size:15px; color:#333; font-weight: 500; margin-bottom:20px;} .que_content03 .question_info_box > p span {color:#ea302e; display: inline-block; vertical-align: middle; font-size:20px;} .que_content03 .question_info_box > input {width:calc(100% - 180px); height:35px; display: inline-block; vertical-align: middle; margin-bottom:20px;} .que_content03 .question_info_box > .check_hard {display: inline-block; vertical-align: middle; margin-bottom:20px;} .que_content03 .question_info_box > .check_hard .level_txt {position:relative; width:100%;} .que_content03 .question_info_box > .check_hard .level_txt .lv_line {width:475px; height:1px; background: #dfdfdf; position:relative; z-index:1;} .que_content03 .question_info_box > .check_hard .level_txt span {position:absolute; z-index:2; display: inline-block; padding:0 10px; box-sizing: border-box; background: #fff; top:-8px; font-size:10px; color:#898989;} .que_content03 .question_info_box > .check_hard .level_txt span.v_line {width:1px; height:5px; background: #dfdfdf; top:0; padding:0 !important;} .que_content03 .question_info_box > .check_hard .level_txt span.basic {left:28px;} .que_content03 .question_info_box > .check_hard .level_txt span.starter {left:122px;} .que_content03 .question_info_box > .check_hard .level_txt span.mid {left:238px;} .que_content03 .question_info_box > .check_hard .level_txt span.high {left:379px;} .que_content03 .question_info_box > .check_hard .level_txt span.special {left:483px;} .que_content03 .question_info_box > .check_hard .level_txt span.line01 {left:94px;} .que_content03 .question_info_box > .check_hard .level_txt span.line02 {left:187px;} .que_content03 .question_info_box > .check_hard .level_txt span.line03 {left:328px;} .que_content03 .question_info_box > .check_hard .level_txt span.line04 {left:476px;} .que_content03 .question_info_box > .check_hard .hard_btn {width:100%; margin-top:10px;} .que_content03 .question_info_box > .check_hard .hard_btn ul {width:100%; font-size:0;} .que_content03 .question_info_box > .check_hard .hard_btn ul li {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; background: #fff; box-sizing: border-box; border-right:none;} .que_content03 .question_info_box > .check_hard .hard_btn ul li:first-of-type {border-radius: 4px 0 0 4px;} .que_content03 .question_info_box > .check_hard .hard_btn ul li:last-of-type {border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} .que_content03 .question_info_box > .check_hard .hard_btn ul li a {display: block; text-align: center; line-height: 30px; padding:0 19px; font-size:14px; color:#666; font-weight: 400; box-sizing: border-box;} .que_content03 .question_info_box > .check_hard .hard_btn ul li:hover {background: #f2f2f2;} .que_content03 .question_info_box > .check_hard .hard_btn ul li:hover a {color:#222;} .que_content03 .question_info_box > .check_hard .hard_btn ul li.hard_act{background: #f2f2f2;} .que_content03 .question_info_box > .check_hard .hard_btn ul li.hard_act a {color:#222;} .que_content03 .question_info_box > .click_btn {display: inline-block; vertical-align: middle; font-size:0; margin-bottom:20px;} .que_content03 .question_info_box > .click_btn ul {font-size:0; display: inline-block; vertical-align: middle; } .que_content03 .question_info_box > .click_btn ul li {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; transition:all 0.4s; border-radius: 0 4px 4px 0; width:70px; border-left:none;} .que_content03 .question_info_box > .click_btn ul li a {font-size:14px; color:#898989; font-weight: 400; text-align: center; display: block; line-height: 35px;} .que_content03 .question_info_box > .click_btn ul li.active {background: #f2f2f2;} .que_content03 .question_info_box > .click_btn ul li.active a {color:#333;} .que_content03 .question_info_box > .click_btn ul li:first-of-type {border-radius: 4px 0 0 4px; border-left:1px solid #dfdfdf;} .que_content03 .question_info_box > .click_btn > p {font-size:13px; color:#898989; font-weight: 400; display: inline-block;vertical-align: middle; margin-left:10px;} .que_content03 .get_score > p.tit {font-size:15px; color:#333; font-weight: 500; display: inline-block;vertical-align: middle;} .que_content03 .get_score > span {color:#ea302e; font-size:20px; display: inline-block; vertical-align: middle; font-weight: 500; margin:7px 0 0 5px;} .que_content03 .get_score .score_table {width:100%; margin-top:30px;} .que_content03 .get_score .score_table table {width:100%; border-top:0 !important;} .que_content03 .get_score .score_table table thead th {text-align:center; font-size:14px; color:#333; font-weight: 400;} .que_content03 .get_score .score_table table tbody tr td:first-of-type {vertical-align: top;} .que_content03 .get_score .score_table table tbody tr td:first-of-type p.tit {font-size:14px; color:#333; font-weight: 400; margin-bottom:20px; margin-top:5px; text-align: left;} .que_content03 .get_score .score_table table tbody tr td label {color:#666 !important; } .que_content03 .get_score .score_table table tbody tr td:first-of-type button {line-height: 35px; width:35px; font-weight: 300; margin-top:10px;} .que_content03 .get_score .score_table table tbody tr td:nth-of-type(2) {padding-right:10px; box-sizing: border-box;} .que_content03 .get_score .score_table table tbody tr td:nth-of-type(3) {padding-left:10px; box-sizing:border-box;} .que_content03 .get_score .score_table table tbody tr td textarea {resize: none; width:100%; height:120px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; } .que_content03 .get_score .score_table table tbody tr td textarea:focus {outline:0;} .que_content03 .get_score .score_table > button.addTr {line-height: 35px; padding:0 15px; box-sizing: border-box; margin-top:30px; border:1px solid #dfdfdf;} .que_content03 .get_score .score_table table tbody tr td p.inout_tit {font-size:14px; color:#666; font-weight:400; line-height:80px; padding-left:25px; box-sizing:border-box} .que_content03 .get_score .score_table table tbody tr.explainBox td textarea:nth-of-type(1) {padding-right: 10px;} .que_content03 .get_score .score_table table tbody tr.explainBox td textarea:nth-of-type(2) {padding-left: 10px;} .que_content03 .get_score .score_table table tbody tr td textarea.inputExplain {resize: none; width:99%; height:150px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; } .que_content03 .get_score .score_table table tbody tr td textarea.outputExplain {resize: none; width:99%; height:150px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; } .que_content03 .get_score .score_table table textarea::-webkit-input-placeholder {color:#b2b2b2;} .que_content03 .set_explain > p.tit {font-size:15px; color:#333; font-weight: 500; display: inline-block;vertical-align: middle;} .que_content03 .set_explain > span {color:#ea302e; font-size:20px; display: inline-block; vertical-align: middle; font-weight: 500; margin:7px 0 0 5px;} .que_content03 .set_explain .explain_box {width:100%; margin-top:30px;} .que_content03 .set_explain .explain_box table {width:100%; border-top:0 !important;} .que_content03 .set_explain .explain_box table thead th {text-align:center; font-size:14px; color:#333; font-weight: 400;} .que_content03 .set_explain .explain_box table tbody tr td:first-of-type {vertical-align: top;} .que_content03 .set_explain .explain_box table tbody tr td:first-of-type p.tit {font-size:14px; color:#333; font-weight: 400; margin-bottom:20px; margin-top:5px;} .que_content03 .set_explain .explain_box table tbody tr.explainBox td textarea:nth-of-type(1) {padding-right: 10px;} .que_content03 .set_explain .explain_box table tbody tr.explainBox td textarea:nth-of-type(2) {padding-left: 10px;} .que_content03 .set_explain .explain_box table tbody tr td textarea.inputExplain {resize: none; width:99%; height:150px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; } .que_content03 .set_explain .explain_box table tbody tr td textarea.outputExplain {resize: none; width:99%; height:150px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; } .que_content03 .set_explain .explain_box table textarea::-webkit-input-placeholder {color:#b2b2b2;} .que_content03 .sample_source > p.tit {font-size:15px; color:#333; font-weight: 500; margin-bottom:30px;} .que_content03 .btn_area {width:100%; border-bottom:none; margin-bottom:100px;} .que_content03 .btn_area ul {font-size:0; width:100%; text-align: center;} .que_content03 .btn_area ul li {display: inline-block; vertical-align: middle; margin:0 6px;} .que_content03 .btn_area ul li button {padding: 0 15px; box-sizing: border-box; line-height: 35px; color:#666; background: #e7e7e7; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s; bordeR:1px solid #e7e7e7;} .que_content03 .btn_area ul li button.gray_btn:hover {background: #cfcfcf; color:#333;} .que_content03 .btn_area ul li button.blue_btn {background: #2eaef8; color:#fff; border:1px solid #2eaef8;} .que_content03 .btn_area ul li button.blue_btn:hover {background: #299cdf;} .que_content03 .ide_select {width:100%; font-size:0;} .que_content03 .ide_select > p.tit {font-size:15px; color:#333; font-weight: 500; display: inline-block;vertical-align: top; width:180px; } .que_content03 .ide_select > p.tit > span {color:#ea302e; font-size:20px; display: inline-block; vertical-align: middle; font-weight: 500; margin:7px 0 0 5px;} .que_content03 .ide_select > div.ide_control {width:calc(100% - 190px); display:inline-block; vertical-align: top;} .que_content03 .ide_select > div.ide_control .ide_control_top {display: block; width:100%;} .que_content03 .ide_select > div.ide_control .ide_control_top::after {display:block; clear: both; content:"";} .que_content03 .ide_select > div.ide_control .ide_control_top .ide_status {float:left;} .que_content03 .ide_select > div.ide_control .ide_control_top .ide_status ul {overflow:hidden;} .que_content03 .ide_select > div.ide_control .ide_control_top .ide_status ul li {float:left; box-sizing:border-box; width:70px; border:1px solid #dfdfdf; border-radius: 4px 0 0 4px; background: #fff; transition:all 0.4s; } .que_content03 .ide_select > div.ide_control .ide_control_top .ide_status ul li:last-of-type {border-radius: 0 4px 4px 0; border-left:0 !important;} .que_content03 .ide_select > div.ide_control .ide_control_top .ide_status ul li.active {background: #f2f2f2;} .que_content03 .ide_select > div.ide_control .ide_control_top .ide_status ul li a {display:block; width:100%; height:100%; line-height:35px; font-size:14px; color:#666; font-weight:400; text-align:center; transition:all 0.4s;} .que_content03 .ide_select > div.ide_control .ide_control_top .ide_type {width:200px;float:left; font-size:14px; color:#666; font-weight:400; margin-left:10px;} .que_content03 .ide_select > div.ide_control .ide_control_top .ide_type > .dropdown {width:100% !important;} .que_content03 .ide_select > div.ide_control .ide_control_bot {width:100%; margin-top:10px;} .que_content03 .ide_select > div.ide_control .ide_control_bot * {display:inline-block; vertical-align: middle; line-height: 35px;} .que_content03 .ide_select > div.ide_control .ide_control_bot span {font-size:14px; color:#666; font-weight:400; margin-right:10px;} .que_content03 .ide_select > div.ide_control .ide_control_bot span.disabled {opacity:0.3 !important;} .que_content03 .ide_select > div.ide_control .ide_control_bot input {border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size:14px; color:#333; font-weight: 400; padding-left:15px; width:84%; margin-right:1%;} .que_content03 .ide_select > div.ide_control .ide_control_bot input:disabled {opacity:0.3 !important;} .que_content03 .ide_select > div.ide_control .ide_control_bot button {font-size:14px ;color:#333; font-weight: 400; text-align: center; border:1px solid #dfdfdf ; border-radius: 4px; box-sizing: border-box; padding:0 10px; transition:all 0.4s;} .que_content03 .ide_select > div.ide_control .ide_control_bot button:hover {border:1px solid #b4b4b4; color:#333;} .que_content03 .ide_select > div.ide_control .ide_control_bot button i {line-height: 1 !important; color:#666 !important;} .que_content03 .ide_select > div.ide_control .ide_control_bot button:hover i {color:#333;} .que_content03 .ide_select > div.ide_control .ide_control_bot button:disabled,button[disabled] {border:1px solid #dfdfdf !important;} .que_content03 .ide_select > div.ide_control .ide_control_bot button:disabled,button[disabled] i {color:#666;} /*live_list_area ==================================================================*/ .live_cover {width:100%; overflow:hidden;} .list_left_menu {float:left; width:200px; margin-right:50px;} .list_right_area {width:calc(100% - 250px); float:left;} .list_left_menu p.left_tit {font-size:23px; color:#333; font-weight: 500; margin-bottom:30px;} .list_left_menu p.left_tit span {font-size:17px; color:#2eaef8; font-weight: 500; margin-left:10px;} .list_left_menu .check_list {border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px;} .list_left_menu .check_list label {color:#666 !important;} .list_left_menu .check_list > div {border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-bottom:20px; box-sizing: border-box;} .list_left_menu .check_list > div:last-of-type {border-bottom:none; margin-bottom:0;} .list_left_menu .check_list > div > p.tit {font-size:15px; color:#333; font-weight: 400; margin-bottom:20px;} .list_left_menu .check_list > div > ul.hide {display:none;} .list_left_menu .check_list > div > ul li {margin-bottom:10px;} .list_left_menu .check_list > div > a.list_more {font-size:14px; color:#898989; font-weight: 400;} .list_left_menu .check_list > button {padding:0 15px; line-height: 30px; } .list_right_area .vod-slide p.tit {font-size:23px; color:#333; font-weight: 500;} .list_right_area .vod-slide p.tit span {font-size:17px; color:#2eaef8; display: inline-block; vertical-align: middle; margin-top:-5px; margin-left:10px;} .list_right_area .vod-slide p.tit img {margin-top:12px;} .list_right_area .vod-slide { width:100%; height: 400px; margin-bottom:60px;} .list_right_area .vod-slide .slide-head { position:relative; margin-bottom: 30px; height: 30px; } .list_right_area .vod-slide .slide-head h2 span.list_count {font-size:17px; color:#2eaef8; font-weight:400;} .list_right_area .vod-slide .slide-head .vodSliderBtnBox { position: absolute; top:0; right: 0; } .list_right_area .vod-slide .slide-head .vodSliderBtnBox p.paging_area span {display: inline-block; vertical-align: middle; font-size:13px; letter-spacing: -0.05em; line-height: 25px; font-weight:400;} .list_right_area .vod-slide .slide-head .vodSliderBtnBox p.paging_area span.current {color:#222; font-weight: 500;} .list_right_area .vod-slide .slide-head .vodSliderBtnBox p.paging_area span.total {color:#898989;} .list_right_area .vod-slide .slide-body { height: 340px !important; } .list_right_area .vod-slide .slide-body .vodSlider li { float:left; width: 220px !important; overflow:hidden;} .list_right_area .vod-slide .slide-body .bx-viewport { height: 440px !important; } .list_right_area .vod-slide .lectureCard span.live_mark {padding:1px 5px; box-sizing: border-box; color:#fff; font-size:12px; font-weight: 400; text-align: center; background: #ea302e; display: inline-block; vertical-align:middle; border-radius: 4px 0 0 0 !important;} .list_right_area .vod-slide .lectureCard span.live_mark img {display: inline-block; vertical-align: middle; margin-top:-2px; margin-right:3px;} /* -모두의강좌 마크- */ /*.list_right_area */.lectureCard div.sticker_box {position:absolute; z-index:2; width:100%; box-sizing: border-box; } /*.list_right_area */.lectureCard div.sticker_box > ul {width:100%; overflow: hidden; } /*.list_right_area */.lectureCard div.sticker_box > ul li.sticker_list {float:left !important; width:auto !important; margin:0; margin-top:-1px; margin-right:2px; border-radius:0px !important; border:none !important;} /*.list_right_area */.lectureCard span.sticker {position:relative; padding:0px 5px; box-sizing: border-box; color:#fff; font-size:12px; font-weight: 400; text-align: center; z-index: 2; display: inline-block;} /*.list_right_area */.lectureCard span.sticker.hot {background: #ff7230;} /*.list_right_area */.lectureCard span.sticker.new {background: #ea302e;} /*.list_right_area */.lectureCard span.sticker.dc {background: #f03e91;} /* -모두의강좌 마크 end- */ .list_right_area .vod-slide .bx-wrapper .bx-pager {padding-top:0; display: none;} .list_right_area .vod-slide .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; border:1px solid #999999; border-radius: 50%;} .list_right_area .vod-slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #999999;} .list_right_area .vod-slide .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:auto !important; margin-top:-100px; z-index:1 !important;} .list_right_area .list_array p.tit {font-size:23px; color:#333; font-weight: 500;} .list_right_area .list_array p.tit span {font-size:17px; color:#2eaef8; display: inline-block; vertical-align: middle; margin-top:-5px; margin-left:10px;} .list_right_area .list_array .list_cover { width:100%; margin-bottom:60px;} .list_right_area .list_array .list_cover ul {width:100%; } .list_right_area .list_array .list_cover ul:after {content:""; display:block; clear:both;} .list_right_area .list_array .list_cover ul li {width:220px; float:left; margin-right:23px; margin-bottom:30px; transition:all 0.4s; margin-top:0;} .list_right_area .list_array .list_cover > ul > li:hover {margin-top:-5px; margin-bottom:35px;} .list_right_area .list_array .list_cover ul li div.lectureCard {height:325px} .list_right_area .list_array .list_cover ul li:nth-of-type(4n) {margin-right:0;} .list_right_area .list_array .list_cover .slide-head { position:relative; margin-bottom: 30px; height: 30px; } .list_right_area .list_array .list_cover .slide-head .vodSliderBtnBox { position: absolute; top:0; right: 0; } .list_right_area .list_array .list_cover .slide-head .vodSliderBtnBox p.paging_area span {display: inline-block; vertical-align: middle; font-size:13px; letter-spacing: -0.05em; line-height: 25px; font-weight:400;} .list_right_area .list_array .list_cover .slide-head .vodSliderBtnBox p.paging_area span.current {color:#222; font-weight: 500;} .list_right_area .list_array .list_cover .slide-head .vodSliderBtnBox p.paging_area span.total {color:#898989;} .list_right_area .list_array .list_cover .slide-body { height: 340px !important; } .list_right_area .list_array .list_cover .slide-body .vodSlider li { float:left; width: 220px !important; } .list_right_area .list_array .list_cover .slide-body .bx-viewport { height: 375px !important; } .list_right_area .lectureCard span.live_mark {padding:1px 5px; box-sizing: border-box; color:#fff; font-size:12px; font-weight: 400; text-align: center; background: #ea302e; z-index: 2; display: inline-block; border-radius: 4px 0 0 0 !important; vertical-align:middle;} .list_right_area .lectureCard span.live_mark.unOpen {background: #b2b2b2;} .list_right_area .lectureCard span.live_mark img {display: inline-block; vertical-align: middle; margin-top:-2px; margin-right:3px;} .list_right_area .list_array .list_cover .bx-wrapper .bx-pager {padding-top:0; display: none;} .list_right_area .list_array .list_cover .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; border:1px solid #999999; border-radius: 50%;} .list_right_area .list_array .list_cover .bx-wrapper .bx-pager.bx-default-pager a.active {background: #999999;} .list_right_area .list_array .search_cover {width:100%; position:relative; text-align: center; margin:30px 0; overflow: hidden; margin-bottom:30px;} .list_right_area .list_array .search_cover > a.c_less {float:left; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; color:#666; font-size:14px; font-weight: 400; line-height: 33px; transition: all 0.4s;} .list_right_area .list_array .search_cover > a.c_less:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .list_right_area .list_array .search_cover > div:not(.sort) {display: inline-block; vertical-align: middle;} .list_right_area .list_array .search_cover > div.category {width:100px; position:relative;} .list_right_area .list_array .search_cover > div.category select {height:35px; width:100%; /*-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .list_right_area .list_array .search_cover > div.category i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .list_right_area .list_array .search_cover > div.s_box {width:300px; position:relative; margin-left:10px;} .list_right_area .list_array .search_cover > div.s_box input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; padding-left:20px; height:35px; position:relative; z-index:1;} .list_right_area .list_array .search_cover > div.s_box > i {position:absolute; z-index:2; top:8px; right:10px; color:#898989; } .list_right_area .list_array .search_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .list_right_area .list_array .search_cover > div.sort select {height:35px; width:100%; /*-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;*/ border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .list_right_area .list_array .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .list_right_area .body {padding :10px 10px 0 10px !important;} /*.list_right_area .body h4 {height:40px;}*/ .list_right_area p.time_date {font-size:12px; color:#898989;font-weight: 400;} /*라이브 뷰(상세) 페이지*/ .total_list_btn {width:100%; margin-bottom:30px;} .total_list_btn button {padding: 0 15px; box-sizing: border-box; line-height: 35px; text-align: center; border:1px solid #dfdfdf;} .total_list_btn button:hover {border:1px solid #b4b4b4;} .live_view_right {width:250px; float:right;} .live_view_left {width:calc(100% - 300px); float: left;} .situation_btn {width:100%; margin-bottom:30px;} .situation_btn > button {width:100% !important; text-align: center; font-size:17px; font-weight: 400; color:#fff !important; line-height: 46px; border:none !important; transition:all 0.4s; margin-bottom:30px;} .situation_btn > button > img {margin-top:17px; margin-right:4px;} .situation_btn > button:focus {outline:0 !important;} .situation_btn > button:active {outline: none !important;} .situation_btn > button.apply {background: #0083ca; } .situation_btn > button.apply:hover {background: #0076b5} .situation_btn > button.show {background :#ea302e; } .situation_btn > button.show:hover {background: #d22b29} .situation_btn > button.watching { background :#fff !important; color:#ea302e !important; border:1px solid #ea302e !important;} .situation_btn > button.queue { background: #a3d7ff; } .situation_btn > button.retake { background: #adcb45; } .situation_btn > button.retake:hover {background: #9bb63e} .situation_btn > button.start { background: #2eaef8; } .situation_btn > button.start:hover {background: #159dea;} .live_view_right .information {width:100%; overflow:hidden; position:relative; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #dfdfdf; box-sizing: border-box;} .live_view_right .information > p {font-size:14px; color:#333; font-weight: 500;} .live_view_right .information > p:not(:first-of-type) {margin-top:15px;} .live_view_right .information > p:last-of-type {margin-top:30px;} .live_view_right .information > p.lang_type > span {font-size:12px; color:#898989; font-weight: 400; margin-right:10px;} .live_view_right .information > p.week > span {margin-right:5px; letter-spacing: 1;} .live_view_right .information > p.week > span, .live_view_right .information > p.week > span > b {font-size:14px; color:#666; font-weight: 400;} .live_view_right .information > p.bigger {font-size:17px; color:#333; font-weight: 500;} .live_view_right .information > p.bigger span > b {font-weight: 500;} .live_view_right > div > .link_box {width:100%; overflow:hidden; margin-bottom:20px;} .live_view_right > div > .link_box p.tit {font-size:17px; color:#333; font-weight:500; float:left; } .live_view_right > div > .link_box a {float:right; color:#999; transition:all 0.4s;} .live_view_right > div > .link_box a:hover {color:#333;} .live_view_right > .teacher_profile .profile > span {width:150px; height:150px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 50%; display: block;} .live_view_right > .teacher_profile .profile > span > img {width:100%; height:100%;} .live_view_right > .teacher_profile .consult_box {width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative;} .live_view_right > .teacher_profile .consult_box > .link_box {overflow:hidden;} .live_view_right > .teacher_profile .consult_box p.name {font-size:14px; color:#333; font-weight: 400; float:left; line-height: 25px;} .live_view_right > .teacher_profile .consult_box a {float:right; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:5px 0; text-align: center; color:#898989; display: block; font-size:12px; transition: all 0.4s; width:70px;} .live_view_right > .teacher_profile .consult_box a:hover {color:#333; border:1px solid #b4b4b4;} .inquirySendBox {position: absolute !important;top: 45px;right: 0;margin-top: 0;padding: 5px;width: 350px;z-index: 3;background: #fff;box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;border-radius: 5px;} .inquirySendBox h3 { float: left; margin: 5px 10px; height: 30px; font-size: 17px; line-height: 28px;} .inquirySendBox .inqTextForm {margin: 10px 5px; text-align: center;} .inquirySendBox .inqTextForm input {margin-bottom: 8px !important;} .inquirySendBox .inqTextForm textarea {resize: none;} .inquirySendBox .xBtn { display: block; float: right; margin: 10px; cursor: pointer;} .inquirySendBox.teachPage { position: absolute !important; top: 35px; left: -101px; visibility:visible;} .live_view_right > .teacher_profile .consult_box > p {font-size:14px; color:#898989; font-weight: 400;} .live_view_right > .teacher_profile .consult_box > p.current_history {margin-top:15px;} .live_view_right > .teacher_profile .consult_box > div.past_history p {margin-top:30px; font-size:14px; color:#898989; font-weight:400;} .live_view_right > .teacher_profile .consult_box > div.past_history div.ql-editor {padding:0 !important;} .live_view_right > .relate_class {width:100%; padding-bottom:30px; box-sizing: border-box; margin-bottom:30px; border-bottom:1px solid #dfdfdf; } .live_view_right > .relate_class .class_list ul li {width:100%; overflow:hidden; margin-bottom:20px;} .live_view_right > .relate_class .class_list ul li a {display: block; width:100%;} .live_view_right > .relate_class .class_list ul li span {border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; float:left; width:78px; margin-right:calc(90px - 78px); overflow:hidden; } .live_view_right > .relate_class .class_list ul li div {float:left; width:calc(100% - 90px);} .live_view_right > .relate_class .class_list ul li div p.desc {font-size:14px; color:#898989; font-weight: 400; transition:all 0.4s; margin-bottom:8px;} .live_view_right > .relate_class .class_list ul li a:hover > div > p {color:#333;} .live_view_right > .relate_class .class_list ul li div p.who {font-size:14px; color:#333; font-weight: 400;} .live_view_right > .relate_class .class_list ul li:last-of-type {margin-bottom:0;} .live_view_right > .relate_class.last {border-bottom:none;} .live_view_left .class_info {width:100%; position:relative; overflow:hidden; margin-bottom:50px;} .live_view_left .class_info .left_thumbnail {float:left; width:270px; margin-right:30px; box-sizing: border-box;} .live_view_left .class_info .left_thumbnail span {border:1px solid #dfdfdf; display: inline-block; border-radius: 5px; box-sizing: border-box;} .live_view_left .class_info .left_thumbnail span img { border-radius: 4px;} .live_view_left .class_info .right_information {width: calc(100% - 300px); float:left;} .live_view_left .class_info .right_information .top {overflow:hidden; width:100%;} .live_view_left .class_info .right_information .top p.tit {font-size:23px; color:#333; font-weight: 500; float:left;} .live_view_left .class_info .right_information .top span {vertical-align: middle; float:right; color:#ea302e; font-size:12px; font-weight: 400;} .live_view_left .class_info .right_information .top span img {margin:5px 5px 0 0;} .live_view_left .class_info .right_information .mid {width:100%; margin-top:5px; margin-bottom:30px;} .live_view_left .class_info .right_information .mid span.class_type {border:1px solid #2eaef8; border-radius: 4px; box-sizing: border-box; padding :0 5px; line-height: 15px; font-size:12px; color:#2eaef8; font-weight: 400; text-align:center; background: #e9fbfd; display: inline-block; margin-bottom:30px;} .live_view_left .class_info .right_information .mid p.desc {font-size:14px; font-weight: 400; color:#666;} .live_view_left .class_info .right_information .bot {width:100%; overflow:hidden;} .live_view_left .class_info .right_information .bot > .rating_box {float:left; font-size:12px; color:#666; font-weight: 400;} .live_view_left .class_info .right_information .bot > .rating_box p {font-size:14px; color:#333; font-weight: 500; display: inline-block; vertical-align: middle;} .live_view_left .class_info .right_information .bot > .rating_box div.rating {display: inline-block; vertical-align: middle;} .live_view_left .class_info .right_information .bot > .rating_box span.eval {font-size:12px; color:#666; font-weight: 400; display: inline-block; vertical-align: middle;} .live_view_left .class_info .right_information .bot > .rating_box span.total {font-size:14px; color:#666; font-weight: 400; display: inline-block; vertical-align: middle;} .live_view_left .class_info .right_information .bot > .rating_box span.space {display: block; height:10px;} .live_view_left .class_info .right_information .bot > .share_box {float:right;} .live_view_left .class_info .right_information .bot > .share_box ul {overflow:hidden;} .live_view_left .class_info .right_information .bot > .share_box ul li {float:left; text-align: center;} .live_view_left .class_info .right_information .bot > .share_box ul li:first-of-type {margin-right:30px;} .live_view_left .class_info .right_information .bot > .share_box ul li span {display: block; text-align: center; width:50px; font-size:12px; color:#666; font-weight: 400; margin-top:5px;} .live_view_left .live_info {margin-bottom:30px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding :20px; overflow:hidden;} .live_view_left .live_info > p.tit {font-size:23px; color:#333; font-weight: 500; display:block; width:100%; margin-bottom:20px;} .live_view_left .live_info > .left_screen_shot {float:left; width:248px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; overflow:hidden;} .live_view_left .live_info > .left_screen_shot a {display: block; width:100%; } .live_view_left .live_info > .right_live_info {width:calc(100% - 248px); float:left;} .live_view_left .live_info > .right_live_info p.tit {text-align:center;font-size:17px; font-weight: 400; color:#898989; width:100%; text-align:center;} .live_view_left .live_info > .right_live_info .time_date {width:100%; overflow:hidden; margin-top:40px;} .live_view_left .live_info > .right_live_info .time_date .date {float:left; width:50%; border-right:1px solid #dfdfdf; box-sizing: border-box; } .live_view_left .live_info > .right_live_info .time_date .time {float:left; width:50%; } .live_view_left .live_info > .right_live_info .time_date > div {padding-left:60px;} .live_view_left .live_info > .right_live_info .time_date > div p:first-of-type {font-size:14px; color:#333; font-weight: 500; margin-bottom:12px; line-height: 30px;} .live_view_left .live_info > .right_live_info .time_date > div p:first-of-type > img {margin-top:4px; margin-right:5px;} .live_view_left .live_info > .right_live_info .time_date > div p.answer {font-size:17px; font-weight: 500; color:#333; padding-left:32px; box-sizing:border-box;line-height: 1;} .live_view_left .live_info > .right_live_info .time_date > div p.answer span {font-size:12px; color:#666; font-weight: 400;} .live_view_cont_box u {text-decoration: none !important;} .live_view_cont_box > div {width:100%;} .live_view_cont_box > div p.tit {font-size:23px; color:#333; font-weight: 500; margin-bottom:30px;} .live_view_cont_box > div .ql-editor {padding:0;} .live_view_cont_box > div .ql-editor p {font-size:14px; color:#666; font-weight: 400; line-height: 22px;} .live_view_cont_box > div .ql-editor p:last-of-type {margin-bottom:50px;} .live_view_cont_box > .box01 .procedure div#edu_curr {width:100%; margin-bottom:30px;} .live_view_cont_box > .box01 .procedure div#edu_curr p {font-size:0; width:100%;} .live_view_cont_box > .box01 .procedure div#edu_curr p span {display:inline-block; vertical-align:middle; font-size:14px; color:#333; font-weight:400; line-height:30px; margin-right:50px !important;} .live_view_cont_box > .box01 .procedure div#edu_curr p span img {margin-right:10px;} .live_view_cont_box > .box01 .procedure div#edu_curr p span b {font-weight:400;} .live_view_cont_box > .box01 .procedure p span {display: inline-block; vertical-align: middle; margin-right:20px;} .live_view_cont_box > .box01 .procedure p span i {display: inline-block; margin-right:5px;} .live_view_cont_box > .box01 .weekly_plan {width:100%; position:relative;} .live_view_cont_box > .box01 .weekly_plan .weekly_plan_box {width:100%; overflow:hidden; margin-bottom:30px; position:relative;} .live_view_cont_box > .box01 .weekly_plan .weekly_plan_box > div {float:left;} .live_view_cont_box > .box01 .weekly_plan .weekly_plan_box > .left_week {width:92px;} .live_view_cont_box > .box01 .weekly_plan .weekly_plan_box > .left_week p.circle {width:60px; height:60px; background: #f9fafb; border:1px solid #eaeaea; border-radius: 50%; box-sizing: border-box; text-align: center; font-size:12px; color:#898989; font-weight: 400; position:relative; z-index:2;} .live_view_cont_box > .box01 .weekly_plan .weekly_plan_box > .left_week p.circle span {display: block; text-align: center; width:100%; font-size:23px; color:#333; font-weight: 500; margin-top:15px; margin-bottom:5px;} .live_view_cont_box > .box01 .weekly_plan .weekly_plan_box > .left_week span.dash_line {position:absolute; z-index:1; display:block; width:92px; border-top:1px dashed #dfdfdf; top:30px; left:0;} .live_view_cont_box > .box01 .weekly_plan .weekly_plan_box > .right_plan {width:calc(100% - 92px); border-left:1px dashed #dfdfdf; padding-left:20px; box-sizing: border-box; } .live_view_cont_box > .box01 .weekly_plan .weekly_plan_box > .right_plan > p.plan_tit {font-size:17px; color:#333; font-weight: 400; margin-bottom:5px;} .live_view_cont_box > .box01 .weekly_plan .weekly_plan_box > .right_plan > .plan_accordion {width:100%; position:relative;} /*테스트용 강좌 테스트 목록 부분*/ .live_view_cont_box > .box01 .weekly_plan .test_class_tit {font-size:23px; line-height:57px; background:#fff; width:50px; position:relative; z-index:2;} .live_view_cont_box > .box01 .weekly_plan .right_plan ul.test_list {width:100%; display:block; position:relative;} .live_view_cont_box > .box01 .weekly_plan .right_plan ul.test_list li {width:100%; border-bottom:1px solid #f4f4f4; line-height:50px; overflow:hidden;} .live_view_cont_box > .box01 .weekly_plan .right_plan ul.test_list li a {float:left; width:80%; height:100%;} .live_view_cont_box > .box01 .weekly_plan .right_plan ul.test_list li a span.order_number {font-size:15px; color:#333; font-weight:400; display: inline-block; vertical-align: middle;} .live_view_cont_box > .box01 .weekly_plan .right_plan ul.test_list li a span.order_number b {font-weight:400 !important;} .live_view_cont_box > .box01 .weekly_plan .right_plan ul.test_list li a span.test_exam_tit {width:95%; display:inline-block; vertical-align: middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing: border-box; font-size:15px; color:#333; font-weight:400;} .live_view_cont_box > .box01 .weekly_plan .right_plan ul.test_list li button {float:right; padding:0 10px; line-height: 30px; font-size:12px; margin-right:30px; border:1px solid #dfdfdf; margin-top:14px; color:#ea302e;} .live_view_cont_box > .box01 .weekly_plan .right_plan ul.test_list li button:hover {border:1px solid #b4b4b4; color:#333;} .live_view_cont_box > .box01 .weekly_plan .right_plan ul.test_list li button.passed_exam {border:1px solid #dfdfdf !important; border-radius: 4px; box-sizing: border-box; color:#666;} .live_view_cont_box > .box01 #appendAssignments {width:100%; position:relative;} .live_view_cont_box > .box01 #appendAssignments #assignment0 {width:100%; overflow:hidden; margin-bottom:30px; position:relative;} .live_view_cont_box > .box01 #appendAssignments #assignment0 p.circle {border:1px solid #fff !important; background:#fff !important;} .live_view_cont_box > .box01 #appendAssignments #assignment0 p.circle span {font-size:23px !important; margin-top:20px !important;} .live_view_cont_box .plan_accordion > ul > li {width:100%; position:relative; margin-bottom:15px;} .live_view_cont_box .plan_accordion > ul > li:last-of-type {margin-bottom:0;} .live_view_cont_box .plan_accordion ul li > a.acc_btn {display: block; width:100%; border:1px solid #eaeaea; background: #f9fafb; line-height: 50px; padding-left:25px; box-sizing: border-box; overflow:hidden;} .live_view_cont_box .plan_accordion ul li > a.acc_btn span.nth {display: inline-block; vertical-align: middle; margin-right:50px; font-size:15px; color:#333; font-weight: 400;} .live_view_cont_box .plan_accordion ul li > a.acc_btn p.nth_tit {display: inline-block; vertical-align: middle; font-size:15px; color:#333; font-weight: 400;} .live_view_cont_box .plan_accordion ul li > a.acc_btn span.arrow {float:right; margin-right:20px; color:#898989 !important; transition:all 0.4s; transform: rotate(0deg);} .live_view_cont_box .plan_accordion ul li > a.acc_btn:hover span.arrow {color:#333 !important;} .live_view_cont_box .plan_accordion ul li > a.acc_btn.open_acc span.arrow {transform: rotate(180deg);} .live_view_cont_box .plan_accordion ul li > div ul {margin-left:20px;} .live_view_cont_box .plan_accordion ul li > div ul li {width:100%;border-bottom:1px solid #f4f4f4; position:relative; height:60px; overflow:hidden;} .live_view_cont_box .plan_accordion ul li > div ul li span.depth {position:absolute; width:20px; height:20px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; top:15px; left:0;} .live_view_cont_box .plan_accordion ul li > div ul li span.coding_include {position:absolute; color:#2eaef8; font-size:12px; font-weight: 400; left:30px; bottom:7px;} .live_view_cont_box .plan_accordion ul li > div ul li > p {font-size:14px; color:#666; font-weight: 400; padding-left:30px; line-height: 65px; float:left;} .live_view_cont_box .plan_accordion ul li > div ul li div.right_part {float:right; margin-right:20px; height: 60px;} .live_view_cont_box .plan_accordion ul li > div ul li div.right_part button {padding:0 10px; line-height: 30px; font-size:12px; /*margin-right:30px;*/ border:1px solid #dfdfdf; margin-top:14px;} .live_view_cont_box .plan_accordion ul li > div ul li div.right_part button:hover {border:1px solid #b4b4b4; color:#333;} .live_view_cont_box .plan_accordion ul li > div ul li div.right_part span.video_length {color:#898989 !important; line-height: 60px;} .live_view_cont_box .plan_accordion #appendAssignment #assignment1 p {font-size:15px; color:#333; font-weight:400; line-height:22px; } /*게시판 전체목록*/ .comm_con01 > p.tit {font-size:23px; color:#333; font-weight: 500; margin-bottom:50px;} .comm_con01 .board_list {width:100%; overflow:hidden;} .comm_con01 .board_list .link_box {width:100%; overflow:hidden; border-bottom:1px solid #dfdfdf; margin-bottom:10px; padding-bottom:5px; box-sizing: border-box;} .comm_con01 .board_list .link_box p.tit {font-size:23px; color:#333; font-weight: 500; float:left;} .comm_con01 .board_list .link_box a {float:right; color:#999; transition: all 0.4s; display: block; line-height: 32px;} .comm_con01 .board_list .link_box a:hover {color:#333;} .comm_con01 .board_list > div {float:left; margin-right:70px; width:440px; margin-bottom:80px;} .comm_con01 .board_list > div:last-of-type {margin-right:0;} .comm_con01 .board_list > div ul li {width:100%; overflow:hidden;} .comm_con01 .board_list > div ul li div.outer_list {width:290px; display:inline-block; vertical-align:middle; white-space: nowrap;} .comm_con01 .board_list > div ul li div.list_tit {max-width:240px; line-height: 32px; display:inline-block;} .comm_con01 .board_list > div ul li div.list_tit span{max-width:225px; line-height: 32px; display:inline-block; vertical-align:middle; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} .comm_con01 .board_list > div ul li div.doc_info {display:inline-block; vertical-align:middle;} .comm_con01 .board_list > div ul li div.lv {width:calc(100% - 300px); display:inline-block; vertical-align: middle; margin-top:4px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .comm_con01 .board_list > div ul li div.list_tit > p.tits {font-size:14px; font-weight: 400; color:#666; transition: all 0.4s; display: inline-block; vertical-align: middle;} .comm_con01 .board_list > div ul li div.list_tit > p.tits:hover {color:#999;} .comm_con01 .board_list > div ul li div.list_tit > p.tits img {vertical-align:middle;} .comm_con01 .board_list > div ul li div.doc_info > span {display: inline-block; vertical-align: middle;} .comm_con01 .board_list > div ul li div.doc_info > img {display: inline-block; vertical-align: middle;} .comm_con01 .board_list > div ul li div.lv > span.th_img {display: inline-block; vertical-align:middle; width:23px; height:23px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 50%;} .comm_con01 .board_list > div ul li div.lv > span.th_img img {width:100%;} .comm_con01 .board_list > div ul li div.lv > span.user_id {font-size:14px; color:#333; font-weight: 400; letter-spacing:-0.05em;} .comm_con01 .board_list > div ul li div.lv .lv_cov {position:relative; margin:0 15px; display: inline-block; vertical-align: middle; padding-top:7px; box-sizing:border-box;} .comm_con01 .board_list > div ul li div.lv .lv_cov .lv_box {width:100%; position:relative; height:25px; } .comm_con01 .board_list > div ul li div.lv .lv_cov .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .comm_con01 .board_list > div ul li div.lv .lv_cov .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .comm_con01 .board_list > div ul li div.lv .lv_cov .lv_box img.lv16 {margin-top:-4.8pt;} .comm_con01 .board_list > div ul li div.unknown {line-height: 32px;} .comm_con01 .board_list > div ul li div.unknown .unknown_img {display: inline-block; vertical-align:middle; width:23px; height:23px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 50%;} .comm_con01 .board_list > div ul li div.unknown .unknown_img > img {width:100%;} .comm_con01 .board_list > div ul li div.unknown .unknown_txt {font-size:14px; color:#666; font-weight: 400;} .comm_con01 .board_list .list_inner {width:100% !important;} .comm_con01 .board_list .list_inner > div {float:left; margin-right:70px; width:440px;} .comm_con01 .board_list .list_inner > div:last-of-type {margin-right:0;} .comm_con01 .board_list .list_inner > div ul li {width:100%; overflow:hidden;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > .lang_type_list {width:100%; display: block; float:none; font-size:10px; color:#898989; font-weight: 400;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > .lang_type_list > p {width:200px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > .lang_type_list > p > span {font-weight: 400; color:#b2b2b2;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > .lang_type_list > p:hover > span {color:#666;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > .lang_type_list .layer_box {position:absolute; background: #fff; border:1px solid #dfdfdf; border-radius: 4px; padding:10px; box-sizing: border-box; width:230px;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > .lang_type_list .layer_box .pos_rel {position:relative; width:100%;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > .lang_type_list .layer_box .pos_rel p {display: block; width:100%;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > .lang_type_list p span {margin-right:10px;} .comm_con01 .board_list .list_inner > div ul li div.lv {width:calc(100% - 280px); float:right; vertical-align: middle;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > p.tits {font-size:14px; font-weight: 400; color:#666; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; transition: all 0.4s; display: inline-block; vertical-align: middle;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > p.tits:hover {color:#999;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > span {display: inline-block; vertical-align: middle;} .comm_con01 .board_list .list_inner > div ul li div.list_tit > img {display: inline-block; vertical-align: middle;} .comm_con01 .board_list .list_inner > div ul li div.lv > span.th_img {display: inline-block; vertical-align:middle; width:23px; height:23px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 50%;} .comm_con01 .board_list .list_inner > div ul li div.lv > span.th_img img {width:100%;} .comm_con01 .board_list .list_inner > div ul li div.lv .lv_cov {position:relative; margin:0 15px; display: inline-block; vertical-align: middle; padding-top:7px; box-sizing:border-box;} .comm_con01 .board_list .list_inner > div ul li div.lv .lv_cov .lv_box {width:100%; position:relative; height:25px; } .comm_con01 .board_list .list_inner > div ul li div.lv .lv_cov .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .comm_con01 .board_list .list_inner > div ul li div.lv .lv_cov .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .comm_con01 .board_list .list_inner > div ul li div.lv .lv_cov .lv_box img.lv16 {margin-top:-4.8pt;} .comm_con01 .board_list .list_inner > div ul li div.unknown {line-height: 32px;} .comm_con01 .board_list .list_inner > div ul li div.unknown .unknown_img {display: inline-block; vertical-align:middle; width:23px; height:23px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 50%;} .comm_con01 .board_list .list_inner > div ul li div.unknown .unknown_img > img {width:100%;} .comm_con01 .board_list .list_inner > div ul li div.unknown .unknown_txt {font-size:14px; color:#666; font-weight: 400;} .comm_con02 {position:relative;} .comm_con02 .top_cover {overflow: hidden;} .comm_con02 .top_cover .left_tit {float:left; font-size:0; width:100%; text-align: left;} .comm_con02 .top_cover .left_tit p {font-size:23px; color:#333; font-weight:500; display: inline-block; vertical-align: middle; margin-bottom:30px;} .comm_con02 .top_cover .left_tit span.category_show {font-size:17px; color:#333; font-weight: 400; display: inline-block; vertical-align: middle; margin-bottom:30px; margin-left:5px;} .comm_con02 span.th_img {display: inline-block; vertical-align:middle; width:23px; height:23px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 50%;} .comm_con02 span.th_img img {width:100%;} .comm_con02 .lv_cov {position:relative; margin:0 15px; display: inline-block; vertical-align: middle; padding-top:7px; box-sizing:border-box;} .comm_con02 .lv_cov .lv_box {width:100%; position:relative; height:25px; } .comm_con02 .lv_cov .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .comm_con02 .lv_cov .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .comm_con02 .lv_cov .lv_box img.lv16 {margin-top:-4.8pt;} .comm_con02 table tr td span.cat {color:#333; font-weight: 500;} .comm_con02 table tr td > .lang_type_list {width:100%; display: block; float:none; font-size:10px; color:#898989; font-weight: 400;} .comm_con02 table tr td > .lang_type_list > p {width:200px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .comm_con02 table tr td > .lang_type_list > p > span {font-weight: 400; color:#b2b2b2; font-size:10px;} .comm_con02 table tr td > .lang_type_list > p:hover > span {color:#666;} .comm_con02 table tr td > .lang_type_list .layer_box {position:absolute; background: #fff; border:1px solid #dfdfdf; border-radius: 4px; padding:10px; box-sizing: border-box; width:230px;} .comm_con02 table tr td > .lang_type_list .layer_box .pos_rel {position:relative; width:100%;} .comm_con02 table tr td > .lang_type_list .layer_box .pos_rel p {display: block; width:100%; font-size:10px; color:#666; font-weight: 400; white-space: normal !important;} .comm_con02 table tr td > .lang_type_list p span {margin-right:10px;} .comm_con02 .top_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .comm_con02 .top_cover > div.sort select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .comm_con02 .top_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .faq_table table tr td:nth-of-type(2) {padding-left:20px !important;} .faq_table table tr td:nth-of-type(3) {padding-left:20px !important; text-align: left !important;} .custom_area > p.sub_tit {margin:17px 0;} .custom_area .search_cover {width:100%; position:relative; text-align: center; margin:30px 0; overflow: hidden;} .custom_area .search_cover > a.c_less {float:left; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; color:#666; font-size:14px; font-weight: 400; line-height: 33px; transition: all 0.4s;} .custom_area .search_cover > a.c_less:hover {border:1px solid #b4b4b4; color:#333; transition: all 0.4s;} .custom_area .search_cover > div:not(.sort) {display: inline-block; vertical-align: middle;} .custom_area .search_cover > div.category {width:100px; position:relative;} .custom_area .search_cover > div.category select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .custom_area .search_cover > div.category i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .custom_area .search_cover > div.s_box {width:300px; position:relative; margin-left:10px;} .custom_area .search_cover > div.s_box input {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; font-weight: 400; padding-left:20px; height:35px; position:relative; z-index:1;} .custom_area .search_cover > div.s_box > i {position:absolute; z-index:2; top:8px; right:10px; color:#898989; } .custom_area .search_cover > div.sort {position:absolute; right:0; top:0; width:100px;} .custom_area .search_cover > div.sort select {height:35px; width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; background: #fff; font-size:14px; color:#666; padding-left:20px; z-index:1;} .custom_area .search_cover > div.sort i {position:absolute; z-index:2; top:8px; right:7px; color: #666;} .custom_area .write_btn {width:100%; overflow: hidden; margin-top:30px;} .custom_area .write_btn button {float:right; padding:0 15px; box-sizing: border-box; line-height: 35px;} .custom_area .paging {margin:30px 0 !important;} .custom_area span.th_img {display: inline-block; vertical-align:middle; width:23px; height:23px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 50%;} .custom_area span.th_img img {width:100%;} .custom_area .lv_cov {position:relative; margin:0 15px; display: inline-block; vertical-align: middle; padding-top:7px; box-sizing:border-box;} .custom_area .lv_cov .lv_box {width:100%; position:relative; height:25px; } .custom_area .lv_cov .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .custom_area .lv_cov .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:1.5pt;} .custom_area .lv_cov .lv_box img.lv16 {margin-top:-4.8pt;} .custom_area table tr td span.cat {color:#333; font-weight: 500;} .custom_area table tr td > .lang_type_list {width:100%; display: block; float:none; font-size:10px; color:#898989; font-weight: 400;} .custom_area table tr td > .lang_type_list > p {width:200px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .custom_area table tr td > .lang_type_list > p > span {font-weight: 400; color:#b2b2b2; font-size:10px;} .custom_area table tr td > .lang_type_list > p:hover > span {color:#666;} .custom_area table tr td > .lang_type_list .layer_box {position:absolute; background: #fff; border:1px solid #dfdfdf; border-radius: 4px; padding:10px; box-sizing: border-box; width:230px;} .custom_area table tr td > .lang_type_list .layer_box .pos_rel {position:relative; width:100%;} .custom_area table tr td > .lang_type_list .layer_box .pos_rel p {display: block; width:100%; font-size:10px; color:#666; font-weight: 400; white-space: normal !important;} .custom_area table tr td > .lang_type_list p span {margin-right:10px;} .accordion_box {width:100%; margin-bottom:80px;} .accordion_box > div > ul > li {width:100%; border-bottom:1px solid #dfdfdf;} .accordion_box > div > ul > li > a {display: block; width:100%; font-size:14px; color:#333; font-weight: 400; line-height:45px; position:relative;} .accordion_box > div > ul > li > div {padding:20px; box-sizing: border-box;} .accordion_box > div > ul > li > div ul li p {font-size:14px; color:#666; font-weight: 400; line-height: 1.8;} .accordion_box > div > ul > li > div ul li p.cont_tit {font-weight: 500;} .accordion_box > div > ul > li > div ul li p.topSpace {padding-top:20px; box-sizing: border-box;} .landing_cov img , .landing_cov02 img{position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);} .landing_cov .landing01 {position:relative; height:1645px;} .landing_cov .landing02 {position:relative; height:488px;} .landing_cov .landing03 {position:relative; height:2950px;} .landing_cov {width:100%; max-width:1920px; margin:0 auto;} .landing_cov02 {width:100%; max-width:1920px; margin:0 auto; background: #dcdcdc;} .landing_cov > div.landing01 div.main_btn {width:150px; height:50px;} .landing_cov > div.landing01 div.main_btn {position:absolute; top:0; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); margin-left:-530px; margin-top:20px;} .landing_cov > div.landing01 div.main_btn a {display:block; width:150px; height:50px;} .landing_cov > div.landing02 > div.pos_ab {position:absolute; left:50%; top:0; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); width:868px;} .landing_cov > div.landing02 > div.pos_ab div.pos_rel {position:relative; width:868px; height:488px;background: #fff;} .landing_cov02 > div.landing01 div.main_btn02 {width:150px; height:50px;} .landing_cov02 > div.landing01 div.main_btn02 {position:absolute; top:0; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); margin-left:-510px; margin-top:70px;} .landing_cov02 > div.landing01 div.main_btn02 a {display:block; width:150px; height:50px;} /* 선생님방 > 강좌 정보 > 강좌 수강생 > 질문 & 답변, 이전 버전의 모달 임시 */ .answerWriteModal .contentBox > .content {float: left;padding: 20px;width: 50%;margin-top: 0px !important;} .answerWriteModal .contentBox > .content .title {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #f2f2f2} .answerWriteModal .contentBox > .content .scrolling {height: 300px; display:inline-block; line-height:22px; margin-top:10px;} .answerWriteModal .contentBox > .content .description textarea {resize: none} /*2018.06.08 additional for live_view*/ .modal_common p.pop_tit {font-size:17px !important;} .modal_common .pop_tit_cov {margin-bottom:0;} .modal_common .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} .modal_common .option_area button {display: inline-block; vertical-align: middle; background: #fff !important; line-height: 30px !important} .modal_common .option_area button:first-of-type {line-height: 30px; background: #e7e7e7 !important; color:#666 !important; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s; padding:0 10px;} .modal_common .option_area button:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} .modal_common .option_area button.apply { line-height: 30px; background: #2eaef8 !important; color:#fff !important; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} .modal_common .option_area button.apply:hover {background: #299cdf; transition: all 0.4s;} .modal_common .option_area button.apply span {vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s; margin-left:10px;} .modal_common .option_area button.apply:hover span {background: #0093d0; transition: all 0.4s;} .modal_common .option_area button.apply {padding:0 0 0 15px !important;} .modal_common .option_area button.confirm {background: #333 !important; color:#fff !important; margin-right:10px;} .modal_common > .cont_box {padding:20px; box-sizing: border-box;} .modal_common > .eval > div.rating {display: inline-block; vertical-align: middle;} .modal_common > .eval > p.star_point {display: inline-block; vertical-align: middle; font-size:14px; color:#898989; font-weight: 400;} .modal_common > .eval > p.star_point > span {color:#333;} .modal_common > .eval > textarea {width:100%; display: block; resize:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding: 10px; height:100px; margin-top:15px; overflow-y:scroll;} .modal_common > .eval > textarea::-webkit-scrollbar {display: none;} .modal_common > .eval > textarea:focus {outline: 0 !important;} .modal_common > .eval > .slide_chk {padding-top:15px;} .modal_common > .eval > .slide_chk > div {display: inline-block; vertical-align: middle;} .modal_common > .eval > .slide_chk > p {display: inline-block; vertical-align: middle;font-size:14px; color:#666 ;font-weight: 400;} .modal_common.right_bar .pop_tit_cov {border-bottom:none; border-top:1px solid #dfdfdf;} .modal_common.right_bar p.pop_tit {padding-left:0;} .modal_common.right_bar .cont_box {background: #f9fafb;} .modal_common.right_bar .btn_box {text-align:center; background:#f9fafb; padding-bottom:15px;} .modal_common.right_bar .btn_box button {padding:0 15px; background:#fff !important; height:35px;} .live_view_cont_box .box03 .notice_table table {border-top:1px solid #dfdfdf;} .live_view_cont_box .box03 .notice_table table {width:100%;} .live_view_cont_box .box03 .notice_table table thead {border-bottom:1px solid #dfdfdf;} .live_view_cont_box .box03 .notice_table table thead th {text-align: center; background: #f9fafb; color:#333; font-weight: 500; font-size:14px; line-height: 48px;} .live_view_cont_box .box03 .notice_table table thead th:nth-of-type(2) {text-align: left; padding-left:30px; box-sizing: border-box;} .live_view_cont_box .box03 .notice_table table thead th span {display: inline-block; vertical-align: top;} .live_view_cont_box .box03 .notice_table table thead th span i {display: block; color:#898989; height:1px;} .live_view_cont_box .box03 .notice_table table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .live_view_cont_box .box03 .notice_table table tbody tr:hover{background: #f9f8fb; color:#333 !important;} .live_view_cont_box .box03 .notice_table table tbody tr td:first-of-type {text-align: left; font-size:14px; color:#898989; font-weight: 400; box-sizing: border-box; padding-left:20px;} .live_view_cont_box .box03 .notice_table table tbody tr td:nth-of-type(2) {font-size:14px; color:#666666; font-weight: 400; box-sizing: border-box; padding-left:10px;} .live_view_cont_box .box03 .notice_table table tbody tr td:nth-of-type(3) {text-align: center; font-size:13px; font-weight: 400; color:#898989;} .live_view_cont_box .box03 .notice_table table tbody tr td:nth-of-type(4) {text-align: center; font-size:13px; font-weight: 500; color:#666;} .live_view_cont_box .box03 .notice_table table tbody tr td.processing {color:#ff7230;} .live_view_cont_box .box03 .notice_table table tbody tr td:last-of-type {text-align: center; font-size:14px; color:#898989; font-weight: 400;} .live_view_cont_box .box03 .notice_table table tbody tr td:last-of-type a {display: inline-block; vertical-align: middle; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 5px; background: #fff; text-align:center; line-height: 26px; font-size:14px; color:#898989; font-weight: 400; transition: all 0.4s;} .live_view_cont_box .box03 .notice_table table tbody tr td:last-of-type a:hover {color:#333; border:1px solid #b4b4b4; transition: all 0.4s;} .live_view_cont_box .box02 .test_list table {border-top:1px solid #dfdfdf;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(2) {text-align: left;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) {text-align: left;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) {font-size:0; padding-left:10px !important; box-sizing: border-box;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) > span {display: inline-block; vertical-align: middle;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) > span:first-of-type { border:1px solid #dfdfdf; border-radius: 50%; overflow:hidden; background-size: #fff; width:24px; height:24px; vertical-align: middle; } .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) > span:first-of-type img {width:100%;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) > span:last-of-type {font-size:14px; color:#898989; font-weight: 400; line-height:20px; margin-left:10px; margin-right:10px;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) > .lv_box {width:100%; position:relative; margin-left:42px;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) > .lv_box img {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); margin-top:-20px;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) > .lv_box span {position:absolute; left:50%; top:0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: block; font-size:1pt; margin-top:-18px;} .live_view_cont_box .box02 .test_list table tbody tr td:nth-of-type(3) > .lv_box img.lv16 {margin-top:-27px;} /*강좌가져오기*/ .bring_live_cov button:focus {outline:none;} .bring_live_cov > p.tit {font-size:23px;color:#333;font-weight:500; margin-bottom:50px;} .bring_live_cov {width:100%; position:relative;} .bring_live_cov .btn_top {width:100%; margin-bottom:20px;} .bring_live_cov .btn_top button {padding:0 10px; height:35px; outline:none;} .bring_live_cov .warn_cov {width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; position:relative; height:365px; margin-bottom:170px;} .bring_live_cov .warn_cov .pos_ab {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); text-align:center;} .bring_live_cov .warn_cov .pos_ab img {display:inline-block; vertical-align: middle;} .bring_live_cov .warn_cov .pos_ab p {display: inline-block; vertical-align: middle; font-size:17px; color:#898989; font-weight:400; margin-left:20px; } .modal_common .live_list_plate {width:100%; padding:20px; box-sizing: border-box;} .modal_common .live_list_plate > p.plate_tit {font-size:14px; color:#666; font-weight:400; margin-bottom:20px;} .modal_common .live_list_plate > .live_list {width:100%; height:361px; overflow-y:scroll;} .modal_common .live_list_plate > .live_list::-webkit-scrollbar { display: none; } .modal_common .live_list_plate > .live_list ul li {width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; overflow:hidden; margin-bottom:20px; background: #fff; transition: all 0.4s;} .modal_common .live_list_plate > .live_list ul li:last-of-type {margin-bottom:0 !important;} .modal_common .live_list_plate > .live_list ul li:hover {background: #f2f2f2; border:1px solid #b4b4b4;} .modal_common .live_list_plate > .live_list ul li .list_thumb {width:80px; margin-right:10px; height:65px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; float:left;} .modal_common .live_list_plate > .live_list ul li .list_thumb img {width:100%;} .modal_common .live_list_plate > .live_list ul li .list_description {width:calc(100% - 90px); float:left;} .modal_common .live_list_plate > .live_list ul li .list_description p.tit {font-size:15px; color:#333; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; box-sizing: border-box;} .modal_common .live_list_plate > .live_list ul li .list_description p.desc {font-size:14px; color:#898989; font-weight: 400; line-height: 22px; } .brought_box {width:100%; overflow:hidden;} .brought_box > div.video_cont {width:750px; float:left; margin-right:50px;} .brought_box > div.thumb_cont {width:calc(100% - 800px); float:left;} .brought_box > div.video_cont > p.tit {font-size:17px; color:#666; font-weight: 400; margin-bottom:30px;} .brought_box > div.thumb_cont > p.tit {font-size:17px; color:#666; font-weight: 400; margin-bottom:30px;} .brought_box > div.video_cont > div.video_area {width:100%; height:420px; overflow:hidden; } .brought_box > div.video_cont > div.video_area > img, .brought_box > div.video_cont > div.video_area > video, .brought_box > div.video_cont > div.video_area > iframe, .brought_box > div.video_cont > div.video_area > div {width:100% !important; height:420px !important;} .brought_box > div.thumb_cont > .btn_top {width:100%; margin-bottom:20px;} .brought_box > div.thumb_cont > .btn_top button {padding:0 10px; height:35px; outline:none;} .brought_box > div.thumb_cont > div.thumb_box {width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; height:365px;} .brought_box > div.thumb_cont > div.thumb_box > span {display: block; width:245px; height:195px; margin:0 auto; text-align: center; overflow:hidden; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box;} .brought_box > div.thumb_cont > div.thumb_box > p.tit {margin-top:17px; margin-bottom:20px; font-size:15px; color:#333; font-weight: 400; text-align:center;} .brought_box > div.thumb_cont > div.thumb_box > p.desc {font-size:14px; color:#898989; font-weight: 400; line-height: 22px; text-align:center;} .bottom_btn {width:100%; font-size:0; display: block; float:none; text-align:center; margin:50px 0 80px;} .bottom_btn button {display: inline-block;vertical-align: middle; padding:0 15px; box-sizing: border-box; height:35px; margin:0 3px;} .bottom_btn button:last-of-type img {margin-top:5px; margin-right:5px;} /*live_teacher_information*/ .lesson_list {width:100% !important;} /*강사정보*/ .teacher_info_box {width:100%;} .teacher_info_box .profile_info {position:relative; border-bottom:1px solid #dfdfdf; text-align: center; padding:30px 0 20px; box-sizing: border-box; margin-bottom:50px;} .teacher_info_box .profile_info > span {width:150px; height:150px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; display: block; text-align: center; margin:0 auto 20px;} .teacher_info_box .profile_info > span img {width:100%;} .teacher_info_box .profile_info p.t_name {font-size:23px; font-weight: 400; color:#333; text-align: center;} .teacher_info_box .profile_info p.t_email {font-size:14px; color:#898989; font-weight: 400; text-align: center; margin:15px 0 20px;} .teacher_info_box .profile_info button {line-height: 25px; font-size:12px; padding:0 10px; box-sizing: border-box;} .teacher_info_box .profile_info .rate_box {position:absolute; bottom:20px; right:100px; text-align: left !important;} .teacher_info_box .profile_info .rate_box p.total_student {font-size:14px; color:#333; font-weight: 400;} .teacher_info_box .profile_info .rate_box p.total_student span {font-size:12px; color:#898989; font-weight: 400;} .teacher_info_box .profile_info .rate_box p.total_rate {font-size:14px; color:#333; font-weight: 400; display: inline-block; vertical-align: middle;} .teacher_info_box .profile_info .rate_box div.dp_set_box {display: inline-block; vertical-align: middle; } .teacher_info_box .lesson_list {float:none !important;} .teacher_info_box .history_info {width:100%; padding:20px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; margin-bottom:80px;} .teacher_info_box .history_info p.tit {font-size:23px; font-weight: 400; color:#333;} .teacher_info_box .history_info p.desc {margin-top:20px; font-size:14px; font-weight: 400; color:#898989; line-height: 22px;} /*통합검색*/ .right_search {float:left; width:calc(100% - 250px);} .right_search table tbody tr td:nth-of-type(5){text-align: center !important; color:#898989 !important;} .right_search .ques_list {margin:0;} .right_search b {font-weight: 400 !important;} .right_search .mT50 {margin-top:50px !important;} .right_search .search_result {overflow:hidden;} .right_search .search_result > div {float:none !important; width:100% !important; margin:0 !important; margin-bottom:80px !important;} .right_search .search_result > div .title_box {width:100%; overflow:hidden; border-bottom:1px solid #dfdfdf; padding-bottom:10px; box-sizing: border-box; margin-bottom:30px;} .right_search .search_result > div .left_tit {float:left;} .right_search .search_result > div .left_tit p.tit {font-size:23px; color:#333; font-weight: 500; margin-right:10px; display: inline-block; vertical-align: middle;} .right_search .search_result > div .left_tit p:last-of-type {font-size:14px; color:#898989; font-weight: 400; display: inline-block; vertical-align: bottom;} .right_search .search_result > div .left_tit p:last-of-type > span {color:#2eaef8; } .right_search .search_result > div .right_tit {float:right; padding:10px 10px 0 0; box-sizing: border-box;} .right_search .search_result > div .right_tit i {color:#898989 !important; transition:all 0.4s;} .right_search .search_result > div .right_tit i:hover {color:#333 !important;} .right_search .search_result > div .title_box.col_tit {border-bottom:none; margin-bottom:0 !important;} .right_search .search_result > div .title_box.col_tit .left_tit p.tit {font-size:17px; color:#333; font-weight: 500; margin-right:10px; display: inline-block; vertical-align: middle;} .right_search .search_result > div .title_box.col_tit .left_tit p:last-of-type {font-size:17px; color:#898989; font-weight: 400; display: inline-block; vertical-align: bottom;} .right_search .search_result > div .title_box.col_tit .left_tit p:last-of-type > span {color:#2eaef8; } .right_search > p.tit {font-size:23px; color:#333; font-weight: 500;} .right_search .search_bar_cover * {display: inline-block;vertical-align: middle; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; height:35px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; margin-right:5px;} .right_search .search_bar_cover *:focus {outline:0 !important;} .right_search .search_bar_cover select {width:170px; padding-left:20px; font-size:14px; color:#666; font-weight: 400;} .right_search .search_bar_cover input {padding-left:20px; font-size:14px; color:#666; font-weight: 400; width:400px;} .right_search .search_bar_cover button {padding:0 15px; transition:all 0.4s;} .right_search .search_bar_cover button:hover {border:1px solid #b4b4b4; color:#666; } .right_search > p.result {font-size:14px; color:#666; font-weight: 400; text-align: center;} .right_search > p.result span {color:#2eaef8;} .right_search >.search_count {width:100%; margin:30px 0 50px;} .right_search >.search_count ul {width:100%; font-size:0; text-align: center;} .right_search >.search_count ul li {display: inline-block; vertical-align: middle; margin:0 5px;} .right_search >.search_count ul li p {font-size:14px; color:#898989; font-weight: 400;} .right_search >.search_count ul li p span {color:#2eaef8;} /*1:1문의*/ .write_box {width:100%; position:relative; font-size:0;} .write_box b {font-weight: 500; color:#ea302e; display:inline-block; vertical-align: middle; margin-top:4px; margin-left:3px;} .write_box span.col_tit {font-size:14px; color:#333; font-weight: 500; display: inline-block; vertical-align: middle; width:150px;} .write_box input {width:calc(100% - 150px); display: inline-block; vertical-align: middle; height:35px; padding-left:20px; box-sizing: border-box; font-size:14px; color:#666; font-weight: 400;} .write_box > div {position:relative; display: inline-block; vertical-align: middle; width:calc(100% - 150px); line-height: 35px; margin:10px 0;} .write_box .input_email i {position:absolute; left:18px; z-index:2; font-size:14px;} .write_box .input_email input {width:100%;} .write_box .select {width:160px;} .write_box .select i {position:absolute; right:18px; top:0; z-index:2; font-size:14px;} .write_box select {-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none; width:150px; height:30px; background: #fff; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding-left:20px; position:relative; z-index: 1; height:35px; font-size:14px; color:#666; font-weight: 400; display: inline-block;vertical-align: middle;} .write_box input.select_input {width:calc(100% - 310px); } .write_box input[type="text"]::-webkit-input-placeholder {color:#b2b2b2;} .write_box .slide_check > div.checkbox {padding-top:5px;} .write_box .slide_check > span {font-size:14px; color:#333; font-weight: 400;} .tag_box {width:100%; margin:30px 0; padding:20px; box-sizing: border-box; background: #f9fafb;} .tag_box p.tit {font-size:14px; color:#333; font-weight: 400;} .tag_box > .tag_list {width:100%; border:1px solid #dfdfdf; background: #fff; border-radius: 4px; box-sizing: border-box; height:30px;} .tag_box > .tag_btns {width:100%; } .tag_box > .tag_btns ul {font-size:0; width:100%; margin-top:5px;} .tag_box > .tag_btns ul li {display: inline-block; vertical-align: middle;} .tag_box > .tag_btns ul li button { margin:0 3px; font-size:14px; color:#666; font-weight: 400; height:25px; padding:0 5px; box-sizing: border-box;} .submit_btns {width:100%; position:relative; font-size:0; text-align: center; margin-bottom:80px;} .submit_btns button {display: inline-block; vertical-align: middle; font-size:14px; padding:0 15px; box-sizing: border-box; line-height: 30px; margin:0 5px; } .submit_btns button:last-of-type {background: #2eaef8; border:1px solid #2eaef8; color:#fff !important; } .editor_box {margin-bottom:10px;} .etc_box {width:100%; font-size:0;} .etc_box button {padding:0 15px; text-align: center; box-sizing: border-box; height:35px; display: inline-block; vertical-align: middle;} .etc_box > span {display: inline-block; vertical-align: middle; font-size:14px; color:#666; font-weight: 400; margin-left:10px;} .etc_box div {width:100%; background: #f9f9f9; padding:0 20px; box-sizing: border-box; position:relative; margin-top:10px;} .etc_box div p {font-size:12px; color:#333; font-weight: 500; padding:2px 0; box-sizing: border-box;} .etc_box div i {position:absolute; cursor: pointer; right:10px; top:1px; z-index:2; font-size:14px; color:#898989; transition:all 0.4s;} .etc_box div i:hover {color:#333;} .agreement {width:100%; margin-top:30px;} .agreement .agreement_list {padding-left:20px;} .agreement .agreement_list ul {margin-top:15px;} .agreement .agreement_list ul li {width:100%; font-size:14px; color:#898989; font-weight: 400; margin-bottom:5px;} .agreement button {background: #2eaef8; color:#fff; padding:0 15px; box-sizing: border-box; border:1px solid #2eaef8; height:35px;} .agreement button:hover {background: #299cdf;} .agreement .submit {text-align: center; margin:30px 0 80px;} /*자유게시판 뷰페이지 일부수정*/ .comm_con02 > p.tit.dpib {display: inline-block;vertical-align: middle; margin-bottom:30px; font-size:23px; color:#333; font-weight: 500;} .comm_con02 > p.tit.dpib > span.board_type {font-size:17px; display: inline-block; vertical-align: middle; color:#333; font-weight: 400; line-height: 1;} .comm_con02 > p.tit.dpib > span.board_type b {font-weight: 400;} .bot.noPadd {padding:20px !important;} .bot .lang_type {width:100%; position:relative; margin-bottom:30px;} .bot .lang_type ul {width:100%;} .bot .lang_type ul li {display: inline-block; vertical-align: middle; margin:0 5px;} .bot .lang_type ul li span {display: block; font-size:12px; color:#b2b2b2; font-weight: 400;} .between_list {margin-top:30px;} .between_list table {border-top:1px solid #e2e2e2; width:100%;} .between_list table tbody tr {border-bottom:1px solid #e2e2e2;} .between_list table tbody tr td p.bet_tit {color:#333; font-weight: 500; font-size:14px;} .between_list table tbody tr td:nth-of-type(2) a{color:#898989;} .between_list table tbody tr td:nth-of-type(2) a span:first-of-type {color:#666;} .between_list table tbody tr td:nth-of-type(4), .between_list table tbody tr td:nth-of-type(5), .between_list table tbody tr td:nth-of-type(6) {color:#898989 !important;} /*자유게시판 작성 부분*/ /*채널 강의자 권한 모달*/ #auth_type {position:relative; padding:20px; box-sizing: border-box; height:425px; width:750px; margin:0 0 0 -375px !important;} #auth_type > a.modal_close {position:absolute; top:20px; right:20px;} #auth_type > p.tit {text-align: center; font-size:23px; font-weight: 500; color:#333;} #auth_type > p.desc01 {font-size:14px; color:#333; font-weight: 400; text-align: center; margin:30px 0 20px;} #auth_type > p.desc02 {text-align: center; font-size:14px; color:#666; font-weight: 400; } #auth_type > div.type {width:100%; margin-top:30px;} #auth_type > div.type ul {width:100%; font-size:0; text-align: center;} #auth_type > div.type ul li {display: inline-block; vertical-align: top; margin:0 10px; text-align:center; border:1px solid #dfdfdf; background: #fff; border-radius: 4px; box-sizing: border-box; padding-top:20px; transition:all 0.4s; height:210px; width:320px;} #auth_type > div.type ul li:hover {border:1px solid #b4b4b4; background: #f2f2f2;} #auth_type > div.type ul li p.tit {font-size:15px; color:#2eaef8; font-weight: 500; text-align: center; margin-bottom:20px;} #auth_type > div.type ul li img {text-align: center;} #auth_type > div.type ul li p.desc {font-size:14px; color:#666; font-weight: 400; text-align: center;} #auth_type > div.type ul li p.desc.one_line {margin-top:30px;} #auth_type > div.type ul li p.desc.two_line {margin-top:20px; line-height: 22px;} /*채널 멤버 생성 부분*/ .channel_con {position:relative;} .channel_con p.tit {font-size:23px; color:#333; font-weight: 500;} .channel_con p.sub_tit {font-size:17px; color:#333; font-weight: 400; margin:30px 0; line-height: 1;} .channel_con .email_input_box p.input_tit {font-size:14px; color:#333; font-weight: 500; display: inline-block; vertical-align: middle;} .channel_con .email_input_box > div {display: inline-block; vertical-align: middle; position:relative; margin:0 10px;} .channel_con .email_input_box > div input {height:35px; width:500px; padding-left:30px; box-sizing:border-box; position:relative; z-index:1;} .channel_con .email_input_box > div i {position: absolute; top:8px; left:10px; z-index:2; font-size:14px; color:#666;} .channel_con .email_input_box > button {height:35px; display: inline-block; vertical-align: middle; padding:0 15px; box-sizing: border-box;} .channel_con .mem_list table {width:100%; text-align: center !important; margin:30px 0;} .channel_con .mem_list table thead {border-bottom:1px solid #dfdfdf;} .channel_con .mem_list table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .channel_con .mem_list table thead th span {display: inline-block; vertical-align: top;} .channel_con .mem_list table thead th span i {display: block; color:#898989; height:1px;} .channel_con .mem_list table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf; color:#898989 !important; font-size:14px; font-weight: 400;} .channel_con .mem_list table tbody tr:hover {background: #f9f8fb; color:#333 !important;} .channel_con .mem_list table tbody tr td:first-of-type {text-align: left; padding-left:20px; box-sizing: border-box;} .channel_con .mem_list table tbody tr td:nth-of-type(2) {color:#666 !important;} .channel_con .mem_list table tbody tr td:last-of-type { position:relative;} .channel_con .mem_list table tbody tr td:last-of-type select {position:relative; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; font-size:14px; height:35px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding-left:20px; background: #fff; width:80%;} .channel_con .mem_list table tbody tr td:last-of-type i {position:absolute; z-index:2; right:20px; top:18px; color:#333; } .channel_con .tab_box {width:100%; border-bottom:1px solid #dfdfdf; box-sizing: border-box; position:relative; height:40px; margin-bottom:30px; z-index:2;} .channel_con .tab_box ul {width:100%; text-align: left; position:absolute; bottom:-1px; z-index:1; font-size:0;} .channel_con .tab_box ul li {display: inline-block; vertical-align: top; border:1px solid #dfdfdf; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f9fafb; margin-right:1px; padding:0 10px;} .channel_con .tab_box ul li a {display: block; width:100%; line-height: 40px; font-size:14px; font-weight: 500; text-align: center; color:#898989;} .channel_con .tab_box ul li.tab_active {background: #fff; border-bottom:1px solid #fff;} .channel_con .tab_box ul li.tab_active a {color:#333;} .channel_con .noMember {margin-top:30px; margin-bottom:80px;} .channel_con .find_box {width:100%; position:relative; overflow:hidden; margin-bottom:30px;} .channel_con .find_box span {float:left; display: block; margin-right:20px;} .channel_con .find_box p {float:left; font-size:23px; color:#333; font-weight: 500; line-height: 35px; padding-top:5px;} .channel_con .find_cont p.tit {font-size:14px; color:#333; font-weight: 500; display: inline-block; vertical-align: middle; margin-bottom:10px;} .channel_con .find_cont p.tit:not(:first-of-type) {margin-top:30px;} .channel_con .find_cont p.tit span {display: inline-block; vertical-align: top; } .channel_con .find_cont .list_selection {width:100%;} .channel_con .find_cont .list_selection ul {width:100%; font-size:0;} .channel_con .find_cont .list_selection ul li {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; background: #fff; border-right:none;} .channel_con .find_cont .list_selection ul li a {font-size:14px; color:#333; font-weight: 400; line-height: 35px; padding:0 15px; box-sizing: border-box; display: block;} .channel_con .find_cont .list_selection ul li:first-of-type {border-radius: 4px 0 0 4px;} .channel_con .find_cont .list_selection ul li:last-of-type {border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} .channel_con .find_cont .list_selection ul li.active {background: #f2f2f2;} .channel_con .find_cont .dpib_cover {width:100%; position:relative;} .channel_con .find_cont .dpib_cover div.email_input {display: inline-block; vertical-align: middle; position:relative;} .channel_con .find_cont .dpib_cover input {display: inline-block; vertical-align: middle; width:500px; height:35px; padding-left:20px; box-sizing: border-box; font-size:14px; color:#333; font-weight: 400;} .channel_con .find_cont .dpib_cover input.mem_input01 {width:360px; padding-left:30px;} .channel_con .find_cont .dpib_cover input.mem_input02 {width:800px;} .channel_con .find_cont .dpib_cover div i {position:absolute; left:10px; top:8px; color:#898989;} .channel_con .find_cont .dpib_cover p.alert {font-size:14px; color:#ea302e; font-weight: 400; display: inline-block; vertical-align: middle; margin-left:20px;} .channel_con .find_cont .dpib_cover button {padding:0 15px; box-sizing: border-box; height:35px; display: inline-block; vertical-align: middle; text-align: center; margin-left:20px;} button.b-gray {background: #e7e7e7; color:#666;} .channel_con .find_cont .box02 {margin-bottom:100px;} .channel_con .find_cont .box02 > .goToList {text-align: center;} .channel_con .find_cont .box02 > .goToList > button {padding:0 15px; box-sizing: border-box; height:35px; display: inline-block; vertical-align: middle; margin-top:30px;} .channel_con .find_cont textarea {display: block; width:100%; resize:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; font-size:14px; color:#333; font-weight: 400; height:100px; margin-bottom:30px; overflow-y:scroll;} .channel_con .find_cont textarea::-webkit-scrollbar {display: none;} .channel_con span.question_mark {cursor:pointer;} #question_box {position:relative; height:635px !important;} #question_box .pop_tit_cov {margin-bottom:0;} #question_box .q_box_cont {padding:20px; box-sizing: border-box;} #question_box .tit_box {width:100%; overflow:hidden;} #question_box .tit_box span {float:left; margin-right:20px;} #question_box .tit_box p {font-size:23px; color:#333; font-weight: 400;} #question_box .tit_box p span {font-size:14px; color:#898989;} #question_box .chart_box {width:100%;} #question_box .chart_box table {width:100%; border:1px solid #dfdfdf; margin-top:10px;} #question_box .chart_box table th {background: #f9fafb; color:#333; font-size:14px; text-align:center; font-weight: 400; border:1px solid #dfdfdf; line-height: 40px;} #question_box .chart_box table th.txt500 {font-weight: 500; line-height: 30px;} #question_box .chart_box table tbody tr td {text-align: center; border:1px solid #dfdfdf; line-height: 22px; font-weight:500; color:#333;} /*채널 기본 설정*/ /*하단 체크 부분*/ .check_area {width:100%; margin:30px 0;} .check_area > div {position:relative; width:100%; margin-bottom:30px; } .check_area > div > p {display: inline-block; vertical-align: middle; font-size:17px; color:#333; font-weight: 500; width:300px;} .check_area > div > p span {display: inline-block; vertical-align: top; color:#666; cursor: pointer;} .check_area > div > div.checkbox {margin-right:30px; cursor: pointer;} .check_area > div > div.checkbox label {cursor: pointer !important;} .check_area > div > div.pos_ab {position:absolute; top:0 !important; left:200px; right:auto !important; z-index:2;} .check_area > div > div.pos_ab #balloon {display: inline-block;position: relative;background: #fff;width: 200px;margin: 0 auto 10px;border: 1px solid #dfdfdf; border-radius: 4px ;box-sizing: border-box; box-shadow: 0px 0px 7px #ccc; height:auto!important;} .check_area > div > div.pos_ab #balloon:after {content: '';position: absolute;border-top: 10px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent; top: 50%; left: -9px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform:rotate(90deg); display:none !important;} .check_area > div > div.pos_ab #balloon:before {content: '';position: absolute;border-top: 10px solid #dfdfdf;border-right: 5px solid transparent;border-left: 5px solid transparent; top: 50%; left: -11px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform:rotate(90deg); display:none !important;} .check_area > div > div.pos_ab #balloon p.txt {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; width:100%; text-align: center; line-height: 70px; padding-left:0px !important; box-sizing: border-box; line-height:22px;} .btn_area.rel_btn {position:relative; margin-top:30px;} .btn_area.rel_btn button {position:absolute; display:block; padding:0 15px; box-sizing: border-box; border:1px solid #ea302e; font-size:14px; color:#ea302e; text-align: center; height:35px; transition:all 0.4s; top:0; right:0;} .btn_area.rel_btn button i {color:#ea302e !important;} .btn_area.rel_btn button:hover {background: #ea302e; color:#fff !important;} .btn_area.rel_btn button:hover i {color:#fff !important;} /*선생 조교 설정*/ .channel_con02 {position:relative;} .channel_con02 p.tit {font-size:23px; color:#333; font-weight: 500;} .channel_con02 .control {overflow: hidden; margin-top:20px;} .channel_con02 .control p.txt {font-size:14px; color:#898989; font-weight: 400; float:left; line-height: 22px;} .channel_con02 .control button {float:right; padding:0 15px; box-sizing: border-box; height:35px; border:1px solid #dfdfdf; color:#666;} .channel_con02 .over_all_tit {font-size:17px; color:#333; font-weight: 500; margin:20px 0;} .channel_con02 .over_all_tit.mT30 {margin-top:50px;} .channel_con02 .adviser_set {width:100%; overflow:hidden;} .channel_con02 .adviser_set.mB80 {margin-bottom:80px;} .channel_con02 .adviser_set p.all_tit {font-size:14px; color:#333; font-weight: 400; margin-bottom:20px;} .channel_con02 .adviser_set > div {float:left; width:416px; border:1px solid #dfdfdf; border-radius: 4px; padding:20px; box-sizing: border-box;} .channel_con02 .adviser_set .controlers {border:none; width: calc(100% - 832px); text-align: center; margin-top:100px;} .channel_con02 .adviser_set .controlers button {padding:0 10px; box-sizing: border-box; height:30px; display:block; border:1px solid #dfdfdf; color:#666;} .channel_con02 .adviser_set .controlers button:first-of-type {margin-bottom:10px;} .channel_con02 .adviser_set > div .thead {/* border-top:1px solid #dfdfdf; *//* border-bottom:1px solid #dfdfdf; */background: #f9fafb;text-align: center;overflow:hidden;} .channel_con02 .adviser_set > div .thead > div {float:left;} .channel_con02 .adviser_set > div .thead > div > p {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; line-height: 40px;} .channel_con02 .adviser_set > div .thead > .name_box {width:120px;} .channel_con02 .adviser_set > div .thead > .email_box {width:calc(100% - 120px);} .channel_con02 .adviser_set > div .thead i {color:#898989 !important;} .channel_con02 .adviser_set > div .thead span {display: inline-block; vertical-align: top; line-height: 40px;} .channel_con02 .adviser_set > div .thead span i {display: block; color:#898989; height:1px;} .channel_con02 .adviser_set > div .tbody {height:200px; overflow-y:scroll;} .channel_con02 .adviser_set > div .tbody::-webkit-scrollbar {display: none;} .channel_con02 .adviser_set > div .tbody > div {background: #fff; text-align: center; overflow:hidden;} .channel_con02 .adviser_set > div .tbody > div > div{float:left;} .channel_con02 .adviser_set > div .tbody > div > div {font-size:14px; color:#333; font-weight: 400; line-height: 40px; display:block;} .channel_con02 .adviser_set > div .tbody .name_box {width:120px;} .channel_con02 .adviser_set > div .tbody .email_box {width:calc(100% - 120px);} .channel_con02 .adviser_set > div .tbody > .tr:hover {background: #eaf7ff;} .channel_con02 .adviser_set > div .tbody > .tr:hover > div {color:#2eaef8 !important;} .channel_con02 .adviser_set .tbody .tr.active {background: #eaf7ff;} .channel_con02 .adviser_set > div .tbody > .tr.active > div {color:#2eaef8 !important;} /*new type*/ .channel_con02 .adviser_set table {width:100%; border-top:1px solid #dfdfdf;} .channel_con02 .adviser_set table tbody tr:hover {background :#f9f9f9;} .channel_con02 .adviser_set table thead th {background:#f9fafb; line-height:48px; font-size:14px; color:#333; font-weight:500; text-align:center;} .channel_con02 .adviser_set table tbody td {line-height:50px; font-size:14px; color:#666; font-weight:400; text-align:center; padding:0 !important;} .channel_con02 .adviser_set table tbody td button {border:1px solid #dfdfdf; border-radius:4px; box-sizing:border-box; padding :0 15px; line-height:35px; font-size:14px; color:#666; font-weight:400; text-align:Center;} .channel_con02 .adviser_set table tbody td span.onGoing {color:#ea302e;} .channel_con02 .adviser_set table tbody td span.comp {color:#2eaef8;} .channel_con02 button:hover {border:1px solid #b4b4b4; color:#333;} /*채널 멤버 관리*/ .channel_con02 .control_outer {width:100%;} .channel_con02 .control_outer > p.tit {font-size:23px; color:#333; font-weight: 500;} .channel_con02 .control_outer > p.sub_tit {font-size:14px; color:#ea302e; font-weight: 500; margin:15px 0 30px;} .channel_con02 .table_box > p.tit {font-size:17px; color:#333; font-weight: 400; margin-bottom:20px;} .channel_con02 .table_box > p.tit > span {font-size:14px; color:#666; font-weight: 400; display: inline-block; margin-left:20px;} .channel_con02 .table_box > p.tit > span b {font-weight: 400 !important; color:#2eaef8;} .channel_con02 .table_box > table {border-top:1px solid #dfdfdf; margin-bottom:60px; width:100%;} .channel_con02 .table_box > table thead {border-bottom:1px solid #dfdfdf;} .channel_con02 .table_box > table thead th {text-align: center; background: #f9fafb; color:#333; font-weight: 500; font-size:14px; line-height: 48px;} .channel_con02 .table_box > table thead th:nth-of-type(2) {text-align: left; padding-left:30px; box-sizing: border-box;} .channel_con02 .table_box > table thead th span {display: inline-block; vertical-align: top;} .channel_con02 .table_box > table thead th span i {display: block; color:#898989; height:1px;} .channel_con02 .table_box > table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .channel_con02 .table_box > table tbody tr:hover{background: #f9f8fb; color:#333 !important;} .channel_con02 .table_box > table tbody tr td {text-align: center; font-size:14px; color:#666; font-weight: 400;} .channel_con02 .table_box > table tbody tr td:nth-of-type(2) {text-align: left; padding-left:20px; box-sizing: border-box;} .channel_con02 .table_box > table tbody tr td:nth-of-type(2) > p {width:270px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; color:#333; font-weight: 400; } .channel_con02 .table_box > table tbody tr td:last-of-type > button {padding:0 15px; box-sizing: border-box; text-align: center; line-height: 30px;} .channel_con02 .table_box > table tbody tr td:last-of-type {position:relative; text-align: center;} .channel_con02 .table_box > table tbody tr td:last-of-type select {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:140px; border:1px solid #dfdfdf; padding-left:20px; box-sizing: border-box; height:30px; position:relative; z-index:1; background: #fff;} .channel_con02 .table_box > table tbody tr td:last-of-type i {position:absolute; z-index:2; top:15px; right:30px;} /*정산 정보 변경*/ .channel_con03 {position:relative;} .channel_con03 > p.tit {font-size:23px; color:#333; font-weight: 500; margin-bottom:30px;} .channel_con03 .setting_box {position:relative;} .channel_con03 .setting_box table {width:100%; margin-bottom:30px;} .channel_con03 .setting_box table tbody tr {border-bottom:1px solid #dfdfdf; text-align:left;} .channel_con03 .setting_box table tbody tr th {line-height: 48px; padding-left:20px; box-sizing: border-box; background: #f9fafb; font-size:14px; color:#333; font-weight: 500;} .channel_con03 .setting_box table tbody tr td {padding-left:20px; box-sizing: border-box; font-size:14px; color:#666; font-weight: 400;} .channel_con03 .setting_box table tbody tr td div.bank {position:relative; width:200px; display:inline-block; vertical-align: middle; margin-right:20px;} .channel_con03 .setting_box table tbody tr td div.bank select {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:100%; border:1px solid #dfdfdf; padding-left:20px; box-sizing: border-box; height:35px; position:relative; z-index:1; background: #fff;} .channel_con03 .setting_box table tbody tr td div.bank i {position:absolute; z-index:2; top:7px; right:10px;} .channel_con03 .setting_box table tbody tr td span {font-size:14px; color:#333; font-weight: 500;} .channel_con03 .setting_box table tbody tr td div.acct {position:relative; display: inline-block; vertical-align: middle; width:230px; margin:0 10px;} .channel_con03 .setting_box table tbody tr td div.acct input {line-height: 35px; width:100%;} .channel_con03 .setting_box table tbody tr td div.acct input::-webkit-input-placeholder {color:#b2b2b2;} .channel_con03 .setting_box table tbody tr td button {padding:0 15px; box-sizing: border-box; margin-right:20px; line-height: 35px; background: #e7e7e7; color:#666; border:1px solid #e7e7e7; transition:all 0.4s; vertical-align: middle;} .channel_con03 .setting_box table tbody tr td button:hover {background: #cfcfcf; border:1px solid #cfcfcf; color:#333;} .channel_con03 .setting_box table tbody tr td p.auth_check {font-size:14px; color:#2eaef8; font-weight: 500; display: inline-block; vertical-align: middle; } .channel_con03 .setting_box table tbody tr td > div.top, .channel_con03 .setting_box table tbody tr td > div.bot {width:710px; position:relative;} .channel_con03 .setting_box table tbody tr td > div.top input {width:calc(100% - 106px); display: inline-block; vertical-align: middle; line-height: 35px;} .channel_con03 .setting_box table tbody tr td > div.top button {margin-left:20px; margin-right:0;} .channel_con03 .setting_box table tbody tr td > div.bot > p {position:relative; width:100%; line-height: 30px; padding-left:20px; box-sizing: border-box; font-size: 12px; color:#333; font-weight: 500; background: #f9f9f9; border-radius: 4px; box-sizing: border-box; margin-top:10px;} .channel_con03 .setting_box table tbody tr td > div.bot > a {position:absolute; color:#b2b2b2; font-weight: 500; right:10px; top:5px; display: block; transition:all 0.4s;} .channel_con03 .setting_box table tbody tr td > div.bot > a:hover {color:#333;} .channel_con03 .statistics {width:100%; overflow:hidden; margin-bottom:50px;} .channel_con03 .statistics > div {float:left; width:233px;padding:20px 0; box-sizing: border-box; margin-right:6px; text-align: center;} .channel_con03 .statistics > div.box01 {border:5px solid #dfdfdf;} .channel_con03 .statistics > div.box02 {border:5px solid #d0ebfa;} .channel_con03 .statistics > div.box03 {border:5px solid #f9eac7;} .channel_con03 .statistics > div.box04 {border:5px solid #c7edda; margin-right:0px;} .channel_con03 .statistics > div > span {display: block; text-align: center; width:100%; margin-bottom:15px;} .channel_con03 .statistics > div p.tit {font-size:17px; color:#333;font-weight: 400; margin-bottom:20px;} .channel_con03 .statistics > div p.amount {font-size:17px; color:#666; font-weight: 400;} .channel_con03 .statistics > div p.amount span {color:#333; font-weight: 500;} .channel_con03 .stat_graph {width:100%; position: relative;} .channel_con03 .stat_graph .tit_box {position:relative; overflow:hidden;} .channel_con03 .stat_graph .tit_box p.tit {float:left; font-size:17px; color:#333; font-weight: 400;} .channel_con03 .stat_graph .tit_box .sel {position:relative; float:right; margin-bottom:50px;} .channel_con03 .stat_graph .tit_box .sel select {-moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; width:130px; border:1px solid #dfdfdf; padding-left:20px; box-sizing: border-box; height:35px; position:relative; z-index:1; background: #fff;} .channel_con03 .stat_graph .tit_box .sel i {position:absolute; z-index:2; top:7px; right:10px;} .channel_con03 #chartdiv {width: 100%; height: 500px;} .channel_con03 #chartdiv div.amcharts-export-menu {display: none !important;} div.amcharts-chart-div > a {display: none !important; } /*코딩캠퍼스 신청서*/ .app_form {width:100%;} .app_form .form_intro p.sub_tit {font-size:50px; color:#2eaef8; font-weight: 300; line-height: 1;} .app_form .form_intro p.main_tit {font-size:90px; font-weight: 500; color:#0083ca; line-height: 1; margin-top:30px;} .app_form .form_intro p.main_tit img {margin-top:10px;} .app_form .form_intro > a {display: inline-block; margin-top:70px;} .app_form .form_intro > a p.desc {font-size:20px; color:#333; font-weight: 300; border-bottom:1px solid #333; width:290px; margin:20px auto 0;} .app_form .form_intro > a p.desc i {font-weight:100;} #form_box {width:100%; max-width:1200px; margin:0 auto 80px;} #form_box > p.tit {font-size:30px; color:#333;font-weight: 400; text-align: center; line-height: 1; margin:50px 0 30px;} #form_box > p.tit span {margin-right:10px; margin-top:-10px; display: inline-block;} #form_box > p.tit span img {margin-top:-3px;} #form_box .form_area {padding:30px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px;} #form_box .form_area > div.line {margin-bottom:12px; } #form_box .form_area div.line > span {width:175px; vertical-align: middle; font-size: 14px; color:#333; font-weight: 400; float:left; margin-top:10px;} #form_box .form_area div.line {overflow:hidden; width:100%;} #form_box .form_area div.line > span > b {font-weight: 500; color:#ea302e; margin-top:3px; display: inline-block; vertical-align: middle;} #form_box .form_area div.line > div.floating {float:left; width:calc(100% - 175px); } #form_box .form_area div.line > div.floating input:disabled {background: #fbfbfb; border:1px solid #f5f5f5;} #form_box .form_area div.line > div.floating div.ul {display: inline-block;vertical-align: middle; margin-right:10px;} #form_box .form_area div.line > div.floating div.ul ul:after {content: ""; display:block; clear: both;} #form_box .form_area div.line > div.floating div.ul ul li { border:1px solid #dfdfdfdf; float:left; border-right:0;} #form_box .form_area div.line > div.floating div.ul ul li a {display: block; padding:0 15px; box-sizing: border-box; border-radius: 4px; line-height: 35px; background: #fff; font-size:14px; color:#666; font-weight: 400; text-align: center; transition: all 0.4s; } #form_box .form_area div.line > div.floating div.ul ul li.active a {color:#333; background: #f2f2f2; font-weight: 500;} #form_box .form_area div.line > div.floating div.ul ul li:first-of-type {border-radius: 4px 0 0 4px;} #form_box .form_area div.line > div.floating div.ul ul li:last-of-type {border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf; } #form_box .form_area div.line > div.floating button {padding:0 15px; box-sizing: border-box; line-height: 35px; background: #e7e7e7; color:#666; font-weight: 400; transition:all 0.4s; margin-right:20px; border:1px solid #dfdfdf;} #form_box .form_area div.line > div.floating button:hover {background: #cfcfcf; color:#333; font-weight: 400; border:1px solid #b4b4b4;} #form_box .form_area input {width:620px;} #form_box input {line-height: 35px; padding-left:10px; font-size:14px; color:#333; font-weight: 400; display: inline-block; vertical-align: middle; margin-right:10px;} #form_box .information_set > div:nth-of-type(3) input[type="text"] {padding-left:30px;} #form_box input.ipt01 {width:200px;} #form_box input.ipt02 {width:370px;} #form_box input.ipt03 {width:245px;} #form_box input.ipt04 {width:620px;} #form_box p {display: inline-block; vertical-align: middle; font-size:13px; color:#666; font-weight: 400; line-height: 35px;} #form_box p.exp01 {font-size:13px; color:#898989; line-height: 35px;} #form_box p.exp02 {font-size:14px; margin-right:10px; line-height: 35px;} #form_box p.dpb {display: block !important;} #form_box p.warnning {color:#ea302e; } #form_box p.information {color:#898989;} #form_box p.file_box {width:710px; line-height: 30px; background: #f9fafb; color:#333; font-weight: 500; padding-left:20px; box-sizing: border-box; position:relative;} #form_box p.file_box i {position:absolute; z-index:2; top:0px; right:9px; color:#898989; transition:all 0.4s; cursor: pointer;} #form_box p.file_box i:hover {color:#333;} #form_box .form_area div.line_cover {overflow:hidden;} #form_box .form_area > div.line_cover > div.line {float:left; width:50%;} #form_box .form_area > div.line_cover > div.line07 > span, #form_box .form_area > div.line_cover > div.line09 > span {padding-left:40px;} #form_box .form_area .line11 .floating {margin-bottom:30px;} #form_box .form_area .line11 .floating input {width:100%;} #form_box .form_area .line11 .floating textarea {width:100%; height:200px; resize:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box;} #form_box .form_area .line11 .floating div span.img_frame {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; overflow:hidden;width:220px; background: #f9f9f9; width:220px; height:220px; overflow:hidden;} #form_box .form_area .line11 .floating div span.img_frame img {width:100%;} #form_box .form_area .line11 .floating div.pL20 {padding-left:20px; display: inline-block; vertical-align: middle;} #form_box .form_area .line11 .floating div p.ex {font-size:12px; color:#898989; font-weight: 400; margin-bottom:2px; line-height: 22px;} #form_box .form_area .line11 .floating div p.ex span {font-size:10px;} #form_box .form_area .line11 .floating div ul.icon_btn li {width:30px; height:30px; border:1px solid #dfdfdf; background: #e2e2e2; border-radius: 50%; text-align: center; vertical-align: middle; padding-top:4px; transition:all 0.4s; margin-right:5px; display: inline-block; cursor:pointer;} #form_box .form_area .line11 .floating div ul.icon_btn li:hover {background: #b2b2b2;} #form_box .form_area .line11 .floating div ul.icon_btn li i {font-size:13px; color:#666; transition: all 0.4s;} #form_box .form_area .line11 .floating div ul.icon_btn li:hover i {color:#333;} /*캠퍼스 정보 입력*/ .idp_con01 {position:relative;} .idp_con01 > p.tit {font-size:23px; color:#333; font-weight: 500; line-height: 1; margin-bottom:30px;} .idp_con01 > .idp_info {width:100%; position:relative;} .idp_con01 > .idp_info table {width:100%; margin-bottom:30px;} .idp_con01 > .idp_info table tbody tr {border-bottom:1px solid #dfdfdf;} .idp_con01 > .idp_info table tbody tr th {background: #f9fafb; padding-left:20px; box-sizing: border-box; font-size:14px; color:#333; font-weight: 500; text-align: left; vertical-align: top; padding-top:10px;} .idp_con01 > .idp_info table tbody tr td {overflow:hidden; font-size:14px; color:#333; font-weight: 400; padding-left:20px; box-sizing: border-box;} .idp_con01 > .idp_info table tbody tr td .line {margin-bottom:10px; overflow:hidden;} .idp_con01 > .idp_info table tbody tr td .line span.td_txt { float:left; vertical-align: top; box-sizing: border-box; font-weight: 500; width:190px; } .idp_con01 > .idp_info table tbody tr td .line.bot_solid {border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:20px; box-sizing: border-box;} .idp_con01 > .idp_info table tbody tr td .line .floating {float:left; width:calc(100% - 190px); } .idp_con01 > .idp_info table tbody tr td .line .floating input {line-height: 35px; padding-left:20px; box-sizing: border-box; margin-right:15px; display: inline-block; vertical-align:middle; width:370px;} .idp_con01 > .idp_info table tbody tr td .line .floating button {display: inline-block; vertical-align: middle; line-height:35px; padding:0 15px; } .idp_con01 > .idp_info table tbody tr td .line .floating div span.img_frame {display: inline-block; vertical-align: middle; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; overflow:hidden;width:220px; background: #f9f9f9; width:220px; height:220px; overflow:hidden; padding-left:0 !important;} .idp_con01 > .idp_info table tbody tr td .line .floating div span.img_frame img {width:100%;} .idp_con01 > .idp_info table tbody tr td .line .floating div.pL20 {padding-left:20px; display: inline-block; vertical-align: middle;} .idp_con01 > .idp_info table tbody tr td .line .floating div p.ex {font-size:13px; color:#898989; font-weight: 400; margin-bottom:2px; line-height: 22px; margin-top:30px;} .idp_con01 > .idp_info table tbody tr td .line .floating div p.ex span {font-size:12px; padding: 0; margin-bottom:20px;} .idp_con01 > .idp_info table tbody tr td .line .floating div ul.icon_btn li {width:30px; height:30px; border:1px solid #dfdfdf; background: #e2e2e2; border-radius: 50%; text-align: center; vertical-align: middle; padding-top:4px; transition:all 0.4s; margin-right:5px; display: inline-block;} .idp_con01 > .idp_info table tbody tr td .line .floating div ul.icon_btn li:hover {background: #b2b2b2;} .idp_con01 > .idp_info table tbody tr td .line .floating div ul.icon_btn li i {font-size:13px; color:#666; transition: all 0.4s;} .idp_con01 > .idp_info table tbody tr td .line .floating div ul.icon_btn li:hover i {color:#333;} .idp_con01 > .idp_info table tbody tr td .line .floating .custom_logo {font-size:0; padding-top:20px; box-sizing: border-box;} .idp_con01 > .idp_info table tbody tr td .line .floating .custom_logo > span {display: inline-block; vertical-align: middle; margin-right:20px; height:62px; overflow:hidden; width:70px;} .idp_con01 > .idp_info table tbody tr td .line .floating .custom_logo p {font-size:25px; color:#252525; font-weight: 500; display: inline-block; vertical-align: middle; line-height: 1;} .idp_con01 > .idp_info table tbody tr td .line .floating .custom_logo p span {font-size:20px; font-weight: 400; color:#898989; display: block; margin:5px 0 3px;} .idp_con01 > .idp_info table tbody tr td.admin {color:#666; line-height: 35px;} .idp_con01 > .idp_info table tbody tr td.admin span {color:#898989;} .idp_con01 > .idp_info table tbody tr th.lh_set {line-height: 35px; } .idp_con01 > .idp_info table tbody tr td > input {width:100%; line-height: 35px; } .idp_con01 > .idp_info table tbody tr td > textarea {-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding: 20px; font-size:14px; color:#333; font-weight: 400; resize:none; height:200px; width:100%;} /*코드첼린지*/ /*대회 개최*/ .que_content01 .challenge_cov {width:100%; padding-top:30px; box-sizing: border-box;} .que_content01 .challenge_cov .challenge_banner span {color:#2eaef8;} .que_content01 .challenge_cov .challenge_banner i:first-of-type {margin-left:-5px !important; color:#2eaef8 !important;} .que_content01 .challenge_cov .challenge_banner i:last-of-type {margin-left:-26px !important; color:#2eaef8 !important;} .que_content01 .challenge_cov .question_list {width:100%;} .que_content01 .challenge_cov .question_list ul {width:100%;} .que_content01 .challenge_cov .question_list ul li {position:relative; width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; margin-bottom:20px;} .que_content01 .challenge_cov .question_list ul li:after {content:""; display: block; clear:both;} .que_content01 .challenge_cov .question_list ul li > span {float:left; width:98px; height:81px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; margin-right:20px;} .que_content01 .challenge_cov .question_list ul li > span > img {width:100%; height:100%;} .que_content01 .challenge_cov .question_list ul li > div.que_contents {float:left; width:calc(100% - 118px); position:relative;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > button {position:absolute; padding:0 15px; box-sizing: border-box; line-height: 35px; top:0; right:0; border:0 !important; cursor: pointer;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > button.normal {border:1px solid #dfdfdf !important; transition:all 0.4s; color:#666;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > button.normal:hover {border:1px solid #b4b4b4; color:#333;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > button.ongoing {background: #2eaef8; color:#fff !important;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > button.fin_apply {background: #e7e7e7; color:#333; cursor: default;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > button.under_plan {background: #ff7230; color:#fff !important; cursor: default;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > button.end {background: #757575; color:#fff !important; cursor: default;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.chal_tit {font-size:15px; color:#333; font-weight: 500; width:650px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; margin-bottom:20px;transition:all 0.4s; cursor:pointer;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.chal_tit:hover {color:#999 !important;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.duration {font-size:13px; color:#666; font-weight: 400; width:650px; line-height: 1; margin-bottom:20px;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.duration span:first-of-type {margin-left:5px; color:#999;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.duration span:last-of-type {margin-left:5px;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.duration span > b {font-weight:400; color:#666 !important;;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.applied {font-size:13px; color:#666; font-weight: 400; width:650px; line-height: 1;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.applied span.num {color:#999;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.applied b {font-weight: 400;} .que_content01 .challenge_cov .question_list ul li > div.que_contents p.applied span:first-of-type {font-weight: 400; color:#666;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > div.winner_box {position:absolute; bottom:-3px; left:120px;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > div.winner_box > img {margin:3px 3px 0 0;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > div.winner_box > span:first-of-type {display: inline-block; vertical-align: middle; font-size:13px; color:#666; font-weight: 400;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > div.winner_box .th_img {display: inline-block; vertical-align: middle; width:23px; height:23px; border:1px solid #dfdfdf; border-radius: 50%; overflow: hidden; background: #fff;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > div.winner_box .th_img img {width:100%;} .que_content01 .challenge_cov .question_list ul li > div.que_contents > div.winner_box .user_id {font-size:14px; color:#333; font-weight: 400; margin-right:5px; letter-spacing:-0.05em; display: inline-block; vertical-align: middle;} /* .que_content01 .paging_area {margin-bottom:80px;} */ .que_content04 {position:relative;} .que_content04 > div.back_list {width:100%; margin-bottom:30px;} .que_content04 > div.back_list button {padding:0 15px; box-sizing:border-box; border:1px solid #dfdfdf; color:#666; font-size:14px; text-align:center; line-height:35px; transition:all 0.4s;} .que_content04 > div.back_list button:hover {color:#333; border:1px solid #b4b4b4;} /*.que_content04 */.basic_info_box {width:100%; position:relative; margin-bottom:50px;} /*.que_content04 */.basic_info_box:after {content:""; display: block; clear: both;} /*.que_content04 */.basic_info_box > span {float:left; width:270px; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; display: block; margin-right:30px;} /*.que_content04 */.basic_info_box span img { border-radius: 4px;} /*.que_content04 */.basic_info_box > div.info_txt {float:left; width:calc(100% - 300px); } /*.que_content04 */.basic_info_box > div.info_txt > a.ask, /*.que_content04 */.basic_info_box > div.info_txt > button.ask{position:absolute; top:0; right:0; padding:0 10px; box-sizing: border-box; line-height: 30px; display: block; border:1px solid #dfdfdf; color:#666; border-radius: 4px;} /*.que_content04 */.basic_info_box > div.info_txt > a.ask:hover, /*.que_content04 */.basic_info_box > div.info_txt > button.ask:hover {border:1px solid #b4b4b4; color:#333;} /*.que_content04 */.basic_info_box > div.info_txt > p.tit {font-size:23px; color:#333; font-weight: 500; width:390px;} /*.que_content04 */.basic_info_box > div.info_txt > button.status {width:250px; line-height: 46px; text-align: center; color:#fff !important; font-size:17px; font-weight: 400; border:0 !important; display: block; cursor: pointer; margin:22px 0;} /*.que_content04 */.basic_info_box > div.info_txt > button.apply {background: #0083ca;} /*.que_content04 */.basic_info_box > div.info_txt > button.apply:hover {background: #0076b5;} /*.que_content04 */.basic_info_box > div.info_txt > button.join {background: #00b857;} /*.que_content04 */.basic_info_box > div.info_txt > button.join:hover {background: #00a54e;} /*.que_content04 */.basic_info_box > div.info_txt > button.end {background: #a3d7ff; cursor: default;} /*.que_content04 */.basic_info_box > div.info_txt > button.finish {background: #19335e; cursor: default; opacity:0.2;} /*.que_content04 */.basic_info_box > div.info_txt > button.start { background: #2eaef8; } /*.que_content04 */.basic_info_box > div.info_txt > button.start:hover {background: #159dea;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom {width:100%;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom:after {content:""; display: block; clear: both;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .left_durate {float:left;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .left_durate p {font-size:17px; color:#333; font-weight: 500; margin-bottom:10px;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .left_durate span {display: block; font-size:13px; color:#898989; font-weight: 400; line-height: 20px;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped {float:right; } /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped:after {content:""; display: block; clear: both;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped > div {float:left; text-align: center; padding:0 20px; padding-top:10px;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped .total {border-right:1px solid #dfdfdf;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped .total span:first-of-type > img {margin-right:5px;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped .total span:first-of-type {font-size:17px; color:#333; font-weight: 500;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped .total span:last-of-type {display: block; font-size:17px; color:#666; font-weight: 400; line-height: 1; padding-left:20px; padding-top:20px;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped .total span:last-of-type > b {font-weight: 400;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped .applied span:first-of-type {font-size:17px; color:#333; font-weight: 500;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped .applied span:last-of-type {display: block; font-size:17px; color:#666; font-weight: 400; line-height: 1; padding-top:20px;} /*.que_content04 */.basic_info_box > div.info_txt > .info_bottom .right_ped .applied span:last-of-type > b {font-weight: 400;} /*.que_content04 */.notice_box {width:100%; position:relative; margin-bottom:80px;} /*.que_content04 */.notice_box > p.tit {font-size:23px; color:#333; font-weight: 500; margin-bottom: 30px;} /*.que_content04 */.notice_box > p.title_box {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 0; box-sizing: border-box; font-size:17px; color:#333; font-weight: 400; margin-bottom:20px;} /*.que_content04 */.notice_box > p.title_box:after {content: ""; display: block; clear: both;} /*.que_content04 */.notice_box > p.title_box > span.pl {float:left;} /*.que_content04 */.notice_box > p.title_box > span.pr {float:right; font-size:12px; color:#898989;} /*.que_content04 */.notice_box > p.title_box > span.pr > b {font-weight: 400;} /*.que_content04 */.notice_box > p.time {font-size:12px; color:#898989; font-weight: 400; margin-top:10px;} #solved {position:relative; z-index: 1;} #solved > p.tit {margin-bottom:30px;} #solved .pos_ab {position:absolute; z-index: 2; top:50px; right:0; border-bottom:0;} #solved .pos_ab select {background: #fff; width:120px; position:relative; z-index: 1;} #solved .pos_ab i {position:absolute; z-index:2; top:10px; right:10px;} #solved .que_box {width:100%; height:630px; /*overflow-y:scroll;*/ margin-top:30px; border:0 !important; margin-bottom:0; padding:0;} #solved .que_box::-webkit-scrollbar {display: none;} #solved .ques_list {margin:0 !important;} #join {position:relative; z-index: 1;} #join > p.tit {margin-bottom:30px;} #join .pos_ab {position:absolute; z-index: 2; top:50px; right:0; border-bottom:0;} #join .pos_ab select {background: #fff; width:120px; position:relative; z-index: 1;} #join .pos_ab i {position:absolute; z-index:2; top:10px; right:10px;} #join .challenge_cov {border-bottom:0 !important;} #join .paging_area {border-bottom:0 !important; margin-bottom:30px;} #join .search_area {border-bottom:0 !important;} /*채점 커스터마이징*/ #evaluationResultModal .modal-header {font-size:17px; color:#333; font-weight: 500; line-height: 60px; border-bottom:1px solid #dfdfdf; padding-left:20px; box-sizing: border-box;} #evaluationResultModal .modal-body {padding:20px; box-sizing: border-box;} #evaluationResultModal .modal-body table {width:100%;} #evaluationResultModal .modal-body table tr {border-bottom:1px solid #dfdfdf;} #evaluationResultModal .modal-body table tr td {text-align: center; line-height: 35px; width:33.3333%; font-size:14px; color:#666; font-weight: 400; padding :0 !important;} #evaluationResultModal .modal-body table tr td:first-of-type {background: #f9fafb; border-right:1px solid #dfdfdf;} #evaluationResultModal .modal-footer {border-top:1px solid #dfdfdf; overflow: hidden; line-height: 35px; padding:10px 0; box-sizing:border-box;} #evaluationResultModal .modal-footer button {padding:0 15px; box-sizing: border-box; line-height: 30px; font-size:14px; color:#fff !important; font-weight: 400; text-align: center; background: #333 !important; float:right; margin-right:20px; border:1px solid #333;} #evaluationResultModal .modal-footer button:hover {background: #666 !important; border:1px solid #666;} /*코드첼린지 참가신청서*/ #application_form > .pop_tit_cov {margin-bottom:0;} #application_form .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #application_form .option_area a {display: inline-block; vertical-align: middle;} #application_form .option_area a:first-of-type {width:70px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #application_form .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #application_form .option_area a:last-of-type {width:145px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #application_form .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #application_form .option_area a:last-of-type span { vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #application_form .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} #application_form .lines {padding:20px; box-sizing: border-box;} #application_form .lines .line {width:100%; overflow:hidden; margin-bottom:10px;} #application_form .lines .line > span {float:left; width:130px; font-size:14px; color:#333; font-weight: 500; line-height: 35px;} #application_form .lines .line > span > b {color:#ea302e; display: inline-block; vertical-align: middle;} #application_form .lines .line > div.floating {float:left; width:calc(100% - 130px); font-size:0;} #application_form .lines .line > div.floating input {width:100%; line-height: 35px; font-size:14px; color:#333; font-weight: 400;} #application_form .lines .line > div.floating textarea {-webkit-appearance:none; -ms-appearance:none; -o-appearance:none; -moz-appearance:none; resize:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; height:100px; width:100%; overflow-y:scroll; font-size:14px; color:#333; font-weight: 400;} #application_form .lines .line > div.floating textarea::-webkit-scrollbar {display: none;} #application_form .lines .line > div.floating textarea:active, #application_form .lines .line > div.floating textarea:focus {outline:0 !important;} #application_form .lines div:last-of-type div.floating input {width:310px !important; margin-right:10px; display: inline-block; vertical-align: middle;} #application_form .lines div:last-of-type div.floating button {width:calc(100% - 320px); font-size:14px; color:#666;font-weight: 400;text-align: center; line-height: 35px; background: #f9f9f9; display: inline-block; vertical-align: middle;} #application_form .lines div:last-of-type div.floating p.exp {font-size:13px; color:#666; font-weight: 400; line-height: 30px;} #application_form .lines div:last-of-type div.floating p.file_name {width:100%; position:relative; background: #f9fafb; font-size:12px; color:#333; font-weight: 400; padding-left:20px; box-sizing: border-box; line-height: 30px;} #application_form .lines div:last-of-type div.floating p.file_name > i {position: absolute; top:3px; right:5px;} /*대회 개최 신청서*/ .challenge_form {width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:30px; position:relative;} .challenge_form .ovh {overflow: hidden;} .challenge_form .img_set{width:270px; margin-right:30px; float:left;} .challenge_form .img_set > span {display: block; width:270px; height:220px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; overflow: hidden;} .challenge_form .img_set > span > img {width: 100%;} .challenge_form .img_set > div {text-align: center;} .challenge_form .img_set > div ul {margin: 10px 0;} .challenge_form .img_set > div ul li {display: inline-block; vertical-align: middle; margin:0 3px;} .challenge_form .img_set > div ul li a {display: block; border-radius: 50%; box-sizing: border-box; background: #f9f9f9; color:#666; font-weight: 400; text-align: center; border:1px solid #dfdfdf; width:30px; line-height:28px; transition: all 0.4s;} .challenge_form .img_set > div ul li a:hover {color:#333; background: #f2f2f2;} .challenge_form .img_set > div span {font-size:14px; color:#333; font-weight: 500; display: block;} .challenge_form .img_set > div span b {font-weight: 500; display: inline-block; vertical-align: middle; color:#ea302e;} .challenge_form .img_set > div > p {font-size:12px; color:#898989 !important; line-height: 1;} .challenge_form .img_set > div > p > span {display: block; font-size:10px; line-height: 1; color:#898989 !important;} /* .challenge_form .information_set {width: calc(100% - 300px); float:left;} */ .challenge_form .information_set {width: calc(100% - 300px); margin:0 auto;} .challenge_form .information_set div.line {width:100%; margin-bottom:10px;} .challenge_form .information_set div.line:after {content: ""; display: block; clear: both;} .challenge_form .information_set span {width:235px; float:left; font-size:14px; color:#333; font-weight: 500; line-height: 35px;} .challenge_form .information_set span b {display: inline-block; vertical-align: middle; color:#ea302e; font-weight: 500;} .challenge_form .information_set div.floating {width: calc(100% - 235px); float:left; position:relative;} .challenge_form .information_set div.floating > input {width:100%; line-height: 35px; position:relative; z-index: 1; padding-left:30px;} .challenge_form .information_set div.floating > i {position: absolute; left:10px; top:9px; z-index: 2; color:#898989;} .challenge_form .information_set div.floating > textarea {-webkit-appearance:none; -ms-appearance:none; -o-appearance:none; -moz-appearance:none; resize:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:20px; height:100px; width:100%; overflow-y:scroll; font-size:14px; color:#333; font-weight: 400;} .challenge_form .information_set div.floating > textarea::-webkit-scrollbar {display: none;} .challenge_form .btn_area {text-align: center; margin-top:30px; float:none; width:100%;} .challenge_form .btn_area button {background: #2eaef8; text-align: center; color:#fff; font-size:14px; font-weight: 400; width:150px; margin:0 auto; line-height: 40px; border:none !important;} .challenge_form .btn_area button:hover {background:#299cdf;} /*알럿창 커스터마이징*/ #custom_alert.big_alert{width:550px;min-height:300px;} #custom_alert {position:fixed; width:360px; min-height:190px; left:50%; top:65%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); border:1px solid #dfdfdf; box-shadow: 1px 1px 5px #ccc; background: #fff; z-index: 999999; border-radius: 4px; box-sizing: border-box; margin-top:-200px;} #custom_alert .alert {position:relative; width:100%; min-height: 190px;} #custom_alert.big_alert .alert{min-height:300px;} #custom_alert .alert > a {position:absolute; top:10px; right:10px; color:#b2b2b2; transition:all 0.4s;} #custom_alert .alert > a:hover {color:#333;} #custom_alert .alert > p.content {width:100%; position:absolute; top:50%; text-align: center; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); -ms-transform:translate(0,-50%); color:#666; font-size:14px; font-weight: 400; padding:0 20px; box-sizing: border-box; margin-top:-10px; overflow: hidden;} #custom_alert .opt_box {position:absolute; width:99.5%; bottom:0; text-align:center; padding:10px 0; box-sizing: border-box; background: #f9fafb;} #custom_alert .opt_box > button {padding:0 15px; box-sizing: border-box; font-size:14px; text-align: center; font-weight: 400; transition:all 0.4s; line-height:30px; margin-right:10px;} #custom_alert .opt_box > button.ok {background: #333; color:#fff !important; } #custom_alert .opt_box > button.ok:hover {background: #666666;} #custom_alert .opt_box > button.cancel {background: #fff; border:1px solid #dfdfdf; color:#666; } #custom_alert .opt_box > button.cancel:hover {border:1px solid #b4b4b4 !important; color:#333 !important;} /*코딩캠퍼스 배너관리*/ .idp_con02 {position:relative;} .idp_con02 > p.tit {font-size:23px; color:#333; font-weight: 500; margin-bottom:30px;} .idp_con02 > p.sub_tit {font-size:14px; color:#ea302e; font-weight: 400; margin-bottom:30px;} .idp_con02 .tit_bar {line-height: 60px; border-top:1px solid #dfdfdf; overflow:hidden;} .idp_con02 .tit_bar p.tit {font-size:17px; color:#333; font-weight: 400; line-height: 60px; float:left;} .idp_con02 .tit_bar div.pr {float:right;} .idp_con02 .tit_bar div.pr .check {display: inline-block; vertical-align: middle; margin-right:10px;} .idp_con02 .tit_bar div.pr .check > div {padding-top:4px;} .idp_con02 .tit_bar div.pr .check > span {font-size:14px; color:#333; font-weight: 400;} .idp_con02 .tit_bar div.pr button {display: inline-block; vertical-align: middle; padding:0 15px; line-height: 35px;} .idp_con02 .banner_preview {position:relative; width:100%; margin-bottom:30px; opacity:1; transition: all 0.4s;} .idp_con02 .banner_preview.disable {opacity:0.3;} .idp_con02 .banner_preview .preview_box {width:100%;} .idp_con02 .banner_preview .preview_box img {position:absolute; z-index:2;} .idp_con02 .banner_preview .preview_box img.preview_img {width:100%; position:relative !important; z-index:1;} .idp_con02 .banner_preview .preview_box img.preview_left {top:118px; left:180px;} .idp_con02 .banner_preview .preview_box img.preview_right {top:118px; right:180px;} .idp_con02 .banner_preview .preview_box img.preview_round {left:50%; bottom:23px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .idp_con02 .banner_preview .preview_box p {color:#333; position:absolute; z-index:2;} .idp_con02 .banner_preview .preview_box p.main_tit {font-size:20px; font-weight: 500; top:104px; left:220px;} .idp_con02 .banner_preview .preview_box p.sub_tit {font-size:11px; font-weight: 400; top:136px; left:220px;} #banner_set {position:relative;} #banner_set .pop_tit_cov {margin-bottom:0;} #banner_set .setting_area {padding:20px 20px; box-sizing: border-box; max-height:fit-content;} #banner_set .setting_area p.sub {font-size:14px; color:#666; font-weight: 400; margin-bottom:25px;} #banner_set .setting_area .customize_banner {width:100%; position:relative; padding-bottom:20px; box-sizing: border-box; border-bottom:1px solid #dfdfdf; margin-bottom:20px;} #banner_set .setting_area div .checkbox {margin-bottom: 20px;} #banner_set .setting_area div .checkbox label {font-size:23px; color:#333; font-weight: 500; padding-left:20px;} #banner_set .setting_area div .input_box {width:100%;} #banner_set .setting_area .customize_banner .input_box input {display: inline-block; vertical-align: middle; width:620px; line-height: 35px; margin-right:10px;} #banner_set .setting_area .customize_banner .input_box button {display: inline-block; vertical-align: middle; padding:0 15px; background: #f9f9f9; color:#666; font-weight: 400; font-size:14px; text-align:center; border:1px solid #dfdfdf; line-height: 35px;} #banner_set .setting_area .customize_banner .input_box button:hover {border:1px solid #b4b4b4; background: #f2f2f2; color:#333;} #banner_set .setting_area .customize_banner .input_box .exp {font-size:14px; color:#ea302e; font-weight: 400; line-height: 30px;} #banner_set .setting_area .customize_banner .input_box .exp span {font-size:11px;} #banner_set .setting_area .customize_banner .input_box .file_name {line-height: 35px; background: #f9fafb; padding-left:20px; box-sizing: border-box; position:relative; z-index:1; width:730px;} #banner_set .setting_area .customize_banner .input_box .file_name i {position:absolute; right:10px; top:0px; color:#898989; transition:all 0.4s;} #banner_set .setting_area .customize_banner .input_box .file_name i:hover {color:#333;} #banner_set .setting_area .default_banner {width:100%; position:relative;} #banner_set .setting_area .default_banner .default_select {width:100%; position:relative; overflow:hidden;} #banner_set .setting_area .default_banner .default_select .choice {float:left; width:570px; margin-right:30px;} #banner_set .setting_area .default_banner .default_select .view_box {float:left; width:calc(100% - 600px); padding:10px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px;} #banner_set p.default_tit {font-size:17px; color:#333; font-weight: 400; line-height: 22px; margin-bottom:10px;} #banner_set .setting_area .default_banner .default_select .choice ul {overflow:hidden; width:100%;} #banner_set .setting_area .default_banner .default_select .choice ul li {float:left; width:33.3333%; margin-bottom:5px;} #banner_set .setting_area .default_banner .default_select .choice ul li a {border:2px solid #fff; box-sizing: border-box; display: block; width:179px;} #banner_set .setting_area .default_banner .default_select .choice ul li a img {width:175px;} #banner_set .setting_area .default_banner .default_select .choice ul li a.selected {border:2px solid #333;} #banner_set .setting_area .default_banner .default_select .choice ul li p {line-height: 30px; font-size:14px; color:#333; font-weight: 400; text-align: center;} #banner_set .setting_area .default_banner .default_select .view_box .img_bx {position:relative; z-index:1;} #banner_set .setting_area .default_banner .default_select .view_box .img_bx .preview_img {width:100%;} #banner_set .setting_area .default_banner .default_select .view_box .img_bx .img_pos_ab {position:absolute; left:50%; top:60px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); z-index:2;} #banner_set .setting_area .default_banner .default_select .view_box > p.view_txt {font-size:14px; color:#666; font-weight: 400; text-align:center; margin:16px 0;} #banner_set .setting_area .txt_input {width:100%; overflow:hidden;} #banner_set .setting_area .txt_input .line {width:100%; overflow:hidden; margin-bottom:10px;} #banner_set .setting_area .txt_input .line span {float:left; width:140px; font-size:14px; color:#333; font-weight: 500; line-height: 35px; display: block;} #banner_set .setting_area .txt_input .line .floating {float:left; width:calc(100% - 140px);} #banner_set .setting_area .txt_input .line .floating input {width:100%; line-height: 35px; padding-left:20px; box-sizing: border-box; font-size:14px; color:#666; font-weight: 400;} #banner_set .setting_area .txt_input .line .floating textarea {-webkit-appearance:none; -ms-appearance:none; -o-appearance:none; -moz-appearance:none; resize:none; width:100%; height:100px; overflow-y:scroll; padding:10px; box-sizing: border-box; font-size:14px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 4px; } #banner_set .setting_area .txt_input .line .floating textarea::-webkit-scrollbar {display: none;} #banner_set .setting_area .txt_input .line .floating textarea:focus, #banner_set .setting_area .txt_input .line .floating textarea:active {outline:0 !important;} #banner_set .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 15px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #banner_set .option_area a {display: inline-block; vertical-align: middle;} #banner_set .option_area a:first-of-type {width:70px; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #banner_set .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #banner_set .option_area a:last-of-type {width:145px; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #banner_set .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #banner_set .option_area a:last-of-type span { vertical-align: middle; background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s;} #banner_set .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} /*코딩 랩*/ .lab_cover {width:100%; position:relative;} .lab_cover .top_btn_area {width:100%; border-bottom:1px solid #dfdfdf;} .lab_cover .top_btn_area:after {content: ""; display: block; clear:both;} .lab_cover .top_btn_area .left_box {float:left; font-size:0; text-align: center; position:relative;} .lab_cover .top_btn_area .right_box {float:right; font-size:0; text-align: center;} .lab_cover .top_btn_area .left_box span {display: inline-block; vertical-align: top; margin-right:10px;} .lab_cover .top_btn_area .left_box button {padding:0 15px; box-sizing: border-box; font-size:14px; line-height: 35px; vertical-align: top; border:none !important;} .lab_cover .top_btn_area .left_box button:first-of-type {margin-right:10px; background: #00b857; color:#fff; transition:all 0.4s;} .lab_cover .top_btn_area .left_box button:first-of-type i {color:#fff;} .lab_cover .top_btn_area .left_box button:first-of-type:hover {background: #00a54e;} .lab_cover .top_btn_area .left_box button:last-of-type {background: #0083ca; color:#fff; transition:all 0.4s;} .lab_cover .top_btn_area .left_box button:last-of-type i {color:#fff;} .lab_cover .top_btn_area .left_box button:last-of-type:hover {background: #0076b5;} .lab_cover .top_btn_area .left_box .open_layer {position:absolute; top:45px; left:110px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #fff; width:380px; height:155px; text-align: left; z-index:2;} .lab_cover .top_btn_area .left_box .open_layer > div {position: relative; padding:20px; box-sizing: border-box;} .lab_cover .top_btn_area .left_box .open_layer > div > a {position:absolute; right:10px; top:7px; color:#898989; transition:all 0.4s; font-size:14px;} .lab_cover .top_btn_area .left_box .open_layer > div > a:hover {color:#333;} .lab_cover .top_btn_area .left_box .open_layer > div p.tit {font-size:17px; color:#333; font-weight: 500; margin-bottom:20px;} .lab_cover .top_btn_area .left_box .open_layer > div > div {overflow:hidden;} .lab_cover .top_btn_area .left_box .open_layer > div span {float:left; display: block; margin-right:20px;} .lab_cover .top_btn_area .left_box .open_layer > div p.desc {float:left; font-size:14px; color:#666; font-weight: 400; line-height: 22px; width:240px;} .lab_cover .top_btn_area .right_box div {display: inline-block; vertical-align: top; position:relative;} .lab_cover .top_btn_area .right_box div select {/*-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none;*/ background: #fff; width:120px; position:relative; z-index:1; height:35px;} .lab_cover .top_btn_area .right_box div i {position:absolute; z-index:2; right:10px; top:7px; font-size:13px;} .lab_cover .top_btn_area .right_box div input {line-height: 33px; width:300px; padding-left:20px; box-sizing: border-box; margin-left:10px;} .lab_list_cov > div > .tit_box {width:100%; overflow:hidden; padding: 40px 0 30px 0; position:relative;} .lab_list_cov > div:not(.list01) > .tit_box {margin-top:20px;} .lab_list_cov > div:last-of-type {margin-bottom:80px;} .lab_list_cov > div > .tit_box p.tit {font-size:23px; color:#333; font-weight: 500; float:left;} .lab_list_cov > div > .tit_box button {padding :0 15px; box-sizing: border-box; line-height: 35px; float:right; border:1px solid #dfdfdf;} .lab_list_cov > div > .tit_box .select{float:right; position: relative;} .lab_list_cov > div > .tit_box select { background: #fff; width:120px; position: relative; z-index: 1;} .lab_list_cov > div > .tit_box i {position:absolute; right:10px; top:8px; z-index:2;} .lab_list_cov > div > .tit_box button i {position:relative; top:auto !important; right:auto !important;} .lab_list_cov > div > .list_area {width:100%;} .lab_list_cov > div > .list_area ul {width:100%;} .lab_list_cov > div > .list_area ul:after {content:""; display:block; clear:both;} .lab_list_cov > div > .list_area ul li {float:left; width:220px; position:relative; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; overflow:hidden; margin-right:25px; margin-bottom:30px; transition:all 0.4s;} .lab_list_cov > div > .list_area ul li:hover {margin-top:-5px; margin-bottom:35px;} .lab_cover .thumb, .lab_cover .listTitle{cursor: pointer;} .lab_list_cov > div > .list_area ul li:nth-of-type(5n) {margin-right:0;} .lab_list_cov > div > .list_area ul li div.thumb {border-bottom:1px solid #dfdfdf;} .lab_list_cov > div > .list_area ul li div.thumb img {width:100%;} .lab_list_cov > div > .list_area ul li div.txt {width:100%; display: block; padding:10px; box-sizing: border-box;} .lab_list_cov > div > .list_area ul li div.txt p.tit {font-size:15px; color:#333; font-weight: 500; line-height: 22px; height:50px; transition:all 0.4s;} .lab_list_cov > div > .list_area ul li div.txt p.tit:hover {color:#999;} .lab_list_cov > div > .list_area ul li div.txt p.sub {font-size:14px; color:#898989; font-weight: 400; line-height: 22px;height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;} .lab_list_cov > div > .list_area ul li div.txt p.info {font-size:12px; color:#898989; font-weight: 400; line-height: 17px;} .lab_list_cov > div > .list_area ul li div.txt p.info span {display: block;} .lab_list_cov > div > .list_area ul li div.txt p.icon {font-size:12px; color:#898989; font-weight: 400; line-height: 1; margin-top:20px; overflow:hidden; text-align: center;} .lab_list_cov > div > .list_area ul li div.txt p.icon span {float:left;} .lab_list_cov > div > .list_area ul li div.txt p.icon span:nth-of-type(2) {position:absolute; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); -ms-transform: translate(-50%,0);} .lab_list_cov > div > .list_area ul li div.txt p.icon span:last-of-type {float:right;} td.lab_td {overflow:hidden;} td.lab_td input {float:left; width:calc(100% - 98px) !important; margin-right:10px;} td.lab_td button {float:left; padding:0 15px; line-height: 35px; background: #e7e7e7; transition: all 0.4s; color:#666; border:1px solid #e7e7e7;} td.lab_td button:hover {border:1px solid #cfcfcf; background-color: #cfcfcf; color:#333;} /*lab _상세*/ .lab_cover .information_area {width:100%; overflow:hidden;} .lab_cover .information_area .goToList_btn {margin-bottom:30px;} .lab_cover .information_area .goToList_btn > button {padding:0 15px; box-sizing:border-box; line-height:35px; } .lab_cover .information_area .left_info {float:left; width:900px; margin-right:30px; overflow:hidden;} .lab_cover .information_area .right_info {float:left; width:calc(100% - 930px);} .lab_cover .information_area .left_info > span {float:left; width:218px; margin-right:20px; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; overflow:hidden;} .lab_cover .information_area .left_info > span img {width:100%; border-radius: 4px; } .lab_cover .information_area .left_info > div {float:left; width:calc(100% - 238px); padding-right:25px; box-sizing: border-box;} .lab_cover .information_area .left_info > div p.tit {font-size:23px; color:#333; font-weight: 500; margin-bottom:30px; line-height: 1;} .lab_cover .information_area .left_info > div p.desc {font-size:14px; color:#666; font-weight: 400;} .lab_cover .information_area .left_info > div > div {width:100%; font-size:0; text-align: left; margin-top:50px;} .lab_cover .information_area .left_info > div > div p {display: inline-block; vertical-align: middle; text-align: left; font-size:17px; color:#333; font-weight: 400;} .lab_cover .information_area .left_info > div > div p:nth-of-type(2) {margin: 0 15px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding :0 15px;} .lab_cover .information_area .left_info > div > div p span {color:#333; font-weight: 400 !important;} .lab_cover .information_area .left_info > div > div p span b {font-weight: 400;} .lab_cover .information_area .left_info > div > div p span.center {text-align: center; display: block; margin-top:10px; color:#666 !important;} .lab_cover .information_area .right_info > div {width:100%; overflow:hidden;} .lab_cover .information_area .right_info > div p.tit {float:left; font-size:17px; color:#333; font-weight: 400; } .lab_cover .information_area .right_info > div a {float:right; color:#898989; font-weight: 400; transition:all 0.4s;} .lab_cover .information_area .right_info > div a:hover {color:#333;} .lab_cover .information_area .right_info > div:nth-of-type(2) {margin:20px 0 30px;} .lab_cover .information_area .right_info > div span.th_img {float:left;} .lab_cover .information_area .right_info > div div.th_txt {margin-top:25px; margin-left:20px;} .lab_cover .information_area .right_info > div p.date {font-size:14px; color:#333; font-weight: 500; margin-bottom:10px;} .lab_cover .information_area .right_info > div p.date span {color:#898989; font-weight:400 !important;} .lab_cover .information_area .right_info > div p.total_rate {font-size:14px; color:#333; font-weight: 500; display: inline-block; vertical-align:middle;} .lab_cover .information_area .right_info > div .dp_set_box {display: inline-block; vertical-align: middle;} .lab_cover .information_area .right_info > div .dp_set_box span {color:#898989; font-size:12px;} .lab_cover span.th_img {float:left; display: block; width:100px; height:100px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box;} .lab_cover span.th_img img {width:100%; height:100%;} span.th_img.t_list {width:60px; height:60px;} .lab_cover div.th_txt {float:left; /*width:calc(100% - 100px);*/} .lab_cover div.th_txt p {font-size:14px; color:#666 ;font-weight: 400;} .lab_cover div.th_txt button {padding:0 10px; line-height: 25px; margin-top:5px;} .lab_cover .head_list_area .t_list_slide {width:200px !important; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; padding-top: 10px; height: 100%; overflow-y:scroll;} .lab_cover .head_list_area .t_list_slide.noscrollbar::-webkit-scrollbar {display: none;} .lab_cover .t_list_slide > ul {overflow:hidden;} .lab_cover .t_list_slide > ul > li {overflow:hidden; padding:0 0 0 20px; box-sizing: border-box;} .lab_cover .t_list_slide > ul > li:last-of-type {margin-bottom:20px;} .lab_cover .t_list_slide > ul > li span {float:left;} .lab_cover .t_list_slide > ul > li div.th_txt {float:left; margin-left:10px;} .lab_cover .t_list_slide > ul > li > div > ul > li {position:relative; overflow:hidden; /*margin-bottom:20px;*/} .lab_cover .head_list_area {overflow:hidden; width:100%; margin:80px 0;} .lab_cover .head_list_area > div {float:left; margin-right:50px;} .lab_cover .head_list_area > div.right_list {margin-right:0; width:calc(100% - 250px);} .lab_cover .head_list_area > div .slide_btn {overflow:hidden; margin-bottom:30px; } .lab_cover .head_list_area > div .slide_btn p.tit {float:left; font-size:23px; color:#333; font-weight: 500;} .lab_cover .head_list_area > div .slide_btn p.tit span {font-size:17px; color:#2eaef8; margin-left:10px;} .lab_cover .head_list_area > div .slide_btn .profBtnBox {float:right; margin-top:10px;} .lab_cover .head_list_area > div .slide_btn .profBtnBox > a {color:#999 !important; transition: all 0.4s; opacity:1 !important;} .lab_cover .head_list_area > div .slide_btn .profBtnBox > a.disable {opacity:0.3 !important;} .lab_cover .head_list_area > div .slide_btn .profBtnBox > a:hover {color:#252525;} .lab_cover .head_list_area > div.right_list div.tab_tit_box {overflow: hidden; margin-bottom:30px; } .lab_cover .head_list_area > div.right_list div.tab_tit_box p.tit {font-size:23px; color:#333; font-weight: 500; float:left;} .lab_cover .head_list_area > div.right_list div.tab_tit_box button {padding:0 15px; box-sizing: border-box; line-height: 35px; float:right;} .lab_cover .head_list_area > div.right_list table {width:100%;} .lab_cover .head_list_area > div.right_list table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .lab_cover .head_list_area > div.right_list table thead th span {display: inline-block; vertical-align: top;} .lab_cover .head_list_area > div.right_list table thead th span i {display: block; color:#898989; height:1px;} .lab_cover .head_list_area > div.right_list table tbody tr {border-top:1px solid #dfdfdf;} .lab_cover .head_list_area > div.right_list table tbody tr:last-of-type {border-bottom:1px solid #dfdfdf;} .lab_cover .head_list_area > div.right_list table tbody tr td {text-align: center; /*color:#666; font-size:13px; font-weight: 400;*/} .lab_cover .head_list_area > div.right_list table tbody tr td:nth-of-type(2) > a {display: block; width:460px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} .lab_cover .head_list_area > div.right_list table tbody tr td:nth-of-type(3) > p {display: block; width:250px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} .lab_cover .head_list_area > div.right_list table tbody tr td:last-of-type {color:#898989;} .all_list button {padding:0 15px; box-sizing: border-box; line-height: 35px; margin-bottom:30px; } /*20180704 코딩문제*/ .multiple_selection {width:100%; padding-bottom:0 !important;} .multiple_selection p.tit {font-size:15px; font-weight: 500; color:#333;} .multiple_selection p.tit span {color:#666; font-weight: 400; font-size:13px;} .multiple_selection .multiple_choice > div {width:155px; margin-right:0 !important; margin-bottom:20px;} .coding_editor_area {padding-bottom:0 !important;} /*객관식*/ .answer_area {width:100%;} .answer_area > p {display: inline-block; vertical-align: middle; width:180px; font-size:15px; color:#333; font-weight: 500; overflow:hidden;} .answer_area > p span {color:#ea302e; display: inline-block; vertical-align: middle; font-size:20px; } .answer_area .question_info_box > p {display: inline-block; vertical-align: middle; font-size:14px; color:#666; font-weight: 400; margin-bottom:20px; line-height: 35px;} .answer_area .question_info_box > input {display: inline-block; vertical-align: middle;} .answer_area button.del {width:35px; height:35px; float:right; margin-right:10px; border:1px solid #dfdfdf; color:#666 !important; transition:all 0.4s;} .answer_area button.del:hover {border:1px solid #b4b4b4; color:#333;} .answer_area .add_btn {width:100%;} .answer_area .add_btn button {padding:0 15px; line-height: 35px; border:1px solid #dfdfdf; color:#666; font-weight: 400; font-size:14px; text-align: center; transition:all 0.4s;} .answer_area .add_btn button:hover {border:1px solid #b4b4b4; color:#333;} .answer_area .check_answer {width:100%; overflow:hidden; margin-top:30px;} .answer_area .check_answer > div {float:left; } .answer_area .check_answer > .checkbox {width: 180px; margin-top:10px;} .answer_area .check_answer > .answer_list {width:calc(100% - 180px);} .answer_area .check_answer > .answer_list ul {width:100%; overflow:hidden;} .answer_area .check_answer > .answer_list ul li {float:left; width:50px; border:1px solid #dfdfdf; border-right:0; transition:all 0.4s;} .answer_area .check_answer > .answer_list ul li:first-of-type {border-radius: 4px 0 0 4px;} .answer_area .check_answer > .answer_list ul li:last-of-type {border-radius: 0 4px 4px 0; border-right:1px solid #dfdfdf;} .answer_area .check_answer > .answer_list ul li.active {background: #f2f2f2; color:#333;} .answer_area .check_answer > .answer_list ul li a {display: block; line-height: 35px; font-size:14px; color:#666; font-weight: 400; text-align: center;} /*강좌만들기 팝업*/ #createLecture {position:relative; width:570px; margin: 0 0 0 -300px;} #createLecture .pop_tit_cov {width:100%; border-bottom:1px solid #dfdfdf; padding: 20px 0 ;box-sizing: border-box; } #createLecture .pop_tit_cov > p {font-size:17px; color:#333; font-weight:500; padding-left:20px; box-sizing: border-box;} #createLecture .content_box {padding:0 30px;} #createLecture .content_box p.desc {font-size:14px; color:#666; font-weight:400;} #createLecture .content_box .top_sel {border-bottom:1px solid #dfdfdf; padding:30px 0; box-sizing:border-box;} #createLecture .content_box .bot_sel {padding:30px 0; box-sizing: border-box;} #createLecture .content_box .top_sel > * {display:inline-block; vertical-align: middle; line-height:35px;} #createLecture .content_box .top_sel > p {font-size:17px; color:#333; font-weight:400;} #createLecture .content_box .top_sel > p > img {margin-right:15px;} #createLecture .content_box .top_sel > button {padding: 0 15px; width:auto; text-align:center; font-size:14px; color:#666; border:1px solid #dfdfdf; transition:all 0.4s; float:right;} #createLecture .content_box .top_sel > button:hover {border:1px solid #b4b4b4; color:#333;} #createLecture .content_box .bot_sel > img {display:inline-block; vertical-align:middle; margin-right:15px; margin-bottom: 25px;} #createLecture .content_box .bot_sel > p {font-size:17px; color:#333; font-weight:400; display:inline-block; vertical-align:middle; line-height:22px; margin-bottom:20px;} #createLecture .content_box .bot_sel > p > span {color:#ea302e; font-size:13px;} #createLecture .content_box .bot_sel > div {display:inline-block; vertical-align:middle; position:relative; width:calc(100% - 100px); margin-right:8px;} #createLecture .content_box .bot_sel > div > select {/*-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none;*/ border:1px solid #dfdfdf; padding-left:10px; box-sizing:border-box; width:100%; height:35px; background:#fff; } #createLecture .content_box .bot_sel > div > i {position:absolute; top:10px; right:10px; z-index:2;} #createLecture .content_box .bot_sel > button {display:inline-block; vertical-align:middle; padding:0 15px; box-sizing:border-box; border:1px solid #e7e7e7; background:#e7e7e7; color:#666; line-height:35px;} #createLecture .content_box .bot_sel > button:hover {border:1px solid #cfcfcf; background:#cfcfcf; color:#333;} #createLecture .option_area {width:100%; padding:10px 0; box-sizing:border-box; overflow:hidden; background :#f9fafb;} #createLecture .option_area > a {padding:0 15px; box-sizing: border-box; background:#333; border-radius:4px; line-height:35px; color:#fff; font-size:14px; text-align:center; float:right; margin-right:20px;} /*팝업*/ .lmsPopup {position:relative; width:570px; margin: 0 0 0 -300px;} .lmsPopup .pop_tit_cov {width:100%; border-bottom:1px solid #dfdfdf; padding: 20px 0 ;box-sizing: border-box; } .lmsPopup .pop_tit_cov > p {font-size:17px; color:#333; font-weight:500; padding-left:20px; box-sizing: border-box;} .lmsPopup .content_box {padding:0 30px;} .lmsPopup .content_box p.desc {font-size:14px; color:#666; font-weight:400;} .lmsPopup .content_box .top_sel {border-bottom:1px solid #dfdfdf; padding:30px 0; box-sizing:border-box;} .lmsPopup .content_box .bot_sel {padding:30px 0; box-sizing: border-box;} .lmsPopup .content_box .top_sel > * {display:inline-block; vertical-align: middle; line-height:35px;} .lmsPopup .content_box .top_sel > p {font-size:17px; color:#333; font-weight:400;} .lmsPopup .content_box .top_sel > p > img {margin-right:15px;} .lmsPopup .content_box .top_sel > button {padding: 0 15px; width:auto; text-align:center; font-size:14px; color:#666; border:1px solid #dfdfdf; transition:all 0.4s; float:right;} .lmsPopup .content_box .top_sel > button:hover {border:1px solid #b4b4b4; color:#333;} .lmsPopup .content_box .bot_sel > img {display:inline-block; vertical-align:middle; margin-right:15px; margin-bottom: 25px;} .lmsPopup .content_box .bot_sel > p {font-size:17px; color:#333; font-weight:400; display:inline-block; vertical-align:middle; line-height:22px; margin-bottom:20px;} .lmsPopup .content_box .bot_sel > p > span {color:#ea302e; font-size:13px;} .lmsPopup .content_box .bot_sel > div {display:inline-block; vertical-align:middle; position:relative; width:calc(100% - 100px); margin-right:8px;} .lmsPopup .content_box .bot_sel > div > input {/*-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none;*/ border:1px solid #dfdfdf; padding-left:10px; box-sizing:border-box; width:100%; height:35px; background:#fff; } .lmsPopup .content_box .bot_sel > div > i {position:absolute; top:10px; right:10px; z-index:2;} .lmsPopup .content_box .bot_sel > button {display:inline-block; vertical-align:middle; padding:0 15px; box-sizing:border-box; border:1px solid #e7e7e7; background:#e7e7e7; color:#666; line-height:35px;} .lmsPopup .content_box .bot_sel > button:hover {border:1px solid #cfcfcf; background:#cfcfcf; color:#333;} .lmsPopup .option_area {width:100%; padding:10px 0; box-sizing:border-box; overflow:hidden; background :#f9fafb;} .lmsPopup .option_area > a {padding:0 15px; box-sizing: border-box; background:#333; border-radius:4px; line-height:35px; color:#fff; font-size:14px; text-align:center; float:right; margin-right:20px;} .sorting_add {float:right; margin:5px 30px;} .sorting_add #orderSort {background:#fff;} #btnChannelSubmit:hover {background:#299cdf !important;} /*강좌편집 시험부분*/ #exam_set {width:100%; position:relative;} #exam_set > div.tit {overflow:hidden; margin-bottom:10px;} #exam_set > div.tit > p.tit {font-size:17px; vertical-align: middle; font-weight: 500; color:#333; float:left;} #exam_set > div.tit > p.tit img {display: inline-block; vertical-align: middle; margin-top:-1px; margin-right:2px;} #exam_set > div.tit > p.warn {font-size:12px; vertical-align: middle; font-weight: 400; color:#ea302e; float:right;} #exam_set .input_area > div {overflow: hidden; width:100%; margin-bottom:20px;} #exam_set .input_area > div > .tit_left {float:left; width:140px;} #exam_set .input_area > div > .tit_left span {display: inline-block; vertical-align: middle; font-size:15px; color:#333; font-weight: 500; width:140px; line-height: 35px;} #exam_set .input_area > div > .tit_left span b {color:#ea302e; font-size:16px;} #exam_set .input_area > div > .tit_right {float:left; width:calc(100% - 140px);} #exam_set .input_area > div > .tit_right .date_set { margin-bottom: 10px; } #exam_set .input_area > div > .tit_right .date_set > span {display: inline-block; vertical-align:middle; width:50px; line-height: 35px;} #exam_set .input_area > div > .tit_right .date_set > span:last-of-type {margin-left:30px;} #exam_set .input_area > div > .tit_right .date_set div.date_input {display: inline-block; vertical-align: middle; width:185px; position:relative;} #exam_set .input_area > div > .tit_right .date_set div.date_input input {width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:35px; font-size:14px; font-weight: 400; padding-left:30px; line-height:35px;} #exam_set .input_area > div > .tit_right .date_set div.date_input i {position:absolute; top:8px; left:8px; } #exam_set .input_area > div > .tit_right > input {width:100%; line-height: 35px; font-size:14px; color:#666 ;font-weight:400; padding-left: 10px; box-sizing: border-box;} #exam_set .input_area > div > .tit_right > input.time_limit {width:100px;} #exam_set .input_area > div > .tit_right > p.eval_rate_exp {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; margin-left:10px;} #exam_set .input_area > div > .tit_right > p.eval_rate_exp span.standard {color:#2eaef8;} #exam_set .input_area > div > .tit_right > p.eval_rate_exp span.setted_percent { color:#ea302e; } #exam_set .input_area > div > .noFloat {float:none !important; margin-bottom:10px;} #exam_set .input_area > div > .editor_area {width:100%; border-radius: 4px; box-sizing: border-box; height:400px;} #exam_set .input_area > div > .tit_right > .sel {width:100%; margin-bottom:10px;} #exam_set .input_area > div > .tit_right > .sel ul {overflow:hidden;} #exam_set .input_area > div > .tit_right > .sel ul li {float:left; border:1px solid #dfdfdf; border-radius: 4px 0 0 4px;} #exam_set .input_area > div > .tit_right > .sel ul li:last-of-type {border-left:0; border-radius: 0 4px 4px 0;} #exam_set .input_area > div > .tit_right > .sel ul li a {display: block; padding:0 15px; text-align: center; font-size:14px; color:#666; font-weight: 400; line-height: 35px;} #exam_set .input_area > div > .tit_right > .sel ul li.active {background: #e7e7e7;} #exam_set .input_area > div > .tit_right > .sel ul li.active a { color:#333;} #exam_set .input_area > div > .tit_right .set_time .time_box { display: inline-block; position: relative; } #exam_set .input_area > div > .tit_right .set_time .time_box .ui-timepicker-input { display: inline-block; width: 140px; height: 35px; } #exam_set .input_area > div > .tit_right .set_time .time_box .clock { position: absolute; top: 8px; left: 5px; z-index: 2; color: #898989; } #exam_set .input_area > div > .tit_right .set_time > span:last-of-type { margin-left: 30px; } #exam_set .que_box {width:100%; position:relative;} #exam_set .que_box > span {font-size:15px; color:#333; font-weight: 500; line-height: 35px;} #exam_set .que_box > span b {color:#ea302e; font-size:16px;} #exam_set .que_box > p.desc {font-size:14px; color:#666; font-weight: 400; margin:10px 0;} #exam_set .que_box > .que_count {width:100%; padding:20px; box-sizing: border-box; background: #f9fafb;} #exam_set .que_box > .que_count > span {display:inline-block; vertical-align:middle; } #exam_set .que_box > .que_count > .count {display: inline-block; vertical-align: middle; margin-left:20px;} #exam_set .que_box > .que_count > .count span {font-size:14px; color:#666; font-weight: 400; width:170px; display: inline-block; vertical-align: middle;} #exam_set .que_box > .que_count > .count p {display: inline-block; vertical-align: middle; font-size:14px; color:#666 ;font-weight: 400;} #exam_set .que_box > .que_count > .count p > b {font-weight: 500; color:#333;} #exam_set .que_box .que_list {width:100%; margin-top:30px; position:relative; height:300px; overflow-y:auto;} #exam_set .que_box .que_list table {border-top:0 !important;width:100%;/* display:block; */border-top: 1px solid #dfdfdf !important;} #exam_set .que_box .que_list table thead {border-bottom:1px solid #dfdfdf;} #exam_set .que_box .que_list table thead th {background: #f9fafb; color:#333; font-size:14px; font-weight: 500; line-height: 48px; text-align: center;} #exam_set .que_box .que_list table tbody {/*overflow-y:auto; max-height:290px; display: block;*/ } #exam_set .que_box .que_list table tbody tr {border-bottom:1px solid #e9e9e9; transition:all 0.4s;} #exam_set .que_box .que_list table tbody tr:hover {background :#f9f9f9;} #exam_set .que_box .que_list table tbody tr:last-of-type {border-bottom:1px solid #e9e9e9;} #exam_set .que_box .que_list table tbody tr td:first-of-type {position:relative; padding-left:25px;} #exam_set .que_box .que_list table tbody tr td:first-of-type span {font-size:13px; color:#666 ;font-weight: 400;} #exam_set .que_box .que_list table tbody tr td:first-of-type div {position:absolute; right:15px; top:14px; width:14px;} #exam_set .que_box .que_list table tbody tr td:first-of-type div a {display: block;} #exam_set .que_box .que_list table tbody tr td:first-of-type div a:last-of-type {margin-top:-2px;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(2) p {font-size:14px; font-weight: 400; text-align: center;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(2) p.multi {color:#ff7230;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(2) p.write {color:#0083ca;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(2) p.coding {color:#00b857;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(3) p.tit {font-size:14px; color:#333; font-weight: 400; overflow:hidden; width:280px; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(3) p.tit > span {color:#898989;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(3) p.list_type {color:#898989; font-size:10px; font-weight: 400;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(3) p.list_type span {display: inline-block; vertical-align: middle; margin:0 5px;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(3) p.list_type span:first-of-type {margin-left:0 !important;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(4) input {width:100px; line-height: 35px; padding-left:10px; font-size:14px; color:#333; font-weight: 400;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(5) {text-align: center;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(5) button {border:1px solid #dfdfdf; text-align: center; padding:0 10px; line-height: 35px; transition:all 0.4s;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(5) button > i {color:#666;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(5) button:hover {border:1px solid #b4b4b4;} #exam_set .que_box .que_list table tbody tr td:nth-of-type(5) button:hover > i {color:#666; color:#333;} #exam_set .que_box .que_list table thead th:nth-of-type(1), #exam_set .que_box .que_list table tbody tr td:nth-of-type(1), #exam_set .que_box .que_list table thead th:nth-of-type(2), #exam_set .que_box .que_list table tbody tr td:nth-of-type(2), #exam_set .que_box .que_list table thead th:nth-of-type(5), #exam_set .que_box .que_list table tbody tr td:nth-of-type(5) {width:78px !important;} #exam_set .que_box .que_list table thead th:nth-of-type(3), #exam_set .que_box .que_list table tbody tr td:nth-of-type(3) {width:286px !important;} #exam_set .que_box .que_list table thead th:nth-of-type(4), #exam_set .que_box .que_list table tbody tr td:nth-of-type(4) {width:130px !important;} #exam_set .btn_box {width:100%; overflow:hidden; padding:30px 0 0px;} #exam_set .btn_box button {padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size:14px; color:#666; font-weight: 400; text-align: center; line-height: 35px; transition: all 0.4s;} #exam_set .btn_box button.load_que {float:left;} #exam_set .btn_box button.new_que {float:right;} #exam_set .btn_box button:hover {border:1px solid #b4b4b4; color:#333;} #exam_set .btn_box02 {width:100%; font-size:0; text-align: center; display:block; padding-top:30px; border-top:1px solid #dfdfdf;} #exam_set .btn_box02 button {display: inline-block; vertical-align: middle; padding:0 15px; box-sizing: border-box; border:1px solid #e7e7e7; border-radius: 4px; font-size:14px; font-weight: 400; text-align:center; line-height: 35px; color:#666; background :#e7e7e7; transition:all 0.4s; margin:0 5px;} #exam_set .btn_box02 button:hover {background: #cfcfcf; color:#333; border:1px solid #cfcfcf;} #exam_set .btn_box02 button.save {background :#2eaef8; color:#fff;border:1px solid #2eaef8;} #exam_set .btn_box02 button.save:hover {background :#299cdf; color:#fff; border:1px solid #299cdf;} /*강의편집 과제부분*/ #assign_set {width:100%; position:relative;} #assign_set > div.tit {overflow:hidden; margin-bottom:10px;} #assign_set > div.tit > p.tit {font-size:17px; vertical-align: middle; font-weight: 500; color:#333; float:left;} #assign_set > div.tit > p.tit img {display: inline-block; vertical-align: middle; margin-top:-1px; margin-right:2px;} #assign_set > div.tit > p.warn {font-size:12px; vertical-align: middle; font-weight: 400; color:#ea302e; float:right;} #assign_set .input_area > div {overflow: hidden; width:100%; margin-bottom:20px;} #assign_set .input_area > div > .tit_left {float:left; width:140px;} #assign_set .input_area > div > .tit_left span {display: inline-block; vertical-align: middle; font-size:15px; color:#333; font-weight: 500; width:140px; line-height: 35px;} #assign_set .input_area > div > .tit_left span b {color:#ea302e; font-size:16px;} #assign_set .input_area > div > .tit_right {float:left; width:calc(100% - 140px);} #assign_set .input_area > div > .tit_right .date_set > span {display: inline-block; vertical-align:middle; width:50px; line-height: 35px;} #assign_set .input_area > div > .tit_right .date_set > span:last-of-type {margin-left:30px;} #assign_set .input_area > div > .tit_right .date_set div.date_input {display: inline-block; vertical-align: middle; width:185px; position:relative;} #assign_set .input_area > div > .tit_right .date_set div.date_input input {width:100%; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height:35px; font-size:14px; font-weight: 400; padding-left:30px; } #assign_set .input_area > div > .tit_right .date_set div.date_input i {position:absolute; top:10px; left:8px; } #assign_set .input_area > div > .tit_right > input {width:100%; line-height: 35px; font-size:14px; color:#666 ;font-weight:400; padding-left: 10px; box-sizing: border-box;} #assign_set .input_area > div > .tit_right > input.time_limit {width:300px;} #assign_set .input_area > div > .tit_right > p.eval_rate_exp {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; margin-left:10px;} #assign_set .input_area > div > .tit_right > p.eval_rate_exp span.standard {color:#2eaef8;} #assign_set .input_area > div > .tit_right > p.eval_rate_exp span.setted_percent { color:#ea302e; } #assign_set .input_area > div > .noFloat {float:none !important; margin-bottom:10px;} #assign_set .input_area > div > .editor_area {width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; height:400px;} #assign_set .input_area > div > .tit_right > .sel {width:100%; margin-bottom:10px;} #assign_set .input_area > div > .tit_right > .sel ul {overflow:hidden;} #assign_set .input_area > div > .tit_right > .sel ul li {float:left; border:1px solid #dfdfdf; border-radius: 4px 0 0 4px;} #assign_set .input_area > div > .tit_right > .sel ul li:last-of-type {border-left:0; border-radius: 0 4px 4px 0;} #assign_set .input_area > div > .tit_right > .sel ul li a {display: block; padding:0 15px; text-align: center; font-size:14px; color:#666; font-weight: 400; line-height: 35px;} #assign_set .input_area > div > .tit_right > .sel ul li.active {background: #e7e7e7;} #assign_set .input_area > div > .tit_right > .sel ul li.active a { color:#333;} #assign_set .btn_box02 {width:100%; font-size:0; text-align: center; display:block; margin-top:50px; padding-top:30px; border-top:1px solid #dfdfdf;} #assign_set .btn_box02 button {display: inline-block; vertical-align: middle; padding:0 15px; box-sizing: border-box; border:1px solid #e7e7e7; border-radius: 4px; font-size:14px; font-weight: 400; text-align:center; line-height: 35px; color:#666; background :#e7e7e7; transition:all 0.4s; margin:0 5px;} #assign_set .btn_box02 button:hover {background: #cfcfcf; color:#333; border:1px oslid #cfcfcf;} #assign_set .btn_box02 button.save {background :#2eaef8; color:#fff;border:1px solid #2eaef8;} #assign_set .btn_box02 button.save:hover {background :#299cdf; color:#fff; border:1px solid #299cdf;} #assign_set .upload_box {width:100%; position:relative;} #assign_set .upload_box > span {display: inline-block; vertical-align: top; font-size:15px; color:#333; font-weight: 500; width:140px; line-height: 35px;} #assign_set .upload_box > span b {color:#ea302e; font-size:16px;} #assign_set .upload_box > .upload_area {width:calc(100% - 144px); display: inline-block; vertical-align: middle;} #assign_set .upload_box > .upload_area div input {display: inline-block; vertical-align: middle; width:408px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding-left:10px; font-size:14px; color:#666; font-weight: 400; line-height: 35px;} #assign_set .upload_box > .upload_area div button {display: inline-block; vertical-align: middle; padding:0 15px; border:1px solid #e7e7e7; color:#666; text-align: center; font-weight: 400; font-size:14px; margin-left:5px; line-height: 35px; background: #e7e7e7;} #assign_set .upload_box > .upload_area div button:hover {background: #cfcfcf; border:1px solid #cfcfcf;} #assign_set .upload_box > .upload_area div:last-of-type {margin-top:10px; position:relative;} #assign_set .upload_box > .upload_area div p.file_name {width:100%; background :#f9f9f9; line-height: 30px; font-size:13px; color:#333; font-weight: 500; padding-left:10px; box-sizing: border-box;} #assign_set .upload_box > .upload_area div i {position:absolute; right:5px; top:5px;} /*시험문제 뷰페이지*/ .view_top {background : #2eaef8; height:50px; width:100%; position:absolute; top:0;left:0; z-index:4;} .view_left_menu {background : #171a1b; width:50px; height:100%; position:absolute; top:0;left:0; z-index:3; padding-top:50px;} .view_top .logo_title {margin:5px; position:relative;} .view_top .logo_title > div > span {display: inline-block; vertical-align: middle; width:36px; height:36px;} .view_top .logo_title > div > span img {width:100%;} .view_top .logo_title > div > p {display: inline-block; vertical-align: middle; font-size:14px; color:#fff; font-weight: 400; line-height: 20px; border-left:1px solid #fff; padding-left:10px; margin-left:5px;} .view_top .logo_title > div.mid_tit {position:absolute; left:50%; top:7px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width:500px;} .view_top .logo_title > div.mid_tit > ul {font-size:0; text-align: center;} .view_top .logo_title > div.mid_tit > ul li {display:inline-block; vertical-align:middle; margin:0 10px;} .view_top .logo_title > div.mid_tit > ul li img {display: inline-block; vertical-align: middle; margin-right:10px;} .view_top .logo_title > div.mid_tit > ul li span {display: inline-block; vertical-align: middle; font-size:14px; color:#fff; font-weight: 400; margin:0 2px;} .view_top .logo_title > div.finish_all_btn {position:absolute; right:20px; top:2px;} .view_top .logo_title > div.finish_all_btn button+button{margin-left: 5px;} .view_top .logo_title > div.finish_all_btn button {line-height: 35px; padding:0 15px; box-sizing: border-box; border:1px solid #ea302e !important; font-size:14px; color:#ea302e !important; text-align: center; background: #fff; transition:all 0.4s;} .view_top .logo_title > div.finish_all_btn button i {color:#ea302e !important; transition:all 0.4s;} .view_top .logo_title > div.finish_all_btn button:hover {background: #ea302e !important; color:#fff !important;} .view_top .logo_title > div.finish_all_btn button:hover i {color:#fff !important;} .view_top .logo_title > div.finish_all_btn p.examee {font-size:14px; color:#fff; font-weight: 400; text-align: center; border-left:none; line-height: 35px; margin:0; padding:0;} /*--컴파일옵션버튼--*/ .view_top .logo_title > div.finish_all_btn button.compile {color:#fff !important; background: #0083ca; border: 1px solid #0083ca !important;} .view_top .logo_title > div.finish_all_btn button.compile:hover {color:#fff; background: #0076b5; border:1px solid #0076b5;} #side_menu_cont {position:absolute; width:400px; height:calc(100% - 50px); border-right:1px solid #dfdfdf; background :#fff; padding:20px; box-sizing: border-box; left:-450px; top:50px; transition:all 0.4s; z-index:1;} #side_menu_cont > div > a {position:absolute; top:20px; right:20px; color:#666; transition: all 0.4s;} #side_menu_cont > div > a:hover {color:#333;} #side_menu_cont > div > .exam_list p.tit {font-size:17px; color:#333; font-weight: 500; line-height: 1; margin-bottom:20px;} #side_menu_cont > div > .exam_list ul {width:100%; overflow-y:scroll;} #side_menu_cont > div > .exam_list ul::-webkit-scrollbar {display:block; width: 0.25rem; height: 0.25rem;} #side_menu_cont > div > .exam_list ul li {width:100%; display: block; margin-bottom:20px;} #side_menu_cont > div > .exam_list ul li span {display: inline-block; vertical-align: top; font-size:13px; color:#333; font-weight: 400; margin:0 5px;} #side_menu_cont > div > .exam_list ul li span.number {width:10px; margin-left:0; text-align: right;} #side_menu_cont > div > .exam_list ul li span.exam_tit {width:210px; color:#333; cursor:pointer; transition:all 0.4s;} #side_menu_cont > div > .exam_list ul li span.exam_tit:hover {color:#666; } #side_menu_cont > div > .exam_list ul li span.exam_type {width:40px; text-align: center;} #side_menu_cont > div > .exam_list ul li span.status {width:40px; text-align: center; margin-right:0;} #side_menu_cont > div > .exam_list ul li.toss span {color:#b2b2b2 !important;} #side_menu_cont > div > .exam_list ul li span.multi {color:#ff7230;} #side_menu_cont > div > .exam_list ul li span.write {color:#0083ca;} #side_menu_cont > div > .exam_list ul li span.coding {color:#00b857;} #side_menu_cont > div > .exam_list ul li span b {font-weight: 400;} .view_left_menu ul {width:100%;} .view_left_menu ul li {width:100%; height:50px; transition:all 0.4s; position:relative;} .view_left_menu ul li a {text-align: center; display: block; width: 100%; height:100%; line-height: 45px;} .view_left_menu ul li:hover {background:#006486;} .view_left_menu ul li a > i {transition:all 0.2s;} .view_left_menu ul li:first-of-type a > i {margin-left:-5px !important;} .view_left_menu ul li > .balloon {opacity:0; position:absolute; width:70px; line-height: 35px; background: #fff; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; text-align:center; top:4px; right:-80px; z-index:-1; transition:all 0.4s; box-shadow:1px 1px 5px #ccc;} .view_left_menu ul li > .balloon.m_on {opacity:1; z-index:99;} #exam_left > .exam_page > .btn_box {position:relative; width:100%;} #exam_left > .exam_page > .btn_box:after {display: block; content: ""; clear: both;} #exam_left div.select {width:150px; float:left;} div.ui.dropdown {min-width:150px !important;} div.ui.dropdown div.item span {margin-left:20px;} #exam_left .btn_box {background: #f9f9f9; padding:10px; box-sizing: border-box; border-bottom:1px solid #dfdfdf;} #exam_left .btn_box::after {content:""; display:block; clear:both;} #exam_left .btn_box .btns {float:right; overflow:hidden;} #exam_left .btn_box .btns button {float:left; padding:0 10px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; line-height: 35px; margin-right:5px; font-size:14px; color:#666; text-align: center; transition:all 0.4s;} #exam_left .btn_box .btns button:last-of-type {margin-right:0;} #exam_left .btn_box .btns button:hover {border:1px solid #b4b4b4; color:#333;} #terminal_box .terminal_top {background: #f9f9f9; padding:10px; box-sizing: border-box; border-bottom:1px solid #dfdfdf;} #terminal_box .terminal_top:after {content: ""; display: block; clear: both;} #terminal_box .terminal_top .left_btn {float:left;} #terminal_box .terminal_top .right_btn {float:right;} #terminal_box .terminal_top .left_btn button {padding:0 15px; border:1px solid #2eaef8; background: #2eaef8; box-sizing: border-box; line-height: 35px; text-align: center; color:#fff; font-size: 14px; font-weight: 400; transition:all 0.4s;} #terminal_box .terminal_top .left_btn button:hover {background: #299cdf; border:1px solid #299cdf;} #terminal_box .terminal_top .right_btn button {display: inline-block; vertical-align: middle; padding:0 15px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; text-align: center; line-height: 35px; color:#666; font-size:14px; transition:all 0.4s;} #terminal_box .terminal_top .right_btn button:hover {border:1px solid #b4b4b4; color:#333;} #terminal_box .terminal_top .right_btn p {display: inline-block; vertical-align: middle; font-size:14px; color:#666; font-weight: 400; margin-right:10px; padding:0 !important;} #terminal_box .terminal_top .left_btn.playback span {font-size:14px; color:#666; font-weight: 400; display:inline-block; vertical-align: middle;} #terminal_box .terminal_top .left_btn.playback button {display: inline-block; vertical-align: middle; padding:0 15px; line-height: 35px; color:#666; text-align:center; background: #fff; border:1px solid #dfdfdf; transition:all 0.4s; margin:0 5px 0 5px;} #terminal_box .terminal_top .left_btn.playback button:last-of-type {margin-left:0;} #terminal_box .terminal_top .left_btn.playback button:hover {border:1px solid #b4b4b4; color:#333;} #exam_left .select .default.text {color:#666;} #exam_left .select .menu .item {color:#666;} #question_types {width:100%; padding: 20px; box-sizing: border-box; position:relative;} #question_types > div {width:100%; position:relative;} #question_types > div > p.main_tit {font-size:23px; color:#333; font-weight: 500;} #question_types > div > p.main_tit img {display: inline-block; vertical-align: middle; margin-top:-5px;} #question_types > div > p.main_tit > span.q_point {font-size:14px; color:#666; font-weight: 400; margin-left:10px;} #question_types > div > p.main_tit > span.q_point b {font-weight: 400;} #question_types > div > p.main_tit > span.correct {color:#2eaef8; font-size:14px; font-weight: 400; margin-left:10px;} #question_types > div > p.main_tit > span.incorrect {color:#ea302e; font-size:14px; font-weight: 400; margin-left:10px;} #question_types > div > p.q_desc {font-size:14px; color:#666; font-weight: 400; line-height: 30px; margin:40px 0;} #question_types > div > p.q_desc img {max-width: 100%;} #question_types > div > p.q_desc p{line-height: 1.5;} #question_types > div > .choices {width:100%; margin-bottom:30px;} #question_types > div > .choices > div.checkbox {width:100%; margin-bottom:20px;} #question_types > div > .choices > div.checkbox label {font-size:14px; color:#333; font-weight: 400; display: inline-block; vertical-align: middle;} #question_types > div > .choices > div.checkbox p.explain {margin-left:40px; font-size:14px; color:#333; font-weight: 400; display: inline-block; vertical-align: middle;} #question_types > div > .answers .ans_tit {font-size:17px; color:#333; font-weight: 400;} #question_types > div > .answers input {width:100%; border:1px solid #dfdfdf; border-radius: 4px; padding-left:10px ;box-sizing: border-box; line-height: 35px; font-size:14px; color:#666; font-weight: 400; margin:10px 0 40px;} #question_types > div > .submit_btn {width:100%; margin-bottom:30px;} #question_types > div > .submit_btn button {padding:0 15px; border:1px solid #2eaef8 !important; background: #2eaef8; border-radius: 4px; box-sizing: border-box; font-size:14px; color:#fff !important; font-weight: 400; line-height: 35px; text-align: center;} #question_types > div > .submit_btn button:hover {border:1px solid #299cdf !important; background: #299cdf !important;} #question_types > div > .example_btn {width:100%; overflow:hidden;} #question_types > div > .example_btn button {float:right; padding :0 15px; box-sizing: border-box; line-height: 35px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; text-align: center; color:#666; font-size:14px; font-weight: 400; transition:all 0.4s;} #question_types > div > .example_btn button:hover {border:1px solid #b4b4b4; color:#333;} #question_types > div > .code_answer {width:100%; margin-bottom:30px;} #question_types > div > .code_answer p.tit {font-size:17px; color:#2eaef8; font-weight: 400; margin-bottom:15px; margin-top:15px;} #question_types > div > .code_answer div {width:100%; padding :20px; box-sizing: border-box; border-radius: 4px; background: #eff7ff;} #question_types > div > .code_answer div p {font-size:14px; color:#666; font-weight: 400; line-height: 30px;} #question_types > div > .code_amswer p.tit.answer_last_tit {margin-top:30px;} #question_types > div > .code_answer p.inout_explain {font-size:14px; color:#666; font-weight:400; line-height:22px; margin-bottom:15px;} /* Lesson Tutorial 코딩 문제 입출력 관련 추가 */ [data-question-type="coding"] .code_answer {width:100%; margin-bottom:30px;} [data-question-type="coding"] .code_answer p.tit {font-size:17px; color:#2eaef8; font-weight: 400; margin-bottom:15px; margin-top:15px;} [data-question-type="coding"] .code_answer div {width:100%; padding :20px; box-sizing: border-box; border-radius: 4px; background: #eff7ff;} [data-question-type="coding"] .code_answer div p {font-size:14px; color:#666; font-weight: 400; line-height: 30px;} [data-question-type="coding"] .code_amswer p.tit.answer_last_tit {margin-top:30px;} [data-question-type="coding"] .code_answer p.inout_explain {font-size:14px; color:#666; font-weight:400; line-height:22px; margin-bottom:15px;} #getStart {width:100%; height:100%; background: #fff; position:absolute; top:0; left: 0; z-index:3; padding-top:100px; padding-left: 50px; opacity:1; box-sizing:border-box;} #getStart > div {width:600px; margin:0 auto;} #getStart > div img {width:600px; text-align: center;} #getStart > div > div:not(.desc) {width:100%; margin-top:30px; padding:0 20px; box-sizing: border-box;} #getStart > div > div p {font-size:23px; color:#333; font-weight: 400; } #getStart > div > div p span {color:#2eaef8; margin-right:5px; display: inline-block;} #getStart > div > div p:first-of-type span {margin-left:5px;} #getStart > div > p.time {font-size:17px; color:#333; font-weight: 400; margin:45px 0; padding:0 20px; box-sizing: border-box;} #getStart > div > p.time span {color:#666;} #getStart > div > div.desc > p {font-size:14px; color:#666; font-weight: 400; line-height: 22px; padding:0 20px; box-sizing: border-box;} #getStart .start_btn {width:100%;text-align: center;} #getStart .start_btn button {padding: 0 15px; border:1px solid #2eaef8 !important; border-radius: 4px; box-sizing: border-box; background: #2eaef8; color:#fff !important; font-size:14px; font-weight: 400; text-align: center; line-height: 35px;} #getStart .start_btn button:hover {border:1px solid #299cdf !important; background: #299cdf;} #edaily_start {width:100%; height:100%; background: #fff; position:absolute; top:0; left: 0; z-index:2; padding-top:100px; padding-left: 50px; opacity:1; box-sizing:border-box;} #edaily_start div.content_box {width:100%; max-width:1460px; margin:0 auto; overflow:hidden; box-sizing: border-box;} #edaily_start div.warn_box {width:710px; float:left; padding-top:20px; box-sizing:border-box; margin-left:150px;} #edaily_start div.warn_box > p {font-size:17px; color:#333; font-weight:500;margin-bottom:10px; line-height: 1;} #edaily_start div.warn_box > p.last_tit {margin-top:30px;} #edaily_start div.warn_box > div > p {font-size:14px; color:#666; font-weight:400; line-height: 30px;} #edaily_start div.exam_detail_box {width:600px; float:left;} #edaily_start div.exam_detail_box img {width:100%; text-align: center;} #edaily_start div.exam_detail_box > p.exam_tit {font-size:30px; color:#333; font-weight:500; padding: 0 20px; box-sizing: border-box; line-height:80px;} #edaily_start div.content_box > div.exam_detail_box div:not(.desc) {width:100%; margin-top:30px; padding:0 20px; box-sizing: border-box;} #edaily_start div.content_box > div.exam_detail_box div.exam_cnt {margin-top:0 !important;} #edaily_start div.content_box > div.exam_detail_box div.exam_cnt p {font-size:17px; color:#333; font-weight: 400; } #edaily_start div.content_box > div.exam_detail_box div.exam_cnt p span {color:#666666; display: inline-block;} #edaily_start div.content_box > div.exam_detail_box div.exam_cnt p:first-of-type span {margin-left:5px;} #edaily_start div.content_box > div.exam_detail_box div.exam_cnt p.question_count {margin-top:10px;} #edaily_start div.content_box > div.exam_detail_box div.exam_cnt p.question_count > span.cnt {color:#2eaef8 !important;} #edaily_start div.content_box > div.exam_detail_box div.exam_cnt p.welcome_message {margin-top:45px; font-size:14px; color:#666;} #edaily_start div.content_box > div.exam_detail_box div.exam_cnt p.welcome_message > span {color:#2eaef8;} #edaily_start div.content_box > div.exam_detail_box div.button_area {font-size:0; text-align:center; display: block;} #edaily_start div.content_box > div.exam_detail_box div.button_area button {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight:400; line-height: 35px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #f2f2f2; transition:all 0.4s; padding:0 15px; } #edaily_start div.content_box > div.exam_detail_box div.button_area button:hover {border:1px solid #dfdfdf; background: #dfdfdf; color:#333; } #edaily_start div.content_box > div.exam_detail_box div.button_area button:last-of-type {color:#fff; background: #2eaef8; border:1px solid #2eaef8; margin-left:10px;} #edaily_start div.content_box > div.exam_detail_box div.button_area button:last-of-type:hover {background: #299cdf; border:1px solid #299cdf;} @media all and (max-width:1620px){ #edaily_start div.warn_box {width:100%; max-width:710px; margin:30px auto 0;float:none; padding-top:0; } #edaily_start div.exam_detail_box {width:100%; max-width:600px; margin:0 auto; float:none;} #edaily_start div.content_box {overflow-y:scroll; height:100%; padding-bottom:100px;} #edaily_start div.content_box::-webkit-scrollbar {display:none;} } @media all and (max-width:800px){ #edaily_start div.warn_box {padding:0 20px;} } @media all and (max-width:750px){ #edaily_start div.warn_box > div > p {font-size:12px;} } @media all and (max-width:660px){ #edaily_start div.exam_detail_box {padding:0 20px;} } @media all and (max-width:640px){ #edaily_start div.exam_detail_box > p.exam_tit {font-size:4.6875vw; padding: 0 3.125vw; line-height:12.5vw;} #edaily_start div.content_box > div.exam_detail_box div.exam_cnt p {font-size:2.65625vw; } #edaily_start div.content_box > div.exam_detail_box div.button_area button {font-size:2.1875vw; line-height: 5.46875vw; padding:0 2.34375vw; } } #exam_assign p.sub_tit {color:#666 !important; margin-top:10px;} #exam_assign .ques_list > ul > li span.exam {background:#ff7230; line-height: 18px; padding:2px 5px; box-sizing: border-box; border-radius: 4px; font-size:10px; color:#fff; margin: 0 5px;} #exam_assign .ques_list > ul > li span.assign {background:#0083ca; line-height: 18px; padding:2px 5px; box-sizing: border-box; border-radius: 4px; font-size:10px; color:#fff; margin: 0 5px;} #exam_assign .ques_list > ul > li p.reference {font-size:13px; color:#666; font-weight: 500; line-height: 2; margin:5px 0;} #exam_assign .ques_list > ul > li p.reference span {color:#999; font-weight: 400; margin-left: 5px;} #exam_assign .ques_list > ul > li .right_pos button {padding:0 15px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height: 35px; font-size:14px; color:#666 ;font-weight: 400; text-align: center; transition:all 0.4s;} #exam_assign .ques_list > ul > li .right_pos button:hover {border:1px solid #b4b4b4; color:#333;} #exam_assign .ques_list > ul > li .right_pos button.all_done {color:#333 !important; opacity:1 !important;} #exam_assign .ques_list > ul > li .info_box .right ul > li > i {vertical-align: middle;} #exam_assign .ques_list > ul > li .info_box .right ul > li > p.ongoing {font-size:14px; color:#ff7230; font-weight: 400; margin-left:50px;} #exam_assign .ques_list > ul > li .info_box .right ul > li > p.finish {font-size:14px; color:#333; font-weight: 400; margin-left:50px;} #exam_view .goToList_btn {width:100%; margin-bottom:30px;} #exam_view .goToList_btn button {padding:0 15px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height: 35px; font-size:14px; color:#666; font-weight: 400; text-align: center; transition: all 0.4s;} #exam_view .goToList_btn button:hover {border:1px solid #b4b4b4; color:#333;} #exam_view .tit_box {width:100%;} #exam_view .tit_box p.tit {font-size:23px; color:#333; font-weight: 400; } #exam_view .tit_box p.tit > img {width:30px; vertical-align: middle; margin-right:5px;} #exam_view .tit_box p.sub {font-size:14px; color:#666; font-weight: 400; margin-top:5px; margin-bottom:30px; display: inline-block; vertical-align:middle;} #exam_view .tit_box p.sub span {display: inline-block; vertical-align: top; line-height: 1; margin-top:2px;} #exam_view .tit_box p.sub span:first-of-type {margin-left:5px;} #exam_view .tit_box p.sub span.bet_space {margin: 0 5px 4px; color: #dfdfdf; font-size: 11px; vertical-align: middle;} #exam_view .tit_box p.sub span.ongoing {color:#ff7230; font-size:14px; font-weight: 400;} #exam_view .tit_box p.sub span.finish {color:#333; font-weight: 400; font-size:14px;} #exam_view .cont_box .tit {font-size:17px; color:#333; font-weight: 400; margin-bottom:20px;} #exam_view .cont_box .tit span {color:#2eaef8; font-weight: 500; margin-left:20px;} #exam_view table {width:100%;} #exam_view table thead {border-bottom:1px solid #e7e7e7;} #exam_view table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} #exam_view table thead th span {display: inline-block; vertical-align: top;} #exam_view table thead th:nth-of-type(3), #exam_view table thead th:nth-of-type(4) {text-align: left;} #exam_view table thead th:nth-of-type(4) {padding-left: 10px;} #exam_view table thead th span i {display: block; color:#898989; height:1px;} #exam_view table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} #exam_view table tbody tr:hover {background: #f9f8fb; color:#333 !important;} #exam_view table tbody tr td:first-of-type {font-size:13px; color:#898989; font-weight: 400; text-align: center;} #exam_view table tbody tr td:nth-of-type(2) {padding-left:80px;} #exam_view table tbody tr td:nth-of-type(2) span {display: inline-block; vertical-align: middle; width:23px; height:23px; overflow:hidden; border-radius: 50%; border:1px solid #dfdfdf; box-sizing: border-box;} #exam_view table tbody tr td:nth-of-type(2) span img {width:100%;} #exam_view table tbody tr td:nth-of-type(2) p {font-size:14px; color:#333; font-weight: 400; display: inline-block; vertical-align: middle; margin-left:5px;} #exam_view table tbody tr td:nth-of-type(3), #exam_view table tbody tr td:nth-of-type(4) {text-align: left; font-size:13px; color:#666; font-weight: 400;} #exam_view table tbody tr td:nth-of-type(4) {color:#898989;} #exam_view table tbody tr td:nth-of-type(5) {text-align: center; font-size:0;} #exam_view table tbody tr td:nth-of-type(5) button {display: inline-block; vertical-align: middle; padding:0 10px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; line-height: 30px; text-align: center; font-size:13px; color:#666; font-weight: 400; transition:all 0.4s; margin:0 2px;} #exam_view table tbody tr td:nth-of-type(5) button:hover {border:1px solid #b4b4b4; color:#333;} #survey_view .goToList_btn {width:100%; margin-bottom:30px;} #survey_view .goToList_btn button {padding:0 15px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height: 35px; font-size:14px; color:#666; font-weight: 400; text-align: center; transition: all 0.4s;} #survey_view .goToList_btn button:hover {border:1px solid #b4b4b4; color:#333;} #survey_view .tit_box {width:100%;} #survey_view .tit_box p.tit {font-size:23px; color:#333; font-weight: 400; } #survey_view .tit_box p.tit > img {width:30px; vertical-align: middle; margin-right:5px;} #survey_view .tit_box p.sub {font-size:14px; color:#666; font-weight: 400; margin-top:5px; margin-bottom:30px; display: inline-block; vertical-align:middle;} #survey_view .tit_box p.sub span {display: inline-block; vertical-align: top; line-height: 1; margin-top:2px;} #survey_view .tit_box p.sub span:first-of-type {margin-left:5px;} #survey_view .tit_box p.sub span.bet_space {margin: 0 5px 4px; color: #dfdfdf; font-size: 11px; vertical-align: middle;} #survey_view .tit_box p.sub span.ongoing {color:#ff7230; font-size:14px; font-weight: 400;} #survey_view .tit_box p.sub span.finish {color:#333; font-weight: 400; font-size:14px;} #survey_view .cont_box .tit {font-size:17px; color:#333; font-weight: 400; margin-bottom:20px;} #survey_view .cont_box .tit span {color:#2eaef8; font-weight: 500; margin-left:20px;} #survey_view table {width:100%;} #survey_view table thead {border-bottom:1px solid #e7e7e7;} #survey_view table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} #survey_view table thead th span {display: inline-block; vertical-align: top;} #survey_view table thead th:nth-of-type(3) {text-align: left;} #survey_view table thead th:nth-of-type(3) {padding-left: 10px;} #survey_view table thead th span i {display: block; color:#898989; height:1px;} #survey_view table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} #survey_view table tbody tr:hover {background: #f9f8fb; color:#333 !important;} #survey_view table tbody tr td:first-of-type {font-size:13px; color:#898989; font-weight: 400; text-align: center;} #survey_view table tbody tr td:nth-of-type(2) {padding-left:80px;} #survey_view table tbody tr td:nth-of-type(2) span {display: inline-block; vertical-align: middle; width:23px; height:23px; overflow:hidden; border-radius: 50%; border:1px solid #dfdfdf; box-sizing: border-box;} #survey_view table tbody tr td:nth-of-type(2) span img {width:100%;} #survey_view table tbody tr td:nth-of-type(2) p {font-size:14px; color:#333; font-weight: 400; display: inline-block; vertical-align: middle; margin-left:5px;} #survey_view table tbody tr td:nth-of-type(3) {text-align: left; font-size:13px; color:#666; font-weight: 400;} #survey_view table tbody tr td:nth-of-type(3) {color:#898989;} #survey_view table tbody tr td:nth-of-type(4) {text-align: center; font-size:0;} #survey_view table tbody tr td:nth-of-type(4) button {display: inline-block; vertical-align: middle; padding:0 10px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; line-height: 30px; text-align: center; font-size:13px; color:#666; font-weight: 400; transition:all 0.4s; margin:0 2px;} #survey_view table tbody tr td:nth-of-type(4) button:hover {border:1px solid #b4b4b4; color:#333;} #scoring_pop {width: 570px; margin: 150px 0 0 -320px !important; position: fixed !important; top: 0 !important;} #scoring_pop .pop_tit_cov {margin-bottom:0;} #scoring_pop .option_area {border-top:1px solid #dfdfdf; background: #f9fafb; padding: 10px 0; box-sizing: border-box; width:100%; text-align: right; font-size:0;} #scoring_pop .option_area a {display: inline-block; vertical-align: middle; cursor: pointer !important;} #scoring_pop .option_area a:first-of-type {padding:0 15px; display: inline-block; line-height: 30px; background: #e7e7e7; color:#666; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: center; transition: all 0.4s;} #scoring_pop .option_area a:first-of-type:hover {background: #c8c9ca; color:#252525; transition: all 0.4s;} #scoring_pop .option_area a:last-of-type { display: inline-block; line-height: 30px; background: #2eaef8; color:#fff; border-radius: 5px; box-sizing: border-box; margin-right:10px; font-size:14px; font-weight: 400; text-align: left; padding-left:25px; transition: all 0.4s;} #scoring_pop .option_area a:last-of-type:hover {background: #299cdf; transition: all 0.4s;} #scoring_pop .option_area a:last-of-type span {background: #00a4e8; width:36px; line-height: 30px; font-size:15px; color:#fff; text-align: center; border-radius:0 5px 5px 0; float:right; transition: all 0.4s; margin-left:20px;} #scoring_pop .option_area a:last-of-type:hover span {background: #0093d0; transition: all 0.4s;} #scoring_pop .content_area {width:100%; padding :20px; box-sizing:border-box; position:relative;} #scoring_pop .content_area .info_box {width:100%} #scoring_pop .content_area .info_box > div {margin-bottom:10px; width:100%;} #scoring_pop .content_area .info_box > div > span.tit {font-size:14px; color:#333; font-weight: 500; display: inline-block; vertical-align: middle;} #scoring_pop .content_area .info_box > div > p { display: inline-block; vertical-align: middle; font-size:14px; color:#666; font-weight: 400; margin-left:5px;} #scoring_pop .content_area .info_box > div > p > span {font-size:23px; } #scoring_pop .content_area .info_box > div i.chevron {color:#333 !important; margin: 0 30px !important;} #scoring_pop .content_area .info_box > div input {line-height: 35px; width:80px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding-left:10px; font-size:14px; color:#666; font-weight: 400; margin-left:5px;} #scoring_pop .content_area .info_box > div > textarea {display: block; width:100%; height:100px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding:10px; font-size:14px; color:#666; font-weight: 400; resize:none; margin-top:10px;} #scoring_pop .content_area .history {margin-top:30px;} #scoring_pop .content_area .history p.tit {font-size:17px; color:#333; font-weight: 400; line-height: 1; border-bottom:1px solid #e2e2e2; padding-bottom:10px;} #scoring_pop .content_area .history .history_list { width:100%; min-height:50px; max-height: 300px; overflow-y:auto;} #scoring_pop .content_area .history .history_list ul li {width:100%; font-size:0; line-height:50px;} #scoring_pop .content_area .history .history_list ul li span {display: inline-block; vertical-align: middle; line-height: 50px; text-align: center; color:#666; font-weight: 400;} #scoring_pop .content_area .history .history_list ul li span.number {width:35px; font-size:13px;} #scoring_pop .content_area .history .history_list ul li span.date {width:100px; font-size:13px;} #scoring_pop .content_area .history .history_list ul li span.reason {width:calc(100% - 300px); text-align: left !important; font-size:14px; color:#666; font-weight: 400;} #scoring_pop .content_area .history .history_list ul li p.score_history {display: inline-block; vertical-align: middle; width:165px; font-size:14px; color:#666; font-weight: 400; text-align:center;} #scoring_pop .content_area .history .history_list ul li p.score_history.align_right {text-align: right; padding-right:30px;} /*평가방식 추가 [기본설정 페이지]*/ div.eval_type {position:relative;} div.eval_type > p {vertical-align: top !important;} div.eval_type > div {vertical-align: top !important; box-sizing: border-box;} div.eval_type > div > .noEval_check {display: block !important; margin-bottom:10px;} div.eval_type > div > .noEval_check ul {font-size:0;} div.eval_type > div > .noEval_check ul li {display:inline-block;} div.eval_type > div > .noEval_check ul li a {font-size:14px; color:#666; font-weight: 400; text-align:center; padding: 0 15px; box-sizing:border-box; line-height:35px; border:1px solid #dfdfdf; background :#fff; transition:all 0.4s; display:block;} div.eval_type > div > .noEval_check ul li.marked a {background:#f2f2f2; color:#333;} div.eval_type > div > .noEval_check ul li:first-of-type a {border-radius : 4px 0 0 4px; border-right:0;} div.eval_type > div > .noEval_check ul li:last-of-type a {border-radius : 0 4px 4px 0;} div.eval_type > div > .percentage_set {display: block !important;} div.eval_type > div > .percentage_set > div {display: inline-block !important; vertical-align: middle;} div.eval_type > div > .percentage_set > div .checkbox {display: inline-block; vertical-align: middle; margin-right:5px;} div.eval_type > div > .percentage_set > div input {display: inline-block; vertical-align: middle; width:60px !important; margin:0 5px 0 0;} div.eval_type > div > .percentage_set > div span {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; margin-right:5px;} div.eval_type > div > .percentage_set > div:nth-of-type(2), div.eval_type > div > .percentage_set > div:last-of-type {margin-left:15px;} div.eval_type > div > div:last-of-type > p {font-size:13px; color:#666 ;font-weight: 400; margin-top:10px;} div.eval_type > div > div:last-of-type > p span {color:#ea302e;} /*강좌 상세 업그레이드*/ .class_progress {width:70%; margin-bottom:80px;} .class_progress > p.tit {font-size:23px; color:#333;font-weight: 500;} .class_progress > div {position:relative;} .class_progress > div > img {position:absolute; right:0; top:0;} .class_progress > div > p.desc {font-size:14px; color:#666 ;font-weight: 400; margin:30px 0 20px;} .class_progress > div > div.progress {width: 90% !important;} .class_progress > div > div.right_part {float:right; position: absolute;right: -85px; top: 30px; color: #666;} .class_progress > div > div.right_part a {line-height: 30px; font-size:12px; color:#898989; text-decoration : underline;} .class_progress > div > div.right_part a:hover {color:#333;} /*강좌 상세 업그레이드 -코딩연습진행포함*/ .class_progress_both {/*width:70%;*/ margin-bottom:80px;} .class_progress_both > p.tit {font-size:23px; color:#333;font-weight: 500;} .class_progress_both > div { position: relative; width: 40%; margin-right: 50px; display: inline-block;} .class_progress_both > div > img {position:absolute; right:0; top:0;} .class_progress_both > div > p.desc {font-size: 14px; color: #666; font-weight: 400; margin: 30px 20px 15px 0px; display: inline-block;} .class_progress_both > div > p.desc .tit {font-size: 17px; font-weight: 500; color: #333; margin-right: 20px;} .class_progress_both > div > div.progress { /* width: 50% !important; */} .class_progress_both > div > div.right_part {float:right; position: absolute;right: -85px; top: 30px; color: #666;} .class_progress_both > div > div.right_part a {line-height: 30px; font-size:12px; color:#898989; text-decoration : underline;} .class_progress_both > div > div.right_part a:hover {color:#333;} .exam_assign_area {width:100%; position:relative;} .exam_assign_area > p.tit {font-size:23px; color:#333; font-weight: 500;} .exam_assign_area > .exam_assign_count {width:100%; margin-top:30px; margin-bottom:20px;} .exam_assign_area > .exam_assign_count ul {font-size:0;} .exam_assign_area > .exam_assign_count ul li {display: inline-block; vertical-align: middle;} .exam_assign_area > .exam_assign_count ul li img {width:35px; display: inline-block; vertical-align: middle;} .exam_assign_area > .exam_assign_count ul li p {font-size:14px; color:#666; font-weight: 400; display: inline-block; vertical-align: middle; margin-left:10px;} .exam_assign_area > .exam_assign_count ul li p span {color:#333;} .exam_assign_area > .exam_assign_count ul li:last-of-type {margin-left:50px;} .exam_assign_area > .exam_assign_list_area {width:100%; position:relative; margin-bottom:80px;} .exam_assign_area > .exam_assign_list_area > a {position:absolute; right:0; top:-45px; transition:all 0.4s;} .exam_assign_area > .exam_assign_list_area > a i {color:#898989; transition:all 0.4s;} .exam_assign_area > .exam_assign_list_area > a:hover i {color:#333;} .exam_assign_area > .test {text-align: right; margin-bottom:10px;} .exam_assign_area > div button {padding:0 10px;line-height: 30px;font-size:12px;border:1px solid #dfdfdf;} .exam_assign_area > div button:hover {border:1px solid #b4b4b4; color:#333;} .exam_assign_area > .exam_assign_list_area > ul {font-size:0; width:100%;} .exam_assign_area > .exam_assign_list_area > ul li {display: inline-block; vertical-align: top; width:210px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding: 10px; margin-right:20px; height:150px; position:relative;} .exam_assign_area > .exam_assign_list_area > ul li:last-of-type {margin-right:0;} .exam_assign_area > .exam_assign_list_area > ul li span.exam {background:#ff7230; line-height: 18px; padding:0 5px; box-sizing: border-box; border-radius: 4px; font-size:10px; color:#fff; margin: 0 5px;} .exam_assign_area > .exam_assign_list_area > ul li span.assign {background:#0083ca; line-height: 18px; padding:0 5px; box-sizing: border-box; border-radius: 4px; font-size:10px; color:#fff; margin: 0 5px; display: inline-block; vertical-align: middle;} /*두줄 ellipsis======================================================================*/ .exam_assign_area > .exam_assign_list_area > ul li p.tit {display: block;display: -webkit-box;max-width: 100%;height: 35px;margin: 0 auto;font-size: 14px;line-height: 17px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-size:15px; color:#333; font-weight: 400;} /*두줄 ellipsis======================================================================*/ .exam_assign_area > .exam_assign_list_area > ul li p.duration {margin-top:20px;} .exam_assign_area > .exam_assign_list_area > ul li p.duration span {font-size:12px; color:#898989; font-weight: 400; line-height: 17px;} .exam_assign_area > .exam_assign_list_area > ul li p.duration span.mR_space {margin-left:10px;} .exam_assign_area > .exam_assign_list_area > ul li p.score {position:absolute; bottom:10px; left:10px; font-size:13px; color:#666; font-weight: 400;} .exam_assign_area > .exam_assign_list_area > ul li p.score span.my_score {font-size:17px; color:#2eaef8;} .exam_assign_area > .exam_assign_list_area > ul li p.score span.none {color:#ea302e;} .exam_assign_area > .exam_assign_list_area > ul li p.score span.toss {color:#333;} .exam_assign_list > div {width:100%; margin-top:20px;} .exam_assign_list > div table {width:100%; border-top:1px solid #dfdfdf;} .exam_assign_list > div table thead {border-bottom:1px solid #e7e7e7;} .exam_assign_list > div table thead th {text-align: left; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .exam_assign_list > div table thead th:nth-of-type(1) {padding-left:26px;} .exam_assign_list > div table thead th:nth-of-type(2) {padding-left:27px;} .exam_assign_list > div table thead th:nth-of-type(3) {text-align: center !important;} .exam_assign_list > div table thead th:nth-of-type(4) {padding-left:0; text-align:center;} .exam_assign_list > div table thead th:nth-of-type(5) {padding-left:30px;} .exam_assign_list > div table thead th:nth-of-type(6) {padding-left:30px;} .exam_assign_list > div table thead th:nth-of-type(7) {padding-left:15px;} .exam_assign_list > div table thead th span {display: inline-block; vertical-align: top;} .exam_assign_list > div table thead th span i {display: block; color:#898989; height:1px;} .exam_assign_list > div table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .exam_assign_list > div table tbody tr:hover {background: #f9f8fb; color:#333 !important;} .exam_assign_list > div table tbody tr td:first-of-type {font-size:13px; color:#898989; font-weight: 400; text-align: center;} .exam_assign_list > div table tbody tr td:nth-of-type(2) {font-size:14px; color:#666; font-weight: 400; text-align: center;} .exam_assign_list > div table tbody tr td:nth-of-type(3) > p {width:250px; font-size:14px; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; box-sizing: border-box; transition: all 0.4s; cursor: pointer;} .exam_assign_list > div table tbody tr td:nth-of-type(3) > p:hover {color:#333;} .exam_assign_list > div table tbody tr td:nth-of-type(4) > p.duration {font-size:13px; color:#898989; font-weight: 400; /*padding-left:44px;*/} .exam_assign_list > div table tbody tr td:nth-of-type(4) > p.duration.inCase {padding-left:0 !important; text-align:center;} .exam_assign_list > div table tbody tr td:nth-of-type(5) {font-size:13px; color:#666; font-weight: 400; text-align: center;} .exam_assign_list > div table tbody tr td:nth-of-type(6) {text-align: center;} .exam_assign_list > div table tbody tr td:nth-of-type(6) span.none {color:#ff7230} .exam_assign_list > div table tbody tr td:nth-of-type(6) span.toss {color:#333} .exam_assign_list > div table tbody tr td:last-of-type {text-align: center;} .exam_assign_list > div table tbody tr td:last-of-type button {line-height: 35px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size:13px; color:#666; font-weight: 400; transition: all 0.4s; width:100%;} .exam_assign_list > div table tbody tr td:last-of-type button:hover {border:1px solid #b4b4b4; color:#333;} .survey_list > div {width:100%; margin-top:20px;} .survey_list > div table {width:100%; border-top:1px solid #dfdfdf;} .survey_list > div table thead {border-bottom:1px solid #e7e7e7;} .survey_list > div table thead th {text-align: left; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} .survey_list > div table thead th:nth-of-type(1) {padding-left:26px;} .survey_list > div table thead th:nth-of-type(2) {padding-left:27px;} .survey_list > div table thead th:nth-of-type(3) {text-align: center !important;} .survey_list > div table thead th:nth-of-type(4) {padding-left:0; text-align:center;} .survey_list > div table thead th:nth-of-type(5) {padding-left:30px;} .survey_list > div table thead th:nth-of-type(6) {padding-left:30px;} .survey_list > div table thead th:nth-of-type(7) {padding-left:15px;} .survey_list > div table thead th span {display: inline-block; vertical-align: top;} .survey_list > div table thead th span i {display: block; color:#898989; height:1px;} .survey_list > div table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf;} .survey_list > div table tbody tr:hover {background: #f9f8fb; color:#333 !important;} .survey_list > div table tbody tr td:first-of-type {font-size:13px; color:#898989; font-weight: 400; text-align: center;} .survey_list > div table tbody tr td:nth-of-type(2) {font-size:14px; color:#666; font-weight: 400; text-align: center;} .survey_list > div table tbody tr td:nth-of-type(3) > p {width:250px; font-size:14px; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; box-sizing: border-box; transition: all 0.4s; cursor: pointer;} .survey_list > div table tbody tr td:nth-of-type(3) > p:hover {color:#333;} .survey_list > div table tbody tr td:nth-of-type(4) > p.duration {font-size:13px; color:#898989; font-weight: 400; /*padding-left:44px;*/} .survey_list > div table tbody tr td:nth-of-type(4) > p.duration.inCase {padding-left:0 !important; text-align:center;} .survey_list > div table tbody tr td:nth-of-type(5) {font-size:13px; color:#666; font-weight: 400; text-align: center;} .survey_list > div table tbody tr td:nth-of-type(6) {text-align: center;} .survey_list > div table tbody tr td:nth-of-type(6) span.none {color:#ff7230} .survey_list > div table tbody tr td:nth-of-type(6) span.toss {color:#333} .survey_list > div table tbody tr td:last-of-type {text-align: center;} .survey_list > div table tbody tr td:last-of-type button {line-height: 35px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size:13px; color:#666; font-weight: 400; transition: all 0.4s; width:100%;} .survey_list > div table tbody tr td:last-of-type button:hover {border:1px solid #b4b4b4; color:#333;} .list_details {width:100%; position:relative;} .list_details > p.detail_tit {font-size:17px; color:#333; font-weight: 400; background: #f9fafb; padding-left:20px; box-sizing: border-box; position:relative; line-height: 50px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-bottom:50px;} .list_details > p.detail_tit span {position:absolute; right:20px; top:0px; font-size:12px; color:#898989; font-weight: 400 !important;} .list_details > p.details_info {width:100%; border-bottom:1px solid #e2e2e2; padding: 0 20px; line-height: 40px; overflow:hidden; margin-bottom:50px;} .list_details > p.details_info span.author {display: inline-block; vertical-align: middle; margin-right:150px;} .list_details > p.details_info span.date {font-size:13px; color:#898989;} .list_details > p.details_info span.view_count {float:right; font-size:13px; color:#898989;} .list_details > div .information {width:100%; overflow:hidden; position:relative;} .list_details > div .information .left {float:left;} .list_details > div .information .right {float:right;} .list_details > div .information .right button {padding:0 10px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; line-height: 35px; transition:all 0.4s; font-size:13px; margin-top:10px;} .list_details > div .information .right button:hover {border:1px solid #b4b4b4; color:#333;} .list_details > div .information .right button.reference_down {border:1px solid #dfdfdf; border-radius:4px; box-sizing:border-box; padding:0 15px; line-height:35px; color:#666; transition:all 0.4s; margin-right:10px;} .list_details > div .information .right button.reference_down:hover {border:1px solid #b4b4b4; color:#333;} .list_details > div .information .right button.apply {background: #2eaef8; border:1px solid #2eaef8; color:#fff !important; font-size:14px !important; padding:0 15px;} .list_details > div .information .right button.apply:hover {border:1px solid #299cdf; background: #299cdf;} .list_details > div .information .right button.disabled {opacity: 0.3; border:1px solid #dfdfdf !important;} .list_details > div .information .left div span.tit_type {font-size:14px; color:#333; font-weight: 500; display: inline-block; vertical-align: middle; margin-bottom:10px;} .list_details > div .information .left div p {display: inline-block; vertical-align: middle; color:#898989; font-weight: 400; font-size:14px; margin-bottom:10px;} .list_details > div .information .left div p.duration {color:#666;} .list_details > div .information .left div p.score_show {color:#666;} .list_details > div .information .left div p.score_show span {color:#2eaef8; font-size:23px; } .list_details .exam_assign_description {border-bottom:1px solid #e2e2e2; padding-bottom:30px; margin-bottom:30px; box-sizing: border-box; margin-top:50px;} .list_details .exam_assign_description > p {width:100%; font-size:14px; color:#666; font-weight: 400; line-height: 30px;} .list_details .list_btn {overflow:hidden; width:100%; position: relative;} .list_details .list_btn button {float:right; padding: 0 15px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height: 35px; color:#666; text-align: center; transition:all 0.4s;} .list_details .list_btn button:hover {border:1px solid #b4b4b4; color:#333;} /* button add */ #qnaRead {position:relative;} div.btn_area.btn_additional {margin-bottom:30px; position:absolute; top:-65px; right:0; margin:0 !important; width:auto !important; } div.btn_area.btn_additional button {border:1px solid #dfdfdf; border-radius:4px; box-sizing:border-box; padding :0 15px; line-height:35px; color:#666; transition:all 0.4s;} div.btn_area.btn_additional button:hover {border:1px solid #b4b4b4; color:#333;} /*gs-mark explanation*/ #gs_explain {width:270px; position: absolute; bottom:200px; left:50%; margin-left:470px; border:1px solid #dfdfdf; border-radius: 4px; padding: 10px; box-sizing: border-box; background :#fff; opacity:0; z-index:-1; transition:all 0.4s; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0);} #gs_explain .text_box {width:100%; } #gs_explain .text_box > p {font-size:12px; color:#666; font-weight: 400; } #gs_explain.mouse_on {opacity:1; z-index:99999;} /*스크래치 부분*/ .view_top.scratch .logo_title > div > span {display: inline-block; vertical-align: middle; width:auto !important; height:auto !important;} #scratch_left > .exam_page > .btn_box {position:relative; width:100%;} #scratch_left > .exam_page > .btn_box:after {display: block; content: ""; clear: both;} #scratch_left div.select {width:150px; float:left;} div.ui.dropdown {min-width:150px !important;} div.ui.dropdown div.item span {margin-left:20px;} #scratch_left .btn_box {background: #f9f9f9; padding:10px; box-sizing: border-box; border-bottom:1px solid #dfdfdf;} #scratch_left .btn_box:after {content: ""; display: block; clear: both;} #scratch_left .btn_box .btns {float:right; overflow:hidden;} #scratch_left .btn_box .btns button {float:left; padding:0 10px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; line-height: 35px; margin-right:5px; font-size:14px; color:#666; text-align: center; transition:all 0.4s;} #scratch_left .btn_box .btns button:last-of-type {margin-right:0;} #scratch_left .btn_box .btns button:hover {border:1px solid #b4b4b4; color:#333;} #scratch_left .select .default.text {color:#666;} #scratch_left .select .menu .item {color:#666;} /*시험답안확인 슬라이더*/ #code_box {position:relative;} #slider_cover {position:absolute; bottom:10px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0); -ms-transform:translate(-50%,0); width:97%;} #slider {height:5px; border:none !important; background: #eff7ff !important;} div.ui-slider-range {background:#aacbe7 !important;} span.ui-slider-handle {border-radius: 50%; background: #fff !important; top:-3px !important; width:12px !important; height:12px !important; border:1px solid #2eaef8 !important;} span.ui-slider-handle:focus {outline: 0 !important;} span.ui-slider-handle:active {outline: 0 !important;} /*과제 업로드 모달 추가*/ #passAssign input.assign_txt {display:inline-block; vertical-align:middle; font-size:14px; color:#666; font-weight:400; width:550px; line-height:35px;padding-left:10px;} #passAssign button.upload_assign {display:inline-block; vertical-align:middle; padding :0 13px; box-sizing:border-box; background:#e9e9e9; border:1px solid #e9e9e9; transition:all 0.4s; line-height:35px;} #passAssign button.upload_assign:hover {background: #c7c7c7; border:1px solid #c7c7c7;} #newPassAssign button {display:inline-block; vertical-align:middle; padding :0 13px; box-sizing:border-box; background:#e9e9e9; border:1px solid #e9e9e9; transition:all 0.4s; line-height:35px;} #newPassAssign button:hover {background: #c7c7c7; border:1px solid #c7c7c7;} #newPassAssign input.assign_txt {display:inline-block; vertical-align:middle; font-size:14px; color:#666; font-weight:400; width:440px; line-height:35px;padding-left:10px;} /*캔버스 용*/ #side_menu {border-right:1px solid #dfdfdf; background :#fff; padding:20px; box-sizing: border-box; left:-450px; top:50px; z-index:1;} #side_menu > div > a {position:absolute; top:20px; right:20px; color:#666;} #side_menu > div > a:hover {color:#333;} #side_menu > div > .exam_list {margin-top:30px;} #side_menu > div > .exam_list p.tit {font-size:17px; color:#333; font-weight: 500; line-height: 1; margin-bottom:20px;} #side_menu > div > .exam_list ul {width:100%; overflow:hidden;} #side_menu > div > .exam_list ul li {width:100%; display: block; margin-bottom:20px;} #side_menu > div > .exam_list ul li span {display: inline-block; vertical-align: top; font-size:13px; color:#333; font-weight: 400; margin:0 5px;} #side_menu > div > .exam_list ul li span.number {width:10px; margin-left:0; text-align: right;} #side_menu > div > .exam_list ul li span.exam_tit {width:40%; color:#333; cursor:pointer; transition:all 0.4s;} #side_menu > div > .exam_list ul li span.exam_tit:hover {color:#666; } #side_menu > div > .exam_list ul li span.exam_type {width:40px; text-align: center;} #side_menu > div > .exam_list ul li span.status {width:40px; text-align: center; margin-right:0;} #side_menu > div > .exam_list ul li.toss span {color:#b2b2b2 !important;} #side_menu > div > .exam_list ul li span.multi {color:#ff7230;} #side_menu > div > .exam_list ul li span.write {color:#0083ca;} #side_menu > div > .exam_list ul li span.coding {color:#00b857;} #side_menu > div > .exam_list ul li span b {font-weight: 400;} #side_menu > div > .exam_list ul li input {width:80px; padding-left:0 !important;} #q_list_table {width:100%; border-top:none !important;} #q_list_table thead th{text-align:center; font-size:13px; color:#333; font-weight:500; background:#fafbf9; padding:5px 0;} #q_list_table tbody td {text-align:center; position:relative;} #q_list_table tbody td span {display:block; padding:0; font-size:13px; letter-spacing:0.05em; word-break:keep-all;} #q_list_table tbody td:first-of-type i {position:absolute; top:50%; left:-15px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); margin-top:-2px !important;} #q_list_table tbody td:first-of-type i.correct {color:#00c700;} #q_list_table tbody td:first-of-type i.wrong {color:#ea302e;} #q_list_table tbody td:first-of-type i.soso {color:#f2711c;} #q_list_table tbody td:nth-of-type(2) {text-align:left !important; cursor:pointer;} #q_list_table tbody td:last-of-type input {padding:0px !important; display:inline-block; line-height:30px; margin-right:5px; text-align:right;} #q_list_table tbody td:last-of-type span {display:inline-block;} #q_list_table tbody td:nth-of-type(3) .multi {color:#ff7230;} #q_list_table tbody td:nth-of-type(3) .write {color:#0083ca;} #q_list_table tbody td:nth-of-type(3) .coding {color:#00b857;} /*평가설정*/ div.evaluation_set {position:relative; margin-top:30px;} div.evaluation_set > p {vertical-align: top !important;} div.evaluation_set > div {vertical-align: top !important; box-sizing: border-box;} div.evaluation_set > div > .noEval_check {display: inline-block !important; margin-bottom:5px; margin-right:10px;} div.evaluation_set > div > .noEval_check ul {font-size:0;} div.evaluation_set > div > .noEval_check ul li {display:inline-block;} div.evaluation_set > div > .noEval_check ul li a {font-size:14px; color:#666; font-weight: 400; text-align:center; padding: 0 15px; box-sizing:border-box; line-height:35px; border:1px solid #dfdfdf; background :#fff; transition:all 0.4s; display:block;} div.evaluation_set > div > .noEval_check ul li.marked a {background:#f2f2f2; color:#333;} div.evaluation_set > div > .noEval_check ul li:first-of-type a {border-radius : 4px 0 0 4px; border-right:0;} div.evaluation_set > div > .noEval_check ul li:last-of-type a {border-radius : 0 4px 4px 0;} div.evaluation_set > div > .percentage_set {display: inline-block !important;} div.evaluation_set > div > .percentage_set > div {display: inline-block !important; vertical-align: middle;} div.evaluation_set > div > .percentage_set > div .checkbox {display: inline-block; vertical-align: middle; margin-right:5px;} div.evaluation_set > div > .percentage_set > div input {display: inline-block; vertical-align: middle; width:60px !important; margin:0 5px 0 0; line-height:35px;} div.evaluation_set > div > .percentage_set > div span {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400; margin-right:5px;} div.evaluation_set > div > .percentage_set > div:nth-of-type(2), div.evaluation_set > div > .percentage_set > div:last-of-type {margin-left:15px;} div.evaluation_set > div > div:last-of-type > p {font-size:13px; color:#666 ;font-weight: 400; margin-top:10px; margin-bottom: 50px;} div.evaluation_set > div > div:last-of-type > p span {color:#ea302e;} div.insert_btn {text-align:center; margin:30px 0 50px;} div.insert_btn > button {padding:0 15px; box-sizing: border-box; line-height: 35px; color:#fff; background: #2eaef8; font-size:14px; font-weight: 400; text-align: center; border:1px solid #2eaef8; border-radius: 4px; transition:all 0.4s;} div.insert_btn > button:hover {background: #299cdf;} #exam_assign p.tit.evalSet_tit {font-size:23px; color:#333; font-weight:500;} #exam_assign p.sub_tit.specCase {display: inline-block; vertical-align: middle; line-height: 20px; margin-top:0; margin-top:20px;} #exam_assign p.sub_tit > a.goToInsertClass {display:inline-block; color:#2eaef8; font-weight:500; text-decoration:none;} #exam_assign a.link_btn {display:inline-block; vertical-align: middle; padding:0 10px; box-sizing: border-box; border:1px solid #dfdfdf ;color:#666; font-weight: 400; font-size:14px; text-align: center; border-radius: 4px; line-height: 35px; margin-left:10px; transition:all 0.4s; margin-top:20px; float: right;} #exam_assign a.link_btn:hover {border:1px solid #b4b4b4; color:#333;} #exam_assign .positioning:after {content:""; display:block; clear:both;} #exam_assign .positioning > div.left {float:left;} #exam_assign .positioning > div.right {float:right; padding-top:30px;} #exam_assign .positioning > div.right .ui.selection {border:1px solid #dfdfdf !important; transition:all 0.4s;} #exam_assign .positioning > div.right .ui.selection.active, #exam_assign .positioning > div.right .ui.selection.active .menu {border:1px solid #b4b4b4 !important;} #exam_assign .positioning > div.right .ui.selection.active .menu {border-top:1px solid #fafafa !important;} #exam_assign .positioning > div.right .ui.selection:hover {border:1px solid #b4b4b4 !important;} div.evaluation_rate_set {position:relative; margin-top:30px;} div.evaluation_rate_set table {border-top:0 !important;width:100%; border-top: 1px solid #dfdfdf !important;} div.evaluation_rate_set table thead {border-bottom:1px solid #dfdfdf;} div.evaluation_rate_set table thead th {background:#f9fafb; font-size:14px; color:#333; font-weight: 500; text-align: center; line-height: 48px;} div.evaluation_rate_set table tbody tr {border-bottom:1px solid #e9e9e9; transition:all 0.4s;} div.evaluation_rate_set table thead th span {display: inline-block; vertical-align: top;} div.evaluation_rate_set table thead th span i {display: block; color:#898989; height:1px;} div.evaluation_rate_set table tbody tr td {text-align: center; font-size:14px; color:#666; font-weight: 400;} div.evaluation_rate_set table tbody tr:hover {background: #f9f9f9; color:#333 !important; cursor: pointer;} div.evaluation_rate_set table tbody tr:last-of-type {border-bottom:1px solid #e9e9e9;} div.evaluation_rate_set table tbody tr td:first-of-type {color:#898989;} div.evaluation_rate_set table tbody tr td:nth-of-type(3) {text-align:left;} div.evaluation_rate_set table tbody tr td:nth-of-type(3) p {text-overflow: ellipsis; overflow:hidden; white-space: nowrap; box-sizing: border-box; width:470px; transition:all 0.4s;} div.evaluation_rate_set table tbody tr td:nth-of-type(3) p:hover {color:#898989;} div.evaluation_rate_set table tbody tr td:last-of-type > input {width:80px; line-height: 35px; margin-right:5px;} /*평가기준 노출*/ div.evaluation_status {width:100%; position:relative; background:#f9fafb; overflow:hidden; padding:20px; box-sizing: border-box; margin-top:30px;} div.evaluation_status .percent {float:left;} div.evaluation_status .insert_eval {float:right; font-size:0;} div.evaluation_status .percent p {display: inline-block; vertical-align: middle; font-size:14px; color:#333; font-weight: 400;} div.evaluation_status .percent p.tit {font-size:17px; margin-right:30px;} div.evaluation_status .percent p.eval_percent {font-size:14px; color:#666; font-weight: 400; margin-right:70px;} div.evaluation_status .percent p.eval_percent img {display: inline-block; margin-right:10px; vertical-align: middle;} div.evaluation_status .percent p.eval_percent > span {color:#2eaef8; display:inline-block;} div.evaluation_status .percent p.eval_percent > span b {display: inline-block; font-weight: 400;} div.evaluation_status .insert_eval button {line-height:20px; padding:0 10px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; font-size:12px;} div.evaluation_status .insert_eval button:hover {border:1px solid #b4b4b4; color:#333;} /*수강생의 시험/과제 세부점수 모달*/ #exam_assign_modal .content_area {padding:0 20px; box-sizing:border-box;} #exam_assign_modal .content_area .inner_tab {width:100%; border-bottom:1px solid #dfdfdf;} #exam_assign_modal .content_area .inner_tab ul {font-size:0;} #exam_assign_modal .content_area .inner_tab ul li {display:inline-block;} #exam_assign_modal .content_area .inner_tab ul li > a {display:block; font-size:14px; color:#333; font-weight:400; line-height:30px; padding:0 15px; box-sizing:border-box; border-radius:4px 4px 0 0; border:1px solid #dfdfdf; background:#f9fafb; margin-right:1px; transition:all 0.4s; border-bottom:none !important;} #exam_assign_modal .content_area .inner_tab ul li.active > a {background : #e9e9e9;} #exam_assign_modal .content_area .view {width:100%; margin-top:15px;} #exam_assign_modal .content_area .view table {width:100%;} #exam_assign_modal .content_area .view table thead th {background:#f9fafb; border-bottom:1px solid #e9e9e9; font-size:14px; color:#333; font-weight:500; text-align:center; line-height:25px;} #exam_assign_modal .content_area .view table thead th:first-of-type {border-right:1px solid #dfdfdf;} #exam_assign_modal .content_area .view table thead th:not(:last-of-type) {border-right:1px solid #dfdfdf;} #exam_assign_modal .content_area .view table tbody tr {background:#fff; text-align:center; transition:all 0.4s; border-bottom:1px solid #e9e9e9;} #exam_assign_modal .content_area .view table tbody tr td {font-size:14px; color:#333; font-weight:400;} #exam_assign_modal .content_area .view table tbody tr td:first-of-type {border-right:1px solid #dfdfdf;} #exam_assign_modal .content_area .view table tbody tr td:not(:last-of-type) {border-right:1px solid #dfdfdf;} #exam_assign_modal .content_area .view table tbody tr td div {padding:5px 0; font-size:0; text-align:center; } #exam_assign_modal .content_area .view table tbody tr td div p {display:inline-block; font-size:14px; color:#333; font-weight:400;} #exam_assign_modal .content_area .view table tbody tr td div p.exam_done span, #exam_assign_modal .content_area .view table tbody tr td div p.assign_done span {font-weight:500; font-size:20px; color:#666;} #exam_assign_modal .content_area .view table tbody tr td div p.exam_done span.manjum , #exam_assign_modal .content_area .view table tbody tr td div p.assign_done span.manjum {font-size:14px; color:#333;} #exam_assign_modal .content_area .view table tbody tr td div p.noexam , #exam_assign_modal .content_area .view table tbody tr td div p.noassign {color:#ff7230;} #exam_assign_modal .content_area .view table tbody tr td div button {display:inline-block; border:1px solid #dfdfdf; border-radius:4px; padding: 0 15px; font-size:14px; color:#666; font-weight:400; text-align:center; line-height:30px; transition:all 0.4s;} #exam_assign_modal .content_area .view table tbody tr td div button:hover {border:1px solid #b4b4b4; color:#333;} .knobChartWrap span.complete {font-weight:500; color:#333; font-size:14px !important; background:none !important; padding:0; margin:0;} .knobChartWrap span.total {color:#666; font-weight:400; font-size:14px !important; background:none !important; padding:0; margin:0;} /*평가결과*/ p.explanation {margin-top:5px; margin-bottom:30px; font-size:14px; color:#898989; font-weight: 400; } div.table_box {width:100%; position:relative;} div.table_box div.btn {width:100%; text-align: right; margin-bottom:30px;} div.table_box div.btn button {border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding :0 15px; font-size:14px; color:#666; font-weight: 400; text-align:center; line-height: 35px; transition:all 0.4s;} div.table_box div.btn button:hover {border:1px solid #b4b4b4; color:#333;} div.table_box div.table_area table {width:100%;} div.table_box div.table_area table thead {border-bottom:1px solid #dfdfdf;} div.table_box div.table_area table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} div.table_box div.table_area table thead th span {display: inline-block; vertical-align: top;} div.table_box div.table_area table thead th span i {display: block; color:#898989; height:1px;} div.table_box div.table_area table tbody tr {background: #fff; border-bottom:1px solid #dfdfdf; text-align: center;} div.table_box div.table_area table tbody tr:hover {background: #f9f8fb; color:#333 !important;} div.table_box div.table_area table tbody tr td:last-of-type span.possible {font-weight:400; color:#333;} div.table_box div.table_area table tbody tr td:last-of-type span.impossible {font-weight:400; color:#ff7230;} /*코드릿 기존회원 약관 모달*/ #codereet_modal {position:absolute; width:570px; border:1px solid #fff; border-radius:4px; box-sizing:border-box; background:#fff; z-index:999; display:none;} #codereet_modal.pop_on {display:block;} #codereet_modal > div {padding:20px; box-sizing:border-box; width:100%;} #bg_for_modal {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99; display:none; top:0; left:0;} #bg_for_modal.bg_on {display:block;} #codereet_modal .image {margin:10px 0 30px; text-align:center;} #codereet_modal .alert_cont {width:100%; margin-bottom:30px;} #codereet_modal .alert_cont p {font-size:17px; color:#666; font-weight:400; text-align:center; line-height:22px;} #codereet_modal .policy_box {width:100%; margin-bottom:15px;} /*#codereet_modal .policy_box > p {font-size:17px; color:#333; font-weight:500; margin-bottom:15px;}*/ #codereet_modal .policy_box > div.scr_box {width:100%; height:150px; overflow-y:scroll; background:#f9fafb; padding:30px 20px; border:1px solid #f9fafb; border-radius:4px; box-sizing: border-box;} #codereet_modal .policy_box > div.scr_box h1 {font-size:17px; font-weight:500;} #codereet_modal .policy_box > div.scr_box h2 {font-size:14px; margin-bottom:10px; font-weight:500;} #codereet_modal .policy_box > div.scr_box span {font-size:12px; line-height:22px;} #codereet_modal .check_area { text-align:center; margin:0;} #codereet_modal .check_area > div {width:100px; display:inline-block; vertical-align: middle; margin:0;} #codereet_modal .btn_area {border-top:1px solid #dfdfdf; width:100%; padding:10px 0; box-sizing:border-box; font-size:0; text-align:center;} #codereet_modal .btn_area button {display:inline-block; padding:0 15px;} #codereet_modal .btn_area button:first-of-type {line-height:30px; color:#fff; font-size:14px; font-weight:400; text-align:center; background: #333; margin-right:5px; transition:all 0.4s; border:1px solid #333;} #codereet_modal .btn_area button:first-of-type:hover {background:#000; border:1px solid #000;} #codereet_modal .btn_area button:last-of-type {line-height:30px; color:#666; font-weight:400; font-size:14px; text-align:center; background: #fff; transition:all 0.4s;} #codereet_modal .btn_area button:last-of-type:hover {border:1px solid #b4b4b4; color:333;} /*coding coach area*/ .live_view_right .situation_btn.coach_btn button {margin-bottom:10px;} .live_view_right .situation_btn button.coach_enter {background:#19335e; color:#fff; font-size:17px; font-weight: 300 !important; transition:all 0.4s; border:1px solid #19335e;} .live_view_right .situation_btn button.coach_enter:hover {background: #162e54; border:1px solid #162e54;} .live_view_right .situation_btn button.coach_enter.alpha {opacity:0.2;} .live_view_right .situation_btn button.coach_start {border:1px solid #19335e !important; background: #fff; font-size:17px; color:#19335e !important; /*font-weight:300 !important;*/ transition:all 0.4s;} .live_view_right .situation_btn button.coach_start > i {color:#19335e;} .live_view_right .situation_btn button.coach_start:hover > i {color:#162e54;} .live_view_right .situation_btn button.coach_start:hover {border:1px solid #162e54 !important; color:#162e54 !important;} button.coach_start {border:1px solid #19335e !important; background: #fff; font-size:17px; color:#19335e !important; font-weight:300 !important; transition:all 0.4s; /*padding: 10px 20px;*/} button.coach_start > i {color:#19335e;} button.coach_start:hover > i {color:#162e54;} button.coach_start:hover {border:1px solid #162e54 !important; color:#162e54 !important;} .live_view_left .right_information span.coach_label {color:#19335e !important; margin-left:10px;} .live_view_left .coach_info {margin-bottom:30px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding :20px; overflow:hidden;} .live_view_left .coach_info > p.tit {font-size:23px; color:#333; font-weight: 500; display:block; width:100%; margin-bottom:20px;} .live_view_left .coach_info > .left_screen_shot {float:left; width:248px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; overflow:hidden;} .live_view_left .coach_info > .left_screen_shot a {display: block; width:100%; } .live_view_left .coach_info > .right_live_info {width:calc(100% - 248px); float:left;} .live_view_left .coach_info > .right_live_info p.tit {text-align:center;font-size:17px; font-weight: 400; color:#898989; width:100%; text-align:center;} .live_view_left .coach_info > .right_live_info .time_date {width:100%; overflow:hidden; margin-top:40px;} .live_view_left .coach_info > .right_live_info .time_date .date {float:left; width:50%; border-right:1px solid #dfdfdf; box-sizing: border-box; } .live_view_left .coach_info > .right_live_info .time_date .time {float:left; width:50%; } .live_view_left .coach_info > .right_live_info .time_date > div {padding-left:60px;} .live_view_left .coach_info > .right_live_info .time_date > div p:first-of-type {font-size:14px; color:#333; font-weight: 500; margin-bottom:12px; line-height: 30px;} .live_view_left .coach_info > .right_live_info .time_date > div p:first-of-type > img {margin-top:4px; margin-right:5px;} .live_view_left .coach_info > .right_live_info .time_date > div p.answer {font-size:17px; font-weight: 500; color:#333; padding-left:32px; box-sizing:border-box;line-height: 1;} .live_view_left .coach_info > .right_live_info .time_date > div p.answer span.date_type {font-size:12px; color:#666; font-weight: 400;} .live_view_left .coach_info > .right_live_info .time_date .time span {display:block; margin-top:5px;} .coding_coach_list > p > span.type {color:#19335e !important;} .coding_coach_list > .right_part > button.coach {opacity:1 !important; margin-right:0 !important; text-align:center;} .coding_coach_list > .right_part > button.coach.end {color:#333 !important; padding: 0 17px !important;} .coding_coach_list > .right_part > button.coach.ing {} .coding_coach_list > .right_part > button.coach.yet {color:#ff7230 !important; padding: 0 17px !important;} /*강좌편집 코칭부분*/ #coaching_set {width:100%; position:relative;} #coaching_set > div.tit {overflow:hidden; margin-bottom:10px;} #coaching_set > div.tit > p.tit {font-size:17px; vertical-align: middle; font-weight: 500; color:#333; float:left;} #coaching_set > div.tit > p.tit img {display: inline-block; vertical-align: middle; margin-top:-1px; margin-right:2px;} #coaching_set > div.tit > p.warn {font-size:12px; vertical-align: middle; font-weight: 400; color:#ea302e; float:right;} #coaching_set .input_area > div {overflow: hidden; width:100%; margin-bottom:20px;} #coaching_set .input_area > div > .tit_left {float:left; width:140px;} #coaching_set .input_area > div > .tit_left span {display: inline-block; vertical-align: middle; font-size:15px; color:#333; font-weight: 500; width:140px; line-height: 35px;} #coaching_set .input_area > div > .tit_left span b {color:#ea302e; font-size:16px;} #coaching_set .input_area > div > .tit_right {float:left; width:calc(100% - 140px);} #coaching_set .input_area > div > .tit_right > input {width:100%; line-height: 35px; font-size:14px; color:#666 ;font-weight:400; padding-left: 10px; box-sizing: border-box;} #coaching_set .input_area > div > .editor_area {width:100%; border-radius: 4px; box-sizing: border-box; height:400px;} #coaching_set .que_box {width:100%; position:relative;} #coaching_set .que_box > span {font-size:15px; color:#333; font-weight: 500; line-height: 35px;} #coaching_set .que_box > p.desc {font-size:14px; color:#666; font-weight: 400; margin:10px 0;} #coaching_set .que_box > .que_count {width:100%; padding:20px; box-sizing: border-box; background: #f9fafb;} #coaching_set .que_box > .que_count > span {display:inline-block; vertical-align:middle; } #coaching_set .que_box > .que_count > .count {display: inline-block; vertical-align: middle; margin-left:20px;} #coaching_set .que_box > .que_count > .count span {font-size:14px; color:#666; font-weight: 400; width:170px; display: inline-block; vertical-align: middle;} #coaching_set .que_box > .que_count > .count p {display: inline-block; vertical-align: middle; font-size:14px; color:#666 ;font-weight: 400;} #coaching_set .que_box > .que_count > .count p > b {font-weight: 500; color:#333;} #coaching_set .que_box .que_list {width:100%; margin-top:30px; position:relative; height:300px; overflow-y:auto;} #coaching_set .que_box .que_list table {border-top:0 ;width:100%;/* display:block; */border-top: 1px solid #dfdfdf;} #coaching_set .que_box .que_list table thead {border-bottom:1px solid #dfdfdf;} #coaching_set .que_box .que_list table thead th {background: #f9fafb; color:#333; font-size:14px; font-weight: 500; line-height: 48px; text-align: center;} #coaching_set .que_box .que_list table tbody tr {border-bottom:1px solid #e9e9e9; transition:all 0.4s;} #coaching_set .que_box .que_list table tbody tr:hover {background :#f9f9f9;} #coaching_set .que_box .que_list table tbody tr:last-of-type {border-bottom:1px solid #e9e9e9;} #coaching_set .que_box .que_list table tbody tr td:first-of-type {position:relative;} #coaching_set .que_box .que_list table tbody tr td:first-of-type span {font-size:13px; color:#666 ;font-weight: 400; text-align: center; width:100%; display: block;} #coaching_set .que_box .que_list table tbody tr td:nth-of-type(2) p {width:380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} #coaching_set .que_box .que_list table tbody tr td:last-of-type {text-align: center;} #coaching_set .que_box .que_list table tbody tr td:last-of-type button {line-height: 35px; padding:0 15px; box-sizing: border-box; } #coaching_set .btn_box {width:100%; overflow:hidden; padding:30px 0 0px;} #coaching_set .btn_box button {padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size:14px; color:#666; font-weight: 400; text-align: center; line-height: 35px; transition: all 0.4s;} #coaching_set .btn_box button.load_que {float:left;} #coaching_set .btn_box button.new_que {float:right;} #coaching_set .btn_box button:hover {border:1px solid #b4b4b4; color:#333;} #coaching_set .btn_box02 {width:100%; font-size:0; text-align: center; display:block; padding-top:30px; border-top:1px solid #dfdfdf;} #coaching_set .btn_box02 button {display: inline-block; vertical-align: middle; padding:0 15px; box-sizing: border-box; border:1px solid #e7e7e7; border-radius: 4px; font-size:14px; font-weight: 400; text-align:center; line-height: 35px; color:#666; background :#e7e7e7; transition:all 0.4s; margin:0 5px;} #coaching_set .btn_box02 button:hover {background: #cfcfcf; color:#333; border:1px solid #cfcfcf;} #coaching_set .btn_box02 button.save {background :#2eaef8; color:#fff;border:1px solid #2eaef8;} #coaching_set .btn_box02 button.save:hover {background :#299cdf; color:#fff; border:1px solid #299cdf;} /*코딩코칭 피시방화면*/ #manager .left {float:left; width:350px; /*border-right:1px solid #dfdfdf;*/ box-sizing: border-box; padding:30px 20px 0 20px; height:100%; /*overflow-y:auto;*/}/*190524수정*/ #manager .left .proflie_information {width:100%;} #manager .left .proflie_information > span {width:270px; display:block; margin:0 auto; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box;} #manager .left .proflie_information > span img {width:100%; border-radius: 4px;} #manager .left .proflie_information > p {font-size:17px; color:#333; font-weight: 400; text-align: center; width:270px; margin:0 auto; padding-top:10px;}/* 180516수정 */ #manager .left .proflie_information > .student_tit {line-height: 36px; font-size:14px; color:#333; font-weight: 400; }/* 180516수정 */ #manager .left .proflie_information > .student_tit span {color:#2eaef8; margin-left:10px;}/* 180516수정 */ #manager .left .proflie_information > .student_tit i{vertical-align: -2px;font-size: 16px;} #manager .left .student_details {border-top:1px solid #f4f4f4; padding-top:20px;height: calc(100% - 303px);}/*180516수정*/ #manager .left .student_details > p.student_tit {line-height: 36px; font-size:14px; color:#333; font-weight: 400; margin-top: 5px;}/*180516수정*/ #manager .left .student_details > span.help {color:#19335e; margin-right:20px; margin-left:5px;}/*180516수정*/ #manager .left .student_details > span.ok {color:#b2b2b2; margin-left:5px;}/*180516수정*/ #manager .left .student_details > .search_box {width:100%; position:relative;} #manager .left .student_details > .search_box input {width:100%; line-height: 35px; padding-left:10px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px;} #manager .left .student_details > .search_box a {position:absolute; top:8px; right:10px; color:#666;} #manager .left .student_details .table_area {width:100%;} #manager .left .student_details .table_area table {border-top:none !important; width:100%; margin-top:10px; border-top:1px solid #fafafa;} #manager .left .student_details .table_area table th {background: #f9fafb; font-size:14px; color:#333; font-weight: 500; text-align: center; line-height: 30px; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}/*180516수정*/ #manager .left .student_details .table_area table td {box-sizing: border-box;} #manager .left .student_details .table_area table td:not(:nth-of-type(2)) {/*text-align: center;*/}/*180516수정*/ #manager .left .student_details .table_area table td:first-of-type span:first-of-type {width:20px; height:20px; border:1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; display: inline-block; vertical-align:middle;} #manager .left .student_details .table_area table td:first-of-type span:first-of-type img {width:100%;} #manager .left .student_details .table_area table td:first-of-type span:last-of-type {font-size:14px; color:#666; font-weight: 400; display: inline-block; vertical-align: middle;} #manager .left .student_details .table_area table td:last-of-type button {padding: 0 10px; box-sizing: border-box; line-height: 22px; font-size:12px; color:#666; font-weight: 400; border:1px solid #dfdfdf; border-radius: 4px; transition:all 0.4s; float:right; margin-right:5px;}/*180516수정*/ #manager .left .student_details .table_area table td:last-of-type button:hover {border:1px solid #b4b4b4; color:#333;} #manager .left .student_details .table_area table td:nth-of-type(2) span.help {color:#19335e;}/*180516수정*/ #manager .left .student_details .table_area table td:nth-of-type(2) span.ok {color:#b2b2b2;}/*180516수정*/ #manager .left .student_details .table_area table td:nth-of-type(2) span.coaching {color:#2eaef8;} #manager .left .student_details .table_area table td:nth-of-type(2) img {margin-top:2px;}/*180516수정*/ #manager .left .student_details .table_area table td:nth-of-type(2) span.date {font-size: 11px; float: right; margin-right:5px; color:#b2b2b2;}/*180516수정*/ #manager .left .student_details .table_area table td .prg_bar div {border-radius: 0 0 0 0 !important; margin-bottom:0;} #manager .left .student_details .table_area.ov_scroll {height:calc(100% - 65px); overflow-y: auto;} #manager .left .all_list_btn {width:100%; text-align: center;} #manager .left .all_list_btn button {border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; padding: 0 15px; line-height: 30px; color:#666; font-size:14px; font-weight: 400; text-align: center; transition:all 0.4s;} #manager .left .all_list_btn button:hover {border:1px solid #b4b4b4; color:#333;} #manager .left .student_details div > .list_help {color:red;} #manager .right {float:left; width:calc(100% - 350px); height:100%;padding:30px; box-sizing: border-box;} #manager .right .student_list {width:100%; position:relative;} #manager .right .student_list ul {width:100%; display: block; font-size:0; text-align: left;} #manager .right .student_list ul li {display: inline-block; vertical-align: middle; width:180px; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; padding:10px 10px 20px; position:relative; margin-right:30px; margin-bottom:30px;}/*180516수정*/ #manager .right .student_list ul li .student_prof {width:100%; text-align:center; margin-bottom:40px;} #manager .right .student_list ul li .student_prof span.prof_img {width:40px; height:40px; border:1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; display:block; overflow:hidden; margin:0 auto;}/*180516수정*/ #manager .right .student_list ul li .student_prof span.prof_img img {width:100%;} #manager .right .student_list ul li .student_prof span.name {font-size:14px; color:#333; font-weight: 400; text-align: center; display: block;} #manager .right .student_list ul li .student_prof span.email {font-size:12px; color:#898989; font-weight: 400; text-align: center; display: block;} #manager .right .student_list ul li .progress_area .text {overflow:hidden;} #manager .right .student_list ul li .progress_area .text .left_txt {float:left; font-size:14px; color:#333; font-weight: 400;} #manager .right .student_list ul li .progress_area .text .right_txt {float:right; font-size:12px; color:#898989; font-weight: 400;} #manager .right .student_list ul li .progress_area .text .right_txt b {color:#333;} #manager .right .student_list ul li .progress_area .prg_bar {margin-top:10px;} #manager .right .student_list ul li .progress_area .ui.progress {border-radius: 0 0 0 0 !important;} #manager .right .student_list ul li .progress_area .ui.progress > div{border-radius: 0 0 0 0 !important;} #manager .right .student_list ul li .enter_btn {text-align: center;} #manager .right .student_list ul li .enter_btn button {padding: 0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; line-height: 35px; font-size:14px; color:#666; font-weight: 400; text-align: center; } #manager .right .student_list ul li .chat_alert {position:absolute; background: #19335e; border:1px solid #19335e; border-radius: 4px; box-sizing: border-box; padding: 5px; color:#fff; top:90px; left:10px; width:156px; /*height:80px;*/}/*180516수정*/ #manager .right .student_list ul li .chat_alert p.content {display: block;display: -webkit-box;max-width: 100%;/*height: 35px;*/margin: 0 auto;font-size: 14px;line-height: 17px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-size:12px; color:#fff; font-weight: 400;}/*180516수정*/ #manager .right .student_list ul li .chat_alert p.content img {margin-top:2px;}/*180516수정*/ #manager .right .student_list ul li .chat_alert span.date {font-size:10px; color:#fff; font-weight: 400; float:right;}/*180516수정*/ #manager .right .student_list ul li .chat_alert_coaching {position:absolute;background: #fff;border: 1px solid #2eaef8;border-radius: 4px;box-sizing: border-box;padding: 5px;color: #2eaef8;top:90px;left:10px;width:156px;} #manager .right .student_list ul li .chat_alert_coaching p.content {display: block;display: -webkit-box;max-width: 100%;margin: 0 auto;font-size: 14px;line-height: 17px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-size:12px; color:#2eaef8; font-weight: 400;} #manager .right .student_list ul li .chat_alert_coaching p.content img {margin-top:2px;} #manager .right .student_list ul li .chat_alert_coaching span.date {font-size:10px; color:#2eaef8; font-weight: 400; float:right;} #manager .right .student_list ul li img.new_only {position:absolute; top:5px; right:5px;} #manager .right .student_list ul .chat_alert_box {border:2px solid #19335e;}/*180516수정*/ #manager .right .student_list ul .chat_alert_coaching_box {background: #f4f4f4;} /* 코딩코칭 kt-aivle */ .kt-aivle .view_top{background: #fff;border-bottom: 1px solid #dfdfdf;} .kt-aivle .view_top .logo_title .logo_box img{margin-left: 4px;} .kt-aivle .view_top .logo_title .logo_box p{border-right: 0;font-weight: 500;color:#222} .kt-aivle .view_top .logo_title .finish_all_btn button{border-color: #33aeaa !important;color:#33aeaa !important} .kt-aivle .view_top .logo_title .finish_all_btn button:hover{background-color: #33aeaa !important;} /* 코딩코칭 피시방화면 리뉴얼 */ #manager .left.new .proflie_information{position:relative;display:flex;width: 100%;justify-content: space-between;} #manager .left.new .proflie_information > span {width:130px; display: inline-block; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box;} #manager .left.new .proflie_information > span img {width:100%; border-radius: 4px;} #manager .left.new .proflie_information .information_right{width:51%} #manager .left.new .proflie_information .information_right .tit {font-size:20px; color:#333; font-weight: 500;} #manager .left.new .proflie_information .information_right .desc{position: absolute;bottom:0;} #manager .left.new .proflie_information .information_right .desc .student_tit {margin-top: 5px;font-size:14px; color:#333;} #manager .left.new .proflie_information .information_right .desc .student_tit span {color:#33aeaa; margin-left:10px;} #manager .left.new .proflie_information .information_right .desc .student_tit i{vertical-align: -2px;font-size: 16px;} #manager .left.new .student_details {border-top:1px solid #f4f4f4; padding-top:20px;height: calc(100% - 131px);margin-top:25px} /* 코칭 대기실 리뉴얼 */ #manager .right_half { float: left; width: calc((100% - 350px) / 2); height: 100%; padding: 30px; box-sizing: border-box; } .right_half .split{height: 100%;overflow: hidden;} .right_half .member_list{height:100%} .right_half .member_list .list_tit_area{display: flex;} .right_half .member_list .list_tit_area p.list_tit{margin-right: 25px;font-size: 16px;} .right_half .member_list .list_tit_area p.list_tit i{margin-right: 3px !important;} .right_half .member_list .list_tit_area p.list_tit i.mdi-account-question{vertical-align: -2px;font-size: 20px;} .right_half .member_list .list_tit_area input[type="text"]{flex: 1;} .right_half .member_list .list_box{margin-top: 5px;height: 100%;} .right_half .member_list .list_box ul{margin-top: 5px;height:calc(100% - 41px);overflow-y: auto;} .right_half .member_list .list_box ul li{padding: 8px 10px;} .right_half .member_list .list_box ul li .prof_img{width: 25px;height: 25px;margin-right: 12px;} .right_half .member_list .list_box ul li .name{font-size: 16px;} .right_half .member_list .list_box ul li .state{padding: 1px 10px;margin-left: 18px;border-radius: 4px;background-color: #ea302e;font-size: 14px;color: #fff;vertical-align: middle;} /* 강좌 코칭 마크 */ div.pos_Ab {position:absolute; top:0; left:0; width:100%; z-index:2;} span.coach_mark {display:inline-block; vertical-align:middle; padding:1px 5px; box-sizing: border-box; color:#fff; font-size:11px; font-weight: 300; text-align: center; background: #19335e;} span.coach_mark.unavail {background:#b2b2b2 !important;} span.coach_mark i {font-size:11px;} .view_top .logo_title > div.coaching_btn_area {position:absolute; right:20px; top:2px;} .view_top .logo_title > div.coaching_btn_area button {line-height: 35px; padding:0 15px; box-sizing: border-box; border:1px solid #0083ca; font-size:14px; color:#fff; text-align: center; background: #0083ca; transition:all 0.4s;} .view_top .logo_title > div.coaching_btn_area button img {display: inline-block; /*margin-top:10px;*/ margin-right:2px;} .view_top .logo_title > div.coaching_btn_area button:hover {background: #0076b5; border:1px solid #0076b5;} .view_top .logo_title > div.coaching_btn_area button.help {background: #19335e; border: 1px solid #19335e;} .view_top .logo_title > div.coaching_btn_area button.help:hover {background: #112442; border:1px solid #112442;} .view_top .logo_title > div.coaching_btn_area button.completeHelp {background: #fff; border: 1px solid #ea302e; color: #ea302e;} button.btn01 {position:absolute; bottom:-4px; left:50%; transform:translate(-50% ,0 ); -webkit-transform:translate(-50% ,0 ); -moz-transform:translate(-50% ,0 ); -ms-transform:translate(-50% ,0 ); -o-transform:translate(-50% ,0 ); background:#f9f9f9; text-align: center !important; color:#666; border:1px solid #dfdfdf !important; width:75px; border-radius: 9px 9px 0 0 !important; line-height: 1; box-sizing: border-box;} button.btn02 {position:absolute; bottom:-20px; left:50%; transform:translate(-50% ,0 ); -webkit-transform:translate(-50% ,0 ); -moz-transform:translate(-50% ,0 ); -ms-transform:translate(-50% ,0 ); -o-transform:translate(-50% ,0 ); background:#f9f9f9; text-align: center !important; color:#666; border:1px solid #dfdfdf !important; width:75px; border-radius: 0 0 9px 9px !important; line-height: 1; box-sizing: border-box;} .coach_contents {overflow-y:auto; height:100%; width:100%; padding:20px 23px; box-sizing: border-box;} .coach_contents p.tit {font-size:23px; color:#333; font-weight: 500; margin-bottom:10px;} .coach_contents div.desc {width:100%;} .coach_contents div.desc p {width:100%; font-size:14px ;color:#666; font-weight: 400; line-height: 1.5;} .member_list {width:100%; padding:5px 10px; position:relative;} .member_list p.list_tit {font-size:14px; color:#333; font-weight: 400; line-height: 36px;} .member_list div.list_box {width:100%; border-top:1px solid #dfdfdf;} .member_list div.list_box ul {display:block; width:100%;} .member_list div.list_box ul li {display: block; width:100%; overflow:hidden;} .member_list div.list_box ul li span.prof_img {width:20px; height:20px; border:1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; display: inline-block; vertical-align: middle; overflow:hidden;} .member_list div.list_box ul li span.prof_img img {width:100%;} .member_list div.list_box ul li span.name {font-size:14px; color:#666; font-weight: 400; display: inline-block; vertical-align: middle; line-height: 30px;} .member_list div.list_box ul li button {border:1px solid #dfdfdf; border-radius:4px; box-sizing:border-box; font-size:12px; color:#666; font-weight:400; text-align:center; padding:0 5px; transition:all 0.4s; float:right; line-height:20px; margin-top:5px;} .member_list div.list_box ul li button:hover {border:1px solid #b4b4b4; color:#333;} div.col04 {position:relative;} a.whatIsThis {display:block; position:absolute; z-index:99; top:7px; left:75px; border:1px solid #dfdfdf; border-radius:50%; background: #dfdfdf; color:#fff; text-align:center; width:20px; height:20px; font-size:11px; transition:all 0.4s;} a.whatIsThis:hover {background:#b4b4b4;} #bg_black {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; display:none; top:0; left:0;} #bg_black.bg_on {display:block;} #detail01 {position:absolute; width:720px; border:1px solid #fff; border-radius:4px; box-sizing:border-box; background:#fff; z-index:9999; display:none;} #detail01.pop_on {display:block;} #detail02 {position:absolute; width:720px; border:1px solid #fff; border-radius:4px; box-sizing:border-box; background:#fff; z-index:9999; display:none;} #detail02.pop_on {display:block;} .pop_comm .top{border-bottom:1px solid #dfdfdf; padding-left:20px; box-sizing:border-box;} .pop_comm .top p {font-size:17px; color:#333; font-weight:500; line-height:60px;} .pop_comm .content {padding:0 20px; box-sizing:border-box;} .pop_comm .content .ovh {overflow:hidden; width:100%; margin-top:20px;} .pop_comm .content .ovh > div {float:left;} .pop_comm .content > p {font-size:17px; color:#333; font-weight:400; line-height:60px; margin-top:20px;} .pop_comm .content > p img {margin-right:20px;} .pop_comm .content > p > span {font-size:23px; color:#333; font-weight:400;} .pop_comm .content table {width:100%; table-layout:fixed; border-top:none !important; margin-top:10px;} .pop_comm .content table th {background:#f9fafb; font-size:14px; color:#333; font-weight:500; text-align:center; line-height:60px; border:1px solid #dfdfdf;} .pop_comm .content table th:nth-of-type(2) {border-right:none !important; border-left:none !important;} .pop_comm .content table td {text-align:center; font-size:14px ;color:#666; font-weight:400; line-height:22px; border:1px solid #dfdfdf; border-top:none !important;} .pop_comm .content table td:nth-of-type(2) {border:none !important; border-bottom:1px solid #dfdfdf !important;} .pop_comm .content table p {font-size:14px; color:#333; font-weight:400; word-break:break-all;} .pop_comm .btn {border-top:1px solid #dfdfdf; padding:10px 0; box-sizing:border-box; overflow:hidden; margin-top:20px; background:#f9fafb;} .pop_comm .btn a {float:right; margin-right:20px; background:#333; font-size:14px; color:#fff; font-weight:400; text-align:center; padding: 0 15px; box-sizing:border-box; line-height:30px; border:1px solid #333; transition:all 0.4s;} .pop_comm .btn a:hover {background:#000; border:1px solid #000; } .pop_comm .ovh .exp {padding:0 30px; box-sizing:border-box;} .pop_comm .ovh .exp p.cont_tit {font-size:23px; color:#333; font-weight:500;} .pop_comm .ovh .exp p.desc {font-size:14px; color:#666; font-weight:400; line-height:22px; margin-top:20px;} .pop_comm .ovh .img02 img {margin-top:50px; margin-left:20px;} /*for chatting only at code coaching*/ .coaching_chat {width:100%; height: 100%; background: #e1f1fc !important; } .coaching_chat .chat_area {height:100%;} .coaching_chat .chat_area .chatBox {width:100%; height:100%; position:relative; overflow-y: hidden;} .coaching_chat .chatBox #chatWindow-ul li p {padding:0 !important; margin:0 0 13px 0 !important;} .coaching_chat .chatBox .msgBox { padding: 15px; width:100%; height: 90%; overflow-x: hidden; overflow-y: auto; } .coaching_chat .chatBox .msgBox .msg-wrap { margin-bottom:10px; width: 100%; min-height: 25px; } .coaching_chat .chatBox .msgBox .msg-Receive > div { float:left; } .coaching_chat .chatBox .msgBox .msg-Receive > .img { margin-right: 10px; } .coaching_chat .chatBox .msgBox .msg-Receive > .img img { width: 32px; height: 32px; background: #fff; border-radius: 50%; border: 1px solid #e2e2e2; } .coaching_chat .chatBox .msgBox .msg-Receive > .textContent .nickName { font-size: 14px; } .coaching_chat .chatBox .msgBox .msg-Receive > .textContent .nickName .lv { font-size: 10px; } .coaching_chat .chatBox .msgBox .msg-Receive > .textContent .textMsgBox { position: relative; padding: 6px; max-width: 160px; min-height: 25px; font-size: 14px; background: #fff; border-radius: 5px; overflow-wrap: break-word; } .coaching_chat .chatBox .msgBox .msg-Receive > .textContent .textMsgBox .tag { position: absolute; top: 5px; left: -9px; width:0; height:0; border-style:solid; border-width:5px; border-color: #fff #fff transparent transparent; border-radius: 3px; } .coaching_chat .chatBox .msgBox .msg-Receive > .textContent .textMsgBox .date { position: absolute; bottom: 0px; right: -65px; width: 60px; height: 20px; font-size: 11px; color: #000; } .coaching_chat .chatBox .msgBox .msg-send > .textContent .textMsgBox { float:right; position: relative; padding: 6px; width:80%; min-height: 25px; font-size: 14px; background: #bce3ff; border-radius: 5px; overflow-wrap: break-word; } .coaching_chat .chatBox .msgBox .msg-send > .textContent .textMsgBox .textMsg {word-break:break-word;} .coaching_chat .chatBox .msgBox .msg-send > .textContent .textMsgBox .tag { position: absolute; top: 5px; right: -9px; width:0; height:0; border-style:solid; border-width:5px; border-color: #bce3ff transparent transparent #bce3ff; border-radius: 3px; } .coaching_chat .chatBox .msgBox .msg-send > .textContent .textMsgBox .date { position: absolute; bottom: 0px; left: -65px; width: 60px; height: 20px; font-size: 11px; color: #000; text-align: right; } .coaching_chat .chatBox .sendMsg { border:1px solid transparent; border-radius:4px; box-sizing:border-box; position:absolute; width:100%; bottom:0; left:0;`} .coaching_chat .chatBox .sendMsg .textForm { float: left; padding: 10px; width:calc(100% - 50px); height: 50px; border: none !important; resize: none; background: #fff !important; color: #666 !important;} .coaching_chat .chatBox .sendMsg .textForm:focus { outline: none; } .coaching_chat .chatBox .sendMsg .sendBtn { float: left; width: 50px; height: 50px; font-size: 20px; background: #fff; border:none; cursor: pointer; outline: none; border:none !important; padding:0 !important; border-radius: 0px !important;} .coaching_chat .chatBox .sendMsg .sendBtn img { opacity: 0.5; } /*e-daily area*/ #edaily {width:100%; height:100%; position:relative;} #edaily .login_box {width:100%; max-width:360px; margin:0 auto; position:relative; height:100%;} #edaily .login_box img.edaily_logo {display: block; margin-bottom:50px;} #edaily .login_box img.edaily_logo_police {padding-top:50px; display: block; margin:0px auto; margin-bottom: 50px;} /* 181113 police추가 */ #edaily .login_box img.edaily_bottom {position:absolute; bottom:-80px; left:50%; transform :translate(-50% ,0); -webkit-transform :translate(-50% ,0); -ms-transform :translate(-50% ,0); -moz-transform :translate(-50% ,0); -o-transform :translate(-50% ,0);} #edaily .login_box div.input_area {width:100%;} #edaily .login_box div.input_area p {font-size:14px; color:#333; font-weight:400; line-height: 1; margin-bottom:10px; } #edaily .login_box div.input_area input {width:100%; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size:14px; color:#666; font-weight:400; padding-left:30px; line-height:35px;} #edaily .login_box div.input_area input[type="text"]::-webkit-input-placeholder {color:#b2b2b2;} #edaily .login_box div.input_area input.space_bottom {margin-bottom:20px;} #edaily .login_box div.input_area div {position:relative;} #edaily .login_box div.input_area div i {position:absolute; top:10px; left:10px; color:#898989;} #edaily .login_box div.button_area {margin-top:20px;} #edaily .login_box div.button_area button {border:1px solid #000; background: #2eaef8; color:#fff; line-height: 35px; width:100%; border-radius: 4px; line-height:46px; background: #000; transition:all 0.4s;} #edaily .login_box div.button_area button:hover {background: #666; border:1px solid #666;} /* 181113 button_area_police추가 시작 */ #edaily .login_box div.button_area_police {margin-top:20px;} #edaily .login_box div.button_area_police button {font-size: 17px; border:1px solid #2eaef8; background: #2eaef8; color:#fff; width:100%; border-radius: 4px; line-height:46px; transition:all 0.4s;} #edaily .login_box div.button_area_police button:hover {border:1px solid #003078; background: #003078;} /* 181113 button_area_police추가 끝 */ #edaily .login_box div.forgot_pw {width:100%; margin-top:30px; overflow:hidden;} #edaily .login_box div.forgot_pw span {float:left; font-size:14px; color:#666; font-weight:400; padding-top:10px; box-sizing: border-box;} #edaily .login_box div.forgot_pw button {float:right; padding:0 15px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 4px; line-height: 35px; font-size:14px; color:#666; font-weight:400; text-align:center; transition:all 0.4s;} #edaily .login_box div.forgot_pw button:hover {border:1px solid #b4b4b4; color:#333;} #edaily .login_box div.affiliate {width:100%; position:relative;} #edaily .login_box div.affiliate div.aff_tit p {text-align: center; font-size:30px; color:#333; font-weight:400; line-height: 1; margin-top:20px; margin-bottom:50px;} #edaily .login_box div.affiliate div.aff_tit span {text-align:center; background: #333; width:40px; height:1px; display: block; margin:80px auto 0;} #edaily .login_box div.affiliate div.affiliate_img {position:relative; width:100%;} #edaily .login_box div.affiliate div.affiliate_img img {position:absolute; top:50px; left:50%; transform:translate(-50% ,0); -webkit-transform:translate(-50% ,0); -moz-transform:translate(-50% ,0); -o-transform:translate(-50% ,0); -ms-transform:translate(-50% ,0);} #admin_box .title_area {width:100%;} #admin_box .title_area::after {content: ""; display: block; clear: both;} #admin_box .title_area > div.left_tit {float:left;} #admin_box .title_area > div.left_tit .tit {font-size:20px; color:#333; font-weight:500; line-height: 1; padding-top:10px; box-sizing: border-box;} #admin_box .title_area > div.right_tit {float:right;} #admin_box .title_area > div.right_tit > * {display: inline-block; vertical-align: middle;} #admin_box .title_area > div.right_tit #search_sel {min-width: 100px !important;} #admin_box .title_area > div.right_tit #sorting_sel {} #admin_box .title_area > div.right_tit > div.seach_input {position:relative;} #admin_box .title_area > div.right_tit > div.seach_input input {width:150px; color:#666; font-weight:400; font-size:14px; padding-left:10px; border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height: 35px;} #admin_box .title_area > div.right_tit > div.seach_input i {position:absolute; top:8px; right:8px; color:#898989; transition:all 0.4s;} #admin_box .title_area > div.right_tit > div.seach_input i:hover {cursor: pointer; color:#333;} #admin_box .title_area > div.right_tit > button {border:1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; line-height: 35px; font-size:14px; color:#666; font-weight:400; text-align:center; transition:all 0.4s; padding:0 15px;} #admin_box .title_area > div.right_tit > button:hover {border:1px solid #b4b4b4; color:#333;} #admin_box .title_area > div.right_tit > span {font-size:14px; color:#333; font-weight:400; margin:0 10px;} #admin_box .list_table_area {width:100%; margin-top:30px;} #admin_box .list_table_area table {border-top:1px solid #dfdfdf; width:100%;} #admin_box .list_table_area table thead th {text-align: center; background: #f9fafb; color:#252525; font-weight: 500; font-size:14px; line-height: 48px;} #admin_box .list_table_area table thead th span {display: inline-block; vertical-align: top;} #admin_box .list_table_area table thead th span i {display: block; color:#898989; height:1px;} #admin_box .list_table_area div#body_table {height:510px; overflow-y: hidden;} #admin_box .list_table_area div#body_table tr td{text-align:center;} #admin_box .list_table_area div#body_table::-webkit-scrollbar {display:block; width: 0.25rem; height: 0.25rem;} #admin_box .list_table_area table tbody tr {background: #fff; transition:all 0.4s;} #admin_box .list_table_area table tbody tr:hover {background: #fafafa;}ㅎ43434 #admin_box .list_table_area table tbody tr td {font-size:14px; color:#666; font-weight:400 ;text-align:center; line-height: 30px; border-bottom:1px solid #dfdfdf;} #admin_box .list_table_area table tbody tr td:last-of-type span.not {color:#ea302e;} #admin_box .list_table_area table tbody tr td:last-of-type span.ing {color:#2eaef8;} #admin_box .list_table_area table tbody tr td:last-of-type span.stop {color:#333;} #findPassword .header{} #findPassword .body{padding:20px; box-sizing:border-box;} #findPassword .body p.cont_exp {font-size:17px; color:#666; font-weight:500; line-height:1; margin-bottom:20px;} #findPassword .body span {display:inline-block; font-size:14px; color:#666; font-weight:400; margin-right:10px; width:50px;} #findPassword .body input {height:35px; border:1px solid #dfdfdf; border-radius:4px; box-sizing:border-box; font-size:14px; color:#666; font-weight:400; width:calc(100% - 65px);} #findPassword .body input::-webkit-input-placeholder {color:#b2b2b2;} #findPassword .footer{border-top:1px solid #dfdfdf; overflow:hidden; padding:10px 20px; box-sizing:border-box;} #findPassword .footer .float_box {float:right;} #findPassword .footer button:first-of-type {border:1px solid #e7e7e7; background:#e7e7e7; color:#333; font-size:14px; font-weight:400; text-align:center; line-height:35px; border-radius:4px; box-sizing:border-box; padding: 0 15px; margin-right:5px;} #findPassword .footer button:first-of-type:hover {border:1px solid #cfcfcf; background:#cfcfcf;} #findPassword .footer button:last-of-type {border:1px solid #2eaef8; background:#2eaef8; color:#fff; font-size:14px; font-weight:400; text-align:center; line-height:35px; border-radius:4px; box-sizing:border-box; padding: 0 15px;} #findPassword .footer button:last-of-type:hover {border:1px solid #299cdf; background:#299cdf;} /*터미널 변경안*/ #term_cover {margin-top:10px;} div.term_col {width:96%; overflow:hidden; background:#f1f1f1; padding:15px; box-sizing:border-box; border:1px solid #dfdfdf; margin:0 auto; border-bottom:none;} div.term_col:last-of-type {border-bottom:1px solid #dfdfdf;} div.term_col p.title {font-size:15px; color:#333; font-weight:400; line-height:22px;} div.term_col div.term_val {width:100%; font-size:0;display:block;} div.term_col div.term_val span {display:inline-block; vertical-align:top; font-size:13px; line-height:30px;} div.term_col div.term_val span.left_tit {color:#333; font-weight:500;} div.term_col div.term_val span.right_val {color:#898989; font-weight:400;} /*강좌 상세 각 회사별 커스터마이징*/ /*KG ITBANK*/ #prod_head_bar {width:100%; border-bottom:2px solid #333; position:relative; background:#f9f9f9; height:60px; margin-bottom:50px; z-index:1;} #prod_head_bar span.cheat {position:absolute; top:10px; left:0; width:169px; height:50px; background:#f9f9f9; z-index:2;} #prod_head_bar img {position:absolute; top:10px; left:0; z-index:2} #prod_head_bar > div.mid_tit {position: absolute; left: 45%; top: 7px; width: 218px;} #prod_head_bar > div.mid_tit > ul {text-align: center; color: #333;} #prod_head_bar > div.mid_tit > ul li span {display: inline-block; font-size: 14px; font-weight: 400; margin-top: 11px;} .contain_in_nopadding {width: 1200px; margin: 0 auto;} /*.top_ranker {margin-bottom:50px;}*/ .top_ranker img {margin-left:20px;} .top_ranker > div.top1 {float: left; width: 370px; overflow: hidden; border-radius: 4px; box-sizing: border-box; background: #ffd974; margin-right: 39px;} .top_ranker > div.top2 {float: left; width: 370px; overflow: hidden; border-radius: 4px; box-sizing: border-box; background: #e9e9e9; margin-right: 39px;} .top_ranker > div.top3 {float: left; width: 370px; overflow: hidden; border-radius: 4px; box-sizing: border-box; background: #ffdcd3;} .top_ranker > div > div {display:inline-block; margin-left: 20px;} .top_ranker > div > div > p.name {font-size: 17px; color: #333; margin: 20px 0px;} .top_ranker > div > div > p.name span {font-size: 14px; color: #666;} .top_ranker > div > div > p.score {font-size: 23px; color: #333; margin-bottom: 20px;} .contain_in_nopadding .title {width: 100%; font-size: 23px; font-weight: 500; margin-bottom: 30px;} .contain_in_nopadding .title.second {display:inline-block; margin-top:50px;} .contain_in_nopadding .set_result {float: left; width: 550px; box-sizing: border-box;} .contain_in_nopadding .set_result > div.thead {border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background: #f9fafb; text-align: center; overflow: hidden;} .contain_in_nopadding .set_result > div.thead > div {float: left;} .contain_in_nopadding .set_result > div.thead > .rank_box {width: 100px;} .contain_in_nopadding .set_result > div.thead > .score_box {width: 100px;} .contain_in_nopadding .set_result > div.thead > .name_box {width: calc(100% - 200px);} .contain_in_nopadding .set_result > div.thead > div > p {display: inline-block; vertical-align: middle; font-size: 14px; color: #333; font-weight: 400; line-height: 40px;} .contain_in_nopadding .set_result > div.tbody {background: #fff; text-align: center; overflow: hidden;} .contain_in_nopadding .set_result > div.tbody .rank_box {width: 100px;} .contain_in_nopadding .set_result > div.tbody .score_box {width: 100px;} .contain_in_nopadding .set_result > div.tbody .name_box {width: calc(100% - 200px);} .contain_in_nopadding .set_result > div.tbody .name_box span {font-size: 14px; color: #b2b2b2;} .contain_in_nopadding .set_result > div.tbody > div > div {font-size: 14px; color: #333; font-weight: 400; line-height: 40px; display: block; float:left;} .raking_table {border: 1px solid #dfdfdf; border-radius: 4px; height: 520px; } .raking_bar { float: left; background-color:#e9e9e9; margin: 0px 20px; width: 1px; height: 440px;} .raking_title { font-size: 17px; padding: 20px 0px 20px 30px;} #prod_head_bar span.logo {position:absolute; top:10px; left:0; width:169px; background:#f9f9f9; z-index:2;} .rank_box img {vertical-align: middle;} /* 강좌에서 Azure Media Player을 작동할 때 나오는 로고 */ .amp-content-title { display: none; } .default_button {padding: 0 15px; box-sizing: border-box; line-height: 35px; text-align: center; border:1px solid #dfdfdf;} .default_button:hover {border:1px solid #b4b4b4;} /*maintitle 옆 카운트*/ .tit_count {font-size:17px; font-weight: 400; color:#2eaef8; display: inline-block; vertical-align: middle; /*margin-top:-5px;*/ margin-left:10px;} /*box round 리스트*/ .box_list {width:100%;} .box_list ul {width:100%;} .box_list ul li {position:relative;width:100%;border:1px solid #dfdfdf;border-radius: 4px;box-sizing: border-box;padding:20px;margin-bottom:20px;} .box_list ul li:after {content:""; display: block; clear:both;} .box_list ul li > span {float:left; width:120px; height:98px; overflow:hidden; border:1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; margin-right:20px;} .box_list ul li > span > a img {width:120px; height:98px; border-radius: 4px;} .box_list ul li > span > img {width:120px; height:98px; border-radius: 4px;} .box_list_cont {float:left;width:calc(100% - 140px); position: relative; margin-top: 10px;} .box_list_cont .chal_tit {color:#333; font-size: 20px; font-weight: 500;width: 800px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;line-height: 35px;transition:all 0.4s;/* margin-top: 10px; */} .box_list_cont .chal_tit:hover {color:#999;} .box_list_cont .chal_tit a {color:#333 !important; font-weight: 500; width: 600px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;line-height: 35px;transition:all 0.4s;} .box_list_cont .chal_tit a:hover {color:#999 !important;} .box_list_cont .duration {font-size: 15px;color:#666;font-weight: 400;line-height: 35px;position: relative;} .box_list_cont .duration span:first-of-type {color:#999;} .box_list_cont .duration span > b {font-weight:400; color:#666 !important;} .box_list_cont .score {font-size: 14px; color:#999;} .box_list_cont .myscore {font-size: 20px; color:#333; font-weight:500;} /*코딩 테스트*/ #codingtest_header {width:100%; position:relative; border-bottom:1px solid #dfdfdf; padding: 10px 0;} #codingtest_header .head {overflow: hidden; width:1200px; margin:0 auto;} #codingtest_header .head .logo {float:left; vertical-align: middle;} #codingtest_header .head .logo a {display: block;} #codingtest_header .area {display: inline-block; float: right; vertical-align: bottom; font-size: 14px; color: #999; margin-top: 40px;} #codingtest_header .area a {color: #999;} #codingtest_header .area a:hover {color: #666;} .member_add .name {width: 200px; display: inline-block; font-size: 14px;} .member_add .email {width: 400px; display: inline-block; font-size: 14px;} .codingtest_info {position:relative;/* border-bottom:1px solid #dfdfdf; */text-align: center; padding: 20px 20px;box-sizing: border-box;margin-bottom:50px;background: #f9fafb;border-radius: 4px;} .codingtest_info img {vertical-align: middle; margin-right:20px;} .codingtest_info .info_profile {text-align: left;} .codingtest_info .profile {width: 100px !important; height: 100px !important; background:#fff; border:1px solid #e2e2e2; border-radius: 50%; display: inline-block;} .codingtest_info .profile_detail{width: 300px; display: inline-block; vertical-align: middle; margin-right: 20px;} .codingtest_info .name{font-size:23px; font-weight: 400; color:#333; line-height: 1.5; text-align: left; display: block;} .codingtest_info .email{font-size:15px; font-weight: 400; color:#898989; line-height: 1.5; text-align: left; display: block;} .codingtest_info .total {font-size:23px; font-weight: 400; color:#333; line-height: 2; vertical-align: middle; display: inline-block; } .codingtest_info .detail {margin-left: 20px; font-size:17px; font-weight: 400; color:#666; border-left: 1px solid #dfdfdf; vertical-align: middle; display: inline-block;}