@charset "UTF-8";

#container02 .visual-area {height:583px;background:url(../images/main/img_main_visual.jpg) no-repeat center 0;background-size:cover;text-align:center;}
#container02 .visual-area .visual-inner {width:1098px;height:100%;margin:0 auto;}
.visual-area .visual-slogan {margin:43px 0 60px;}

.slide-wrap {position:relative;float:left;width:460px;height:258px;margin:0 auto;}
.swiper-container:not(.noti-swiper) {position:relative;overflow:hidden;padding:0 0 50px;}
.swiper-container.event-swiper {padding-bottom:0;}
.swiper-wrapper {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.slide-wrap .btn-control-wrap {position:absolute;left:50%;bottom:0;top:inherit;width:73px;height:33px;margin-left:-36px;}
.slide-wrap .btn-control {top:0;display:block;width:33px;height:33px;margin-top:0;background-repeat:no-repeat;background-position:0 0;background-size:33px 33px;text-indent:-999999px;font-size:0;}
.slide-wrap .btn-control.swiper-button-next {right:0;background-image:url(../images/main/btn_control_next2.png)}
.slide-wrap .btn-control.swiper-button-prev {left:0;background-image:url(../images/main/btn_control_prev2.png)}

.visual-area .banner-wrap {float:left;width:694px;height:328px;}
.visual-area .banner-wrap .slide-wrap {position:absolute;left:0;top:0;width:100%;height:100%;}
.visual-area .banner-wrap .swiper-wrapper img{width:694px;height:328px;border-radius: 13px;}
.visual-area .banner-wrap .swiper-pagination-auto .auto-btn {}
.visual-area .banner-wrap .swiper-pagination-auto .btn-control-wrap {width:100%;height:100%;}
.visual-area .banner-wrap .swiper-pagination-auto .btn-control-wrap .btn-control {position:absolute;top:50%;margin-top:-19px;display:block;width:20px;height:38px;background-size:20px 38px;background-repeat:no-repeat;background-position:0 0;text-indent:-999999px;font-size:0;}
.visual-area .banner-wrap .swiper-pagination-auto .btn-control-wrap .swiper-button-prev {left:20px;background-image:url(../images/main/btn_control_prev.png);}
.visual-area .banner-wrap .swiper-pagination-auto .btn-control-wrap .swiper-button-next {right:20px;background-image:url(../images/main/btn_control_next.png);}
.visual-area .banner-wrap .swiper-pagination-auto .btn-control-wrap .swiper-button-disabled {opacity:0.25;pointer-events:auto;}
.visual-area .banner-wrap .swiper-pagination-auto .auto-btn {position:absolute;bottom:22px;right:13px;width:41px;height:35px;border-left:1px solid #e5e5e8;border-radius:0 17px 17px 0;background:#fffbf2;text-align:center;z-index:2;}
.visual-area .banner-wrap .swiper-pagination-auto .auto-btn button {position:absolute;left:0;top:0;display:block;width:100%;height:100%;line-height:35px;border-radius:0 17px 17px 0;background-color:#fffbf2;background-repeat:no-repeat;background-position:center 11px;text-indent:-999999px;font-size:0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(21,21,21,0.47);
	-moz-box-shadow: 0px 0px 5px 0px rgba(21,21,21,0.47);
	box-shadow: 0px 0px 5px 0px rgba(21,21,21,0.47);
}
.visual-area .banner-wrap .swiper-pagination-auto .auto-btn .swiper-auto-start {background-image:url(../images/main/btn_control_play.png);}
.visual-area .banner-wrap .swiper-pagination-auto .auto-btn .swiper-auto-stop {background-image:url(../images/main/btn_control_pause.png);}
.visual-area .banner-wrap .swiper-pagination-auto .swiper-pagination {position:absolute;bottom:22px;right:53px;padding:0 17px 0 23px;border-radius:17px 0 0 17px;background:#fffbf2;text-align:center;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(21,21,21,0.47);
	-moz-box-shadow: 0px 0px 5px 0px rgba(21,21,21,0.47);
	box-shadow: 0px 0px 5px 0px rgba(21,21,21,0.47);
}
.visual-area .banner-wrap .swiper-pagination-auto .swiper-pagination button {display:block;float:left;height:35px;line-height:35px;margin:0 0 0 12px;background:none;color:#888; opacity: 1; font-size:16px;}
.visual-area .banner-wrap .swiper-pagination-auto .swiper-pagination button:first-of-type {margin-left:0;}
.visual-area .banner-wrap .swiper-pagination-auto .swiper-pagination button.swiper-pagination-bullet-active {color:#fd524b; text-decoration: underline; text-underline-offset: 2px;}
.visual-area .banner-wrap .control-line {position:absolute;right:41px;bottom:22px;width:29px;height:35px;background:url(../images/main/bg_control_middleline.png) no-repeat 0 0;z-index:10;}
.visual-area .event-banner {position:relative;float:left;width:363px;margin:0 0 0 36px;}
.visual-area .event-banner .badge {position:absolute;right:-57px;top:-41px;width:116px;height:98px;background:url(../images/main/img_main_vusual_badge.png) no-repeat 0 0;text-indent:-999999px;font-size:0;}
.visual-area .event-banner img{width: 363px;height: 328px;border-radius: 13px;}
.visual-area .event-banner .badge {position:absolute;left:280px;top:-41px;width:116px;height:98px;background:url(../images/main/img_main_vusual_badge.png) no-repeat 0 0;text-indent:-999999px;font-size:0;}
.visual-area .event-banner .badge.event{background:url(../images/main/img_main_vusual_badge_event.png) no-repeat 0 0;}

#container02 .notice-alrim {position:relative;width:100%;height:58px;border-top:1px solid #ebeff3;background:#fff;}
.notice-alrim .notice-inner {position:relative;width:1098px;height:58px;margin:0 auto;}
.notice-alrim .title {height:58px;line-height:58px;float:left;padding:0 27px 0 45px;background:url(../images/main/ico_notice_title.png) no-repeat 12px 20px;;font-size:16px;color:#35371f;font-weight:500;}
.notice-alrim .alrim-wrap {position:relative;float:left;width:854px;padding-right:20px;height:59px;overflow:hidden;}
.notice-alrim .alrim-wrap .alrim-swiper .swiper-wrapper a {height:58px;line-height:58px;font-size:15px;}
.notice-alrim .swiper-pagination-auto .swiper-pagination {display:none;}
.notice-alrim .swiper-pagination-auto {position:absolute;right:0;top:0;}
.notice-alrim .swiper-pagination-auto .auto-btn {position:absolute;right:58px;top:0;width:59px;height:59px;border-right:1px solid #f1f1f1;border-left:1px solid #f1f1f1;}
.notice-alrim .swiper-pagination-auto .auto-btn button {display:block;width:100%;height:57px;background-color:#fff;background-repeat:no-repeat;background-position:center 21px;text-indent:-999999px;font-size:0;}
.notice-alrim .swiper-pagination-auto .auto-btn .swiper-auto-start {background-image:url(../images/main/btn_control_play2.png)}
.notice-alrim .swiper-pagination-auto .auto-btn .swiper-auto-stop {background-image:url(../images/main/btn_control_pause2.png)}

.notice-alrim .btn-alrim-layer {position:absolute;right:0;top:0;display:block;width:59px;height:59px;border-right:1px solid #f1f1f1;background:url(../images/main/btn_alrim_open.png) no-repeat center 25px;text-indent:-999999px;font-size:0;}
.notice-alrim .btn-alrim-layer.on {background-image:url(../images/main/btn_alrim_close.png)}
#container02 .notice-alrim .notice-layer {display:none;position:absolute;top:57px;left:0;width:100%;border-top:2px solid #eeeef0;background:#fff;z-index:10;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(21,21,21,0.39);
	-moz-box-shadow: 0px 5px 5px 0px rgba(21,21,21,0.39);
	box-shadow: 0px 5px 5px 0px rgba(21,21,21,0.39);
}
#container02 .notice-alrim .notice-layer.open {display:block;}
#container02 .notice-alrim .notice-layer ul {width:1098px;padding:30px 0 50px 117px;margin:0 auto;}
#container02 .notice-alrim .notice-layer ul li {position:relative;padding:0 0 0 112px;margin:20px 0 0;}
#container02 .notice-alrim .notice-layer ul li:first-child {margin-top:0;}
#container02 .notice-alrim .notice-layer ul li:before {content:'';position:absolute;left:0;top:9px;display:block;width:4px;height:4px;margin-right:15px;border-radius:2px;background:#595a55;vertical-align:middle;}
#container02 .notice-alrim .notice-layer ul li .date {position:absolute;left:22px;top:0;margin:0 20px 0 0;color:#868686;font-size:15px;}
#container02 .notice-alrim .notice-layer ul li a {font-size:15px;}

.middle-boxs {padding:34px 0 74px;background:#ebeff3;}
#container02 .class-group-wrap {width:100%;background:#ebeff3;}
.class-group-wrap ul {position:relative;width:1098px;height:230px;margin:0 auto;}
.class-group-wrap .tab-wrap {position:absolute;left:0;top:0;}
.class-group-wrap .tab-wrap:after {clear:both;display:block;content:'';}
.class-group-wrap .tab-wrap .tab-title {position:relative;display:block;float:left;width:60px;height:115px;margin:0 0 0 2px;z-index:1;text-indent:-999999px;font-size:0;}
.class-group-wrap .tab-wrap.class .tab-title {background:url(../images/main/btn_main_tab_class.png) no-repeat 0 bottom;z-index:2;}
.class-group-wrap .tab-wrap.group .tab-title {background:url(../images/main/btn_main_tab_group.png) no-repeat 0 bottom;}
.class-group-wrap .tab-wrap.group .tab-title,
.class-group-wrap .tab-wrap.group.on .tab-title {margin-top:115px;}
.class-group-wrap .tab-wrap.on .tab-title {width:60px;padding-left:22px;margin:0 0 0 2px;background-position:0 top;z-index:2;}
.class-group-wrap .tab-wrap .tab-cont-wrap {display:none;float:left;width:1036px;height:230px;border-radius:0 9px 9px 0;background:#fff;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
}
.class-group-wrap .tab-wrap.on .tab-cont-wrap {display:block;}
.class-group-wrap .tab-wrap .tab-cont-wrap .class-banner {float:left;width:304px;height:230px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .class-banner img {width:303px;height:230px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .class-banner .bn-title {font-size:18px;color:#5e5f51;line-height:28px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .class-banner .bn-title strong {font-size:22px;font-weight:500;}
.class-group-wrap .tab-wrap .tab-cont-wrap .class-banner .bn-title strong span {color:#fd524b;}
.class-group-wrap .tab-wrap .tab-cont-wrap .class-banner .bn-stitle {margin:6px 0 0;font-size:14px;color:#666;line-height:20px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list {float:left;width:732px;height:230px;padding:0 27px 0 0;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list h3 {height:57px;line-height:57px;border-bottom:1px solid #d0d0d0;text-align:center;font-size:16px;color:#000;font-weight:400;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list ul {width:100%;padding:33px 0 44px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list ul li {position:relative;float:left;width:226px;margin:0 0 0 13px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list ul li:first-child {margin-left:0;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list ul li .thumnail {position:absolute;left:0;top:0;width:95px;height:95px;overflow:hidden;display:block;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list ul li .thumnail + .class-info {margin:0 0 0 106px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list .class-title {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:16px;color:#000;line-height:24px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list .class-title:hover,
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list .class-title:focus {text-decoration:underline;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list em {width:24px;height:24px;line-height:24px;margin:-3px 6px 0 0;font-size:13px;font-weight:400;}
.class-group-wrap .tab-wrap .tab-cont-wrap .new-class-list span {display:block;margin:0 0 5px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list {padding:0 30px 0 34px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list ul {width:972px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list li {position:relative;float:left;width:263px;height:176px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list li.ranking {margin:0 0 0 21px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list li.history {width:391px;height:150px;margin:40px 0 0 34px;background:url(../images/main/bg_groupTab_banner.png) no-repeat 0 bottom;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list:after {clear:both;display:block;content:'';}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list h3 {height:40px;line-height:40px;margin:16px 0 0;border-bottom:1px solid #898989;text-align:center;font-weight:500;font-size:16px;color:#666;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list h3 span:before {content:'';display:inline-block;width:32px;height:38px;margin:-2px 5px 0 0;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .thisWeek h3 span:before {background-image:url(../images/main/ico_title_thisWeek.png)}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .ranking h3 span:before {width: 43px;height:43px;background-image: url(../images/gr/ico_gr_badge_sample02.png);}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .thumnail {position:absolute;left:0;bottom:0;width:100px;height:100px;overflow:hidden;display:block;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .thumnail + .group-info {margin-left:113px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .group-info {padding:20px 0 0 0;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .group-info .group-title {display:block;margin:4px 0 13px 5px;font-size:18px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .group-info .group-title:hover,
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .group-info .group-title:focus {text-decoration:underline;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .group-info span {display:block;padding:0 0 0 9px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .group-info span:before {content:'';display:inline-block;width:5px;height:2px;margin:0 4px 0 -9px;background:#a0a0a0;vertical-align:middle;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list .group-info span.mb {height:40px;overflow:hidden;display:-webkit-box;display:block\0/IE9;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list li.history strong {font-size:22px;color:#5e5f51;font-weight:500;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list li.history strong span {color:#fd524b;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list li.history .desc {margin:14px 0 0 126px;font-size:14px;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list li.history .btn {margin:9px 0 0;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list li.history .btn a {display:inline-block;height:37px;line-height:35px;padding:0 12px 0 11px;border:1px solid #fd524b;font-size:14px;color:#fc160d;}
.class-group-wrap .tab-wrap .tab-cont-wrap .group-list li.history .btn a:nth-of-type(2) {margin:0 0 0 5px;border-color:#337fb3;color:#0161a3;}

.program-board {width:1098px;margin:35px auto 0;}
.program-board:after {clear:both;display:block;content:'';}
.program-board .board {float:left;width:536px;height:494px;padding:0 34px 28px 36px;margin:0 0 22px;border-radius:9px;background:url(../images/main/bg_board.png) no-repeat 0 0;}
.program-board .board:nth-child(odd) {margin-right:26px;}
.program-board .board .board-title {position:relative;margin:89px 0 50px;text-align:center;}
.program-board .board .board-title .board-icon {position:absolute;top:-74px;left:50%;display:block;}
.program-board .board .board-title .title {line-height:33px;font-size:33px;color:#000;font-weight:400;}
.program-board .board .board-title .title .color {font-weight:500;}
.program-board .board .board-title .stitle {margin:16px 0 0;font-size:14px;}
.program-board .board .program-list {width:100%;}
.program-board .board .program-list li {position:relative;width:100%;height:94px;}
.program-board .board .program-list li:first-child {margin:0 0 20px;}
.program-board .board .program-list li .thumnail {position:absolute;left:0;top:0;width:121px;height:91px;overflow:hidden;}
.program-board .board .program-list li .thumnail + .program-cont {margin-left:136px;}
.program-board .board .program-list .type {display:block;width:74px;height:28px;line-height:26px;margin:0 0 10px;background:url(../images/main/bg_program_type.png) no-repeat 0 0;text-align:center;color:#d91008;}
.program-board .board .program-list .title {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;color:#000;font-weight:500;width: 324px;}
.program-board .board .program-list .goal {display:block;margin:7px 0 0;font-size:24px;color:#fd524b;font-weight:500;}
.program-board .board .program-list .goal .day {margin:0 0 0 4px;font-size:14px;font-weight:400;color:#333;}
.program-board .board .program-list .crnt-type {position:absolute;left:0;top:0;display:block;width:74px;height:28px;line-height:28px;border-radius:12px;background:#3284e9;color:#fff;text-align:center;font-size:14px;font-weight:400;}
.program-board .board .program-list .crnt-type.close {height:26px;line-height:26px;border:1px solid #cecece;background:#fff;color:#666;}
.program-board .board .program-list .info {display:block;letter-spacing:-0.5px;width: 213px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.program-board .board.funding .board-title .board-icon {width:52px;height:55px;margin-left:-29px;background:url(../images/main/img_board_title_funding.png) no-repeat 0 0;}
.program-board .board.notice .board-title .board-icon {width:52px;height:55px;margin-left:-29px;background:url(../images/main/img_board_title_notice.png) no-repeat 0 0;}
.program-board .board.funding .board-title .title .color {color:#0f9797;}
.program-board .board.market .board-title .board-icon {width:46px;height:49px;margin-left:-26px;background:url(../images/main/img_board_title_market.png) no-repeat 0 0;}
.program-board .board.market .board-title .title .color {color:#fd524b;}
.program-board .board.market .program-list .ip {display:block;margin:14px 0 12px;font-size:26px;font-weight:500;}
.program-board .board.market .program-list .ip img {margin-left:4px;}
.program-board .board.online .board-title .board-icon {top:-70px;width:44px;height:44px;margin-left:-26px;background:url(../images/main/img_board_title_online.png) no-repeat 0 0;}
.program-board .board.online .board-title .title .color {color:#3284e9;}
.program-board .board.online .program-list .title {position:relative;padding-left:83px;line-height:28px;margin-bottom:18px;}
.program-board .board.contest .board-title .board-icon {top:-70px;width:44px;height:44px;margin-left:-26px;background:url(../images/main/img_board_title_contest.png) no-repeat 0 0;}
.program-board .board.contest .board-title .title .color {color:#ba6a99;}
.program-board .board.contest .program-list li {margin-left:17px;}
.program-board .board.contest .program-list li:before {content:'';position:absolute;top:7px;left:-17px;display:block;width:7px;height:7px;border-radius:100%;background:#ba6a99;}
.program-board .board.contest .program-list .title {width:446px;margin-bottom:7px;}
.program-board .board.contest .program-list .info:before {content:'';display:inline-block;width:5px;height:2px;margin-right:5px;background:#a0a0a0;vertical-align:middle;}
.program-board .board.startup .board-title .board-icon {top:-65px;width:39px;height:39px;margin-left:-25px;background:url(../images/main/img_board_title_startup.png) no-repeat 0 0;}
.program-board .board.startup .board-title .title .color {color:#fd524b;}
.program-board .board.startup .program-list .title {margin-bottom:23px;}
.program-board .board.startup .program-list .btn-homepage {position:absolute;right:0;bottom:9px;}
.program-board .board.data .board-title .board-icon {top:-65px;width:38px;height:44px;margin-left:-25px;background:url(../images/main/img_board_title_data.png) no-repeat 0 0;}
.program-board .board.data .program-list li,
.program-board .board.notice .program-list li{margin-left:17px;}
.program-board .board.data .program-list li:before,
.program-board .board.notice .program-list li:before{content:'';position:absolute;top:7px;left:-17px;display:block;width:7px;height:7px;border-radius:100%;background:#ba6a99;}
.program-board .board.data .program-list .title {margin-bottom:7px;}
.program-board .board.data .program-list .info {overflow:hidden;width:446px;height:63px;word-break:keep-all;display:-webkit-box;display:block\0/IE9;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.program-board .board .program-list li.nodata {width:455px;height:92px;line-height:92px;border:1px solid #dfe7f0;background:#f3f8fe;text-align:center;font-size:15px;color:#757575;}
.program-board .board.contest .program-list li.nodata,
.program-board .board.data .program-list li.nodata {margin-left:0;}
.program-board .board.contest .program-list li.nodata:before,
.program-board .board.data .program-list li.nodata:before {display:none;}
.program-board .board .program-list li.nodata span:before {content:'';display:inline-block;width:20px;height:22px;margin:-2px 9px 0 0;background:url(../images/main/ico_main_nodata.png) no-repeat 0 0;vertical-align:middle;}
.program-board .board .program-list .program-cont.new{padding: 0 0 0 26px;}
.title-new{ background: url(../images/common/icon_new.png) no-repeat 0 0; width: 26px;position:absolute;left:0;text-indent: -9999px;}
    
.program-mn-area {width:100%;height:406px;background:url(../images/main/bg_main_program_list.jpg) repeat-x center 0 #4d6575;}
.program-mn-area .program-inner {width:1098px;margin:0 auto;text-align:center;}
.program-mn-area h2 {padding:55px 0 46px;font-size:22px;line-height:22px;color:#fff;font-weight:400;}
.program-mn-area h2 span {display:block;margin:15px 0 0;font-size:32px;line-height:32px;}
.program-mn-area h2 strong {font-weight:500;}
.program-mn-area .mnbx-list {width:100%;}
.program-mn-area .mnbx-list li {position:relative;float:left;width:150px;height:165px;margin:0 0 0 8px;cursor:pointer;}
.program-mn-area .mnbx-list li:first-child {margin-left:0;}
.program-mn-area .mnbx-list li .iconbx {display:block;height:165px;padding:120px 0 0;background-color:rgba(255,255,255,0.1);background-repeat:no-repeat;text-align:center;font-size:18px;color:#fff;}
.program-mn-area .mnbx-list li .iconbx.mn01 {background-image:url(../images/main/img_main_mnbx01.png);background-position:center 35px;}
.program-mn-area .mnbx-list li .iconbx.mn02 {background-image:url(../images/main/img_main_mnbx02.png);background-position:center 30px;}
.program-mn-area .mnbx-list li .iconbx.mn03 {background-image:url(../images/main/img_main_mnbx03.png);background-position:center 36px;}
.program-mn-area .mnbx-list li .iconbx.mn04 {background-image:url(../images/main/img_main_mnbx04.png);background-position:center 35px;}
.program-mn-area .mnbx-list li .iconbx.mn05 {background-image:url(../images/main/img_main_mnbx05.png);background-position:center 21px;}
.program-mn-area .mnbx-list li .iconbx.mn06 {background-image:url(../images/main/img_main_mnbx06.png);background-position:center 21px;}
.program-mn-area .mnbx-list li .iconbx.mn07 {background-image:url(../images/main/img_main_mnbx07.png);background-position:center 35px;}
.program-mn-area .mnbx-list li .iconbx.mn08 {padding:110px 0 0; font-size:16px; background-image: url(../images/main/img_main_mnbx08.png); background-position: center 30px;}
.program-mn-area .mnbx-list li .hoverbx {position:absolute;left:0;top:0;display:none;width:100%;height:165px;padding:0 15px;background:rgba(38,54,65,0.90);}
.program-mn-area .mnbx-list li .hoverbx span {display:table-cell;width:100%;vertical-align:middle;color:#fff;font-size:13px;font-weight:350;text-align:center;word-break:keep-all;}
.program-mn-area .mnbx-list li .hoverbx strong {display:block;margin:0 0 9px;font-size:18px;font-weight:400;}
.program-mn-area .mnbx-list li .hoverbx .btn-go {display:block;width:82px;height:26px;line-height:26px;margin:9px auto 0;border:1px solid #909da7;border-radius:13px;text-align:center;}
.program-mn-area .mnbx-list li .hoverbx .btn-go:hover {color:#fff;opacity:0.8;}
.program-mn-area .mnbx-list li:hover > .hoverbx {display:table}

.etc-mn-area {padding:35px 0 36px;border-bottom:3px solid #4b6272;background:#6f828f;}
.etc-mn-area ul {display:table;width:1098px;margin:0 auto;text-align:center;}
.etc-mn-area li {display:inline-block;}
.etc-mn-area li:before {content:'';display:inline-block;width:1px;height:16px;margin-top:-3px;background:#929fa9;vertical-align:middle;}
.etc-mn-area li:first-child:before {display:none;}
.etc-mn-area li a {display:inline-block;padding:0 33px 0 35px;line-height:16px;color:#fff;font-size:18px;}
.etc-mn-area li a:hover {opacity:0.8;}

.familysite-list {width:1098px;padding:31px 0 33px;margin:0 auto;}
.familysite-list ul {display:table;width:100%;}
.familysite-list li {display:table-cell;vertical-align:middle;text-align:center;}
.familysite-list li a {display:block;height:34px;line-height:34px;}
.familysite-list li a img {vertical-align:middle;}

/*2021.06 더보기 버튼 추가*/
.program-board .board .board-title .title .main-more{display:inline-block; width:87px; height: 36px; border:1px solid #ccc; border-radius: 20px; color:#79797b; font-size: 14px; font-weight: 600; vertical-align: top; margin-left:10px; padding-left:3px; position:relative}
.program-board .board .board-title .title .main-more:before{content:''; display:inline-block; position:absolute; top:12px; left:16px;width: 0;height: 0;border-top: 4px solid transparent;border-left: 5px solid #a3a4a4;border-bottom: 4px solid transparent;}


/** 2021 YEEP 메인 변경 **/
.visual-area .banner-wrap .swiper-wrapper > li > a{position:absolute; width:212px; height: 46px; line-height: 46px; border-radius: 30px; font-size:14px;}
.visual-area .banner-wrap .swiper-wrapper .btn-fundList{bottom:66px; left:77px; background:#3a5c60; color:#fff;}
.visual-area .banner-wrap .swiper-wrapper .btn-fundList:after{content:''; display:inline-block; width:12px; height: 10px; background:url(../images/main/maintopicon.png) -475px 0; margin-left:10px;}
.visual-area .banner-wrap .swiper-wrapper .btn-youtube{bottom:66px; left:300px; background:#fffbf2; color:#0f1922; border:1px solid #3a5c60;}
.visual-area .banner-wrap .swiper-wrapper .btn-contest{width:199px; height:38px; line-height:38px; font-size:17px; font-weight: 500; bottom: 53px; left:48px; background:#006b08; color:#fff;}
.visual-area .banner-wrap .swiper-wrapper .btn-contest:after{content:''; display:inline-block; width: 27px; height: 18px; background:url(../images/main/btn_contestarrow.png); vertical-align:middle; margin: 0 0 4px 8px}
.visual-area .banner-wrap .swiper-wrapper .btn-tutor{bottom: 45px; left: 43px; font-size: 1px; text-indent: -9999px;}
.visual-area .banner-wrap .swiper-wrapper .btn-banner-center{bottom:99px; left: 50%; margin-left: -106px; font-size: 1px; text-indent: -9999px;}
.visual-area .banner-wrap .swiper-wrapper .btn-banner-right-center{margin-left:-320px; margin-top:97px; width:290px; height:110px; font-size: 1px; text-indent: -9999px;}


.program-board{margin:0 auto;}
.program-board .board.top{width:1098px; border:1px solid #e2e3e3; background:#fff; box-shadow: 1px 1px 5px rgba(76, 78, 90, 0.1);}
.program-board .board:nth-child(even){margin-right: 26px;}
.program-board .board:nth-child(odd){margin-right: 0;}
.program-board .board.top{padding:40px 0; height: 438px;}
.program-board .board.top .board-title .stitle{letter-spacing: 0.1px;}
.program-board .board.top > ul > li{float:left; width:50%; padding:0 40px;}
.program-board .board.top > ul > li + li{border-left:1px solid #dadcdc;}
.program-board .board.top .board-title{text-align: left; margin:0;}
.program-board .board.top .board-title > ul{margin-top:20px;}
.program-board .board.top .board-title > ul > li + li{margin-top:13px;}
.program-board .board.top .board-title.group-board > ul > li + li{margin-top:22px;}
.program-board .board.top .board-title .board-title-top{position: relative; height: 120px; border-bottom:1px solid #dee2e2;}
.program-board .board.top .board-title .board-title-top:before{content:''; display:block; width:183px; height: 117px; background:url(../images/main/maintopicon.png); position: absolute; top:2px; right:0;}
.program-board .board.top .board-title.group-board .board-title-top:before{width:201px; background-position: -190px 0;}
.program-board .board.top .board-title .btn-new-class{display: inline-block; width:158px; border:1px solid #e81432; border-radius: 5px; font-size:15px; font-weight: 400; color:#e81432; padding-left:18px; vertical-align: top; margin-left:10px;}
.program-board .board.top .board-title .btn-new-class:before{content:''; display:inline-block; width: 5px; height: 5px; border:none; border-top:1px solid #e81432; border-right:1px solid #e81432; transform: rotate(45deg); margin: 0 5px 2px 0;}
.program-board .board.top .board-title .title .main-more{padding-left:27px;}
.program-board .board.top .class-info .class-title{display:block; font-size:18px; font-weight: 500; color:#000;}
.program-board .board.top .class-info .class-title em{width:24px; height: 24px; line-height: 24px; font-size:13px; margin:-3px 6px 0 0;}
.program-board .board.top .class-info > span{font-size:14px; color:#666;}
.program-board .board.top .class-info > span + span:before{content:''; display:inline-block; width:1px; height: 10px; background:#666; margin:0 5px;}
.program-board .board.top .class-info .class-theme{display: inline-block; text-indent: 33px;}
.program-board .board.top .top-btn{margin-top:20px;}
.program-board .board.top .top-btn li{display:inline-block; width:220px; height: 40px; line-height: 40px; }
.program-board .board.top .top-btn li + li{margin-left:12px;}
.program-board .board.top .top-btn li a{display:block; font-size:17px; text-align: center;border:1px solid #a9b0b2; border-radius: 5px;color:#5e5e5e;}
.program-board .board.top .top-btn li .top-main-cmade{color:#ec2818; border-color: #fc6357;}
.program-board .board.top .top-btn li .top-main-gmade{color:#2f439d; border-color: #3e56b6;}

.program-board .board.top .top-btn li a:before{content:''; display:inline-block; width:17px; height: 17px; background:url(../images/main/maintopicon.png); vertical-align: middle; margin: 0 5px 3px 0;}
.program-board .board.top .top-btn li .top-main-more::before{background-position: -450px 0; margin-right:0}
.program-board .board.top .top-btn li .top-main-cmade::before{background-position: -406px 0;}
.program-board .board.top .top-btn li .top-main-gmade::before{background-position: -428px 0;}

.board-title.group-board > ul > li > * {float:left; display:block;}
.board-title.group-board > ul > li:after{content:''; display:block; clear: both;}
.board-title.group-board > ul > li h3{width:75px; font-size:13px; font-weight: 500; color:#333; text-align: center;}
.board-title.group-board > ul > li.thisWeek h3 span:before{content:''; display:block; width:32px; height: 38px; background:url(../images/main/maintopicon.png) -405px -21px; margin: 3px 0 5px 20px;}
.board-title.group-board > ul > li.ranking h3 span:before{content:''; display:block; width:42px; height: 39px; background:url(../images/main/maintopicon.png) -443px -21px; margin: 3px 0 3px 17px;}
.board-title.group-board > ul > li img{width:68px; height: 68px;margin: 0 12px 0 10px;}
.board-title.group-board > ul > li .group-info > *{display:block;width:290px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-title.group-board > ul > li .group-info .group-title{font-size:18px; font-weight: 500; color:#000; margin-bottom:5px;}
/** 2021 YEEP 메인 변경 **/