@charset "utf-8";

/* msec-01 */
.msec-01{}
	
	@media all and (max-width:1000px) {
		
	}
	@media all and (max-width:980px) {
		
	}

	@media all and (max-width:440px) {
		.main-cont-01 .tab-menu span {width:33.1%;}
        .msec-01 .btn-cur-area a {font-size:16px;}
	}

img {max-width: 100%;}

.t-menu {margin:30px 0;}
.t-menu ul {overflow:hidden}
.t-menu ul li {width:25%;text-align:center;float:left;position:relative}
.t-menu ul li a {display:block;}



.main-cont-01{background:#fcd211;}

.tab-menu span {display:inline-block; vertical-align:top;border-left:1px solid #fcd211;width:33.2%;height:40px;text-align:center;line-height:40px; font-size:14px; color:#fff;background:#000;}
.tab-menu span:first-child {border-left:0}
.tab-menu span.on {background:#f55507;color:#fff;}
.tab-con-1 {display:none;}

.movie-wrap {margin:3% 3%;}
.movie-box {position:relative;overflow:hidden;height:0;padding-bottom:56.26%;background:#000}
.movie-box iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.movie-box img {width:100%;height:auto !important;}

.cur {clear:both;}
.cur img {width:100%;}
.btn-cur-area {padding:3% 3%;background:#fff;}
.btn-cur-area.aft {padding:5% 0;}
.btn-cur-area a {display:block;text-align:center;font-size:18px;color:#fff;background:#f55507;width:100%;height:38px;line-height:38px;}

.main-cont-02 {background:#fff;margin:0 3% 3% 3%;}
.after-box {overflow:hidden;width:100%;}
.after-box li {float:left;width:calc(50% - 5px);padding:0 0 10px 10px;}
.after-box li:nth-child(odd) {padding-left:0;}


    @media all and (max-width:640px) { 
        .main-cont-02 .after-list-wrap .star_area {width:10%;}
        .main-cont-02 .after-list-wrap a {width: calc(90% - 8px);padding-left:8px;}
		.main-cont-02 .after-list-wrap li .tit{font-size:16px; padding-top:3px; padding-bottom:1px;}
        .main-cont-02 .after-list-wrap .star_area img {width:90%;height:90%;}
        
	}

.after-list-wrap .star_area {float:left;width:9%;padding-top:8px;}
.after-list-wrap a {display:inline-block;width:90%;text-align:left;}
.after-list-wrap ul{border-top:2px solid #272726; border-bottom:2px solid #272726;margin-top:3%;}
.after-list-wrap li{width:100%;padding:10px 0; position:relative;border-top:1px solid #e3e3e1}
.after-list-wrap li.pn{padding:10px 0;}
.after-list-wrap li:first-child{border-top:none;}
.after-list-wrap li .tit{display:block; color:#333; font-size:18px; font-weight:400; letter-spacing:-0.04em; padding:6px 30px 3px 0; line-height:120%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.after-list-wrap li .pn_tit {color:#333; font-size:14px; font-weight:300; letter-spacing:-0.04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.after-list-wrap li .pnt {font-size:14px;font-weight:400;letter-spacing:-0.04em;padding:0 20px;color:#111;}
.after-list-wrap li .date:after, .after-list-wrap li .hit:after{background:#ccc; width:1px; height:12px; position:Absolute; left:-6px; top:50%;margin-top:-6px; display:block; content:""}
.after-list-wrap li .name{display:inline-block;  position:relative;vertical-align:top; color:#a7a7a7}
.after-list-wrap li .date{display:inline-block; position:relative; margin-left:10px;vertical-align:top; color:#a7a7a7}
.after-list-wrap li .hit{display:inline-block; position:relative;  margin-left:10px;vertical-align:top; color:#a7a7a7}
.after-list-wrap li .star{display:inline-block; height:16px;margin-top:5px;padding-left:20px;}
.after-list-wrap li .star i{display:inline-block; width:80px; height:14px; text-indent:-9999px; position:relative;background-image:url(../Img/Sub/star-sprite.png); background-repeat: no-repeat;background-size:80px auto !important;}
.after-list-wrap li .star i.star-00{ no-repeat 0 0}
.after-list-wrap li .star i.star-05{background-position: 0 -19px}
.after-list-wrap li .star i.star-10{background-position: 0 -38px}
.after-list-wrap li .star i.star-20{background-position: 0 -75px}
.after-list-wrap li .star i.star-30{background-position: 0 -113px}
.after-list-wrap li .star i.star-40{background-position: 0 -149px}
.after-list-wrap li .star i.star-50{background-position: 0 -186px}

.banner-area {margin:25px 0 75px 0;}
.banner-area a {display:block;margin-bottom:20px;}

/* 2019-12-15 ������ �߰� */
.slide-wrap.Main {margin-bottom:30px;}
.youtubeArea {padding:0 13px 0; overflow:hidden; box-sizing:border-box; margin-bottom:17px;}
.youtubeArea .titleArea {overflow:hidden; border-bottom:2px solid #333; padding-bottom:10px; margin-bottom:13px;}
.youtubeArea .titleArea h2 {float:left; width:130px;}
.youtubeArea .titleArea .addView {float:right; width:100px; margin-top:5px;}
.youtubeArea .youtubeSlideArea {overflow:hidden;}
.youtubeArea .youtubeSlideArea li a {float:left; width:49%;}
.youtubeArea .youtubeSlideArea li a:nth-child(1) {margin-right:2%;}
.youtubeArea .youtubeSlideArea .youtube-pagination {text-align:center; padding:13px 0;}
.youtubeArea .youtubeSlideArea .swiper-container-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px 0 0;}
.youtubeArea .youtubeSlideArea .swiper-pagination-bullet {position:relative; width:auto; height:auto; background:none; letter-spacing:-0.9px; padding-right:8px; opacity:1; color:#222;} 
.youtubeArea .youtubeSlideArea .swiper-pagination-bullet:after {content:''; position:absolute; top:6px; right:0; width:1px; height:10px; background:#959595;} 
.youtubeArea .youtubeSlideArea .swiper-pagination-bullet:last-child:after {display:none;}
.youtubeArea .youtubeSlideArea .swiper-pagination-bullet-active {font-weight:600;}

.passReviewArea {padding:0 13px 0; overflow:hidden; box-sizing:border-box; margin-bottom:30px;}
.passReviewArea .titleArea {overflow:hidden; padding-bottom:10px;}
.passReviewArea .titleArea h2 {float:left; width:130px;}
.passReviewArea .titleArea .addView {float:right; width:100px; margin-top:5px;}
.passReviewArea .passReviewSlideArea {position:relative; overflow:hidden;}
.passReviewArea .passReviewSlideArea .swiper-container-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 1px;}
.passReviewArea .passReviewSlideArea .swiper-pagination-bullet {position:relative; background:#fff;} 

.bestReviewArea {padding:0 13px 0; overflow:hidden; box-sizing:border-box; margin-bottom:30px;}
.bestReviewArea .titleArea {overflow:hidden; border-bottom:2px solid #1c3264; padding-bottom:10px; margin-bottom:13px;}
.bestReviewArea .titleArea h2 {float:left; width:130px;}
.bestReviewArea .titleArea .addView {float:right; width:100px; margin-top:5px;}
.bestReviewArea .bestReviewList {background:#1c3264; color:#fff; padding:18px 13px;}
.bestReviewArea .bestReviewList li {position:relative; overflow:hidden; font-size:12px; margin:8px 0 !important; line-height:21px;}
.bestReviewArea .bestReviewList li:last-child {margin-bottom:0;}
.bestReviewArea .bestReviewList li a {position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
.bestReviewArea .bestReviewList li .name {float:left; width:45px; height:21px; text-align:center; background:#fff; border-radius:4px; color:#1c3264; margin-right:5px;}
.bestReviewArea .bestReviewList li .title {float:left; width:calc(100% - 130px); height:21px; margin-right:5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bestReviewArea .bestReviewList li .grade {float:left; width:60px; height:21px;} 

.locationLectureArea {padding:0 13px 0; overflow:hidden; box-sizing:border-box; margin-bottom:30px;}
.locationLectureArea .titleArea {overflow:hidden; border-bottom:2px solid #252525; padding-bottom:10px; margin-bottom:13px;}
.locationLectureArea .titleArea h2 {float:left; width:130px;}
.locationLectureArea .locationLectureCont {overflow:hidden;}

.customerArea {position:relative; padding:0 13px 0; overflow:hidden; box-sizing:border-box; margin-bottom:30px;}
.customerArea .customerGo {position:absolute; top:0; right:13px; width:31%; padding:4% 0; text-indent:-9999px;}