@charset "utf-8";

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

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

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


.search-results-list { display:inline-block; width:100%; border-top:1px solid #d9dfe5;}
.search-results-list li {position:relative; float:left; width:50%; height:200px; margin-top:-1px; padding:30px 30px 30px 0; border-top:1px solid #d9dfe5;}
.search-results-list li.none-cont {float:none; width:100%; padding:85px 0 0 0; color:#767676; font-size:16px; font-weight:500; text-align:center;}
.search-results-list li:nth-child(even){padding:30px 0 30px 30px;}
.search-results-list li:nth-child(even):before {content:''; position:absolute; top:30px; bottom:30px; left:0; width:1px; background:#d9dfe5;}
.search-results-list li .results-img {float:left; overflow:hidden; width:120px; height:120px; margin-right:20px;}
.search-results-list li .results-img img {width:100%;height:100%;}
.search-results-list li .results-cont > strong {display:block; width:345px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:40px 0 5px 0; font-size:20px; font-weight:500;}
.search-results-list li .results-cont > strong em {width:24px; height:24px; margin-right:8px; font-size:13px; line-height:22px; vertical-align:3px;}
.search-results-list li .results-cont > strong a{display: initial;}
.search-results-list li .results-cont > span {position:relative; display:inline-block; color:#666; font-weight:500; vertical-align:middle; line-height:16px;}
.search-results-list li .results-cont > span + span {margin-left:20px;}
.search-results-list li .results-cont > span + span:before{content:''; position:absolute; left:-10px; top:3px; width:1px; height:13px; background:#b7b7b7;}
.search-results-list li .results-cont > div em:before{content:''; position:absolute; left:-10px; top:5px; width:1px; height:13px; background:#b7b7b7;}
.search-results-list li .results-cont > div em {margin-left:20px;position:relative;display:inline-block; margin-top:5px; color:#767676; font-size:13px; font-weight:500;}
.search-results-list li .results-cont > div.teacher span{font-size:13px;color:#767676;font-weight:500;}
.search-results-list li .date-state {position:absolute; left:140px; top:25px; color:#767676; font-size:13px;}
.search-results-list li:nth-child(even) .date-state{left:170px;}
.search-results-list li:nth-child(even) .badge-wrap{right:0;}
.search-results-list li .date-state em {position:relative; display:inline-block; margin-left:20px; vertical-align:1px;}
.search-results-list li .date-state em:before {content:''; position:absolute; left:-10px; top:9px; width:5px; height:5px; vertical-align:middle; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.search-results-list li .date-state em.schedule {color:#e70f62;}
.search-results-list li .date-state em.schedule:before {background:#e70f62;}
.search-results-list li .date-state em.ing {color:#3475cf;}
.search-results-list li .date-state em.ing:before {background:#3475cf;}
.search-results-list li .date-state em.end {color:#ac6124;}
.search-results-list li .date-state em.end:before {background:#ac6124;}
.badge-wrap{position:absolute;right:30px;top:20px;}
.badge-wrap .badge {float:left;position:relative}
.badge-wrap .badge .name{display:inline-block;width:32px;height:31px;}
.badge-wrap .badge .name:hover + .txt{display:block;}
.badge-wrap .badge .txt {display:none;position: absolute;left: 50%;top: -30px;transform: translateX(-50%);line-height: 24px;text-align: center;min-width: 100px;border-radius: 5px;padding: 0 15px;background: #484b50;color: #fff;font-size: 12px;}
.badge-wrap .exp{display:inline-block;min-width:21px;margin-left:13px;padding-top:18px;font-size:11px;color:#747474;text-align:center;background:url(../images/gr/icon_exp.png) no-repeat center top;}
.box-noti {margin-top:60px; padding:50px 0; background:#f9f9f9; text-align:center;}
.box-noti span {display:block; color:#505256; font-size:24px; font-weight:400;}
.box-noti span strong {color:#fb5b1c; font-weight:400;}
.box-noti p {margin-top:20px; color:#505256; font-size:18px;}
.box-noti .btn-center {margin-top:30px;}
.box-noti .btn-center a {width:160px; padding:0; font-size:16px; line-height:37px;}

.btn-more:hover, .btn-more:focus { color:#3c4154; }

/* 동아리 상단박스 */
.group-info-bg{border-bottom:1px solid #ced1d5;background:#fcfcfc;}
.group-info-bg:after{content:'';width:100%;display:block;clear:both;}
.group-info-bg .group-info{position:relative;width:1100px;margin:0 auto;padding:60px 0 115px;}
.group-info-bg .group-info .img{float:left;position: relative;overflow: hidden;width:120px;height:120px;margin-right:30px;    border-radius: 50%;}
.group-info-bg .group-info .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:100%;height:100%;}
.group-info-bg .group-info .tit{display:block;padding:9px 0 11px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;max-width:500px;font-size:24px;font-weight:500;}
.group-info-bg .group-info .tit em{display:inline-block;width:30px;height:30px; line-height:28px;border-radius:50%;text-align:center;font-size:18px;color:#fff;font-weight:500; vertical-align:2px;}
.group-info-bg .group-info .tit .elementary{background:#0d8a00;}
.group-info-bg .group-info .tit .middle{background:#e70f62;}
.group-info-bg .group-info .tit .high{background:#7054e7;}
.group-info-bg .group-info .info-list{display:block;overflow:hidden;}
.group-info-bg .group-info .info-list li{float:left;font-size:15px;color:#666;}
.group-info-bg .group-info .info-list li:first-child:before{display:none;}
.group-info-bg .group-info .info-list li:before{content:'';display:inline-block;width:1px;margin:0 11px;height:12px;background:#dcdcdc;vertical-align:-1px;}
.group-info-bg .group-info .date{overflow:hidden;padding:22px 0 0 0;}
.group-info-bg .group-info .date span{display:inline-block;padding:0 25px 0 0;color:#666;}
.group-info-bg .group-info .date strong{display:inline-block;font-size:18px;font-weight:500;}
.group-info-bg .group-info .date strong:before{content:'';display:inline-block;width:6px;height:6px;background:#3475cf;border-radius:50%;vertical-align:middle;margin-right:5px;}
.group-info-bg .group-info .date .schedule {color:#e70f62;}
.group-info-bg .group-info .date .schedule:before {background:#e70f62;}
.group-info-bg .group-info .date .ing {color:#3475cf;}
.group-info-bg .group-info .date .ing:before {background:#3475cf;}
.group-info-bg .group-info .date .end {color:#ac6124;}
.group-info-bg .group-info .date .end:before {background:#ac6124;}
.group-info-bg .class-short-cut{position:absolute;right:0;}
.group-info-bg.management .class-short-cut{position:absolute;right:0;top:49px;}
.group-info-bg .class-short-cut select{width:310px;height:31px;padding: 0 32px 0 12px;border:1px solid #d9dfe5;color:#3c4154;background:#fff url(../images/cl/bl_select1.png) no-repeat right center;}
.group-info-bg .class-short-cut a{display:inline-block;min-width:55px;height:31px;line-height:30px;padding:0 15px;background:#87919f;font-weight:500;color:#fff;text-align:center;font-size:15px;}
.group-info-bg.management{border:1px solid #ebeaea; margin-top:33px;}
.group-info-bg.management .group-info{padding: 40px 0 95px 30px;}
.group-info-bg.management .class-short-cut{top:49px;right:30px;}
.group-info-bg.management .group-info .tit{max-width:450px;}
.group-info-bg .badge-wrap .exp{font-size:13px;background: url(../images/gr/icon_exp01.png) no-repeat center top;}
.data-board td.class-info-choice span{color:#000;}
.data-board td.class-info-choice span:after{content:'';display:inline-block;width:1px;height:10px;margin:0 12px;background:#dedede;vertical-align:0;}
.class-closed.no-info {overflow:visible;border:none;}
.class-closed.no-info + .board-pagging {padding-top:20px;}
.class-info-cont{margin-top:-55px;}
.class-info-cont .tab-list{margin-top:0; margin-bottom:60px;}
.group-info-bg .badge-wrap{top:120px;}
.group-info-bg.management .badge-wrap{top:106px}
.group-info-bg .badge-wrap .badge{float:right;display:block;/*overflow:hidden;*/}
.group-info-bg .badge-wrap .badge .txt {transform: translateX(-65%);}
.group-info-bg .badge-wrap .txt-info{display:block;overflow:hidden;font-size:13px;font-weight:500;clear:both;color:#666;}
.group-info-bg .badge-wrap .txt-info:after{content:'';display:inline-block;width:5px;height:8px;margin-left:5px;background: url(../images/gr/bg_arw01.png) no-repeat 0 0;}
.tab-list li.new a:before {content: 'N';width: 17px;height: 17px;vertical-align: middle;margin: -2px 4px 0 0;background: #fb5b1d;display: inline-block;line-height: 17px;border-radius: 17px;color: #fff;font-size: 12px;text-align:center;}

/* 미션 리스트 */
/*.mission-list{width:100%;padding:23px 17px;background:#f2f6fb;}
.mission-list table{width:100%;table-layout: fixed;background:#fff;border:1px solid #e9eff4;border-radius:10px;}
.mission-list table td{position:relative;height:110px;border-left:1px solid #e9eff4;border-top:1px solid #e9eff4;text-align:center;vertical-align:top;}
.mission-list table td .competitive{background:#219472 !important;}
.mission-list table td .competitive:after{background: url(../images/gr/bg_competitive_arw01.png) no-repeat 0 0 !important;}
.mission-list table td .startup,
.mission-list table td .competitive{position:absolute;left:50%;top:-3px;width:58px;height:19px;padding:0;text-align:center;line-height:19px;color:#fff;font-size:12px;font-weight:500;background:#448dee;border-radius:20px;display:inline-block;margin-left:-28px;}
.mission-list table td .startup:after,
.mission-list table td .competitive:after{content:'';position:absolute;left:50%;margin-left:-4px;bottom:-5px;display:inline-block;width:8px;height:5px;background: url(../images/gr/bg_startup_arw.png) no-repeat 0 0;}
.mission-list table td .homepage{position:absolute;right:5px;bottom:5px;width:19px;height:19px;overflow:hidden;font-size:0;line-height:0;background: url(../images/gr/icon_homepage.png) no-repeat 0 0;}
.mission-list table td .homepage:hover + .layer, .mission-list table td .homepage:focus + .layer{display:block;}
.mission-list table td .homepage:hover, .mission-list table td .homepage:focus{background-position:0 -19px;}
.mission-list table td .homepage.com:hover, .mission-list table td .homepage.com:focus{background-position:0 -19px;}
.mission-list table td .homepage.com{background: url(../images/gr/icon_homepage1.png) no-repeat 0 0;}
.mission-list table td .layer{display:none;position:absolute;left:43px;bottom:-21px;z-index:5;width:165px;height:24px;line-height:24px;border-radius:5px;font-size:12px;color:#fff;background:#484b50;}
.mission-list table tr:first-child td{border-top:0}
.mission-list table tr td:first-child{border-left:0;}
.mission-list table tr td span{display:block;height:23px;text-align:left;padding:5px 0 0 10px;color:#555;font-size:15px;}
.mission-list table td a{display:inline-block;width:64px;height:64px;background: url(../images/gr/bg_mission_list.png) no-repeat 0 0;font-size:0;line-height:0;vertical-align: top;}
.mission-list table td span.finish{display:inline-block;width:64px;height:64px;vertical-align:top;background: url(../images/gr/bg_mission_finish.png) no-repeat 0 0;font-size:0;line-height:0;}
.mission-list table td a.compulsory{color:#ac92eb;background: url(../images/gr/bg_mission_compulsory1.png) no-repeat 0 0;}*/
.mission-list{overflow:hidden; width:100%;padding:23px 12px 23px 16px;background:#f2f6fb;box-sizing: border-box;}
.mission-list ul{display:inline-block;width:100%;background:#fff;border:1px solid #e9eff4;border-radius:10px;}
.mission-list ul li{position: relative;float:left;width:107px;height: 110px;border-left:1px solid #e9eff4;border-top:1px solid #e9eff4;text-align:center;vertical-align:top;box-sizing: border-box;}
.mission-list ul li.first{border-left:none;}
.mission-list ul li.br-top-none {border-top:none;}
.mission-list ul li .competitive{background:#008668 !important;}
.mission-list ul li .competitive:after{background: url(../images/gr/bg_competitive_arw01.png) no-repeat 0 0 !important;}
.mission-list ul li .startup,
.mission-list ul li .competitive{position:absolute;left:50%;top:-4px;width:74px;height:20px;padding:0;text-align:center;line-height:19px;color:#fff;font-size:12px;font-weight:400;background:#1a6fea;border-radius:20px;display:inline-block;margin-left:-37px;}
.mission-list ul li .startup:after,
.mission-list ul li .competitive:after{content:'';position:absolute;left:50%;margin-left:-4px;bottom:-5px;display:inline-block;width:8px;height:5px;background: url(../images/gr/bg_startup_arw.png) no-repeat 0 0;}
.mission-list ul li .homepage{position:absolute;right:5px;bottom:5px;width:19px;height:19px;overflow:hidden;font-size:0;line-height:0;background: url(../images/gr/icon_homepage.png) no-repeat 0 0;}
.mission-list ul li .homepage:hover + .layer, .mission-list ul li .homepage:focus + .layer{display:block;}
.mission-list ul li .homepage.on, .mission-list ul li .homepage:hover, .mission-list ul li .homepage:focus{background-position:0 -19px;}
.mission-list ul li .homepage.com.on, .mission-list ul li .homepage.com:hover, .mission-list ul li .homepage.com:focus{background-position:0 -19px;}
.mission-list ul li .homepage.com{background: url(../images/gr/icon_homepage1.png) no-repeat 0 0;}
.mission-list ul li .layer{display:none;position:absolute;left:43px;bottom:-21px;z-index:5;width:165px;height:24px;line-height:24px;border-radius:5px;font-size:12px;color:#fff;background:#484b50;}
.mission-list ul li span{display:block;height:23px;text-align:left;padding:5px 0 0 10px;color:#555;font-size:15px;}
.mission-list ul li a{display:inline-block;width:64px;height:64px;background: url(../images/gr/bg_mission_list.png) no-repeat 0 0;font-size:0;line-height:0;vertical-align: top;}
.mission-list ul li .finish{display:inline-block;width:64px;height:64px;margin:0 auto;padding:0;vertical-align:top;background: url(../images/gr/bg_mission_finish.png) no-repeat 0 0;font-size:0;line-height:0;}
.mission-list ul li a.compulsory{background: url(../images/gr/bg_mission_compulsory1.png) no-repeat 0 0;}
.mission-list-txt{position:relative;padding:0 0 15px 0;}
.mission-list-txt:after{content:'';display:inline-block;position:absolute;right:25px;top:-10px;width:252px;height:176px;background: url(../images/gr/bg_mission_box.png) no-repeat 0 0;}
.mission-list-txt .box{overflow:hidden;padding:15px 20px;color:#fff;background:#8b96a5;}
.mission-list-txt .box p{line-height:24px;}
.mission-list-txt .box .point1{color:#ffdc99;}
.mission-list-txt .box .point2{color:#c2e6fe;}
.mission-list-txt .box .icon{padding-top:15px;}
.mission-list-txt .box .icon li{float:left;margin-right:20px;}
.mission-list-txt .box .icon img{margin-right:10px;vertical-align:middle;}
.mission-list ul li .homepage a {position:absolute;left:0;top:0;width:19px;height:19px;background:none;}


/* 미션 상세 */
.mission-detail-box .title{position:relative;width:100%;font-weight:500;font-size:20px;color:#404040;line-height:39px;}
.mission-detail-box .title .icon{position:relative;float:left;margin-right:10px;font-weight:500;font-size:20px;color:#404040;}
.mission-detail-box .title .icon + .icon{margin-left:-5px;}
.mission-detail-box .title .icon .txt{display: none;position: absolute;left: 50%;bottom: -25px;transform: translateX(-50%);line-height: 24px;text-align: center;min-width:135px;border-radius: 5px;background: #484b50;color: #fff;font-size: 12px; z-index:2;}
.mission-detail-box .title .icon img{vertical-align:-7px;}
.mission-detail-box .title .icon .img:hover + .txt{display:block;}
.mission-detail-box .title .btn{float:right}
.mission-detail-box .title .btn a.mentor span{padding-left:30px;background: url(../images/gr/btn_mentor.png) no-repeat 0 2px;}
.mission-challenge-info{position:relative;margin:10px 0 0 0;padding:20px;border:1px solid #d9dfe5;border-top:1px solid #5e6d82;}
.mission-challenge-info.open .cont{display:block;line-height: 24px;}
.mission-challenge-info .open{position:absolute;right:20px;bottom:20px;padding:0 18px 0 0;font-weight:500;color:#666;background: url(../images/gr/bg_box_open.png) no-repeat right center;}
.mission-challenge-info.open .open{display:none;}
.mission-challenge-info .dot-tit{padding:0 0 13px 20px;font-size:16px;font-weight:500;color:#000;line-height: 24px; position:relative;}
.mission-challenge-info .dot-tit:before{content: '';display:block;width: 4px;height: 4px;background: #fd9440; position: absolute; top: 10px; left:10px;}
.mission-challenge-info > ul li:before{content: '\203B';margin-right: 2px;font-size: 14px;font-weight: 500;line-height: 24px;color: #f17f21;}
.mission-challenge-info .cont{display:none;padding:16px 20px 0;margin:20px 0 30px;border-top:1px solid #d9dfe5;background:#fcfcfc;}
.mission-challenge-info .cont > strong{display:block;padding:0 0 12px 0;font-size:15px;font-weight:500;color:#000;}
/*.mission-challenge-info .cont p, .mission-challenge-info .cont ul{padding:0 0 20px 0;}*/
.mission-challenge-info .cont p, .mission-challenge-info .cont ul{padding:0 0 0 0;}
.mission-challenge-info .cont p, .mission-challenge-info .cont ul li {word-wrap:break-word;}
.mission-challenge-info .close{position:absolute;right:20px;bottom:16px;padding:0 18px 0 0;font-weight:500;color:#666;background: url(../images/gr/bg_box_close.png) no-repeat right center;}
.mission-challenge-info button { background:transparent; }
.list-board td.task{background:#f9f9f9;}
.list-board td.task span{display:inline-block;width:33px;height:33px;vertical-align:-10px;}
.list-board td.task span img{width:100%;height:100%;border-radius:50%;object-fit: cover;}
.list-board td.task em{display:inline-block;padding-left:6px;font-weight:500;font-size:15px;color:#404040;}
.list-board td.subject a b{font-weight: 500;}
.list-board.img-type td.icon-suggestion{text-align:center;padding-left:0;}
.list-board td.icon-suggestion img{vertical-align:-7px;margin-right:10px;}
.list-board td.icon-suggestion.center{text-align:center !important; padding-left:0;}
.list-board td.absence{color:#767676;}
.list-board.img-type td{padding: 11px 0;}
.list-board.img-type td.subject{padding-left:20px;padding-right: 20px;}
.list-board .txt-overflow {display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-board td.task.partner-task{background:#fff; text-align: left;}
/*미션등록 에디터 설정*/
.mission-challenge-info .cont p em{font-style: italic; font-weight: bold;}
.mission-challenge-info .cont p u{display:inline-block;}
.mission-challenge-info .dot-tit p em{font-style: italic; font-weight: bold;}

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

/* 동아리 개설 완료 */
.class-open-finish{overflow:hidden;padding-bottom:60px;}
.class-open-finish .tit{display:block;padding:243px 0 0 0;font-weight:500;color:#505256;font-size:24px;text-align:center;background: url(../images/cl/bg_class_finish.png) no-repeat center 60px;}
.class-open-finish .tit em{font-weight:500;color:#fb5b1c;}
.list-board td.task span.type1{display: inline-block;width: 60px;height: 60px;}
.list-board td.task span.type1 img{width: 100%;height: 100%;border-radius: 50%;}
.list-board.img-type1 td{padding: 19px 0 20px;font-size:15px;line-height:24px;}
.list-board.img-type1 td.t-left{text-align:left;}
.list-board.img-type1 td.subject{padding-left:20px;}
.list-board.img-type1 td.pading{padding: 0 8px;}

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

/* 게시판 등록,상세 */
.tit-input-limit{display:inline-block;width:745px;position:relative;vertical-align:middle;margin-right:20px;}
.tit-input-limit span{position:absolute;right:20px;top:19px;font-size:15px;}
.tit-input-limit input{padding: 0 60px 0 12px;}
.data-board td .checkbox01{vertical-align:middle;}
.data-board td.file-wrap > div{margin-top:10px;display:block;width:400px;}
.data-board td.file-wrap > div:after{content:'';display:block;clear:both;width:100%;overflow:hidden;}
.data-board td.file-wrap > div:first-child{margin-top:0;}

/* 설문조사 팝업 */
.question-investigation{padding:0 25px 25px;border:1px solid #d9dfe5;}
.question-investigation .stit{display:block;padding-left:35px;line-height:66px;border-bottom:1px solid #d9dfe5;font-size:18px;font-weight:500;color:#000;background: url(../images/gr/bg_stit_question.png) no-repeat 0 center;}
.question-investigation em{display:block;padding:30px 0 20px 0;font-size:16px;font-weight:500;}
.question-investigation ul li{padding:0 0 2px 0;font-weight:500;}

/* 동아리정보상세 */
.data-board td .group-img{display:inline-block;width:400px;height:300px;}
.data-board td .group-img img{width:100%;height:100%;}
.data-board td .group-connection a{display:inline-block;margin-right:17px;text-decoration:underline;}
.group-representative-img .img{float:left;width:80px;height:80px;position: relative;border-radius: 50%;overflow: hidden;}
.group-representative-img .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:100%;height:100%;}
.group-representative-img p{display:block;padding:0 0 0 100px;font-size:13px;}
.group-representative-img p .ced1c24{color:#ed1c24;}
.group-representative-img .btn{display:block;padding:6px 0 0 100px;}
.group-representative-img .btn .file-input.file-btn-type label {min-height: auto;}
.group-representative-img.intro{padding-bottom:20px; min-height: 170px;}
.group-representative-img.intro .img{width:200px;height:150px;border-radius:0%;background-color:#fafafa;}
.group-representative-img.intro .img img{position:static;left:0;top:0;transform: inherit;width:100%; height:100%;}
.group-representative-img.intro p{padding:0 0 0 220px;}
.group-representative-img.intro p .ced1c24{color:#ed1c24;}
.group-representative-img.intro .btn{padding:6px 0 0 220px;}
.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 .entry-form textarea.textarea::placeholder{font-weight:400;}
.data-board td .member-add{padding-top:7px;}
.group-search ul{margin-top:7px;}
.group-search ul li {margin:0 20px 5px 0;}
.group-search ul li a,
.data-board td.member-board a.mem-del{vertical-align:middle;margin-left:8px;display:inline-block;width:18px;height:18px;font-size:0;line-height:0;text-indent:-9999px;background: url(../images/gr/btn_group_del.png) no-repeat 0 0;}
.data-board td.member-board {padding:0;}
.data-board td.member-board .list-board{border-left:1px solid #d9dfe5;border-right:1px solid #d9dfe5;border-top:0;}
.data-board td.member-board .list-board th{background:#fff;}
.data-board td.member-board .list-board td{border-top: 1px solid #d7d7d7;border-bottom:0;text-align:center;}
.data-board td.member-board .list-board tr:first-child td{border-top:0;}
.data-board td.member-board .list-board td .radiobox01{margin-right:0;}
.data-board td.member-board .list-board tr.no-target td{background:#fdf7f5;}
.data-board.mtmb{margin:20px 0;}
.input-txt-line{display:inline-block;width:24px;height:10px;font-size:14px;margin:17px 5px 0 0;text-align:center;}

/* 가입안내 팝업 */
.join-info p{padding:45px 0 40px 0;text-align:center;font-size:18px;font-weight:500;line-height:30px;}
.join-info .info-box{overflow:hidden;padding:30px;border:1px solid #d9dfe5;}
.join-info .info-box .img{float:left;width:75px;height:75px;}
.join-info .info-box .img img{width:100%;height:100%;}
.join-info .info-box strong{display: block;padding: 0 0 5px 20px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;font-size: 20px;font-weight: 500;}
.join-info .info-box strong em{display: inline-block;width: 24px;height: 24px;line-height: 24px;margin-right:3px;border-radius: 50%;text-align: center;font-size: 13px;color: #fff;font-weight: 500;vertical-align: 2px;}
.join-info .info-box strong .elementary {background: #0d8a00;}
.join-info .info-box strong .middle {background: #f56598;}
.join-info .info-box strong .high {background: #7054e7;}
.join-info .info-box ul{display:block;overflow:hidden;padding:4px 0 0 20px;}
.join-info .info-box ul li{float:left;font-weight:500;color:#666;}
.join-info .info-box ul li:before{content:'';display:inline-block;width:1px;height:16px;margin:0 8px;background:#989898;vertical-align:-3px;}
.join-info .info-box ul li:first-child:before{display:none;}

/* 동아리개설 */
.gr-open-step {width:100%;margin:50px 0 0;}
.gr-open-step .open-desc {position:relative;padding:23px 150px 27px 109px;margin:15px 0 0;border:1px solid #ccc;color:#555;}
.gr-open-step .open-desc .note {margin:6px 0 0;color:#ed1c24;line-height:24px;}
.gr-open-step .open-desc .note.fblack {color:#555;}
.gr-open-step .open-desc.bg-gr-step01 {background:url(../images/gr/bg_grOpen_step01.png) no-repeat 32px 28px;}
.gr-open-step .open-desc.bg-gr-step02 {background:url(../images/gr/bg_grOpen_step02.png) no-repeat 32px 26px;}
.gr-open-step .open-desc .btn-white {position:absolute;right:22px;top:32px;color:#000;}
.gr-open-step .open-desc .btn-white .arw {display:inline-block;width:6px;height:7px;margin:0 0 0 7px;background:url(../images/cl/bg_arw.png) no-repeat 0 0;vertical-align:middle;}

/* 동아리동맹 */
.class-box {position:relative;}
.class-box .tab-btn-area {position:absolute;right:0;top:-55px;}
.class-date.gr-date {text-align:center;}
.btn-term-continue {display:block;clear:both;height:23px;line-height:23px;padding:0 5px 0 7px;border-radius:2px;background:#fe5e20;font-size:13px;color:#fff;}
.btn-term-continue:after {content:'';display:inline-block;width:4px;height:22px;margin:0 0 0 8px;background:url(../images/gr/bg_gr_btnArw.png) no-repeat 0 6px;vertical-align:middle;}
.class-date.gr-date .btn-term-continue {margin:4px auto 0;}

.exp.new {width:41px;height:31px;padding:6px 0 0;background:url(../images/gr/ico_gr_exp01.png) no-repeat 1px 0 !important;font-weight:500;color:#555;font-size:12px !important;}
.badge-wrap .exp.new {margin:-4px 0 0 8px;}
.search-results-list li .results-cont .teacher span {position:relative; display:inline-block; color:#666; font-weight:500; vertical-align:middle; line-height:16px;}
.search-results-list li .results-cont .teacher span + span {margin-left:20px;}
.search-results-list li .results-cont .teacher span + span:before{content:''; position:absolute; left:-10px; top:3px; width:1px; height:13px; background:#b7b7b7;}

.search-results-list.gr-alliance-list li {min-height:181px;}
.search-results-list.gr-alliance-list li:after {clear:both;display:block;content:'';}
.search-results-list.gr-alliance-list li .results-cont {float:left;display:block;}
.search-results-list.gr-alliance-list li .results-cont strong {display:inline-block;margin-top:5px;}
.search-results-list.gr-alliance-list li .results-cont span {color:#666;font-size:13px;font-weight:400;}
.search-results-list.gr-alliance-list li .results-cont .sub-title {display:block;display:block\0/IE9;width:330px;max-height:40px;margin:0 0 4px;font-size:14px;color:#666;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.search-results-list.gr-alliance-list li .results-cont .sub-title + span {margin-left:0;}
.search-results-list.gr-alliance-list li .results-cont .sub-title + span:before {display:none;}
.search-results-list.gr-alliance-list .date-state-since {display:inline-block;margin:15px 0 0;color:#898989;}

.tbl-compulsory-right {margin:-37px 14px 10px 0;text-align:right;}
.tbl-compulsory-right .compulsory:before{content:'';display:inline-block;width:5px;height:5px;background:#e70c2b;border-radius:50%;vertical-align:3px;margin-right:8px;}

.board-detail-box .title .right em:first-child{font-weight: 500;}
.board-detail-box .title.height-auto-title{height: auto;}
.board-detail-box .title .bottom{margin: 15px 0 18px}
.board-detail-box .title .bottom .date{display:inline-block;color:#767676;}
.board-detail-box .title .bottom .date:after{content:'';display:inline-block;width:1px;height:13px;margin:0 6px 0 12px;vertical-align:-2px;background:#d9d9d9;}
.board-detail-box .title .bottom .date:last-child:after {display:none;}
.board-detail-box .title .bottom .inquiry{color:#333;}
.board-detail-box .title .bottom .inquiry:before{content:'';display:inline-block;width:26px;height:17px;background: url(../images/common/bg_inquiry_gray.png) no-repeat 0 0;vertical-align:-3px;}
.board-detail-box .title .bottom .inquiry strong{display:inline-block;padding-left:5px;}

.bg-gr-teemOpen {background:url(../images/gr/bg_gr_teemOpen_info.png) no-repeat 32px 24px;}
.team-introduce {display:inline-block;width:470px;overflow:hidden;margin-top:-3px;font-size:17px;color:#666;}
.team-since {margin:13px 0 0;color:#454545;font-size:18px;line-height:45px;height:45px;}
.team-since span {position:relative;display:inline-block;padding:0 0 0 50px;margin:0 5px 0 0;font-size:15px;color:#fe6666;}
.team-since span:before {content:'';position:absolute;left:0;top:0;display:inline-block;width:42px;height:42px;border-radius:100%;background:url(../images/gr/ico_gr_since.png) no-repeat center 5px #fe6666;}
.team-since span.color01 {color:#fe6666;}
.team-since span.color01:before {background-color:#fe6666;}
.team-since span.color02 {color:#ac7d68;}
.team-since span.color02:before {background-color:#ac7d68;}
.team-since span.color03 {color:#899f6b;}
.team-since span.color03:before {background-color:#899f6b;}
.team-since span.color04 {color:#6676b5;}
.team-since span.color04:before {background-color:#6676b5;}
.team-since span.color05 {color:#c36db4;}
.team-since span.color05:before {background-color:#c36db4;}
.team-since span.color06 {color:#4f8c91;}
.team-since span.color06:before {background-color:#4f8c91;}
.team-since.team-partner span{position:relative;display:inline-block; height: 45px; padding:0 0 0 50px;margin:0 5px 0 0;font-size:16px;color:#454545; vertical-align: middle;}
.team-since.team-partner span:before {content:'';position:absolute;left:0;top:0;display:inline-block;width:42px;height:42px;border-radius:100%;background:#fcfcfc; border:1px solid #d0d2d5;}
.team-since.team-partner span.color01:before{background:url(../images/gr/since02.png) no-repeat 10px 9px;}
.team-since.team-partner span.color02:before{background:url(../images/gr/ico_sm_school.png) no-repeat 9px 7px;}
.team-since.team-partner span em{font-size:15px; margin-right:8px;}
.team-since.team-partner .color01 em{color:#fe6666;}
.team-since.team-partner .color02 em{color:#5289d5;}
.team-since.team-partner span + span{margin-left:20px;}
.team-since.team-partner .color02{width:230px; overflow: hidden;}
.team-info-item {position:absolute;right:80px;top:45px;}
.team-info-item li {float:left;width:100px;height:100px;padding:55px 7px 13px;margin:0 0 0 11px;border-radius:6px;border-top:1px solid #f9f9f9;border-left:1px solid #f9f9f9;background:url(../images/gr/ico_gr_detail_item01.png) no-repeat center 12px #fff;text-align:center;font-size:15px;color:#555;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.24);
	-moz-box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.24);
	box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.24);
}
.team-info-item li:first-child {margin-left:0;}
.team-info-item li span {display:block;font-size:12px;line-height:17px;}
.team-info-item li.item01 span {color:#3aa6dc;}
.team-info-item li.item02 {background-image:url(../images/gr/ico_gr_detail_item02.png);}
.team-info-item li.item03 {background-image:url(../images/gr/ico_gr_detail_item03.png);}
.team-info-item li.item02 span {color:#6bbc04;}
.team-info-item li.item03 span {color:#ff982d;}
.team-info-item li.item01 .schl-name {overflow:hidden;width:86px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;color:#555;}
.team-info-item li.item04{background-image:url(../images/gr/ico_gr_detail_item04.png); position: relative;}
.team-info-item li.item04 a{position:absolute; top:0; left:0; padding: 55px 0 0; width:100px; height: 100px;}
.team-info-item li.item04 span{color:#d34a74;}

.group-list-cont {border:1px solid #d4dae1;border-top-color:#5d6d82;}
.group-list-cont .group-list-tab {padding:30px 0 30px 39px;border-bottom:1px solid #d4dae1;background:#fbfbfb;}
.group-list-cont .group-list-tab:after {clear:both;display:block;content:'';}
.group-list-cont .group-list-tab li {float:left;margin:0 0 0 9px;}
.group-list-cont .group-list-tab li:first-child {margin-left:9px;}
.group-list-cont .group-list-tab li a {display:block;height:39px;line-height:37px;padding:0 21px;border-radius:17px;border:1px solid #dcdcdc;background:#fff;color:#5e6d83;font-size:16px;}
.group-list-cont .group-list-tab li.on a {border-color:#fb5b1c;background:#fb5b1c;color:#fff;}
.group-list-cont .group-list {padding:4px 30px 0 28px;}
.group-list-cont .group-list li {min-height:120px;padding:29px 0 27px;border-top:1px solid #dbdfe2;}
.group-list-cont .group-list li:first-child {border-top:none;}
.group-list-cont .group-list li:after {clear:both;display:block;content:'';}
.group-list-cont .group-list-tab li.btn-group-join{float: right;margin: 0 15px 0 0;}
.group-list-cont .group-list-tab li.btn-group-join a{height: 40px;line-height: 38px;background: #1bacc7;color: #fff;text-align: center;font-size: 16px;border-radius: 0;border: none;}
.group-list-cont .group-list-tab li.btn-group-join a:after{content:'';display:inline-block;width:20px;height:20px;background: url(../images/gr/group_join.png) no-repeat 0 0;vertical-align: middle;margin: 0 0 0 5px;}
.group-list-cont .group-list .group-img {float:left;width:100px;height:100px;overflow:hidden;margin:0 21px 0 24px;}
.group-list-cont .group-list .group-img img {width:100%;height:100%;}
.group-list-cont .group-list .group-name {float:left;width:430px;padding:7px 0 0;}
.group-list-cont .group-list .group-name .grade {width:24px;height:24px;margin:0 6px 0 0;font-size:13px;line-height:22px;}
.group-list-cont .group-list .group-name a {font-size:20px;color:#333;vertical-align:text-top}
.group-list-cont .group-list .group-name a:hover {color:#e00;}
.group-list-cont .group-list .group-name .close {display:inline-block;width:41px;height:25px;margin-left:6px;vertical-align:middle;background:url(../images/gr/ico_gr_termClose.png) no-repeat 0 0;text-indent:-999999px;font-size:0;}
.group-list-cont .group-list .group-name .group-rep {margin:10px 0 0;font-size:13px;color:#666;}
.group-list-cont .group-list .group-name .group-rep span {line-height:15px;}
.group-list-cont .group-list .group-name .group-rep span + span {margin:0 0 0 7px;}
.group-list-cont .group-list .group-name .group-rep span + span:before {content:'';display:inline-block;width:2px;height:15px;margin:0 6px 0 0;background:#c1c1c1;vertical-align:middle;}
.group-list-cont .group-list .term {float:left;width:80px;padding:14px 0 0;text-align:center;font-size:18px;color:#595959;line-height:22px;}
.group-list-cont .group-list .group-category {float:right;}
.group-list-cont .group-list .group-category li {float:left;width:100px;height:100px;min-height:100px;padding:56px 7px 13px;margin:0 0 0 11px;border-radius:6px;border-top:1px solid #f9f9f9;border-left:1px solid #f9f9f9;background:url(../images/gr/ico_gr_detail_item01.png) no-repeat center 12px #fff;text-align:center;font-size:15px;color:#555;	-webkit-box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.24);
	-moz-box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.24);
	box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.24);
}
.group-list-cont .group-list .group-category li:first-child {margin-left:0;}
.group-list-cont .group-list .group-category li.item01 {background-position:center 12px}
.group-list-cont .group-list .group-category li.cate01 {background-image:url(../images/gr/ico_gr_category01.png)}
.group-list-cont .group-list .group-category li.cate02 {background-image:url(../images/gr/ico_gr_category02.png)}
.group-list-cont .group-list .group-category li.cate03 {background-image:url(../images/gr/ico_gr_category03.png)}
.group-list-cont .group-list .group-category li.cate04 {background-image:url(../images/gr/ico_gr_category04.png)}
.group-list-cont .group-list .group-category li.cate05 {background-image:url(../images/gr/ico_gr_category05.png)}
.group-list-cont .group-list .group-category li.cate06 {background-image:url(../images/gr/ico_gr_category06.png)}
.group-list-cont .group-list .group-category li.cate07 {background-image:url(../images/gr/ico_gr_category07.png)}
.group-list-cont .group-list .group-category li.cate08 {background-image:url(../images/gr/ico_gr_category08.png)}
.group-list-cont .group-list .group-category li.cate09 {background-image:url(../images/gr/ico_gr_category09.png)}
.group-list-cont .group-list .group-category li.cate10 {background-image:url(../images/gr/ico_gr_category10.png)}
.group-list-cont .group-list .group-category li.cate11 {background-image:url(../images/gr/ico_gr_category11.png)}
.group-list-cont .group-list .group-category li.cate12 {background-image:url(../images/gr/ico_gr_category12.png)}
.group-list-cont .group-list .group-category li.cate13 {background-image:url(../images/gr/ico_gr_category13.png)}
.group-list-cont .group-list .group-category li.cate14 {background-image:url(../images/gr/ico_gr_category14.png)}
.group-list-cont .group-list .group-category li.cate15 {background-image:url(../images/gr/ico_gr_category15.png)}
.group-list-cont .group-list .group-category li span {display:block;font-size:12px;line-height:17px;}
.group-list-cont .group-list .group-category li .cate-name,
.group-list-cont .group-list .group-category li .schl-name {overflow:hidden;width:86px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;color:#555 !important;}
.group-list-cont .group-list .group-category li.item03 {background-image:url(../images/gr/ico_gr_detail_item03.png)}
.group-list-cont .group-list .group-category li.item01 span {color:#000;}
.group-list-cont .group-list .group-category li.item02 span {color:#3aa6dc;}
.group-list-cont .group-list .group-category li.item03 span {color:#ff982d;}
.group-list-cont .btn-more {margin:0 30px 0 28px;border-top:1px solid #d9dfe5;}
.group-list-cont .no-group{text-align: center;padding: 50px 0;font-size: 16px;}


.team-history-cont {overflow:hidden;border:1px solid #d3dae1;border-radius:11px;}
.team-history-cont .history-title {padding:34px 20px 39px 43px;color:#505256;font-weight:500;line-height:46px;font-size:24px;}
.team-history-cont .history-title span {display:inline-block;padding:0 0 0 53px;margin-right:4px;background:url(../images/gr/bg_gr_history.png) no-repeat 0 0;color:#898b91;}
.team-history-cont .history-title em {display:inline-block;margin-left:12px;font-weight:400;color:#505256;font-size:20px;vertical-align:bottom;}
.team-history-cont .history-title em:before {content:'';display:inline-block;width:3px;height:18px;margin-right:14px;background:#505256;vertical-align:middle;}
.team-history-cont .history-list {padding:33px 50px 57px 108px;background:#f8fbfe;}
.team-history-cont .history-list .trace {position:relative;padding:22px 0 37px 82px;background:url(../images/gr/bg_gr_history_line.png) repeat-y 26px 0;}
.team-history-cont .history-list .trace:last-of-type {background:none;}
.team-history-cont .history-list .trace .year {position:absolute;left:0;top:0;display:block;width:62px;height:62px;line-height:62px;border-radius:100%;background:#78c3e9;color:#fff;font-sizE:18px;font-weight:500;text-align:center;}
.team-history-cont .history-list .trace .year.now:before {content:'';display:block;width:30px;height:36px;position:absolute;top:-15px;left:16px;background:url(../images/gr/ico_gr_now.png) no-repeat 0 0;}
.team-history-cont .history-list .trace .month-list li {margin:34px 0 0;font-size:16px;}
.team-history-cont .history-list .trace .month-list li:first-child {margin-top:0;}
.team-history-cont .history-list .trace .month-list li:after {clear:both;display:block;content:'';}
.team-history-cont .history-list .trace .month {float:left;width:68px;font-size:22px;color:#196588;font-weight:400;}
.team-history-cont .history-list .trace .month:before {content:'';display:inline-block;width:5px;height:5px;border-radius:3px;margin-top:-3px;margin-right:9px;background:#4c7bcd;vertical-align:middle;}
.team-history-cont .history-list .trace .month + ul {float:left;}
.team-history-cont .history-list .trace .month + ul li:before {content:'';display:inline-block;width:2px;height:2px;margin:-3px 6px 0 0;background:#333;vertical-align:middle;}
.team-history-cont .history-list .trace .month + ul li {margin:0 0 6px;color:#333;}
.team-history-cont .history-list .trace .month + ul li.pic:before {display:none;}
.team-history-cont .history-list .trace .month + ul li.pic img {width:120px;height:80px;margin:10px 10px 0 0;}

.mrgT0 {margin-top:0 !important;}
.data-board th.left-line {border-left:1px solid #d7d7d7 !important;}
.page-sub-title-style + .page-sub-title-style {padding-bottom:12px;margin-top:25px;}
.sub-title2 {font-size:18px;color:#585858;font-weight:400;}
.rdowrap {padding:17px 0 10px 107px;border:1px solid #d6d6d6;border-top-color:#686c6f;}
.rdowrap:after {clear:both;display:block;content:'';}
.rdowrap .radiobox01 {float:left;width:214px; margin:18px 0;}
.class-info-cont .rdowrap .radiobox01{height: 32px; margin:12px 0;}
.class-info-cont .rdowrap .radiobox01 label{word-break: break-all; padding-right: 10px;}
.btn-outline {display:inline-block;min-width:68px;height:29px;line-height:27px;padding:0 12px;border:1px solid #5d5d5d;border-radius:3px;font-size:13px;color:#333;
	-webkit-box-shadow: 2px 2px 0px 0px rgba(117,117,117,0.17);
	-moz-box-shadow: 2px 2px 0px 0px rgba(117,117,117,0.17);
	box-shadow: 2px 2px 0px 0px rgba(117,117,117,0.17);
}
.btn-outline.gray {border-color:#b0b0b0;color:#929292;}
.btn-outline.gray:hover {color:#000;}
.btn-outline + .btn-outline {margin-left:8px;}

.group-info .myteam {margin:0 0 5px;font-size:15px;color:#666;}
.group-info .myteam + .info-list + .date {padding-top:10px;}
.group-info .badge-wrap .badge .name {width:37px;height:37px;margin-top:-4px;vertical-align:middle;}
.group-info .badge-wrap .badge .exp {margin-left:8px;vertical-align:middle;}
.btn-teamhome {display:inline-block;width:22px;height:19px;background:url(../images/gr/btn_gr_teamHome.png) no-repeat 0 0;font-size:0;text-indent:-999999px;vertical-align:text-top;letter-spacing:-0.5px;}

.gr-mission-tab {margin-bottom:30px;padding:0;border:none;background:none;text-align:left;}
.gr-mission-tab li {display:inline-block;margin:0 9px;}
.gr-mission-tab li:first-child {margin:0;}
.gr-mission-tab li a {display:block;min-width:70px;height:38px;padding:0 20px;border: 1px solid #dcdcdc;background:#fff;font-size:16px;color:#5e6d83;line-height:36px;text-align:center;border-radius:25px;}
.gr-mission-tab li.on a {border:1px solid #f85a1c;background:#f85a1c;font-weight:500;color:#fff;}
.gr-mission-tab li.new a:before{content:'N';width:21px;height:21px;vertical-align: middle;margin: -2px 6px 0 0;background:#ffe13a;display: inline-block;line-height: 21px;border-radius: 21px;color: #000;font-size: 12px;text-align:center;}
.mission-list ul li.individual a {background:url(../images/gr/bg_mission_list_individual.png) no-repeat 0 0;}
.mission-list ul li.individual a.compulsory {background:url(../images/gr/bg_mission_list_individual2.png) no-repeat 0 0;}
.mission-list ul li .startup, .mission-list ul li .competitive {width:66px !important;margin-left:-31px !important;}
.class-info-cont .important-area {position:relative;min-height:77px;}
.class-info-cont .important-area .img-ref {position:absolute;right:15px;top:10px;}
.class-info-cont .important-area .img-ref span {display:inline-block;height:43px;line-height:42px;padding:0 0 0 48px;font-size:13px;color:#666;}
.class-info-cont .important-area .img-ref span.group {background:url(../images/gr/bg_mission_markinfo.png) no-repeat 0 0;}
.class-info-cont .important-area .img-ref span.individual {margin:0 0 0 10px;background:url(../images/gr/bg_mission_markinfo.png) no-repeat 0 bottom;}
.class-info-cont .data-board td.input-td .cmt {vertical-align:baseline;}


.choice-wrap {border-top:2px solid #393c4b;border-bottom:1px solid #dddddf;}
.choice-wrap:after {clear:both;display:block;content:'';}
.choice-wrap .choice-list {float:left;width:305px;overflow:hidden;background:#f4f7fd;}
.choice-wrap .choice-list .title {padding: 14px 10px 14px 41px;border-bottom: 1px solid #cad1e1;background: url(../images/gr/ico_gr_choiceTitle.png) no-repeat 17px 15px;font-size: 16px;color: #333;font-weight: 400;margin: 0 0 13px 0;}
.choice-wrap .choice-list .title2 {padding: 14px 10px 14px 41px;border-bottom: 1px solid #cad1e1;background: url(../images/gr/ico_gr_missionTitle.png) no-repeat 17px 14px;font-size: 16px;color: #333;font-weight: 500;margin: 0 0 13px 0;}

.choice-wrap .choice-list .scroll-list {height:514px;overflow-y:auto;padding:15px 0 20px 0;}
.choice-wrap .choice-list .scroll-list ul{padding: 0 13px 15px 12px;}
.choice-wrap .choice-list .scroll-list li {position:relative;margin:7px 0 0;}
.choice-wrap .choice-list .scroll-list li:first-child {margin-top:0;}
.choice-wrap .choice-list .scroll-list li a {display:block;padding:14px 20px 13px 17px;border:1px solid #eef1f7;border-bottom:none;border-radius:3px;background:#fff;font-size:13px;color:#848484;letter-spacing:-0.5px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(117,117,117,0.17);
	-moz-box-shadow: 0px 2px 0px 0px rgba(117,117,117,0.17);
	box-shadow: 0px 2px 0px 0px rgba(117,117,117,0.17);
}
.choice-wrap .choice-list .scroll-list li a.misson {display:block;padding:14px 20px 13px 17px;border:2px solid #ff9742;border-radius:3px;background:#fff;font-size:13px;color:#848484;letter-spacing:-0.5px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(117,117,117,0.17);
	-moz-box-shadow: 0px 2px 0px 0px rgba(117,117,117,0.17);
	box-shadow: 0px 2px 0px 0px rgba(117,117,117,0.17);
}
.choice-wrap .choice-list .scroll-list li a.missonOn {display:block;padding:14px 20px 13px 17px;border:2px solid #f85a1c;border-radius:3px;background:#fff;font-size:13px;color:#848484;letter-spacing:-0.5px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(117,117,117,0.17);
	-moz-box-shadow: 0px 2px 0px 0px rgba(117,117,117,0.17);
	box-shadow: 0px 2px 0px 0px rgba(117,117,117,0.17);
}
.choice-wrap .choice-list .scroll-list li a strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:15px;}
.choice-wrap .choice-list .scroll-list li.on:after {content:'';display:block;position:absolute;right:2px;top:2px;bottom:2px;width:18px;border-radius:0 3px 3px 0;background:url(../images/gr/bg_gr_scroll_arw.png) no-repeat center 39px #86c98d;}
.choice-wrap .choice-list .scroll-list li.on a {color:#008668;}
.choice-wrap .choice-list .scroll-list li.on a strong {color:#333;}
.choice-wrap .choice-list .scroll-list li a span:before {content:'';display:inline-block;width:2px;height:2px;background:#a1a1a1;vertical-align:middle;margin:-2px 3px 0 0;}
.choice-wrap .choice-list .scroll-list li.on a span:before {background:#58a28e;}
.choice-wrap .choice-list .scroll-list li.new a strong:before {content: 'N';width: 17px;height: 17px;vertical-align: middle;margin: -2px 4px 0 0;background: #fb5b1d;display: inline-block;line-height: 17px;border-radius: 17px;color: #fff;font-size: 12px;text-align:center;}
.choice-wrap .mission-list {float:left;width:795px;overflow:hidden;padding:0 4px 20px 15px;background:#fff;}
.choice-wrap .mission-list .mission-title {position:relative;padding:33px 145px 13px 0; }
.choice-wrap .mission-list .mission-title h4 {font-weight:400;font-size:17px;color:#333; }
.choice-wrap .mission-list .mission-title .missionTitle2 {padding-left: 25px; font-weight:400; font-size:17px; color:#333; background: url(../images/gr/ico_gr_missionTitle.png) no-repeat 0px 0px;}
.choice-wrap .mission-list .mission-title .term {margin:0 0 0 10px;font-size:13px;color:#848484;letter-spacing:-0.5px;}
.choice-wrap .mission-list .mission-title .term:before {content:'';display:inline-block;width:2px;height:13px;margin:-2px 11px 0 0;background:#bfbfbf;vertical-align:middle;}
.choice-wrap .mission-list .mission-title .btn-request {position:absolute;right:4px;top:20px; width: 135px;}
.choice-wrap .mission-list .mission-title .btn-request:hover,
.choice-wrap .mission-list .mission-title .btn-request:focus{color:#fff}

.btn-request {display:inline-block;width:200px;height:34px;line-height:34px;padding:0 0 0 43px;background:url(../images/gr/bg_gr_request.png) no-repeat 15px 9px #3b577f;color:#fff;}
.btn-request.complete {background-image:url(../images/gr/bg_gr_request_complete.png);background-color:#6e6e6e;cursor:default;}
.btn-request.complete:focus, .btn-request.complete:hover {color:#fff;}
.choice-wrap .mission-list .list-wrap {padding:23px 12px 23px 12px;border:none;border-radius:0; background:#f2f6fb;}
.choice-wrap .mission-list .list-wrap ul {background:#fff;}

.group-info-bg .group-info .date .btn-term-continue {display:inline-block;margin-left:-15px;}
.data-board td.input-td .state {display:inline-block;margin-left:10px;font-size:14px;line-height:39px;}
.data-board td.input-td .state.return {color:#ed1c24;}

.popup-title.badge-title {text-align:center;}
#popupWrap .badge-info {margin:0 0 17px;text-align:center;}
#popupWrap .badge-info .icon-box {display:table;width:550px;padding:15px 0;margin:0 auto;border:4px solid #e8eaec;}
#popupWrap .badge-info .icon-box span {position:relative;display:table-cell;width:33%;text-align:center;font-size:17px;color:#555;}
#popupWrap .badge-info .icon-box span:before {content:'';position:absolute;left:0;top:9px;display:inline-block;width:1px;height:62px;background:#e8eaec;}
#popupWrap .badge-info .icon-box span:first-of-type:before {display:none;}
#popupWrap .badge-info .icon-box span img {display:block;margin:0 auto 10px;}
#popupWrap .badge-info .icon-desc {margin:15px 0 0;font-size:14px;color:#555;}
#popupWrap .badge-info .icon-desc b{text-decoration: underline;}
#popupWrap .badge-info .icon-desc em {display:block;margin:0 0 5px;font-weight:500;font-size:15px;}
#popupWrap .badge-info .icon-desc strong {font-weight:500;}
#popupWrap .badge-info .icon-desc .color-red {color:#f56156;}
#popupWrap .badge-info .icon-desc .color-green {color:#78b142;}
#popupWrap .badge-info .icon-desc .color-yellow {color:#edb72e;}

.page-title .color-gray {color:#898b91;}
.extn-desc {margin:65px 0 30px;line-height:25px;font-size:16px;letter-spacing:-0.5px;}
.extn-desc .color-red {color:#e34939;font-weight:400;}
.extn-aprt-info {padding:35px 0 24px 45px;margin:0 0 50px;border-top:1px solid #686c6f;border-bottom:1px solid #dce0e3;}
.extn-aprt-info li {margin:0 0 15px;font-size:17px;}
.extn-aprt-info li:before {content:'';display:inline-block;width:5px;height:5px;margin:-2px 15px 0 0;background:#2c2c2c;vertical-align:middle;}
.extn-aprt-info li strong {margin:0 15px 0 0;color:#000;font-weight:500;}
.extn-aprt-info li .color-red {margin:0;font-weight:400;color:#e34939;}
.page-title-clip {min-height:35px;line-height:35px;padding:0 0 0 45px;margin:0 0 23px;background:url(../images/gr/bg_gr_title_clip.png) no-repeat 0 0;font-size:28px;color:#505256;font-weight:400;}
.page-title-clip .color-red {color:#e34939;}
.extn-qna {border:1px solid #dddee2;border-bottom:none;}
.extn-qna dt {padding:26px 20px 28px 21px;border-bottom:1px dashed #dddee2;background:#f7f8fa;font-size:18px;}
.extn-qna dt .q {display:inline-block;width:18px;height:17px;margin:-3px 6px 0 0;background:url(../images/gr/ico_gr_question.png) no-repeat 0 0;vertical-align:middle;font-size:0;text-indent:-999999px;}
.extn-qna dd {padding:30px 0 30px 50px;border-bottom:1px solid #dddee2;font-size:17px;line-height:27px;}
.extn-qna dd strong {font-weight:500;color:#000;}

/* 동아리&스타트업 동시 개설 */
.tbl-compulsory{font-size:14px; line-height: 24px; margin:-10px 0 30px 0; text-indent: -9px; padding-left:18px;}
.tbl-compulsory:before{content:'※'; display:inline-block; margin-right:5px;}
.data-board.startup-board td.input-td > .sadd{font-size:16px; float:left; line-height: 34px; margin-right:9px;}
.data-board.startup-board .file-input.file-btn-type label{line-height: 34px; margin-left:10px;}

/* 동아리 센드버드 */
.group-info-bg .group-info .date .schedule{margin-right: 15px;}
.group-info-bg .group-info .date .ing{margin-right:15px;}
.group-info-bg .group-info .date{display:flex; align-items: center;}
.group-info-bg .group-info .date > span{padding: 0 12px 0 0;}
.group-info .myteam + .info-list + .date{padding-top: 4px;}
.group-info-bg .group-info .date .btn-chat > span{padding: 0;}

.group-info-bg .group-info .date .btn-chat > span{color:#333;}
.group-info-bg .group-info .date .btn-chat.open > span{color:#f55067;}
.group-info-bg .group-info .date .btn-chat.join > span{color:#509af5;}