@charset "UTF-8";

@import('notosanskr.css');

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

.page-search:after {content:'';display:block;clear:both;}
.page-search .sort-list {position:relative;float:left;width:382px;margin:0 0 0 26px;text-align:left;}
.page-search .sort-list input[type=radio] {position:absolute;left:0;top:0;overflow:hidden;width:0;height:0;font-size:0;opacity:0;}
.page-search .sort-list label {display:inline-block;height:37px;line-height:35px;padding:0 14px;margin:0 1px;border:1px solid #dcdcdc;border-radius:18px;background:#fff;color:#5e6d83;font-size:15px;font-weight:400;}
.page-search .sort-list input[type=radio]:checked + label {border-color:#fb5b1c;background:#fb5b1c;color:#fff;}
.page-search .sort-list input[type=radio]:focus + label {border:1px dotted #000;}
.page-search .search-grp-wrap {float:right;margin:0 30px 0 0;}
.page-search .search-grp-wrap input[type=text].datepicker {position:relative;width:126px;padding:0 0 0 13px;margin:0 5px;background:url(/images/on/ico_calendar.png) no-repeat 96px 9px #fff;vertical-align:middle;}

.mybz-bx {width:100%;height:190px;margin:70px 0 0;}
.mybz-bx .mybz-cmnt {overflow:hidden;width:100%;height:53px;line-height:53px;padding:0 30px;border:1px solid #cdced3;font-size:16px;color:#000;font-weight:500;white-space:nowrap;text-overflow:ellipsis;}
.mybz-bx .mybz-cmnt .num {color:#e60021;}
.mybz-bx .mybz-list {height:137px;overflow-y:auto;border:1px solid #d9dfe5;border-top:none;padding:3px 30px;}
.mybz-bx .mybz-list li {height:51px;line-height:31px;padding:10px 0;border-top:1px solid #e9eef3;}
.mybz-bx .mybz-list li:first-child {border-top:none;}
.mybz-bx .mybz-list .state {float:left;display:block;width:45px;height:23px;line-height:23px;margin:3px 20px 0 0;border-radius:12px;border:1px solid rgba(52, 117, 207, 0.7);background:#fff;font-size:12px;color:#3475cf;text-align:center;letter-spacing:-1px;vertical-align:middle;}
.mybz-bx .mybz-list .state.progress {border-color:rgba(52, 117, 207, 0.7);color:#3475cf;}
.mybz-bx .mybz-list .state.standby {border-color:rgba(231, 15, 98, 0.7);color:#e70f62;}
.mybz-bx .mybz-list .state.recruit {border-color:rgba(36, 155, 41, 0.7);color:#249b29;}
.mybz-bx .mybz-list .title {float:left;display:block;width:680px;line-height:31px;overflow:hidden;padding:0 20px 0 0;font-size:16px;letter-spacing:-1px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}
.mybz-bx .mybz-list .date {float:left;display:block;line-height:31px;margin:0 25px 0 0;color:#666;letter-spacing:0;font-weight:500;}
.mybz-bx .mybz-list .btn-mybz {float:right;display:block;width:80px;height:31px;line-height:29px;overflow:hidden;border:1px solid #dcdcdc;background:#fff;text-align:center;color:#5e6d82;font-weight:500;}
.mybz-bx .mybz-list .btn-mybz.enter {border-color:#fc5b1d;background:#fc5b1d;color:#fff;}
.mybz-bx .mybz-list::-webkit-scrollbar {width:4px;}
.mybz-bx .mybz-list::-webkit-scrollbar-button:start:decrement,
.mybz-bx .mybz-list::-webkit-scrollbar-button:end:increment {background:none;}
.mybz-bx .mybz-list::-webkit-scrollbar-track {background:none; -webkit-border-radius: 10px; border-radius:10px;}
.mybz-bx .mybz-list::-webkit-scrollbar-thumb {background:#ddd; -webkit-border-radius: 10px; border-radius: 10px;}

.search-results {margin-top:-1px;padding:0;border:1px solid #d9dfe5;}
.search-results:after {clear:both;display:block;content:'';}
.search-results .search-count-btn {padding-left:30px;margin-top:30px;margin-bottom:16px;}
.search-results .search-count-btn .search-count {font-weight:400;}
.search-results .btn-more {border-top:1px solid #d9dfe5;}
.search-results-list {overflow:hidden;width:100%;}
.search-results-list li {position:relative;float:left;width:346px;padding:30px;}
.search-results-list li:first-child:before,
.search-results-list li:nth-child(3n+1):before {content:'';position:absolute;top:0;left:30px;right:30px;width:1038px;height:1px;background:#d9dfe5;}
.search-results-list li:after {content:'';position:absolute;top:30px;bottom:30px;right:0;width:1px;background:#d9dfe5;}
.search-results-list li:nth-child(3n+0):after {width:0;background:none;}
.search-results-list li.none-cont {clear:both;float:none;width:1038px;padding:85px 30px 85px 0;margin:0 auto;border-top:1px solid #d9dfe5;color:#767676;font-size:16px;font-weight:400;text-align:center;}
.search-results-list li.none-cont:before,
.search-results-list li.none-cont:after {display:none;}
.search-results-list .title {clear:both;height:55px;line-height:26px;overflow:hidden;display:-webkit-box;display:block\0/IE9;font-size:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-weight:500;text-align:justify;}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .search-results-list .title {display:block} }
.search-results-list .info-group {margin:11px 0 0;}
.search-results-list .info-group li {float:none;width:100%;height:inherit;overflow:hidden;padding:0;margin:0;border:none;font-size:14px;letter-spacing:0;line-height:23px;white-space:nowrap;text-overflow:ellipsis;}
.search-results-list .info-group li:first-child:before,
.search-results-list .info-group li:nth-child(3n+1):before {display:none;}
.search-results-list .info-group li:after {display:none;}
.search-results-list .pic-group {position:relative;margin:15px 0 0; width: 286px;}
.search-results-list .pic-group .img {display:block;width:286px;height:225px;overflow:hidden;background:#fcfcfc;}
.search-results-list .pic-group .img img {width:100%;height:100%;}
.search-results-list .pic-group .state {position:absolute;right:10px;top:10px;width:45px;height:45px;line-height:45px;overflow:hidden;border-radius:100%;text-align:center;color:#fff;font-size:14px;}
.search-results-list .pic-group .state.recruit {background:#249b29;} /* 모집 */
.search-results-list .pic-group .state.standby {background:#e70f62;} /* 예정 */
.search-results-list .pic-group .state.progress {background:#3475cf;} /* 진행중 */
.search-results-list .pic-group .state.closed {background:#141c26;} /* 종료 */
.search-results-list .pic-group .mask {display:none;position:absolute;left:0;top:0;bottom:0;width:100%;height:225px;background:rgba(0, 0, 0, 0.7);}
.search-results-list .pic-group .mask a {display:table-cell;height:100%;vertical-align:middle;text-align:center;font-size:18px;line-height:26px;color:#fff;}
.search-results-list .pic-group:hover .mask,
.search-results-list .title:focus + .info-group + .pic-group .mask {display:table;}
.search-results-list .btn-group {height:39px;margin:21px 0 0;}
.search-results-list .btn-group a {float:left;display:block;width:141px;height:39px;line-height:37px;border:1px solid #dcdcdc;background:#fff;text-align:center;font-size:16px;color:#5e6d82;font-weight:500;letter-spacing:-1px;}
.search-results-list .btn-group a:first-of-type {margin:0 4px 0 0;}
.search-results-list .btn-group a.enter {border-color:#fc5b1d;background:#fc5b1d;color:#fff;} /* 입장하기, 발표참가 */
.search-results-list .btn-group a.request {border-color:#fc5b1d;color:#fc5b1d;} /* 신청하기 */
.search-results-list .btn-group a.closed {background:#f0f0f0;} /* 신청마감 */
.search-results-list .btn-group a.complete {border-color:#5e6d82;background:#5e6d82;color:#fff;} /* 신청완료 */

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

.online-titbx {margin:63px 0 0;border:1px solid #d9dfe5;background:#f6fbff;}
.online-titbx .wrapper {position:relative;width:1100px;padding:34px 190px 34px 38px;margin:0 auto;}
.online-titbx .title {display:block;font-weight:500;font-size:24px;letter-spacing:-1px;line-height:32px;}
.online-titbx .information {display:block;margin:12px 0 0;}
.online-titbx .information:after {clear:both;display:block;content:'';}
.online-titbx .information li {position:relative;float:left;margin:0 0 0 11px;padding:0 0 0 11px;color:#666;font-size:15px;letter-spacing:-1px;}
.online-titbx .information li:before {position:absolute;left:0;top:5px;content:'';display:inline-block;width:1px;height:12px;vertical-align:middle;background:#ccc;}
.online-titbx .information li:first-child {margin-left:0;padding-left:0;}
.online-titbx .information li:first-child:before {display:none;}
.online-titbx .btn-online-view {position:absolute;right:30px;top:50%;margin-top:-20px;display:block;width:150px;height:39px;line-height:37px;border:1px solid #fc5b1d;background:#fff;color:#fc5b1d;font-weight:500;text-align:center;}
.online-titbx .btn-online-view.request {border-color:#fc5b1d;background-color:#fff;color:#fc5b1d;} /* 신청하기 */
.online-titbx .btn-online-view.closed {border-color:#dcdcdc;background-color:#f0f0f0;color:#5e6d82;} /* 신청마감 */
.online-titbx .btn-online-view.enter {border-color:#fc5b1d;background:#fc5b1d;color:#fff;} /* 입장하기, 발표참가 */
.online-titbx .btn-online-view.complete {border-color:#5e6d82;background:#5e6d82;color:#fff;} /* 신청완료 */

.scroller-anchor {height:0px;margin:0;padding:0;}
.online-titbx.scroller {width:1100px;z-index:100;}

.online-detail-wrap {width:100%;margin:50px 0 0;}
.online-detail-wrap .online-detail-info:after {clear:both;display:block;content:'';}
.online-detail-info .pic-area {position:relative;float:left;width:307px;margin:0 30px 0 0;}
.online-detail-info .pic-area .img {width:307px;height:225px;overflow:hidden;background:url(/images/on/img_onlinebz_view_noimg.jpg) no-repeat 0 0;}
.online-detail-info .pic-area .img img {width:100%;height:100%;}
.online-detail-info .pic-area .state {position:absolute;left:10px;top:10px;width:45px;height:45px;line-height:45px;overflow:hidden;border-radius:100%;text-align:center;color:#fff;font-size:14px;}
.online-detail-info .pic-area .state.recruit {background:#249b29;} /* 모집 */
.online-detail-info .pic-area .state.standby {background:#e70f62;} /* 예정 */
.online-detail-info .pic-area .state.progress {background:#3475cf;} /* 진행중 */
.online-detail-info .pic-area .state.closed {background:#141c26;} /* 종료 */
.online-detail-info .pic-area .recruit-percent {padding:12px 20px 15px 20px;border:1px solid #ebeaea;}
.online-detail-info .pic-area .recruit-percent .title {margin:0 0 4px;font-size:15px;color:#666;}
.online-detail-info .pic-area .recruit-percent .title strong {color:#333;}
.online-detail-info .pic-area .recruit-percent .title em {color:#fc5b1d;}
.online-detail-info .pic-area .recruit-percent .progress_bar {width:100%;height:15px;overflow:hidden;border-radius:3px;background:url(/images/on/bg_progress_bar.png) no-repeat 0 50%;}
.online-detail-info .pic-area .recruit-percent .progress_bar .inner_bar {display:block;height:8px;margin:3px 0 0;border-radius:3px;background:#ff9742;}
.online-detail-info .pic-area .recruit-percent .progress_bar .inner_bar:after {content:'';display:block;float:right;width:15px;height:15px;margin-top:-3px;background:url(/images/on/img_onlinebz_perpoint.png) no-repeat 0 0;}
.online-detail-info .info-area {float:left;width:763px;}
.online-detail-info .info-area .title {font-size:24px;letter-spacing:-1px;font-weight:500;}
.online-detail-info .info-area .infomation-detail {margin:22px 0 0;}
.online-detail-info .info-area .infomation-detail li {margin:10px 0 0;color:#666;font-size:18px;line-height:26px;letter-spacing:0;}
.online-detail-info .info-area .infomation-detail li:first-child {margin-top:0;}
.online-detail-info .info-area .infomation-detail li strong {display:inline-block;margin-right:6px;font-weight:500;color:#333;}
.online-detail-info .info-area .infomation-detail li strong:after {content:':';display:inline-block;width:10px;text-align:right;}
.online-detail-info .info-area .infomation-detail em {color:#fe5539;font-weight:500;}
.online-detail-info .info-area .infomation-detail .notice {font-size:16px;color:#666;line-height:23px;}
.online-detail-info .info-area .infomation-detail .notice strong {color:#e60021;font-weight:500;}
.online-detail-info .info-area .infomation-detail .notice em {text-decoration:underline;}
.online-detail-cont {width:100%;margin:10px 0 0;}
.online-detail-cont .cont-bx {overflow:hidden;padding:26px 30px 20px 30px;border:1px solid #ebeaea;line-height:normal;color:#404040;}
.online-detail-cont .cont-bx p {line-height:normal;color:#404040;}
.online-detail-cont .cont-bx img {max-width:100%;width:auto !important;height:auto !important;max-height:100%;}
.popup-cmnt-online {margin:25px 0 0;font-size:15px;color:#333;line-height:25px;}
.popup-cmnt-online strong {color:#000;font-weight:500;}
.popup-cmnt-online strong em {color:#fb5b1c;font-weight:500;}
.btn-online-pop {display:inline-block;width:161px;height:39px;line-height:37px;text-align:center;font-size:18px;}
.btn-online-pop.owner-chg {border:1px solid #8a96a4;background:#fff;color:#5e6d82;}
.btn-online-pop.request {border:1px solid #fb5b1c;background:#fb5b1c;color:#fff;}