@charset "utf-8";

/* 참가신청 */
.contest-info-txt{position:relative;padding:60px 0;overflow:hidden;}
.contest-info-txt p{font-size:16px;font-weight:500;line-height: 1.7;}
.contest-info-txt p strong{color:#3475cf;font-weight:500;}
.contest-info-txt .tel{display:block;padding:16px 0 0 20px;color:#666;background: url(../images/co/bg_tel.png) no-repeat 0 21px;}
.contest-info-txt .btn-white{position:absolute;right:0;top:70px;}

.contest-application{overflow:hidden;margin:60px 0 0;padding:60px 0;background:#fcfcfc;text-align:center;color:#666;font-size:18px;}
.contest-application p{color:#666;}
.contest-application .scmt{padding:10px 0 0;color:#666;font-size:16px;}
.contest-application .state{display:block;padding:30px 0 0;color:#3475cf;}
.contest-application a{margin-top:30px;display:inline-block;min-width:155px;height:39px;line-height:38px;font-weight:500;background:#5e6d82;color:#fff;font-size:16px;}
.contest-application .nonmb {margin-top:30px;}
.contest-application .nonmb a {margin:0 5px;min-width:160px;height:37px;line-height:37px;padding:0;font-size:18px;}
.contest-application .nonmb a.btn-big-white {background:#fff;color:#5e6d82;}
.contest-application .nonmb a.btn-big-orange {background:#fb5b1c;color:#fff;line-height:39px;}

.data-board td .entry-form{position:relative; padding-bottom:25px; border:1px solid #dcdcdc;}
.data-board td .entry-form .txt{position:absolute;right:20px;bottom:5px;font-weight:500;}
.data-board td .entry-form .txt em{font-weight:500;color:#fb5b1c;}
.data-board td .entry-form textarea.textarea{border:0;}
.data-board td.file-wrap > div{display:block;width:400px;}
.data-board td.file-wrap > div:after{content:'';display:block;clear:both;width:100%;overflow:hidden;}
.data-board td.file-wrap > div:first-child{margin-top:0;}
.data-board td.file-wrap .file-input:focus,
.data-board td.file-wrap .file-input input:focus,
.data-board td.file-wrap .file-input label:focus {border:1px dotted blue;}
.data-board td.file-wrap .cmt a u{color: #f17f21;}

.bright300-joinbox {padding:42px 42px 37px 45px;margin:40px 0 0;border:1px solid #d7d7d7;}
.bright300-joinbox .heading {height:43px;border-bottom:1px solid #000;}
.bright300-joinbox .heading strong {float:left;display:block;padding:5px 0 17px 62px;background:url(../images/co/bg_bright300.png) no-repeat 10px 0;font-size:22px;font-weight:500;color:#000;}
.bright300-joinbox .heading .chk-area {float:right;margin:7px 4px 0 0;}
.bright300-joinbox .heading .chk-area .first {margin:0 20px 0 0;}
.bright300-joinbox .bright-cont {padding:29px 0 0;}
.bright300-joinbox .bright-cont .greeting {font-size:15px;line-height:26px;color:#333;font-weight:500;}
.bright300-joinbox .notice-list {margin:31px 0 27px;}
.bright300-joinbox .notice-list li:first-child {margin-bottom:5px;}
.bright300-joinbox .notice-list li .tit {display:inline-block;width:116px;color:#1e73c6;font-weight:500;}
.bright300-joinbox .notice-list li .desc {display:inline-block;margin:0 0 0 12px;font-weight:500;}
.bright300-joinbox .notice-list li .desc .etc {display:inline-block;margin:0 9px 0 8px;color:#666;}
.bright300-joinbox .notice-list-small {line-height:24px;color:#666;}

.bright300-joinbox.clone-flag-none{padding: 34px 34px 20px;margin: 20px 0;}
.bright300-joinbox.clone-flag-none .heading strong {background: none;padding: 0;font-size: 18px;}
.bright300-joinbox.clone-flag-none .bright-cont{padding: 15px 0 0;}
.bright300-joinbox.clone-flag-none .notice-list{margin: 15px 0;}
.bright300-joinbox.clone-flag-none .notice-list li:nth-child(2){padding: 5px 0 0 0;}
.bright300-joinbox.clone-flag-none .notice-list li:nth-child(3){padding: 10px 0 0 0;}
.bright300-joinbox.clone-flag-none .notice-list li .desc{vertical-align: top;}


/* 신청서 작성 */
.application-form-title { margin-top:60px; padding:76px 0 39px; background:url(../images/co/bg_application_form.png) no-repeat 50% 0; font-size:24px; font-weight:500; line-height:26px; text-align:center; }
.application-form-area > strong { display:inline-block; padding-top:4px; font-size:14px; font-weight:500; line-height:57px; color:#000; }
.application-form-area > strong > span { display:inline-block; width:21px; height:21px; margin:0 5px 0 8px; background: url(../images/common/checkbox.png) no-repeat 0 0; font-size:0; line-height:0; vertical-align:16px; }
.application-form-area li + li { padding-top:7px; }

/* 게시판 내용 */
.notice-content .notice-title { display:block; margin-top:25px; padding:0 0 13px 32px; background:url(../images/co/bl_notice_content_title.png) no-repeat 0 1px; font-size:15px; font-weight:500; color:#000; }
.notice-content .notice-title:first-child { margin-top:0; }
.notice-content .notice-img { padding:17px 0 4px; }
.notice-content .notice-img img {max-width: 100%;}
.notice-content .notice-img .notice-video {width: 480px;height: 254px;position: relative;}	
.notice-content .notice-img .notice-video a{display:block;width: 480px;height: 254px;position: relative;}
.notice-content .notice-img .notice-video a:before {content: '';display: block;width: 60px;height: 60px;background: url(../images/co/gallery_play.png) no-repeat 0 0;position: absolute;background-size: 100%;left: 50%;top: 50%;margin: -30px 0 0 -30px;z-index: 2;}
.notice-content .notice-img .notice-video a:after {content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;z-index: 1;}

/* 갤러리 */
.gallery-list { overflow:hidden; padding-top:30px; border-top:1px solid #d9dfe5; border-bottom:1px solid #d9dfe5; }
.gallery-list li { float:left; width:260px; margin-left:20px; padding-bottom:25px; text-align:center; }
.gallery-list li:nth-child(4n+1) { margin-left:0; }
.gallery-list li .gallery-image {position:relative; width:100%; height:195px; font-size:0; line-height:0; }
.gallery-list li .gallery-image img { width:100%; height:100%; }
.gallery-list li .gallery-image .movie {position:absolute;bottom:10px;right:10px;display:block;width:19px;height:19px;padding:0;background:url(../images/co/bg_play.png) no-repeat 0 0;text-indent:-999999px;}
.gallery-list li strong { overflow:hidden; display:block; padding:18px 20px 0; font-size:16px; font-weight:500; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.gallery-list li span { display:block; padding:3px 20px 0; color:#666; }
.gallery-list li.none-cont {float:none; width:100%; height:200px; margin:0; padding:85px 0 0 0; color:#767676; font-size:16px; font-weight:400; text-align:center;}

/* 대회 일정 안내 */
.schedule-list { overflow:hidden; width:1040px; margin:30px auto;}
.schedule-list li { position:relative; float:left; width:200px; height:129px; margin:30px; border:1px solid #d9dfe5; font-weight:500; line-height:21px; text-align:center; }
.schedule-list li:after { content:''; position:absolute; }
.schedule-list li strong { display:block; padding:15px 0; background:#f6f8f9 url(../images/co/bg_dot02.png) repeat-x 0 100%; font-size:18px; color:#fb5b1c; }
.schedule-list li span { position:absolute; top:50%; left:0; right:0; margin-top:25px; font-size:16px; color:#505256; transform: translateY(-50%); }
.schedule-list li.schedule05, .schedule-list li.schedule06, .schedule-list li.schedule07 { float:right; }
.schedule-list li.schedule01:after, .schedule-list li.schedule02:after, .schedule-list li.schedule03:after { top:54px; right:-36px; width:12px; height:20px; background:url(../images/co/bg_arrow02.png) no-repeat 0 0; }
.schedule-list li.schedule04:after { bottom:-25px; left:90px; width:20px; height:12px; background:url(../images/co/bg_arrow03.png) no-repeat 0 0; }
.schedule-list li.schedule05:after, .schedule-list li.schedule06:after, .schedule-list li.schedule07:after { top:54px; left:-36px; width:12px; height:20px; background:url(../images/co/bg_arrow01.png) no-repeat 0 0; }

/* 창업경진대회 안내 */
.title-desc { margin-top:60px; font-size:16px; line-height:25px; }
.contest-wrap{padding: 0 30px;}
.contest-wrap .sstit{margin-top:57px;font-size:46px;line-height:54px;color:#505256;font-weight:normal;text-align:center;}
.contest-wrap .sstit span, .contest-wrap .sstit strong{color:#fb5b1c;}
.contest-wrap h5{margin:36px 0 22px;font-size:20px;font-weight:500;line-height:20px;color:#000;}
.competition-wrap{margin-right:37px;padding-top:20px;background:url(../images/co/bg_contest01.png) no-repeat right 56px;}
.step-list{padding:20px 0;border-top:1px solid #676c73;border-bottom:1px solid #d9dfe5;}
.step-list ul{overflow:hidden;}
.step-list ul li{float:left;width:172px;height:120px;border-left:1px solid #d9dfe5;box-sizing:border-box;}
.step-list ul li:first-child{border-left:none;}
.step-list ul li .step-txt{display:block;padding-left:20px;color:#5e6d82;font-size:16px;}
.step-list ul li .tit{display:block;margin-top:3px;padding-left:20px;font-size:17px;color:#000000;font-weight:normal;letter-spacing:-1.5px;}
.step-list ul li .img{display:block;margin-top:25px;text-align: center;}
.judge-wrap{position:relative;}
.judge-wrap:after{display:block;content:'';position:absolute;left:504px;top:64px;width:30px;height:29px;background:url(../images/co/bg_arrow.png) no-repeat;}
.judge-wrap ul{overflow:hidden;}
.judge-wrap ul li{float:left;width:471px;height:157px;border:1px solid #d9dfe5;text-align:center;}
.judge-wrap ul li + li{float:right;}
.judge-wrap ul li h6{position:relative;background:#f6f8f9;font-size:18px;line-height:51px;color:#333333;font-weight:normal;}
.judge-wrap ul li h6:after{display:block;content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:url(../images/co/bg_dot02.png) repeat-x;}
.judge-wrap ul li .txt01{margin-top:27px;font-size:18px;line-height:22px;color:#505256;}
.judge-wrap ul li .txt02{margin-top:8px;font-size:14px;line-height:18px;color:#505256;}
.judge-wrap02{margin-top:30px;padding-left:74px;border:1px solid #d9dfe5;background:url(../images/co/bg_judge04.png) no-repeat 847px 46px;}
.judge-wrap02 ul{padding: 11px 0 29px;}
.judge-wrap02 ul li{margin-top:20px;padding-left:93px;}
.judge-wrap02 ul li.type01{background:url(../images/co/bg_judge01.png) no-repeat;}
.judge-wrap02 ul li.type02{background:url(../images/co/bg_judge02.png) no-repeat;}
.judge-wrap02 ul li.type03{background:url(../images/co/bg_judge03.png) no-repeat;}
.judge-wrap02 ul li strong{display:inline-block;width:254px;padding:5px 0 7px;background:url(../images/co/bg_dot.png) no-repeat right center;font-size:18px;line-height:26px;color:#505256;font-weight:normal;}
.judge-wrap02 ul li.type02 strong{padding:18px 0 20px;}
.judge-wrap02 ul li p{display:inline-block;margin:5px 0 0 51px;font-size:14px;line-height:26px;color:#000000;vertical-align:top;}
.judge-wrap02 ul li.type03 p{margin:17px 0 0 51px;}
.introduce-list-board{margin-top:14px;border-top:1px solid #676c73;}
.introduce-list-board table{width:100%;table-layout:fixed;}
.introduce-list-board table th{padding:12px 0 12px 0;border-bottom:1px solid #d9dfe5;border-left:1px solid #d9dfe5;background:#fbfbfb;font-size:18px;color:#000000;text-align:center;font-weight:normal;}
.introduce-list-board table th:first-child{border-left:none;}
.introduce-list-board table td{padding:12px 0 12px 0;border-bottom:1px solid #d9dfe5;border-left:1px solid #d9dfe5;font-size:15px;color:#000000;text-align:center;}
.introduce-list-board table td:first-child{border-left:none;}
.introduce-list-board table th.left-line,
.introduce-list-board table td.left-line {border-left:1px solid #d9dfe5;}
.host-list{overflow:hidden;}
.host-list li{float:left;font-size:0;line-height:0;margin: 0 10px;}
.method-txt{margin-top:58px;font-size:25px;color:#505256;line-height:32px;text-align:center;}
.method-txt span{color:#fb5b1c;}
.method-wrap h4{margin-top:55px;font-size:24px;line-height:30px;text-align:center;font-weight:normal;}
.method-wrap .method-list{overflow:hidden;width:1060px;margin:37px auto 0 auto;}
.method-wrap .method-list li{position:relative;float:left;width:313px;height:170px;border:1px solid #d9dfe5;text-align:center;box-sizing:border-box;}
.method-wrap .method-list li + li{margin-left:60px;}
.method-wrap .method-list li + li:after{display:block;content:'';position:absolute;left:-37px;top:76px;width:12px;height:20px;background:url(../images/co/bg_arrow02.png) no-repeat left center;}
.method-wrap .method-list li .txt{display:block;padding:28px 0 26px;font-size:16px;line-height:21px;color:#333333;}

/*자료실*/
.sub-path{font-size:16px;margin:25px 0 0 0;}
.sub-path:before{content:'';display:inline-block;width:3px;height:14px;background:#ff9742;margin:0 5px 0 0;}
.sub-path>span{font-size:14px;vertical-align:top;display:inline-block;padding:0 10px;color:#999;}
.n-margin{margin-top: 20px;}
.list-attach>img{vertical-align:middle;margin:-1px 7px 0 0;}

@charset "UTF-8";

.contest-wrap {margin-bottom:75px;background:url(/images/co/bg_contest01.png) no-repeat right 25px}
.competition-wrap {background:none;}

.dot-list02 li.star {padding-left:0;color:#fc5a29;font-size:14px;}
.dot-list02 li.star:after {display:none;}
.dot-list02 li .star {color:#fc5a29;font-size:14px;}
.dot-list02.contest li {line-height:28px;}
.dot-list02.contest li:after {top:12px;}
.dot-list02.contest li strong {font-weight:500;}
.dot-list02.contest em {font-style:italic;}

.step-list {padding:0;border:1px solid #d9dfe5;border-top:none;}
.step-list .step-title {height:50px;line-height:50px;border-top:1px solid #d9dfe5;border-bottom:1px dashed #e2e6ea;background:#faf9f7;text-align:center;font-size:18px;color:#333;}
.step-list ul {display:table;width:100%;padding:26px 0 31px;}
.step-list ul li {float:none;display:table-cell;width:auto;height:auto;padding:0 21px 0 22px;}
.step-list ul li.step01 {background:url(/images/co/img_competition01.png) no-repeat 24px 0;}
.step-list ul li.step02 {background:url(/images/co/img_competition04.png) no-repeat 24px 0;}
.step-list ul li.step03 {background:url(/images/co/img_competition02.png) no-repeat 24px 0;}
.step-list ul li.step04 {background:url(/images/co/img_competition03.png) no-repeat 24px 0;}
.step-list ul li .step-txt {padding-left:63px;font-weight:500;}
.step-list ul li .tit {padding-left:63px;font-size:16px;}
.step-list ul li .img {margin-top:18px;text-align:left;color:#505256;}
.judge-wrap02 {margin-top:56px;}
.btn-golink {display:inline-block;height:24px;line-height:24px;padding:0 8px 0 7px;border-radius:3px;background:#fe5e20;color:#fff;font-size:13px;}
.btn-golink span:after {content:'';display:inline-block;width:4px;height:8px;margin:0 0 0 8px;background:url(../images/co/ico_co_golink_arw.png) no-repeat 0 0;font-weight:300;}
.btn-golink.gray {background:#6e6e6e;}
.btn-golink.gray:hover,
.btn-golink.gray:focus {color:#fff;}

.method-wrap .sub-title-text {padding-bottom:0;}
.method-wrap .method-list {width:100%;margin:37px 0 0;}
.method-wrap .method-list li {position:relative;width:309px;height:220px;}
.method-wrap .method-list li + li {margin-left:86px;}
.method-wrap .method-list li + li:after {left:-48px;}
.method-wrap .method-list li.method01 {background:url(/images/co/img_method01.png) no-repeat center 113px;}
.method-wrap .method-list li.method02 {background:url(/images/co/img_method05.png) no-repeat center 113px;}
.method-wrap .method-list li.method03 {background:url(/images/co/img_method03.png) no-repeat center 139px;}
.method-wrap .method-list li.method04 {background:url(/images/co/img_method06.png) no-repeat center 113px;}
.method-wrap .method-list li.method05 {background:url(/images/co/img_method02.png) no-repeat center 113px;}
.method-wrap .method-list li.method06 {background:url(/images/co/img_method04.png) no-repeat center 144px;}
.method-wrap .method-list li .txt {padding:18px 0 5px;}
.method-wrap .method-list li.method03 .txt,
.method-wrap .method-list li.method05 .txt,
.method-wrap .method-list li.method06 .txt {padding-top:34px;}
.method-wrap .method-list li .desc {margin:0 0 24px;color:#505256;}
.method-wrap .method-list li img {display:block;margin:0 auto;}
.method-wrap .method-list li .btn-golink {position:absolute;bottom:20px;left:50%;margin-left:-60px;min-width:120px;}
.method-wrap .method-list li .btn-golink:hover,
.method-wrap .method-list li .btn-golink:focus {color:#fff;}
.method-wrap .method-list li.method04 .btn-golink {margin-left:-69px;}
.method-wrap .method-list li .important {position:absolute;bottom:25px;width:100%;font-size:12px;color:#000;}

.contest-info-txt {padding:60px 0 0;}
.contest-wrap.contest-detail {padding:0;background:none;}
.contest-detail .detail-depth {padding:0 0 0 18px;}
.contest-detail .detail-cont {padding:20px 20px 25px 35px;border:1px solid #d3d8dc;line-height:1.5;}
.contest-detail .detail-cont img{max-width:100%;height: auto;}
.contest-detail .add-file {margin:7px 0 100px 8px;}
.contest-detail .add-file:after {clear:both;display:block;content:'';}
.contest-detail .add-file strong {float:left;font-weight:500;}
.contest-detail .add-file strong:before {content:'';display:inline-block;width:2px;height:2px;margin:-2px 3px 0 0;background:#000;vertical-align:middle;}
.contest-detail .add-file .files {float:left;margin:0 0 0 10px;}
.contest-detail .add-file .files a {display:block;margin:0 0 6px;text-decoration:underline;}
.contest-title-bx {position:relative;padding:35px 210px 40px 39px;margin:70px 0 0;border:1px solid #d0d0d0;background:#f6fbff;}
.contest-title-bx strong {color:#333;font-size:24px;font-weight:500;}
.contest-title-bx .supervision {display:block;margin:7px 0 0;color:#666;font-size:16px;}
.contest-title-bx .btn-apply {position:absolute;right:36px;top:50%;margin-top:-20px;display:inline-block;height:40px;line-height:38px;padding:0 30px;border:1px solid #fc5b1d;background:#fff;color:#fc5b1d;}

/*교원 네트워크*/
.right-wrap{float:right; font-size: 0;}
.right-wrap > button{font-weight: 500;}
.btn-support-chat{width: 210px; height: 40px; background: #fb5b1c; font-size: 16px; color: #fff;}
.btn-support-chat:before{content:''; display: inline-block; width: 28px; height: 27px; background:url(../images/support/icon_support_chat.png) no-repeat; vertical-align: middle; margin-right: 10px;}
.btn-register{width: 90px; height: 40px; background: #3b577f; font-size: 16px; color: #fff; margin-left: 5px;}
.btn-register:before{content:''; display:inline-block; width: 12px; height: 12px; background: url(../images/support/icon_register.png) no-repeat; vertical-align: middle; margin: 0 10px 3px 0;}
.btn-myQ{width: 150px; height: 40px; border: 1px solid #fb5b1c; background: #fff; font-size: 16px; color: #fb5b1c; margin-right: 5px;}
.btn-myQ:before{content:''; display:inline-block; width: 24px; height: 24px; background: url(../images/support/icon_myQ.png) no-repeat; vertical-align: middle; margin: 0 8px 0 0;}
.board-detail-box .title .right .view{color:#767676;}
.board-detail-box .title .right .view:before{content:''; display:inline-block; width: 18px; height: 14px; background: url(../images/support/icon_hits.png) no-repeat; vertical-align: -2px; margin-right: 4px;}
.list-board table .important-noti{font-weight: 500;}
.list-board table .important-noti .red-td{color:#e60021;}
.board-detail-box .title .right .date:after{content:''; display:inline-block; width: 3px; height: 3px; background: #767676; border-radius: 50%; vertical-align: middle; margin: 0 4px 2px 8px;}
.board-detail-box .title .right .hits{color:#767676;}
.board-detail-box .title .right .hits:before{content:''; display:inline-block; width: 18px; height: 14px; background: url(../images/support/icon_hits.png) no-repeat; vertical-align: middle; margin: 0 4px 2px 0;}
.list-board td.support{padding: 12px 0; }
.list-board td.support img{vertical-align: middle; margin-right: 4px;}
.list-board td.support span{display:inline-block; width: 74px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; text-align: left;}
.list-board th{position:relative;}
.list-board th .icon_tooltip{vertical-align: -4px; margin-left: 3px; cursor: pointer;}
.list-board th .icon_tooltip:hover + .tooltip{display: block;}
.list-board th .tooltip{display:none; position: absolute; top: 48px; left: 43px; z-index: 10; width: 330px; height: 72px; text-align: left; background: #f9fcff; border: 1px solid #87919f; border-radius: 5px; padding: 15px;}
.list-board th .tooltip:before{content:''; display:block; width: 12px; height: 8px; background: url(../images/support/img_tooltipTail.png) no-repeat; position: absolute; top: -7px; left: 38px;}
.list-board th .tooltip p{font-size: 13px; font-weight: 400; color: #333; line-height: 1.3;}
.list-board th .tooltip p img{vertical-align: middle;}
.cfb5b1c{color: #fb5b1c;}
.input-td .cmt2{display: block; font-size: 14px; line-height: 1; margin-top: 10px;}
.input-td .cmt2 em{color:#fb5b1c;}
.board-tooltip .tooltip-layer{width: 450px;}
.board-tooltip .tooltip-layer > p{font-size: 13px; line-height: 1.5;}
.board-tooltip .tooltip-layer .pd-txt{display:block; padding-left: 14px;}
.support-wrap .title .right .name{font-size: 14px; color:#767676;}
.support-wrap .title .right .name:after{content:''; display: inline-block; width: 3px; height: 3px; background: #767676; border-radius: 50%; vertical-align: middle; margin: 0 4px 2px 8px;}
.support-wrap .title .right .name img{vertical-align: middle; margin-right: 4px;}
.bottomright-wrap{margin-top: 20px; display: flex; align-items: center; gap: 5px;}
.support-wrap .bottomright-wrap a{display:block; width: 70px; height: 40px; line-height: 37px; border: 1px solid #d9dfe5; font-size: 14px; color:#333; text-align: center;}
.support-wrap .bottomright-wrap a:first-child{margin-left: auto;}
.support-wrap .board-detail-box .caption{margin: 0 0 30px;}
.textarea-limit {
    position: relative;
    display: block;
}
.textarea-limit span {

    position: absolute;
    right: 20px;
    bottom: 15px;
    font-size: 15px;
    line-height: 1;
}
.textarea-limit span em {
    font-weight: 500;
    color: #fb5b1c;
}


/* 댓글 orange 영역 */
.comment-info-txt.orange{background: url(../images/support/bg_comment_orange.png) no-repeat;}
.comment-info-txt.orange span{color: #f85a1c; font-weight: 500;}
.single-line-list.support li .cont{min-height: 105px;}
.single-line-list.support li .cont p{font-weight: 400;}
.single-line-list.support li .btn a{width: 25px; height: 23px;}
.single-line-list.support li .btn a:before{margin: 4px 0 0 4px;}
.single-line-list.support li .btn .btn-edit::before{content:''; display:block; width: 16px; height: 16px; background: url(../images/support/icon_support_qna.png) no-repeat;}
.single-line-list.support li .btn .btn-del::before{content:''; display:block; width: 14px; height: 16px; background: url(../images/support/icon_support_qna.png) no-repeat; background-position: -16px 0;}
.single-line-list.support li .btn .btn-cancelEdit::before{content:''; display:block; width: 14px; height: 16px; background: url(../images/support/icon_support_qna.png) no-repeat; background-position: -66px 0;}

.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);}
.single-line-list.support li .btn-bottom{margin-bottom: 30px;}
.single-line-list.support li .btn-bottom .btn-reply{display:block; width: 42px; height: 25px; line-height: 24px; border: 1px solid #b9bfc7; border-radius: 3px; font-size: 13px; color:#666; text-align: center; background: #fff;}
.single-line-list li .cont em.support::before{content:''; display: inline-block; width: 32px; height: 30px; background: url(../images/support/icon_support_chat_orange.png) no-repeat; vertical-align: middle; margin: -5px 5px 0px 0;}

.single-line-wrap.modify .single-line-list.support{border-bottom: none;}
.single-line-wrap.orange{padding: 0 35px; border: 1px solid #ffe8d6; border-radius: 10px; background: #fff9f4;}
.single-line-wrap.orange .single-line-list.support li{border-bottom: 1px dashed #ffd4b3;}
.single-line-wrap.orange .single-line-list.support li:last-child{border-bottom: none;}
.single-line-wrap.orange .single-line-list.support li .cont{padding: 30px 0 0 20px;background: url(../images/support/bg_comment_clamp.png) no-repeat 0 35px;}
.single-line-wrap.orange .single-line-list.support li .target-commit{font-weight: 500; color:#ff9742; margin-right: 5px;}
.single-line-wrap.orange .single-line-list.support li .target-commit:before{content:'@'; display:inline-block;}
.single-line-wrap.orange .single-line-list.support li .btn-bottom{padding-left: 20px;}
.single-line-wrap.orange .single-line-list.support li .modify-form-wrap{margin-left: -20px; padding: 35px 0 28px 0;}
.single-line-wrap.orange .single-line-list.support li .modify-form-wrap .single-line-entry{border-color: #ffd4b3;}
.single-line-wrap.orange .single-line-list.support li .modify-form-wrap .single-line-entry a{background: #ff9742; border-color:#ff9742; color:#fff;}
.single-line-entry .limit.limit-left{right: auto; left: 15px;}





/* Q&A */
.support_qna_wrap{margin-top: 50px;}
.support_qna_wrap .board-detail-box .title{background: url(../images/support/icon_question.png) no-repeat 0 15px; line-height: 1; padding: 30px 250px 30px 68px;}
.support_qna_wrap .board-detail-box .title > strong{padding: 0;}
.support_qna_wrap .board-detail-box .title .right{margin-top: 0;}
.support_qna_wrap .board-detail-box .title .right em{padding-right: 0;}
.support_qna_wrap .board-detail-box .title .right em:after{content:''; display:inline-block; width: 3px; height: 3px; background: #7c7c7c; border-radius: 50%; margin: 0 2px 2px 7px;}
.support_qna_wrap .board-detail-box .title .right em img{vertical-align: middle;}
.support_qna_wrap .board-detail-box .title .right .date{display: block; margin-top: 10px;}

.support_qna_wrap .board-detail-box .cont{min-height: 255px; padding: 20px 0 74px;}
.support_qna_wrap .btn-qna-wrap{display:flex; gap: 5px; margin-bottom: 30px;}
.support_qna_wrap .btn-qna-wrap .btn-qna{padding: 8px 12px; line-height: 1;}
.support_qna_wrap .btn-qna-wrap .btn-qna:before{content:''; display:inline-block; width:17px; height: 17px; background: url(../images/support/icon_support_qna.png) no-repeat; vertical-align: middle; margin: -2px 4px 0 0;}
.support_qna_wrap .btn-qna-wrap .btn-qna.change{position: initial; background: none; margin-left: auto;}
.support_qna_wrap .btn-qna-wrap .btn-qna.del:before{background-position: -17px 0;}

.support_qna_wrap .mentor-answer.detail{padding: 0 27px 18px; border: 1px solid #d9dfe5; background: #fff; position:relative;}
.support_qna_wrap .mentor-answer.detail .tit-wrap{background: url(../images/support/icon_answer.png) no-repeat 0 15px; line-height: 1;}
.support_qna_wrap .mentor-answer.detail .tit-wrap.support .icon-support{position:absolute; top: 18px; left: 60px;}
.support_qna_wrap .mentor-answer.detail .tit-wrap.support .tit{padding: 20px 0 8px 115px;}
.support_qna_wrap .mentor-answer.detail .tit-wrap.support .date{padding: 0 0 0 115px;}
.support_qna_wrap .mentor-answer.detail .tit{padding: 20px 0 8px 70px; position:relative;}
.support_qna_wrap .mentor-answer.detail .date{padding: 0 0 0 70px;}
.support_qna_wrap .mentor-answer .tit em{color:#fb5b1c;}
.support_qna_wrap .mentor-answer .answer{padding: 18px 0 70px; min-height: 212px; color:#404040; box-sizing: border-box;background: #fff;}
.support_qna_wrap .mentor-answer.detail .ans-bx{border: none; margin: 0;}
.support_qna_wrap .textarea-wrap{position:relative; border: 1px solid #d9dfe5; margin: 15px 0; padding-bottom:30px;}
.support_qna_wrap .textarea-wrap .textarea-num{position:absolute; bottom: 4px; left: 20px;}

.support_qna_wrap .file-input{display: flex; align-items: center;}
.support_qna_wrap .mentor-answer.detail .btn-qna.ans{position:initial; background:#ff9742; border-color:#ff9742; padding: 8px 15px; margin-left: auto;}
.support_qna_wrap .mentor-answer.detail .btn-qna.ans:before{content:''; display: inline-block; width: 14px; height: 17px; background: url(../images/support/icon_support_qna.png) no-repeat; background-position: -33px 0; vertical-align: middle; margin-right: 5px;}

.support_qna_wrap label + .cmt{margin-left: 10px;}
.support_qna_wrap .cmt{display: block; font-size: 14px; line-height: 1;}
.support_qna_wrap .cmt em{color:#fb5b1c;}
.file span a{word-break: break-all;}
.support_qna_wrap .mentor-answer.detail .file{padding: 19px 0;}
.support_qna_wrap .edit-wrap{text-align: right;}
.support_qna_wrap .mentor-answer.detail .btn-qna.edit{background: #fff; border-color:#ff9742; padding: 8px 15px; color:#ff9742;}
.support_qna_wrap .mentor-answer.detail .btn-qna.edit:before{content:''; display: inline-block; width: 16px; height: 17px; background: url(../images/support/icon_support_qna.png) no-repeat; background-position: -48px 0; vertical-align: middle; margin-right: 5px;}
.support_qna_wrap .mentor-answer.detail .file{background: #fff;}
.support_qna_wrap .board-detail-box .file ul{padding: 0 0 0 70px;}
.support_qna_wrap .mentor-answer .file ul{padding: 0 0 0 70px;}

/* 교원채팅 */
.tab-select-type + .sub-path{margin-top: 65px;}
.page-search + .list-board{margin-top: 45px;}
.ico-support{vertical-align: middle; margin-right: 12px;}
.btn-select{width: 58px; height: 26px; line-height: 22px; border: 1px solid #eee; border-radius: 3px; background: #fff;}
.btn-select span{display:block; font-size: 13px; color:#696969; padding-right: 12px; background: url(../images/chk_off.png) center right no-repeat;}
.btn-select.on{border-color: #fb5b1c; background: #fb5b1c;}
.btn-select.on span{color:#fff; background: url(../images/chk_on.png) center right no-repeat;}
.sub-path .noti{color:#ff0000;}
.list-board + .sub-path{margin-top: 75px;}
.selectId-wrap{position:relative; margin-top: 22px; padding: 24px; border: 3px solid #e8e8e8;}
.selectId-wrap ul{display:flex; flex-wrap: wrap; gap: 20px 30px; align-items: center;}
.selectId-wrap .ico-support{margin-right: 8px;}
.selectId-wrap .btn-cancel{width: 48px; height: 26px; line-height: 22px; vertical-align: middle; border: 1px solid #eee; border-radius: 3px; background: #fff; padding: 0; margin-left: 12px;}
.selectId-wrap .btn-cancel span{display:block; font-size: 13px; color:#696969; padding-right: 14px; background: url(../images/ico_orange_x.png) 31px center no-repeat;}
.selectId-wrap .btn-cancel.all{position:absolute; top: -48px; right: 0; width: 76px;}
.selectId-wrap .btn-cancel.all span{background-position: 60px center;}
.selectId-wrap .nodata{width: 100%; text-align: center;}
.selectId-wrap .support-id{line-height: 28px;}
.noti-area{margin-top: 45px; padding: 35px; background: #f8f8f8;}
.noti-area dt{font-size: 16px; font-weight: 500; color:#333; background: url(../images/ico_notiArea.png) left center no-repeat; padding-left: 25px; margin-bottom: 15px;}
.noti-area dd{font-size: 14px; color:#666;}
.noti-area dd + dd{margin-top: 5px;}
.line-wrap{border: 1px solid #ddd; padding: 18px; margin-top: 20px;}
.line-wrap .noti{color:#ff0000;}
.twoway-wrap{display: flex; gap: 105px; background: url(../images/support/img_twoway-wrap.png) center 167px no-repeat;}
.twoway-wrap .twoway-bx{width: 100%; }
.twoway-wrap .twoway-bx .sub-path span{padding: 0 5px; font-weight: 700; color:#ff0000;}
.twoway-wrap .scroll-bx{height: 271px; border: 1px solid #ddd; margin-top: 18px; overflow-y: auto;}
.twoway-wrap .scroll-bx .nodata{text-align: center; height: 268px; line-height: 268px; border-bottom: none;}
.twoway-wrap .scroll-bx ul li{width: 100%; height: 45px; line-height: 45px; padding: 0 25px; border-bottom: 1px solid #d9d9d9; position:relative;}
.twoway-wrap .scroll-bx .radiobox01{display:block; }
.twoway-wrap .scroll-bx .on{background: #fff9e7;}
.twoway-wrap .scroll-bx .on .btn-select{background: #fb5b1c;}
.twoway-wrap .scroll-bx .radiobox01 input[type="radio"]{top: 16px;}
.twoway-wrap .scroll-bx .radiobox01 label{vertical-align: inherit; line-height: 45px;}
.twoway-wrap .scroll-bx .radiobox01 label:before{top: 16px;}
.twoway-wrap + .sub-path{margin-top: 55px;}
.twoway-wrap .scroll-bx ul li .support-id{padding-left: 44px;}
.twoway-wrap .scroll-bx ul li .ico-support{position: absolute; top: 8px; left: 24px;}
.twoway-wrap .scroll-bx ul li .btn-select{float: right; margin-top: 9px;}
.twoway-wrap .scroll-bx ul li .btn-more{display:block; width:100%; height: 40px; line-height: 40px; margin: 0 auto; background: #fff; font-size: 14px; color:#333;}

.tab-btn + .top-list{margin-top: 115px;}
.top-list{border: 1px solid #d9dfe5; padding: 15px 30px; height: 210px; overflow-y: auto;}
.top-list .nodata{text-align: center; line-height: 1.7; font-size: 16px; color: #767676; margin-top: 50px;}
.groupChat-list li{height: 97px; border-bottom: 1px solid #e9eff4; display: flex; align-items: center;}
.groupChat-list li:last-child{border-bottom: none;}
.groupChat-list li > em{width: 535px; font-size: 18px; color:#000; margin: 0 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.groupChat-list li > em:before{content:''; display:inline-block; width: 31px; height: 31px; background: url(../images/support/ico_groupChat.png) no-repeat; vertical-align: middle; margin-right: 12px;} 교원 그룹 대포 이미지 들어가면서 아이콘 빠짐*/
.groupChat-list li > span{width: 245px; font-size: 14px; color:#333; margin-right: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.groupChat-list li > span .ico-support{margin: 0 5px;}
.groupChat-list li > .gc-img{width: 60px;}
.groupChat-list li > .gc-img img{width: 60px; height: 60px; border-radius: 50%;}

/*교원채팅 버튼*/
.btn-gpChat{position:relative; width: 135px; height: 36px; line-height: 32px; margin: 0 auto; border: 1px solid #00a8ff; background: #fff; font-size: 14px; color:#00a8ff; padding-left: 18px;}
.btn-gpChat:before{content:''; display: block; width: 18px; height: 18px; background: url(../images/support/btn_groupChat.png) no-repeat; background-position: -20px 0; background-size: 59px 18px; position: absolute; top: 7px; left: 20px;}

.btn-gpChat.open{border: 1px solid #f55067; color:#f55067;}
.btn-gpChat.open:before{background-position: -41px 0;}

.btn-gpChat.join{border: 1px solid #fb5b1c; background: #fb5b1c; color:#fff; padding-left: 15px;}
.btn-gpChat.join:before{background-position: 0px 0; top: 9px;}

.btn-gpChat.disabled{border-color: #e8e8e8; background: #fff; color:#666; padding-left: 0;}
.btn-gpChat.disabled:before{display: none;}


/* 교원그룹 */
.top-list::-webkit-scrollbar {
    width: 4px;
}

.top-list::-webkit-scrollbar-button:start:decrement, .top-list::-webkit-scrollbar-button:end:increment {
    background: none;
}

.top-list::-webkit-scrollbar-track {
    background: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.top-list::-webkit-scrollbar-thumb {
    background: #ddd;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.spGroup-list{display: flex; flex-wrap: wrap;}
.spGroup-list:before{content:''; display: block; width: 100%; height: 1px; background: #d9dfe5;}
.spGroup-list li:first-child, .spGroup-list li:nth-child(2){border-top: none;}
.spGroup-list li{display: flex; width: 50%; position:relative; border-top: 1px solid #d9dfe5; padding: 30px 0;}
.spGroup-list li .left img{width: 120px; height: 120px;}
.spGroup-list li .right{margin-left: 18px;}
.spGroup-list li .right em{display:block; font-size: 18px; color:#000; margin-bottom: 15px;}
.spGroup-list li .right .name, .spGroup-list li .date{display:block; font-size: 14px; color:#666; line-height: 25px;}
.spGroup-list li .right .name .ico-support{margin: 0 5px;}
.spGroup-list li:nth-child(even){padding-left: 30px;}
.spGroup-list li:nth-child(even):before{content: ''; position: absolute; top: 30px; left: 0; width: 1px; height: 87px; background: #d9dfe5;}

.intro-wrap{position: relative; min-height: 218px; border: 1px solid #ebeaea; background: #fcfcfc; padding: 45px 38px; margin-top: 50px;}
.intro-wrap{content:''; display:block; clear:both;}
.intro-wrap .intro-img{float: left; width: 120px; height: 120px; margin-right: 30px;}
.intro-wrap .intro-img img{width: 100%; height: 100%; border-radius: 50%;}
.intro-wrap .tit{font-size: 24px; font-weight: 500; color:#000; position:relative;}
.intro-wrap .info-list{margin-top: 18px; display: flex; gap: 20px; align-items: center;}
.intro-wrap .info-list li:first-child{display: flex; align-items: center;}
.intro-wrap .info-list li:first-child .ico-support{margin: 0 5px 0 8px;}
.intro-wrap .intro{margin-top: 10px; padding-left: 150px;}
.intro-wrap .right-wrap{position: absolute; top: 60px; right: 40px;}
.intro-wrap .right-wrap .btn-quit{position: absolute; bottom: -40px; right: 0; width: 80px; font-size: 14px; color:#666; background: none; font-weight: 400; background: url(../images/support/ico_quit.png) right center no-repeat; padding-right: 15px;}

.block-td span{display: block; line-height: 1.7;}

.gr-open-step.support{margin: 0;}
.gr-open-step.support .open-desc{background: url(../images/support/bg_spOnen_top.png) no-repeat 37px 54px;}


.class-open-finish.support .finish-info{margin: 20px 0 0;}