@charset "UTF-8";

.myJinroAct {width:980px;font-family:"Noto Sans KR";color:#000;}
.myJinroAct a, .myJinroAct table {font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.myJinroAct .myJinroAct-title {margin:0 0 25px;font-size:24px;font-family:"Noto Sans KR";}
.myprofile-bx {border:1px solid #bbbcbc;}
.myprofile-wrap {position:relative;min-height:52px;padding:28px 150px 25px 134px;}
.myprofile-wrap .pic {display:block;position:absolute;left:34px;top:21px;width:66px;height:66px;border-radius:100%;overflow:hidden;text-align:center;}
.myprofile-wrap .pic img {width:66px;height:66px;}
.myprofile-wrap .name {font-size:20px;font-weight:500;color:#455967;}
.myprofile-wrap .nickname {margin-left:2px;font-size:16px;font-weight:400;color:#4f6eb0;}
.myprofile-wrap .mb-id {margin:9px 0 0;font-size:14px;color:#788d9b;}
.myprofile-wrap .mb-id span {display:inline-block;padding:0 0 0 16px;margin:0 0 0 9px;background:url(/webres/images/mycareer_new/bg_profile_bar.png) no-repeat 0 50%;line-height:19px;}
.myprofile-wrap .mb-id span:first-of-type {padding:0;margin:0;background:none;}
.myprofile-wrap .mb-id .nice {position:relative;}
.myprofile-wrap .mb-id .nice .btn-tooltip {display:inline-block;width:19px;height:19px;margin:0 0 0 5px;background:url(/webres/images/mycareer_new/btn_tooltip.png) no-repeat 0 0;text-indent:-999999px;vertical-align:bottom;}
.myprofile-wrap .mb-id .nice .tooltip-bx {display:none;position:absolute;left:88%;bottom:31px;width:273px;padding:11px 16px;border:1px solid #b7b7b7;border-radius:3px;background:#fff;font-size:13px;color:#888;line-height:18px;word-break:keep-all;letter-spacing:-0.5px;z-index:10;}
.myprofile-wrap .mb-id .nice .tooltip-bx .tail {display:block;position:absolute;left:20px;bottom:-13px;width:8px;height:13px;background:url(/webres/images/mycareer_new/img_tooltip_tail.png) no-repeat 0 0;}
.myprofile-wrap .mb-id .nice .btn-tooltip:hover + .tooltip-bx {display:block;}
.myprofile-wrap .mb-id .nice .btn-tooltip:focus + .tooltip-bx {display:block;}
.myprofile-wrap .profile-btn-area {position:absolute;right:15px;top:21px;width:126px;border:1px solid #bdcfcf;border-radius:3px;}
.myprofile-wrap .profile-btn-area a {display:block;height:34px;line-height:34px;padding:0 10px 0 39px;border-top:1px solid #bdcfcf;font-size:13px;color:#666;letter-spacing:-0.5px;}
.myprofile-wrap .profile-btn-area a:first-of-type {border-top:none;}
.myprofile-wrap .profile-btn-area a.btn-set {background:url(/webres/images/mycareer_new/ico_set.png) no-repeat 13px 50%;}
.myprofile-wrap .profile-btn-area a.btn-profile {background:url(/webres/images/mycareer_new/ico_myprofile.png) no-repeat 16px 50%;}
.myprofile-bx .promise-wrap {clear:both;min-height:12px;padding:19px 20px 18px 76px;border-top:1px solid #d5e0e0;background:url(/webres/images/mycareer_new/ico_promise.png) no-repeat 41px 10px #fbfdfd;font-size:14px;color:#666;letter-spacing:-0.5px;}

.myResult-bx {width:100%;margin:16px 0 0;}
.myResult-bx:after {clear:both;display:block;content:'';}
.myResult-bx .left {float:left;width:377px;}
.myResult-bx .right {float:left;width:593px;margin:0 0 0 10px;}
.myResult-bx .right .myResult-wrap {float:left;width:292px;margin-left:9px;}
.myResult-bx .right .myResult-wrap:first-of-type {margin-left:0;}
.myResult-wrap {width:100%;}
.bx-title {position:relative;height:56px;line-height:56px;padding:0 45px 0 25px;background:#fff;color:#333;font-size:16px;color:#333;letter-spacing:-0.5px;}
.bx-title .num {display:inline-block;height:22px;line-height:22px;padding:0 13px;margin:0 0 0 10px;border-radius:10px;background:#f0f3f6;text-align:center;font-size:15px;color:#666;}
.bx-title .num.bg-red {background:#f14e62;color:#fff;}
.bx-title .num .alarm {display:inline-block;width:12px;height:13px;margin-right:5px;background:url(/webres/images/mycareer_new/ico_alarm.png) no-repeat 0 0;}
.bx-title .btn-more {position:absolute;right:18px;top:50%;margin-top:-9px;width:18px;height:18px;background:url(/webres/images/mycareer_new/btn_more2.png) no-repeat 0 0;text-indent:-999999px;}
.bx-title .guide-txt {margin-left:18px;font-size:13px;color:#888;}
.myResult-wrap.aroplus .bx-title {background:#9977b4;color:#fff;}
.myResult-wrap.consult .bx-title {background:#c48449;color:#fff;}
.myResult-wrap.interest .bx-title {background:#7283a2;color:#fff;}
.myResult-wrap.interest-result .bx-title {background:#5173ba;color:#fff;}
.myResult-wrap.career-result .bx-title {background:#5173ba;color:#fff;}
.myResult-wrap.teacher .bx-title {background:#198874;color:#fff;}
.myResult-wrap.aroplus .bx-title .num,
.myResult-wrap.consult .bx-title .num,
.myResult-wrap.interest .bx-title .num {background:#fff;color:#666;} 
.myResult-wrap.aroplus .bx-title .btn-more,
.myResult-wrap.consult .bx-title .btn-more,
.myResult-wrap.interest .bx-title .btn-more,
.myResult-wrap.teacher .bx-title .btn-more,
.myResult-wrap.interest-result .bx-title .btn-more,
.myResult-wrap.career-result .bx-title .btn-more{background:url(/webres/images/mycareer_new/btn_more.png) no-repeat 0 0;} 

.myResult-wrap.career-result {margin:10px 0 0;}
.myResult-wrap.career-result .bx-title .guide-txt {color:#fff;font-weight:300;}
.myResult-wrap.career-result .result-cont {padding:10px;border:1px solid #dde4eb;background:#eff2f5;}
.myResult-wrap.teacher {margin:10px 0 0;}
.myResult-wrap.teacher .bx-title .guide-txt {color:#fff;font-weight:300;}
.myprofile-bx + .myResult-wrap.teacher {margin-top:40px;}
.test-state-list {width:100%;}
.test-state-list li {position:relative;overflow:hidden;height:36px;line-height:36px;padding:12px 11px 13px 29px;margin:4px 0 0;border:1px solid #ccd4dc;border-radius:5px;background:#fff;letter-spacing:-0.5px;}
.test-state-list li:first-child {margin:0;}
.test-state-list .test-title {float:left;width:170px;overflow:hidden;line-height:36px;font-size:18px;color:#506eae;font-weight:400;}
.test-state-list .test-date {float:left;width:207px;overflow:hidden;padding:0 0 0 24px;background:url(/webres/images/mycareer_new/ico_time2.png) no-repeat 0 50%;line-height:36px;font-size:15px;color:#333;}
.test-state-list .test-ing {float:left;width:207px;padding:0 0 0 24px;background:url(/webres/images/mycareer_new/ico_ongoing.png) no-repeat 0 50%;line-height:36px;font-size:15px;}
.test-state-list .test-item {float:left;width:378px;overflow:hidden;}
.test-state-list .test-item li {float:left;width:187px;overflow:hidden;padding:0;margin:0;border:none;line-height:36px;font-size:16px;color:#000;}
.test-state-list .test-item li .num-round {display:inline-block;width:24px;height:24px;line-height:24px;margin:0 8px 0 0;border:1px solid #f6480b;border-radius:100%;background:#e06005;color:#fff;text-align:center;font-size:14px;}
.test-state-list .test-item li:nth-child(2) .num-round {border-color:#5f7cbd;background:#7283a2;}
.test-state-list .no-test {float:left;width:609px;color:#888;font-size:15px;line-height:36px;}
.test-state-list .ongoing {float:left;width:378px;color:#333;font-size:15px;}
.test-state-list .ongoing .graph-line {display:inline-block;width:265px;height:10px;padding:3px 4px;margin:10px 0 0;border:1px solid #8fbadf;border-radius:8px;}
.test-state-list .ongoing .graph-color {display:block;height:10px;border-radius:8px;background:#8fbadf;}
.test-state-list .ongoing .percent {margin:0 0 0 15px;font-size:20px;color:#000;font-weight:400;}
.test-state-list .ongoing .percent em {margin:0 0 0 3px;font-size:14px;}
.test-state-list .btn-test {float:left;overflow:hidden;width:84px;height:36px;line-height:36px;padding:0 14px 0 36px;border:1px solid #8db0ce;border-radius:3px;color:#254588;font-size:15px;letter-spacing:-1px;}
.test-state-list .btn-test.result {background:url(/webres/images/mycareer_new/btn_last_result2.png) no-repeat 10px 50%;}
.test-state-list .btn-test.continue {background:url(/webres/images/mycareer_new/ico_continue.png) no-repeat 11px 50%;}
.test-state-list .btn-test.go {background:url(/webres/images/mycareer_new/ico_gotest.png) no-repeat 10px 50%;}

.myResult-wrap.interest-result {margin:10px 0 0;}
.myResult-wrap.interest-result .result-cont {padding:26px 240px 28px 37px;background:url(/webres/images/mycareer_new/bg_interest_bx.png) no-repeat right bottom;}
.myResult-wrap.interest-result .result-cont:after {clear:both;display:block;content:'';}
.myResult-wrap.interest-result .result-cont .type-circle {float:left;width:213px;margin:4px 70px 0 0;}
.myResult-wrap.interest-result .result-cont .type-circle:after {clear:both;display:block;content:'';}
.myResult-wrap.interest-result .result-cont .type-circle li {float:left;width:113px;text-align:center;font-size:13px;color:#636363;}
.myResult-wrap.interest-result .result-cont .type-circle li:nth-child(2) {margin-left:-13px;}
.myResult-wrap.interest-result .result-cont .type-circle li .circle {display:block;width:113px;height:113px;line-height:113px;margin:0 0 7px;text-align:center;font-size:37px;color:#464646;font-weight:500;}
.myResult-wrap.interest-result .result-cont .type-circle li .circle.type1 {background:url(/webres/images/mycareer_new/bg_interest_type1.png) no-repeat 0 0;}
.myResult-wrap.interest-result .result-cont .type-circle li .circle.type2 {background:url(/webres/images/mycareer_new/bg_interest_type2.png) no-repeat 0 0;}
.myResult-wrap.interest-result .result-cont .type-circle li strong {display:block;margin:0 0 7px;font-weight:400;font-size:16px;}
.myResult-wrap.interest-result .result-cont .type-comment {float:left;width:411px;}
.myResult-wrap.interest-result .result-cont .type-comment p {line-height:24px;font-size:14px;color:#666;letter-spacing:-0.5px;}
.myResult-wrap.interest-result .result-cont .type-comment .type-color {color:#f05207;}
.myResult-wrap.interest-result .btn-last-result {display:inline-block;height:40px;line-height:40px;padding:0 20px 0 50px;margin:14px 0 0;border:1px solid #a0b5e2;border-radius:3px;background:url(/webres/images/mycareer_new/btn_last_result.png) no-repeat 17px 50%;font-size:14px;color:#103990;}
.myResult-wrap.interest-result .no-result-default {border:1px solid #bebebe;border-top:none;}

.myResult-wrap .result-cont {border:1px solid #bbbcbc;border-top:none;}
.myResult-wrap.aroplus .result-cont {height:179px;padding:3px 15px 0 14px;margin:0 0 9px;}
.myResult-wrap.aroplus .result-cont li {position:relative;padding:16px 0 16px 9px;border-top:1px solid #d1d4d6;}
.myResult-wrap.aroplus .result-cont li:first-child {border-top:none;}
.myResult-wrap.aroplus .result-cont li .test-list {display:block;background:url(/webres/images/mycareer_new/btn_arw.png) no-repeat 316px 38px}
.myResult-wrap.aroplus .result-cont li .test-title {display:block;color:#857195;font-size:16px;font-weight:500;}
.myResult-wrap.aroplus .result-cont li .test-date {position:absolute;right:7px;top:19px;font-size:13px;color:#888;}
.myResult-wrap.aroplus .result-cont li .test-item {margin:17px 0 0;line-height:23px;font-size:13px;color:#333;}
.myResult-wrap.aroplus .result-cont li .test-item .tag {display:inline-block;height:21px;line-height:19px;padding:0 9px;border:1px solid #b7b7b7;border-radius:3px;}
.myResult-wrap.aroplus .result-cont li .test-item .tag:first-of-type {margin:0 0 0 5px;}
.myResult-wrap.aroplus .result-cont li.no-result {padding:25px 0 21px 9px;}
.myResult-wrap.aroplus .result-cont li.no-result p {margin:8px 0 0;font-size:14px;color:#888;}
.myResult-wrap.aroplus .result-cont .btn-line-black {position:absolute;right:4px;top:29px;}

.myResult-wrap.consult .result-cont {position:relative;height:71px;padding:22px 45px 0 24px;}
.myResult-wrap.consult .result-cont .title {display:block;font-size:15px;color:#a65c18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.5px;}
.myResult-wrap.consult .result-cont .title a {font-size:15px;color:#333;}
.myResult-wrap.consult .result-cont .article {display:block;margin:14px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.5px;}
.myResult-wrap.consult .result-cont .article a {font-size:13px;color:#666;}
.myResult-wrap.consult .result-cont a:hover {text-decoration:underline;}
.myResult-wrap.consult .result-cont.no-result .title {padding:6px 0 0;color:#333;line-height:34px;}
.myResult-wrap.consult .result-cont.no-result .btn-line-black {position:absolute;right:20px;top:50%;margin-top:-17px;}

.myResult-wrap.interest .bx-wrapper {width:290px;border:1px solid #bbbcbc;border-top:none;}
.myResult-wrap.interest .interest-detail {height:273px;padding:36px 24px 32px 22px;}
.myResult-wrap.interest .interest-detail strong {display:block;margin:0 0 25px;text-align:center;}
.myResult-wrap.interest .interest-detail strong a {display:block;font-size:20px;color:#5c6e91;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.myResult-wrap.interest .interest-detail strong a:hover {text-decoration:underline;}
.myResult-wrap.interest .interest-detail strong .category {display:block;margin:0 0 15px;font-size:13px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400;}
.myResult-wrap.interest .interest-detail .desc {height:52px;overflow:hidden;font-size:13px;color:#666;line-height:18px;text-align:left;}
.myResult-wrap.interest .interest-detail .tag-wrap {padding:16px 0 0;margin:16px 0 0;border-top:1px solid #dfdfdf;font-size:13px;color:#333;letter-spacing:-1px;text-align:center;}
.myResult-wrap.interest .interest-detail .tag-wrap .grade {color:#ed1c24;}
.myResult-wrap.interest .interest-detail .tag-wrap .tag {display:inline-block;width:78px;height:27px;line-height:25px;margin:14px 0 0;border:1px solid #b7b7b7;border-radius:3px;font-size:12px;overflow:hidden;}
.myJinroAct .bx-wrapper .bx-pager {left:50%;bottom:32px;width:110px;margin-left:-55px;}
.myJinroAct .bx-wrapper .bx-pager.bx-default-pager a {width:21px;height:21px;margin:0 1px;background:url(/webres/images/mycareer_new/btn_bxslider.png) no-repeat 0 0;text-indent:-999999px;}
.myJinroAct .bx-wrapper .bx-pager.bx-default-pager a:hover {background:url(/webres/images/mycareer_new/btn_bxslider.png) no-repeat 0 0;}
.myJinroAct .bx-wrapper .bx-pager.bx-default-pager a.active {background:url(/webres/images/mycareer_new/btn_bxslider_current.png) no-repeat 0 0;}
.myJinroAct .bx-wrapper .bx-controls-direction a {top:inherit;bottom:32px;width:22px;height:22px;margin:0;}
.myJinroAct .bx-wrapper .bx-controls-direction a.bx-prev {left:25px;background:url(/webres/images/mycareer_new/btn_bxslider_prev.png) no-repeat 0 0;}
.myJinroAct .bx-wrapper .bx-controls-direction a.bx-next {right:21px;background:url(/webres/images/mycareer_new/btn_bxslider_next.png) no-repeat 0 0;}
.myResult-wrap.interest .no-result {border:1px solid #bbbcbc;border-top:none;height:204px;padding-top:137px;background:url(/webres/images/mycareer_new/bg_noresult.png) no-repeat 50% 50px;text-align:center;}
.myResult-wrap.interest .no-result strong {font-size:15px;color:#333;font-weight:400;}
.myResult-wrap.interest .no-result p {margin:30px 0 0;font-size:14px;color:#888;}
.myResult-wrap.interest .no-result .btn-line-black {min-width:57px;margin:30px 0 0;}

.myResult-bx.element .myResult-wrap.consult .result-cont {height:229px;text-align:center;}
.myResult-bx.element .myResult-wrap.consult .result-cont .title {text-align:left;font-weight:400;}
.myResult-bx.element .myResult-wrap.consult .result-cont .article {height:103px;white-space:normal;text-overflow:unset;line-height:20px;font-size:13px;word-break:break-all;text-align:left;}
.myResult-bx.element .myResult-wrap.consult .result-cont .btn-line-black {margin:37px auto 0;}
.myResult-bx.element .myResult-wrap.consult .result-cont.no-result {height:134px;padding:117px 0 0;background:url(/webres/images/mycareer_new/bg_noresult.png) no-repeat 50% 30px;}
.myResult-bx.element .myResult-wrap.consult .result-cont.no-result .title {padding-top:0;line-height:15px;text-align:center;}
.myResult-bx.element .myResult-wrap.consult .result-cont.no-result p {margin:10px 0 0;font-size:14px;color:#888;}
.myResult-bx.element .myResult-wrap.consult .result-cont.no-result .btn-line-black {top:inherit;bottom:20px;right:inherit;left:50%;margin-top:0;margin-left:-81px;}
.myResult-bx.element .myResult-wrap.interest .interest-detail {height:183px;}
.myResult-bx.element .myResult-wrap.interest .tag-wrap {display:none;}
.myResult-bx.element .myResult-wrap.interest .no-result {height:134px;padding-top:117px;background-position:50% 30px;}
.myResult-bx.element .myResult-wrap.interest .no-result p {margin-top:10px;}
.myResult-bx.element .myResult-wrap.interest .no-result .btn-line-black {margin-top:17px;}

.myResult-bx.normal .myResult-wrap.consult .result-cont {height:305px;padding-right:25px;padding-top:36px;}
.myResult-bx.normal .myResult-wrap.consult .result-cont .article {height:57px;line-height:20px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.myResult-bx.normal .myResult-wrap.consult .result-cont .article + .title {padding-top:35px;margin-top:35px;border-top:1px solid #dfdfdf;}
.myResult-bx.normal .myResult-wrap.consult .result-cont .title.no-data {text-align:center;color:#333;}
.myResult-bx.normal .myResult-wrap.consult .result-cont .title.no-data .btn-line-black {display:block;width:114px;margin:20px auto 0;}
.myResult-bx.normal .myResult-wrap.consult .result-cont.no-result {height:204px;padding:137px 0 0;background:url(/webres/images/mycareer_new/bg_noresult.png) no-repeat 50% 50px;text-align:center;}
.myResult-bx.normal .myResult-wrap.consult .result-cont.no-result .title {padding-top:0;line-height:15px;text-align:center;font-weight:400;}
.myResult-bx.normal .myResult-wrap.consult .result-cont.no-result p {margin:30px 0 0;font-size:14px;color:#888;}
.myResult-bx.normal .myResult-wrap.consult .result-cont.no-result .btn-line-black {position:inherit;right:inherit;top:inherit;margin-top:30px;}

.link-bx {width:100%;height:30px;padding:20px 0 18px;margin:12px 0 11px;border:1px solid #c2cad5;background:#f9fafd;}
.link-bx li {float:left;width:49%;border-left:1px solid #d4d4d4;text-align:center;line-height:28px;}
.link-bx li:first-child {border-left:none;}
.link-bx li a {display:inline-block;line-height:28px;font-size:14px;color:#68768f;letter-spacing:-0.5px;}
.link-bx li a.link01 {padding-left:33px;background:url(/webres/images/mycareer_new/ico_link01.png) no-repeat 0 50%;}
.link-bx li a.link02 {padding-left:31px;background:url(/webres/images/mycareer_new/ico_link02.png) no-repeat 0 50%;}
.link-bx li a.link03 {padding-left:28px;background:url(/webres/images/mycareer_new/ico_link03.png) no-repeat 0 50%;}
.link-bx li a.link04 {padding-left:29px;background:url(/webres/images/mycareer_new/ico_link04.png) no-repeat 0 50%;}
.link-bx li a.link05 {padding-left:24px;background:url(/webres/images/mycareer_new/ico_link05.png) no-repeat 0 50%;}
.link-bx li a.link06 {padding-left:34px;background:url(/webres/images/mycareer_new/ico_link06.png) no-repeat 0 50%;}
.link-bx li a.link07 {padding-left:25px;background:url(/webres/images/mycareer_new/ico_link07.png) no-repeat 0 50%;}
.link-bx li a.link08 {padding-left:29px;background:url(/webres/images/mycareer_new/ico_link08.png) no-repeat 0 50%;}
.link-bx li a.link09 {padding-left:40px;background:url(/webres/images/mycareer_new/ico_link09.png) no-repeat 0 50%;}
.link-bx li a.link10 {padding-left:31px;background:url(/webres/images/mycareer_new/ico_link10.png) no-repeat 0 50%;}
.link-bx.bottom-link {height:28px;padding:14px 0 13px;}
.link-bx.bottom-link li {width:24.5%;}

.myclass-bx {position:relative;border:1px solid #bebebe;background:#fff;}
.myclass-bx .num {cursor:pointer;}
.myclass-bx .tab-list {width:100%;height:42px;border-top:1px solid #cdd7d7;background:url(/webres/images/mycareer_new/bg_class_tab.png) repeat-x 0 0 #f6f8fa;}
.myclass-bx .tab-list li {float:left;height:42px;line-height:42px;padding:0 35px 0 32px;border-left:1px solid #dae1e7;}
.myclass-bx .tab-list li:first-child {border-left:none;}
.myclass-bx .tab-list li a {font-size:15px;color:#808890;}
.myclass-bx .tab-list li.on {background:#fff;}
.myclass-bx .tab-list li.on a {color:#333;}
.myclass-bx .tab-list li:last-child.on {border-right:1px solid #dae1e7;}
.myclass-bx .tab-cont {position:relative;height:225px;}
.myclass-bx .cmnt {position:absolute;right:45px;top:112px;font-size:13px;color:#888;z-index:10;}
.myclass-bx .tab-cont {position:relative;height:137px;padding:36px 33px 52px 50px;}
.myclass-bx .tab-cont ul {position:absolute;left:0;top:0;overflow:hidden;margin:0 auto;}
.myclass-bx .tab-cont ul li {float:left;width:206px !important;}
.myclass-bx .tab-cont ul li a {display:block;height:66px;padding:16px 20px 24px 18px;border:1px solid #b7b7b7;border-radius:3px;background:#fff;}
.myclass-bx .tab-cont ul li a:hover {text-decoration:underline;}
.myclass-bx .state {display:inline-block;height:28px;line-height:28px;padding:0 11px 0 12px;border-radius:3px;background:#7c89a1;color:#fff;font-size:13px;}
.myclass-bx .state.green {background: #09999d;}
.myclass-bx .class-name {display:block;height:37px;overflow:hidden;margin:14px 0 0;font-size:13px;color:#666;line-height:17px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.myJinroAct .myclass-bx .bx-wrapper {border:none;}
.myJinroAct .myclass-bx .bx-wrapper .bx-controls-direction a {top:50%;bottom:inherit;margin-top:-10px;}
.myJinroAct .myclass-bx .bx-wrapper .bx-controls-direction a.bx-prev {left:-28px;}
.myJinroAct .myclass-bx .bx-wrapper .bx-controls-direction a.bx-next {right:-26px;}
.myclass-bx .bx-title .layer-classList {display:none;position:absolute;left:145px;top:47px;width:510px;padding:15px 17px 10px 12px;border:2px solid #c5c7cc;border-radius:3px;background:#fff;z-index:910;}
.myclass-bx .bx-title .layer-classList.on {display:block;}
.myclass-bx .bx-title .layer-classList li {position:relative;padding:14px 8px 14px 19px;border-top:1px solid #e1e1e1;background:url(/webres/images/mycareer_new/bl_arw.png) no-repeat 7px 19px;color:#888;font-size:14px;}
.myclass-bx .bx-title .layer-classList li:first-child {border-top:none;}
.myclass-bx .bx-title .layer-classList li a {display:table;width:100%;font-size:14px;color:#333;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myclass-bx .bx-title .layer-classList li a span {color:#036ed6;}
.myclass-bx .bx-title .layer-classList .noti-cmnt {display:table-cell;width:70%;white-space:normal;color:#000;line-height: 18px;vertical-align:middle;}
.myclass-bx .bx-title .layer-classList .date {display:table-cell;width:20%;text-align:right;font-size:13px;color:#888;vertical-align:middle;}
.myclass-bx .bx-title .layer-classList li a:hover .noti-cmnt {text-decoration:underline;}
.myclass-bx .bx-title .layer-classList p {padding-right:5px;margin-top:15px;font-size:12px;color:#888;text-align:right;}

.myclass-bx .bx-title .btn-close-layer {position:absolute;right:10px;top:10px;width:14px;height:14px;background:url(/webres/images/mycareer_new/btn_close_layer.png) no-repeat 0 0;background-size:14px 14px;text-indent:-999999px;}
.no-result-default {padding:36px 0 30px;border-top:1px solid #cdd7d7;text-align:center;}
.no-result-default strong {font-size:15px;color:#333;font-weight:400;}
.no-result-default p {margin:22px 0 23px;font-size:14px;color:#888;}
.no-result-default a {margin-left:6px;background-position:93% 50%;}
.no-result-default a:first-of-type {margin-left:0;}

.mymentoring-bx {position:relative;margin:11px 0 0;border:1px solid #bebebe;border-radius:3px 3px 0 0;background:#fff;}
.my-tbl-list {overflow:hidden;margin-bottom:53px;border-top:1px solid #cdd7d7;border-bottom:1px solid #c5c6c8;}
.my-tbl-list table {width:100%;table-layout:fixed;}
.my-tbl-list thead th {padding:16px 20px 18px 0;font-size:14px;color:#333;text-align:center;font-weight:500;}
.my-tbl-list tbody td {padding:15px 20px 16px 0;border-top:1px solid #c5c6c8;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.5px;}
.my-tbl-list .t-left {text-align:left;}
.mymentoring-bx .my-tbl-list {border-bottom:none;}

.my-program-bx {position:relative;margin:11px 0 0;border:1px solid #bebebe;border-radius:3px 3px 0 0;background:#fff;}
.my-program-bx .sel-condition {position:relative;padding:10px 22px;border-top:1px solid #cdd7d7;background:#f6f8fa;}
.my-program-bx .sel-condition select {min-width:146px;height:29px;line-height:27px;padding:0 0 0 10px;margin:0 9px 0 0;border:1px solid #b7b7b7;vertical-align:middle;}
.my-program-bx .btn-view-all {margin-bottom:7px;}
.program-search {display:inline-block;width:18px;height:18px;margin-right:12px;background:url(/webres/images/mycareer_new/ico_search.png) no-repeat 0 0;vertical-align:middle;text-indent:-999999px;}
.my-program-bx .selected-local {position:absolute;right:14px;top:10px;}
.my-program-bx .selected-local .local {display:inline-block;padding:0 0 0 15px;margin-right:5px;background:url(/webres/images/mycareer_new/ico_local.png) no-repeat 0 8px;font-size:13px;color:#7d7d7d;line-height:28px;vertical-align:middle;font-weight:500;}
.my-program-bx .selected-local .btn-local-set {display:inline-block;height:28px;line-height:28px;padding:0 16px;font-size:13px;vertical-align:middle;}
.my-program-bx .selected-local .btn-local-set.close {background:#f26c4f;color:#fff;}
.my-program-bx .selected-local .btn-local-set.view {background:#7c89a1;color:#fff;}

.program-slide-wrap {position:relative;height:199px;padding:27px 63px 64px 65px;border-top:1px solid #dae1e7;}
.program-slide-wrap ul {position:absolute;left:0;top:0;margin:0 auto;overflow:hidden;}
.program-slide-wrap li {float:left;width:276px !important;height:199px;}
.program-slide-wrap li a {position:relative;display:block;height:123px;padding:49px 36px 18px 38px;border:1px solid #b7b7b7;border-radius:3px;text-align:center;}
.program-slide-wrap li a:hover {text-decoration:underline;}
.program-slide-wrap .bx-wrapper {border:none;}
.program-slide-wrap .bx-wrapper .bx-controls-direction a {top:50%;bottom:inherit;margin-top:-10px;}
.program-slide-wrap .bx-wrapper .bx-controls-direction a.bx-prev {left:-31px;}
.program-slide-wrap .bx-wrapper .bx-controls-direction a.bx-next {right:-31px;}
.program-slide-wrap .pay-type {position:absolute;left:17px;top:15px;display:inline-block;height:22px;line-height:22px;padding:0 6px 0 7px;border-radius:3px;color:#fff;font-size:13px;}
.program-slide-wrap .pay-type.free {background:#979498;}
.program-slide-wrap .pay-type.cahrge {background:#c45b0d;}
.program-slide-wrap .grade-type {position:absolute;right:14px;top:14px;display:inline-block;height:22px;line-height:22px;padding:0 7px 0 8px;border:1px solid #b7b7b7;border-radius:11px;font-size:12px;color:#000;}
.program-slide-wrap .title {display:-webkit-box;height:72px;overflow:hidden;line-height:23px;margin:0 0 15px;color:#000;font-size:18px;font-weight:400;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.program-slide-wrap .title em {display:block;margin:0 0 9px;font-size:13px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.program-slide-wrap .local {display:block;margin:0 0 11px;font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.program-slide-wrap .date {display:inline-block;line-height:15px;padding:0 0 2px 19px;background:url(/webres/images/mycareer_new/ico_time.png) no-repeat 0 1px;font-size:13px;color:#333;letter-spacing:-0.5px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .program-slide-wrap .title {display:block;} }
.program-slide-wrap .title {display:block\0/IE9;}

.program-info-bx {padding:29px 23px 22px;margin:12px 0 0;border:1px solid #bbbcbc;background:#f2f2f7;text-align:center;font-size:14px;color:#666;}
.program-info-bx .title {display:inline-block;height:51px;line-height:51px;padding:0 50px 0 54px;margin:0 0 24px;border-radius:22px;background:#6973c3;color:#fff;font-size:20px;}
.program-info-list {width:100%;height:190px;margin:30px 0 0;}
.program-info-list li {float:left;width:297px;height:100%;overflow:hidden;margin-left:17px;border:1px solid #e9f1f3;border-radius:8px;text-align:left;letter-spacing:-0.5px;-webkit-box-shadow: 1px 1px 3px 0px rgba(51,124,148,0.15);-moz-box-shadow: 1px 1px 3px 0px rgba(51,124,148,0.15);box-shadow: 1px 1px 3px 0px rgba(51,124,148,0.15);}
.program-info-list li:first-child {margin-left:0;}
.program-info-list li.program1 {background:url(/webres/images/mycareer_new/img_elem_program01.png) no-repeat 0 0;}
.program-info-list li.program2 {background:url(/webres/images/mycareer_new/img_elem_program02.png) no-repeat 0 0;}
.program-info-list li.program3 {background:url(/webres/images/mycareer_new/img_elem_program03.png) no-repeat 0 0;}
.program-info-list li strong {display:block;margin:55px 0 8px 23px;font-size:20px;color:#000;font-weight:400;}
.program-info-list li strong em {display:block;margin:0 0 8px;color:#282bc3;font-size:14px;}
.program-info-list li.program3 strong {margin-top:35px;}
.program-info-list li .cmnt {height:33px;overflow:hidden;margin:0 0 0 19px;font-size:13px;color:#666;line-height:18px;}
.program-info-list .btn-go-program {display:inline-block;height:30px;line-height:30px;padding:0 35px 0 21px;margin:16px 0 0 23px;background:url(/webres/images/mycareer_new/btn_arw3.png) no-repeat 90% 50% #2ba292;border-radius:13px;color:#fff;font-size:14px;2018-12-05}
.program-info-list li.program1 .btn-go-program {background-color:#2ba292}
.program-info-list li.program2 .btn-go-program {background-color:#17a1d7}
.program-info-list li.program3 .btn-go-program {background-color:#5e61df}

.interest-result-bx {position:relative;margin:10px 0 0;background:#fff;}

.myclass-bx .btn-view-all,
.mymentoring-bx .btn-view-all,
.my-program-bx .btn-view-all {position:absolute;bottom:11px;left:0;width:100%;text-align:center;}
.mymentoring-bx .btn-view-all {padding-top:11px;border-top:1px solid #c5c6c8}
.myclass-bx .btn-view-all a,
.mymentoring-bx .btn-view-all a,
.my-program-bx .btn-view-all a {display:inline-block;height:28px;line-height:28px;padding:0 27px 0 30px;border:1px solid #b9b9b9;border-radius:14px;background:#fff;font-size:13px;color:#888;text-align:center;}
.btn-line-black {display:inline-block;min-width:112px;height:34px;line-height:32px;padding:0 32px 0 15px;border:1px solid #666;border-radius:3px;background:url(/webres/images/mycareer_new/btn_arw2.png) no-repeat 90% 50% #fff;font-size:14px;letter-spacing:-0.5px;}
.btn-my-local {display:inline-block;height:29px;line-height:29px;padding:0 18px 0 30px;background:url(/webres/images/mycareer_new/ico_star.png) no-repeat 13px 9px #0e82ad;color:#fff;font-size:13px;vertical-align:middle;}
.btn-my-local.on {background-color:#0e82ad;}

.myResult-wrap.teacher .bx-title .class-tip{width:18px;height:18px;background:#fff;display:inline-block;border-radius: 50%;text-align: center;line-height: 18px;}
.myResult-wrap.teacher .bx-title .tooltip-bx {display:none;position:absolute;left:110px;bottom:45px;width:430px;padding:11px 16px;border:1px solid #b7b7b7;border-radius:3px;background:#fff;font-size:13px;color:#888;line-height:18px;word-break:keep-all;letter-spacing:-0.5px;z-index:10;}
.myResult-wrap.teacher .bx-title .class-tip:hover + .tooltip-bx {display:block;}
.myResult-wrap.teacher .bx-title .tooltip-bx .tooltip-block {display:block;margin:10px 0 0;line-height:18px;}
.myResult-wrap.teacher .bx-title .tooltip-bx .tooltip-block strong {display:block;margin-bottom:5px;color:#000;font-weight:400;}
.myResult-wrap.teacher .bx-title .tooltip-bx .tail {display:block;position:absolute;left:20px;bottom:-13px;width:8px;height:13px;background:url(/webres/images/mycareer_new/img_tooltip_tail.png) no-repeat 0 0;}

.teacher .result-cont {margin:0 0 50px;border:1px solid #dde4eb;border-top:none;background:#fafbfc;padding:25px;}
.teacher .result-cont .select-both {position:relative;height:305px;}
.teacher .result-cont .select-both:after{content:'';display:block;clear:left;}
.teacher .result-cont h4{font-size:18px;text-align:center;color:#000;padding:0 0 15px 0;font-family: "Noto Sans KR";}
.teacher .left-wrap{float:left;width:53%;}
.teacher .right-wrap{float:right;width:42%;position:relative;}
.teacher .right-wrap:before{display:block;content:'';position:absolute;left:-48px;top:140px;width:40px;height: 64px;background:url(/webres/images/mycareer_new/tch-right.png)  10px 16px no-repeat;}
.teacher .result-cont .step-box{border:1px solid #7d8382;background:#fff;}
.teacher .result-cont .step-box-ctg{border-bottom:1px solid #ccd4dc;padding:10px 15px;background:#fbfdfd;}
.teacher .result-cont .step-box-ctg select{height:33px;border:1px solid #b7b7b7;font-size:14px;width:143px;}
.teacher .result-cont .step-box-ctg input{width:265px;height:27px;border:1px solid #b7b7b7;font-size:14px;text-indent:5px;letter-spacing:-1px;}
.teacher .result-cont .left-wrap .step-box-ctg input{width:215px}
.teacher .result-cont .step-box-ctg .btn-ctg-search{width:83px;height:32px;line-height:29px;display:inline-block;background:#7d8382;font-size:14px;vertical-align:middle;text-align:center;color:#fff;margin-left:5px;}
.teacher .result-cont .step-box-list{height:215px;overflow-y:auto;}
.teacher .result-cont .step-box-list li{height:39px;border-top:1px solid #fff;border-bottom:1px solid #fff;line-height:39px;position:relative;}
.teacher .result-cont .step-box-list li.active{border-top:1px solid #c88d2f;border-bottom:1px solid #c88d2f;background:#fff3e3 url(/webres/images/mycareer_new/tch-arw.png)  10px 16px no-repeat;}
.teacher .result-cont .step-box-list li a{font-size:14px;display:block;line-height:39px;}
.teacher .result-cont .step-box-list li a.step-select{overflow:hidden;width:360px;padding:0 0 0 22px;white-space:nowrap;text-overflow:ellipsis;}
.teacher .result-cont .step-box-list li a.btn-class-admin{display:none;position:absolute;right:6px;top:6px;border:1px solid #cacaca;background:#fff;width:78px;height:24px;line-height:24px;border-radius:3px;text-align:center;}
.teacher .result-cont .right-wrap .step-box-list li a.step-select {width:302px;}
.teacher .result-cont .step-box-list li.active a.btn-class-admin{display:inline-block;}
.teacher .result-cont .select-both .no-data {width:100%;height:85px;padding:130px 0 0;background:url(/webres/images/mycareer_new/bg_noresult.png) no-repeat 50% 40px;text-align:center;font-size:15px;color:#888;}
.teacher .result-cont .select-both .no-data.student {background-image:url(/webres/images/mycareer_new/bg_noresult2.png);}
.teacher .result-cont .select-both .no-data strong {display:block;margin:0 0 10px;font-weight:400;color:#333;}
.teacher .result-cont .select-both .no-data a {font-size:15px;color:#888;}
.teacher .result-cont .select-both .no-data a:hover {text-decoration:underline;}
.teacher .play-bin {margin:31px 0 0;}
.teacher .player {margin:0 0 16px;font-size:18px;color:#000;}
.teacher .player strong {color:#d4460e;}
.teacher .tch-tit {margin:0 0 16px;font-size:18px;color:#198874;font-weight:500;}
.teacher .play-box {position:relative;width:926px;border:1px solid #bebebe;background:#fff;}
.teacher .play-box.management {width:882px;padding:17px 17px 15px 27px;}
.teacher .play-box.management:after {clear:both;display:block;content:'';}
.teacher .play-box.management .left {float:left;width:526px;}
.teacher .play-box.management h5 {padding:0 0 0 14px;margin:8px 0 15px;background:url(/webres/images/mycareer_new/bl_arw_green.png) no-repeat 0 2px;font-size:16px;color:#333;font-family:"Noto Sans KR";}
.teacher .play-box.management .lt {font-size:14px;color:#000;line-height:26px;}
.teacher .btn-class-add {float:right;width:336px;height:104px;}
.teacher .btn-class-add li {float:left;width:102px;height:102px;margin:0 0 0 12px;border:1px solid #9eaebe;border-radius:5px;background:#fff;text-align:center;}
.teacher .btn-class-add li:first-child {margin-left:0;}
.teacher .btn-class-add li a {position:relative;display:block;vertical-align:middle;height:79px;padding:23px 0 0;font-size:14px;color:#637883;line-height:15px;}
.teacher .btn-class-add li:nth-child(2) a {height:89px;padding-top:13px;}
.teacher .btn-class-add li a span {position:absolute;bottom:0;left:0;display:block;width:102px;height:59px;background:url(/webres/images/mycareer_new/bg_class_add.png) no-repeat center 12px;text-indent:-9999px;}
.teacher .play-box .ct {padding:35px 0 32px;vertical-align:middle;font-size:14px;line-height:26px;text-align:center;letter-spacing:-0.5px;}
.teacher .play-box .my-tbl-list {border-top:none;}
.teacher .play-box .my-tbl-list thead th {background:#f6f8fa;}
.teacher .play-box .my-tbl-list tbody td {color:#666;}
.teacher .play-box .btn-view-all {position:absolute;bottom:11px;left:0;width:100%;text-align:center;}
.teacher .play-box .btn-view-all a {display:inline-block;height:28px;line-height:28px;padding:0 27px 0 30px;border:1px solid #b9b9b9;border-radius:14px;background:#fff;font-size:13px;color:#888;text-align:center;}
.teacher .class-open-bx {padding:29px 0 6px;text-align:center;}
.teacher .class-open-bx strong {display:block;margin:0 0 26px;font-size:18px;color:#198874;font-weight:400;}
.teacher .class-open-bx p {font-size:14px;color:#333;line-height:24px;}
.teacher .class-open-bx .btn-class-add {float:none;margin:23px auto 0;}
.teacher .join-info-bx {position:relative;padding:32px 48px 36px 147px;border-top:1px solid #dde4eb;background:url(/webres/images/mycareer_new/bg_teacher_joinbx.png) no-repeat left top #fafbfc;font-size:14px;color:#666;}
.teacher .join-info-bx strong {display:block;margin:0 0 24px;font-size:22px;color:#198874;line-height:29px;font-weight:500;}
.teacher .join-info-bx p {line-height:23px;}
.teacher .join-info-bx .join-btn-wrap {position:absolute;right:48px;top:32px;}
.teacher .btn-join {display:inline-block;height:52px;padding:0 18px 0 26px;margin:0 0 0 5px;border:1px solid #637883;border-radius:5px;background:#fff;color:#637883;font-size:16px;line-height:52px;letter-spacing:-0.5px;}
.teacher .btn-join .arw {display:inline-block;width:10px;height:15px;vertical-align:middle;margin:-4px 0 0 18px;background:url(/webres/images/mycareer_new/btn_arw4.png) no-repeat 0 0;}
.teacher .btn-join.black {background:#637883;color:#fff;}
.teacher .btn-join.black .arw {background:url(/webres/images/mycareer_new/btn_arw5.png) no-repeat 0 0;}
.teacher .service-title {margin:0 0 17px 4px;font-size:16px;color:#333;font-weight:500;font-family:"Noto Sans KR";}
.teacher .service-list {overflow:hidden;margin-top:20px;padding:9px;border:1px solid #eaeaea;background:#f4f4f4;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.teacher .service-list li {float:left;margin:2px;}
.teacher .service-list li a {position:relative;overflow:hidden;display:block;width:234px;height:152px;border:1px solid #dedede;background:url(/webres/images/mycareer_new/bg_banner.gif) repeat;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.teacher .service-list li a img {vertical-align:middle;}

/* 나의 학생 활동 */
.mcr_navgation {width:100%; height:100%; display:flex; /*background:url(/webres/images/mycareer_new/bg_mcr_navgation.png) repeat-y 0 0;*/}
.mcr_navgation:after {clear:both;display:block;content:'';}
.mcr_navgation dl.mcr_nav01,
.mcr_navgation dl.mcr_nav02,
.mcr_navgation dl.mcr_nav03,
.mcr_navgation dl.mcr_nav04 {width:100%; height:100%;}
.myStudentAct-cont .mine_life_title {display:table;}
.myStudentAct-cont .mine_life_title span {display:table-cell;padding-top:0;line-height:18px;font-weight:300;vertical-align:middle;}
.act-srch-bx {padding:31px 0 34px;margin:35px 0 0;border:1px solid #b6c1cd;text-align:center;}
.act-srch-bx .srch-title {display:block;margin:0 0 20px;font-size:18px;color:#4f6eb0;font-weight:400;}
.act-srch-bx input[type=text] {display:inline-block;width:352px;height:30px;line-height:28px;border:1px solid #ddd;padding:0 0 0 10px;font-family:'Noto Sans KR';font-size:12px;vertical-align:middle;}
.act-srch-bx input[type=text]::-webkit-input-placeholder {color:#666;}
.act-srch-bx input[type=text]::-moz-placeholder {color:#666;}
.act-srch-bx input[type=text]:-ms-input-placeholder {color:#666;}
.act-srch-bx input[type=text]:-moz-placeholder {color:#666;}
.act-srch-bx .btn-act-srch {display:inline-block;height:28px;line-height:28px;padding:0 43px 0 42px;margin-left:2px;border:1px solid #6e8196;border-right-color:#1d3752;border-bottom-color:#1a324b;border-left-color:#48607c;text-align:center;color:#fff;font-size:13px;vertical-align:middle;
background: rgba(87,120,156,1);
background: -moz-linear-gradient(top, rgba(87,120,156,1) 0%, rgba(74,106,141,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,120,156,1)), color-stop(100%, rgba(74,106,141,1)));
background: -webkit-linear-gradient(top, rgba(87,120,156,1) 0%, rgba(74,106,141,1) 100%);
background: -o-linear-gradient(top, rgba(87,120,156,1) 0%, rgba(74,106,141,1) 100%);
background: -ms-linear-gradient(top, rgba(87,120,156,1) 0%, rgba(74,106,141,1) 100%);
background: linear-gradient(to bottom, rgba(87,120,156,1) 0%, rgba(74,106,141,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57789c', endColorstr='#4a6a8d', GradientType=0 );
}
.act-srch-bx .btn-act-srch .icon {display:inline-block;width:15px;height:14px;margin-right:6px;background:url(/webres/images/mycareer_new/icon_search_act.png) no-repeat 0 0;vertical-align:text-bottom;}
.act-srch-bx .srch-result-bx {position:relative;padding:15px 20px;margin:20px 20px 0;border:1px solid #dfe9f3;background:#f6f8fa;}
.act-srch-bx .srch-result-bx:after {clear:both;display:block;content:'';}
.act-srch-bx .srch-result-bx .img-profile {float:left;display:block;width:45px;height:45px;overflow:hidden;margin:0 30px 0 0;border-radius:100%;;background:url(/webres/images/mycareer_new/@profile.jpg) no-repeat 0 0;background-size:45px 45px;text-align:center}
.act-srch-bx .srch-result-bx .img-profile img {width:45px;height:45px;;}
.act-srch-bx .srch-result-bx .student-info {float:left;display:block;margin:0 30px 0 0;line-height:45px;font-size:14px;color:#333;}
.act-srch-bx .srch-result-bx .btn-wrap {position:absolute;right:20px;top:22px;}
.act-srch-bx .srch-result-bx .btn-wrap .btn-type7 {width:60px;}
.service-item-info {padding:8px 20px;margin:50px 0 0;border:1px solid #dfe9f3;background:#f6f8fa;}
.service-item-info:after {clear:both;display:block;content:'';}
.service-item-info .info-title {display:inline-block;padding:4px 0;font-size:13px;color:#5a738f;font-weight:500;}
.service-item-info .service-icon-wrap {float:right;}
.service-item-info .service-icon-wrap li {float:left;margin:0 0 0 20px;font-size:12px;color:#5a738f;line-height:20px;}
.service-item-info .service-icon-wrap li .service-icon {margin-right:3px;}
.service-icon {display:inline-block;width:18px;height:18px;line-height:20px;border-radius:100%;text-align:center;color:#fff;font-family:'돋움' !important;font-size:11px;}
.service-icon.planner {border:1px solid #436dd1;background:#547fe5;}
.service-icon.mentoring {border:1px solid #078695;background:#069eaf;}
.service-icon.yeep {border:1px solid #e23f24;background:#fe5539;}
.myStudentAct-cont .board_list_top {margin-top:30px;margin-bottom:5px;}
.myStudentAct-cont .board_list_top .table_top_info_left {padding:0;line-height:26px;}
.myStudentAct-cont .board_list_top .list_top_right {line-height:26px;}
.myStudentAct-cont .board_list_top .list_top_right select {height:26px;padding:0 10px;border:1px solid #dadee1;}
.myStudentAct-cont .pagination a {height:11px;vertical-align:text-bottom;line-height:8px;}
.myStudentAct-cont .pagination strong {height:11px;margin-right:-7px;vertical-align:text-bottom;line-height:8px;}
.act-srch-nodata {padding:50px 0;margin:30px 0 0;border:1px solid #dfe9f3;text-align:center;}
.act-srch-nodata strong {display:block;padding:87px 0 0;background:url(/webres/images/mycareer_new/bg_noresult.png) no-repeat center 0;font-size:15px;color:#333;font-weight:500;letter-spacing:-0.5px;}
.act-srch-nodata .txt {margin:29px 0 0;color:#888;font-size:14px;letter-spacing:-0.5px;}
.act-srch-nodata .brn-act-reSrch {display:inline-block;height:34px;line-height:34px;padding:0 19px 0 17px;margin:30px 0 0;border:1px solid #666;border-radius:3px;font-size:14px;color:#333;}
.act-srch-nodata .ico-arw {display:inline-block;width:7px;height:11px;margin-left:15px;background:url(/webres/images/mycareer_new/btn_arw2.png) no-repeat 0 0;}
.myStudentAct-cont .board_list.view tr:hover td {background:none;}
.myStudentAct-cont .board_list.view .class-list li {line-height:18px;}
.myStudentAct-cont .board_list.view {border-top:solid 1px #b5c3ce;}
.myStudentAct-cont .board_list.view table {border-top:none;}
.myStudentAct-cont .board_list.view th,
.myStudentAct-cont .board_list.view td {border-bottom:solid 1px #e2e7ed;}
.myStudentAct-cont .act-date-srch {display:inline;;height:30px;}
.myStudentAct-cont .act-date-srch dt {display:table-cell;width:70px;color:#ff6633;font-size:14px;line-height:30px;vertical-align:middle;text-align:left;}
.myStudentAct-cont .act-date-srch dd {display:table-cell;vertical-align:middle;}
.myStudentAct-cont .act-date-srch dd input[type=text] {width:124px;height:28px;}
.myStudentAct-cont .act-date-srch dd span {margin:0 10px;}
.myStudentAct-cont .act-date-srch + .btn-act-srch {vertical-align:top;}
.myStudentAct-cont .board_list.view + .act-srch-bx {margin-top:80px;}
.myStudentAct-cont .tab-notice-txt {position:relative;margin:26px 0 0;}
.myStudentAct-cont .tab-notice-txt .cmnt-gray {font-size:16px;color:#666;letter-spacing:-0.5px;}
.myStudentAct-cont .tab-notice-txt .cmnt-orange {margin:6px 0 0;font-size:12px;color:#ff6634;}
.myStudentAct-cont .tab-notice-txt .btn-relation-info {position:absolute;right:0;bottom:0;display:inline-block;height:27px;padding:0 20px;border:1px solid #dfe2e5;border-radius:3px;background:#fbfcfc;color:#606060;font-size:13px;line-height:27px;}
.myStudentAct-cont .tab-notice-txt + .act-srch-bx {margin-top:18px;}
.myStudentAct-cont .btn-srchbx {display:inline-block;height:29px;line-height:29px;padding:0 25px;border:1px solid #d7d7d7;border-radius:3px;background:#fff;font-size:14px;color:#606060;}
.myStudentAct-cont .btn-srchbx:hover{border:1px solid #d7d7d7;background:#f6f6f6;}
.myStudentAct-cont .radio-sel-wrap {margin:15px 0;font-size:14px;}
.myStudentAct-cont .radio-sel-wrap input[type=radio] {margin:0 0 0 30px;}
.myStudentAct-cont .radio-sel-wrap label {margin:0 0 0 2px;}
.myStudentAct-cont .relation_wrap li .img {position:relative;width:86px;height:98px;padding:0;background:url(/webres/images/mycareer_new/@profile_58.png) no-repeat center 20px #f9f9f9;background-size:58px 58px;}
.myStudentAct-cont .relation_wrap li .img img {position:absolute;left:50%;top:50%;width:58px;height:58px;margin-left:-29px;margin-top:-29px;border-radius:100%;overflow:hidden;}
.myStudentAct-cont .relation_wrap li .img .icon-new {position:absolute;top:16px;right:10px;display:block;width:20px;height:20px;background:url(/webres/images/mycareer_new/ico_new_relation.png) no-repeat 0 0;text-indent:-999999px;}
.myStudentAct-cont .relation_wrap li .img .relation-type {position:absolute;left:0;bottom:0;width:86px;height:16px;line-height:16px;font-size:11px;color:#fff;text-align:center;}
.myStudentAct-cont .relation_wrap li .img .relation-type.parent {background:#2ba292;}
.myStudentAct-cont .relation_wrap li .img .relation-type.child {background:#17a1d7;}
.myStudentAct-cont .relation_wrap li .relation_con .name {margin-top:25px;}
.myStudentAct-cont .relation_wrap li .relation_con .date {margin-top:12px;}

/* 교사플래너 */
.tplan-new-cont .tbl-type2.cm table th {padding-left:30px;}
.tplan-new-cont .tbl-type2.cm table input[type=radio],
.tplan-new-cont .tbl-type2.cm table label {vertical-align:middle;}
.tplan-new-cont .tbl-type2.cm table input[type=radio] {margin-top:0;}
.tplan-new-cont .tbl-type2.cm table input[type=radio] + label + .tip-txt {margin-left:20px;}
.tplan-new-cont .tbl-type2.cm table label + input[type=radio] {margin-left:15px;}
.tplan-new-cont .tbl-head-info {margin-top:33px;}
.tplan-new-cont .class-stud-admin.tbl-type2 table td {letter-spacing:-0.5px;}
.tplan-new-cont .class-stud-admin.tbl-type2 .sta .sta_li strong {margin:0 10px 0 0;}

.popup-content {padding:25px 20px;}
.popup-content .ui-title {font-size:24px;line-height:normal;text-align:left;}
.popup-content.tplan-new-cont .tab-style.tab02 li {width:50%;}
.popup-content.tplan-new-cont .tab-style.tab03 {margin-top:20px;}
.popup-content.tplan-new-cont .tab-style.tab03 li {width:33.3%;margin-top:0;}
.tplan-new-cont .tab-cont-wrap {padding:30px 0 0;}
.tplan-new-cont .notice-txt {font-size:16px;text-align:center;color:#f67229;letter-spacing:-0.5px;}
.tplan-new-cont .notice-txt + .act-srch-bx {margin-top:20px;}
.tplan-new-cont .tbl-type2.gray-line {border-top:1px solid #d1d1d1;}
.tplan-new-cont .tbl-type2.gray-line thead th {border-bottom:1px solid #d1d1d1;background:#f9fafc;}
.tplan-new-cont .tbl-type2.gray-line tbody td {padding-top:10px;padding-bottom:10px;}
.tplan-new-cont .tbl-type2.gray-line thead th:first-child,
.tplan-new-cont .tbl-type2.gray-line tbody td:first-child {padding-left:0;}
.tplan-new-cont .tbl-type2.gray-line .no-result td {padding:35px 0 39px;}
.tplan-new-cont .btn-type7.small {width:98px;height:29px;padding:0;line-height:29px;}
.tplan-new-cont .scroll-bx {max-height:260px;overflow-y:auto;}
.tplan-new-cont .tbl-type2.ntbl th:first-child,
.tplan-new-cont .tbl-type2.ntbl th {padding-left:30px;text-align:left;}
.tplan-new-cont .classId-item {position:relative;display:inline-block;}
.tplan-new-cont .btn-info-id {display:inline-block;width:16px;height:16px;line-height:14px;border:1px solid #d4d4d4;border-radius:100%;overflow:hidden;text-align:center;color:#f88b55;font-size:12px;vertical-align:text-top;font-weight:700;}
.tplan-new-cont .btn-info-id:hover {text-decoration:none;}
.tplan-new-cont .layer-info-id {display:none;position:absolute;top:33px;right:-165px;padding:30px;border:1px solid #d1d1d1;background:#f9fafc;z-index:100;}
.tplan-new-cont .layer-info-id.on {display:block;}
.tplan-new-cont .layer-info-id .tail {position:absolute;top:-8px;right:167px;display:block;width:11px;height:8px;background:url(/webres/images/mycareer_new/img_tplan_infoId_tail.png) no-repeat 0 0;}
.tplan-new-cont .layer-info-id strong {display:inline-block;font-size:16px;color:#333;border-bottom:1px solid #000;line-height:22px;}
.tplan-new-cont .layer-info-id .info-txt {margin:10px 0;font-size:13px;line-height:18px;letter-spacing:-0.5px;}
.color-blue {color:#036ed6;}
.tplan-new-cont .tbl-type2 table tr.no-result td {padding:35px 0 39px !important;}

.tplan-new-cont .guide-list {width:100%;}
.tplan-new-cont .guide-list li {position:relative;padding-left:35px;font-size:18px;color:#555;font-weight:600;letter-spacing:-0.5px;word-break:keep-all;}
.tplan-new-cont .guide-list li li {padding-left:0;text-align:left;font-size:14px;letter-spacing:-1px;}
.tplan-new-cont .guide-list .guide-num {position:absolute;left:0;top:2px;display:block;width:26px;height:26px;line-height:26px;border-radius:100%;background:#4a5162;font-size:16px;color:#fff;text-align:center;}
.tplan-new-cont .guide-list .pic-guide {overflow:hidden;padding:20px;margin:20px 0 30px -35px;border:1px solid #d1d1d1;text-align:center;}
.tplan-new-cont .guide-list .inner-pic-guide {padding:20px;margin:20px 0 30px;background:#f5f7fa;text-align:center;}
.tplan-new-cont .guide-list .inner-cmnt {margin:20px 0 0;text-align:left;color:#036ed6;font-size:13px;line-height:18px;}
.tplan-new-cont .guide-cmnt-bx {padding:20px;margin:0 0 20px;border:1px solid #dfe9f3;background:#f6f8fa;word-break:keep-all;}
.tplan-new-cont .guide-cmnt-bx .color-blue {color:#036ed6;}

.pagecur { font-weight: bolder !important; }


/* 2021.09 진로활동 영역 변경  */
.myResult-wrap.aroplus .result-cont{height:87px; padding:4px 15px 0 14px}
.myResult-wrap.aroplus .result-cont li.no-result{padding:22px 0 21px 9px;}
.myResult-wrap.aroplus .result-cont .btn-line-black{top:26px;}
.myResult-wrap.aroplus.consult .result-cont{height: 183px; padding-top:0;}
.myResult-wrap.aroplus.consult .result-cont li{padding-top:18px;}
.myResult-wrap.aroplus.consult .result-cont .test-title{color: #a65c18;}
.myResult-wrap.aroplus .result-cont li .test-item{width:310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.myResult-wrap.aroplus .result-cont li .test-item .test-state{font-weight: 500; margin-right:5px;}
.myResult-wrap.aroplus .result-cont li .test-list{background:url(/webres/images/mycareer_new/btn_arw02.png) no-repeat 316px 38px;}
.myResult-wrap.aroplus .result-cont li.no-result p{margin:0}
.myResult-wrap.aroplus.consult .result-cont li.no-result p{margin:8px 0 0;}