/* bsSlider 초기화 */
.bx-wrapper{border:none !important;box-shadow: none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important}


/* S: main CSS */
.mainSlide{background:#F6F9FF;}
.mainSlide ul{display:flex;justify-content: space-between;width:100%}
.mainPage{height: auto !important; margin-top:16px;}
.content{margin:0;}
.row{margin-bottom:40px !important;}
.inner{ width:1200px; margin:0 auto;}
.content h2{margin-bottom:20px; display:inline-block;}
.spaceNone{align-items:flex-start}
.empty{font-size:1.4rem; color:#999;}
.center{text-align:center;}
.btnPrev{position:absolute; left:50%; cursor:pointer; top:220px; margin-left:-720px}
.btnNext{position:absolute; left:50%; cursor:pointer; top:220px; margin-left:660px;}
.sBpage{top:10px !important; text-align:right !important; padding-right:12px; bottom:auto !important}
.blackWrap{width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:9999; display:grid; place-items:center}
.blackWrap .pc_item{display:block}
.blackWrap .m_item{display:none}
.blackWrap .closePop{color:#fff; cursor:pointer; font-weight:bold; background:#222; border-radius:4px; padding:5px;}
.blackWrap .bw_hide{float:right; margin-left:10px;}

.wb1, .wb2{
    margin-bottom: 12px;
    border: 1px solid #e1e1e1;
    text-align: center;
    background: #fff;
    display: block;
}
/* E: main CSS */

/* S: 오픈 강의  */
.lectureArea{position: relative;align-self: flex-start;width:66%}
.lectureArea h2{margin-bottom:15px}
.lectureArea .bx-wrapper{margin:0}
.lectureArea .bx-wrapper .bx-pager{top:10px !important;right:0 !important;width:auto;padding:0;}
.lectureArea .bx-wrapper .bx-pager.bx-default-pager a{width:7px;height:7px;background:#ccc}
.lectureArea .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#00B0FF}
.lectureArea #slide1 li{max-height:500px}
.lectureArea #slide1 li a img{width:100%}
.lecturelol .owl-dots{position:absolute;top:0;right:0}

/* 이번달 오픈 강의 */
.openLectureArea li{position: relative;border:1px solid #E1E1E1;margin-bottom:8px;}
.openLectureArea li:last-child{margin:0}
.openLectureArea li.on span:nth-child(2){color:#00B1FF}
.openLectureArea li a{display:flex;  align-items:center;}
.openLectureArea li span{font-size:1.6rem;letter-spacing: -0.48px;line-height: 2.4rem; display:inline-block;text-align:center;background:#222;color:#fff;padding:11px 17px 14px 17px; width:19%;}
.openLectureArea li span strong{font-size:2.4rem;letter-spacing: -0.96px;margin-top:3px; font-family:Oxanium, sans-serif;}
.openLectureArea li .classOpen{width:80%; padding-left:16px;}
.openLectureArea li .classOpen h3{font-size:1.4rem; margin-bottom:4px }

/* 스페셜패키지 슬라이드 */
.mPackSlide2{padding:0 0 60px 0 }
.mPackSlide2 .item p{font-size:1.4rem;color:#666666;letter-spacing: -0.8px;line-height:21px;padding:15px 0 0}
.mPackSlide2 .item p strong{display: inline-block;font-size:1.6rem;color:#222222;padding-bottom:5px}
.specialImg{width:100%;height:200px;background-repeat:no-repeat;background-position:center}

/* 강의 맛보기 */
.tastingArea{align-self: flex-start;width:32%}
.tastingArea img{vertical-align: top; width:100%; height:310px}
.tastingArea h2{margin-bottom:15px}
.tastingArea ul{padding:0 15px 40px;border:1px solid #e1e1e1;border-radius: 0 0 8px 8px;}
.tastingArea ul li{padding-top:15px;font-size:1.6rem;}
.tastingArea ul li.on .number{background:#00B1FF;}
.tastingArea ul li:first-child{padding-top:24px;}
.tastingArea ul li::after{content:'';display:block;clear:both;}
.tastingArea ul li:hover .number{background:#00B1FF;}
.tastingArea ul li .number{display:flex;justify-content: center;align-items: center;float: left;width:40px;height:40px;font-size:1.6rem;background:#002222;color:#fff;border-radius:20px;margin:5px 10px 0 0; font-family:Oxanium, sans-serif;font-weight:600;}
.tastingArea ul li strong{display:inline-block;width:85%;color:#222;letter-spacing: -0.64px;line-height: 2.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tastingArea ul li p{width:85%;color:#999;letter-spacing: -0.64px;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:1.4rem;}
/* E: 오픈 강의 */

/* S: 메인 풀 이미지 */
.fullBanner{width:100%; background:url('/asset/images/main/generalpolice/cirri_bg.png')}
.fullBanner img{width:100%;vertical-align: top;}
/* E: 메인 풀 이미지 */

/* E: 메인 슬라이드1 */
.locationSection{margin-bottom:100px; margin-top:40px;}
.locationSection h2 {font-size:2.4rem; margin-bottom:12px;}
.locationSection h2 span{color:#0468ff;}
.locationSection h4{font-size:14px; margin-bottom:4px; color:#999;}
.locationSection p{font-size:16px; line-height:1.5;}
.locationSection .bluecheck{background:#395cb0; color:#fff; font-size:1.2rem; padding:4px;}
.locationSection .greencheck{background:#2cb400; color:#fff; font-size:1.2rem; padding:4px;}

/* S: 강사 슬라이드2 */
#row_5 .empty{text-align:left; padding-top:24px;} 
.profSlider{position: relative;margin-bottom:20px}
.profPoint{font-size:2.8rem; line-height:1.5; color:#222 !important;}
#row_5 .profTag{overflow:hidden;}
#row_5 .profTag li{color:#fff; background:#222;  font-size:1.2rem; font-weight:bold; padding:6px 8px; border-radius:4px; float:left; margin-right:4px;}
#row_5 .profBtn{display:block;background:#f1f1f1; font-size:1.4rem; font-weight:800; margin-top:96px; padding:16px; border-radius:8px; width:80%; position:relative;}
#row_5 .profBtn span{position:absolute; right:16px;}
#row_5 .profNav{position:relative; margin-top:90px;}
#row_5 .profNext{cursor:pointer; position:absolute; left:40px; bottom:24px; text-align:right;}
#row_5 .profPrev{cursor:pointer; position:absolute; left:0; bottom:24px; text-align:left;}
#row_5 .profNav .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#00B1FF !important}
.profSlider .swiper-slide{position: relative;min-height:350px;background:linear-gradient(45deg, #F6F9FE, #E9F0FF);;padding:32px 16px; overflow:hidden;}
.profSlider .swiper-slide .iconArea{display:inline-block;}
.profSlider .swiper-slide .iconArea span{background:#000;color:#fff;font-size:1.2rem;font-weight:bold;padding:6px 8px;border-radius:4px;}
.profSlider .swiper-slide p{width:100%;position:absolute; z-index:99; font-size:1.4rem;line-height:1.5;color:#fff; background:rgba(0,0,0,0.5);font-weight:700;overflow: hidden;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;padding:16px; bottom:0; left:0; transition:0.3s ease; height:auto;}
.profSlider .swiper-slide:hover p{padding:16px 16px 80px;;}
.profSlider .swiper-slide .profName{padding-top:24px; z-index:1;}
.profSlider .swiper-slide strong{font-size:2.4rem; color:#222222; font-weight:900;text-shadow: 0 0 5px #fff;}
.profSlider .swiper-slide em{display:block;font-size:1.4rem;color:#222222;font-weight:900;padding-top:8px;text-shadow: 0 0 5px #fff;}
.profSlider .swiper-slide img{position:absolute;right:-30px;bottom:0; width:220px !important}
/* E: 강사 슬라이드2 */

/* S: 추천도서 슬라이드 */
.bookRolling{position: relative;}
.bookRolling .bx-wrapper{width:100%;margin:0;background: none;}
.bookRolling .bx-controls{position: absolute;top: -25px;right: 10px;}
.bookRolling .bx-wrapper .bx-controls-direction a{width:20px;height:20px}
.bookRolling .bx-wrapper .bx-prev{left:-11px;background:url('https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png') no-repeat -5px -38px}
.bookRolling .bx-wrapper .bx-next{right:-30px;background:url('https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png') no-repeat -50px -37px}

.bookArea{width: 280px;
    height: 280px;
    background: #f1f1f1;
    overflow: hidden;
    display: flex;
    }
.bookArea img{
	width: 57% !important;
    align-self: flex-end;
    margin: 0 auto;
    box-shadow:3px 3px 3px #ccc
}
/* E: 추천도서 슬라이드 */

/* S: 메인탭 */
#mainTab > ul{display:flex;align-items: center;justify-content: center;}
#mainTab > ul li{border:1px solid #a5a5a5;border-radius: 15px;margin: 0px 10px;cursor: pointer;}
#mainTab > ul li:hover{background:#000;}
#mainTab > ul li:hover a{color:#fff}
#mainTab > ul li.ui-state-active{background:#000;}
#mainTab > ul li a{display: inline-block;padding: 10px 15px;font-size:1.5rem}
#mainTab > ul li.ui-state-active a{color:#fff}
#mainTab h2{padding:30px 0 0} 
.mainTabContent ul{display:flex;flex-wrap: wrap;align-items: center;}
.mainTabContent ul li{width:25%;padding-right: 2%;box-sizing: border-box;}
.mainTabContent ul li a{display:flex;flex-direction: column;}
.mainTabContent ul li div{display:flex;flex-direction: column;padding:15px 0}
.mainTabContent ul li div strong{font-weight: 700;color:#0468FF}
.mainTabContent ul li div strong span{position:relative; font-weight: normal;color:#999;margin-left: 5px;padding-left: 5px;}
.mainTabContent ul li div strong span::before{position: absolute;top: 50%;left: 0;width: 1px;height: 70%;background-color: #a5a5a5;
       -webkit-transform: translateY(-45%);
       transform: translateY(-45%);
       content: '';
}
.mainTabContent ul li div p{padding:3px 0}
.mainTabContent ul li div p strong{font-size:1.4rem;color:#222;}
/* E: 메인탭 */

/* S: 메인 수강생 리뷰 */
.mainReViewContent .swiper-slide{position: relative; height:240px;border:1px solid #e1e1e1;padding:20px 12px;box-sizing: border-box;overflow:hidden}
.mainReViewContent .starPoint{position: absolute;bottom:25px;left:15px;}

.mainReViewContent .starPoint span{font-size:1.4rem;color:#00B1FF;font-weight: bold;}
.mainReViewContent .starPoint span img{width:13px}
.mainReViewContent p:nth-child(1){background:#000;color:#fff;font-size:1.2rem;font-weight:bold;padding:6px 8px;border-radius:4px; display:inline; overflow:hidden;}
.mainReViewContent p:nth-child(2){width: 100%;font-size:1.8rem;color:#222;letter-spacing: -0.32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top:24px;}
.mainReViewContent p:nth-child(3){display: -webkit-box;font-size:1.4rem;color:#666;letter-spacing: -0.28px;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding:20px 0 0 0;margin-bottom:20px; line-height:1.5}

.mainReViewContent p strong{font-size:1.5rem}
.mainReViewContent p span{color:#adadad}
/* E: 메인 수강생 리뷰 */

/* S: 메인 공지사항 */
#mainNotice{position: relative;width:100%;align-self: flex-start;}
#mainNotice .mainNoticeContent li{width: 100%;font-size:1.4rem;letter-spacing: -0.28px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background:#F5F5F5;padding:12px 16px;margin-bottom:10px;border-radius: 8px;box-sizing: border-box;}
#mainNotice .mainNoticeContent li:last-child{margin:0}
#mainNotice .mainNoticeContent li span{display:inline;width:55px;font-weight:bold;color:#FF4188;padding-right:8px}
#mainNotice .mainNoticeContent li em{font-weight:500;}
/* E: 메인 공지사항 */

/* S: 추천도서 */
.bookTitPoint{color:#0468FF}
/*.mainBookList .bookLists{display:flex;justify-content: space-between;}
.mainBookList .bookLists li{display:flex;flex-direction: column;width:280px;border-radius: 5px;}*/
.mainBookList .bookLists li img{width:100%;}
.mainBookList .bookLists .bookTitle{font-size:1.4rem;margin-top:20px;letter-spacing: -0.64px; font-weight:700;}
.mainBookList .bookLists .bookPrice{font-size:2.4rem;letter-spacing: -1.12px;color:#222;font-weight: bold;line-height:4.1rem;margin-top:5px}
.mainBookList .bookLists .bookPrice span{font-size:1.6rem;color:#ff0000;letter-spacing: -0.8px;padding-left:10px;}
.mainBookList .bookLists .bookPrice2{font-size:1.6rem;text-decoration:line-through;line-height:2.4rem;letter-spacing: -0.64px;color:#999}
.sales{color:#ff0000; margin-left:5px;}
/* S: 배너 풀 이미지 */
.fixedBanner2{position:fixed; right:20px; top:20px;}
/* E: 배너 풀 이미지 */

/* S: 220829 추가 */
body{overflow-x:hidden;}
#wrapper{overflow:hidden; position:static;}
#sideBar.active .sideMenuArea{box-shadow:none; border-right:1px solid #e1e1e1;}
.topBanner{width:100%; background:url('/asset/images/event/generalpolice/page_230201/topbanner-7555db46372a9a1e47a6d3dbe3660444.png'); height:128px; background-position:center; z-index:998}
.bottomBanner{position:fixed !important; bottom:0; left:0; width:100%; height:128px; background-position:center; z-index:998 !important; text-align:center; overflow:inherit !important}
.bb1{/*background:#233780;*/background:url('https://renew.primeedunet.com/public/file/landing/freepass/LD00086/img/bottom_banner_bg.png')}
.bb2{background:#010101}
.bottomBanner span{cursor:pointer; background:#333; font-weight:700;color:#fff; display:inline; position:absolute; top:-23px; right:380px; padding:5px; border-radius:4px 4px 0 0;}
.bottomBanner a{display:block; width:100%; height:100%;}
.blackWrap{width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:9999; display:grid; place-items:center}
.blackWrap .pc_item{display:block}
.blackWrap .m_item{display:none}
.blackWrap .closePop{color:#fff; cursor:pointer; font-weight:bold; background:#222; border-radius:4px; padding:5px;}
.blackWrap .bw_hide{float:right; margin-left:10px;}


/* 긴급 모달 */
.blackWrap1{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999;}
.blackWrap1 .bw_box1{margin:0 auto; position:absolute; top:50%; left:50%; margin-top:-180px; margin-left:-150px;z-index:1}
.blackWrap1 .bw_box1 img{width:375px}
.blackWrap1 .closePop1{color:#fff; cursor:pointer; position:absolute; left:50%; top:58%; margin-top:130px; margin-left:-20px; font-weight:bold; background:#222; border-radius:4px; padding:5px;z-index:2}
.blackWrap1 .bw_hide1{float:right; margin-left:10px;}

.rollBanner div{height:480px; text-align:center;}
.rollBanner .r1{background:url('/asset/images/event/generalpolice/page_230222/bg-0c27ed97c0f4ef2d3d98c9f4294300c2.png')}
.rollBanner .r2{background:#0b122a}
.rollBanner .r3{background:url('/asset/images/event/page_221129/221129_bg.png')}
.rollBanner .r4{background:url('/asset/images/event/generalpolice/page_230216/main_bg-6e2a70470fbae385b7421b663d3d1cd6.png')}
.rollBanner .r5{background:url('/asset/images/main/generalpolice/main_roll5_bg-2381335b70bd44e992df061890588f6c.png')}
.wingBanner{position:absolute; right:0; top:260px; z-index:500; }
.circleBanner{position:fixed; right:140px; top:260px;; z-index:500;}
.mNone .swiper-slide img{width:100%;}
.cB1{margin-bottom:5px; position:relative}
.cB2{position:relative;}
.circleBanner span{cursor:pointer; background:#222; color:#fff; display:inline; position:absolute; top:20px; right:20px; padding:5px; border-radius:4px;}
.d_day h3{font-weight:900; font-size:2rem; margin-bottom:0; line-height:1.5}
.d_day h6{color:#1c47ff}
.d_day{width:110px; border:1px solid #e1e1e1;padding:10px !important; text-align:center; background:#fff; margin-bottom:12px;}
.d_day .swiper-slide{box-sizing:border-box;}
.d_day .nav{display:flex; justify-content: space-between;}
.nav .prev_btn{cursor:pointer; z-index:500}
.nav .next_btn{cursor:pointer; z-index:500}
.nav .swiper-pagination{z-index:499}
.classPlan{margin-top:10px; width:110px; border:1px solid #e1e1e1;padding:10px !important; text-align:center; background:#fff; display:block;}
.oneonone{margin-top:10px; width:110px; border:1px solid #e1e1e1;padding:10px !important; text-align:center; background:#fff; display:block;}
.kakao{margin-top:10px;}
.subBanner img{width:100%}
.bannerSection{margin:40px 0;}
.mVideoList{display:none !important}
.videoSection{margin:40px 0 0; background:#F6F9FF; padding:60px 0 20px;}
.thumbnail{position:relative}
.thumbnail img{width:100%;}
.three{position:relative;}
.mNone{width:1180px;}
.videoMask{width:100%; height:100%; position:absolute; left:0; top:0; background:url('/asset/images/main/generalpolice/video_wrap-c9e0ab14dde671d72679a61c525b84a2.png'); display:block; border-radius:8px; background-size:100%;}
.titleSection{display:flex; justify-content:space-between}
.youtubeTitle{font-size:3.6rem; font-weight:900; color:#222;}
.youtubeTitle img{margin-right:8px;}
.titleSection h3{width:50%; line-height:4.5; font-size:1.6rem; font-weight:600;}
.videoChannel{display:inline-block; padding:12px; color:#fff; background:#222; line-height:1; font-size:14px; margin:0; height:40px;}
.videoChannel:hover{color:#fff; background:#444;}
.bVideo{width:100%}
.videoNavi{clear:both; display:flex; justify-content:end; padding-top:20px;}
.videoNavi img{cursor:pointer;}
.videoTitle{margin-bottom:24px;}
.videoTitle h3{font-size:2rem; line-height:1}
.videoTitle p{font-size:1.4rem;}
.curriculumSection{background:url('/asset/images/main/generalpolice/curri_bg-7e036d17d154923ee92b113250d3078a.png'); text-align:center;}
.etcSection{margin-bottom:40px;}
.eventSection h2{ margin-bottom:20px;}
.eventNav{display:inline; position:absolute; z-index:500; right:15px; top:50px;  }
.eventNav li{width:40px; height:40px; float:left; color:#fff; background:#222; font-size:1.6rem; line-height:40px; text-align:center; cursor:pointer;}
.eventRoll{clear:both;}
.eventRoll img{width:100%;}
.etcBox{margin-top:48px;}
.noticeSection{margin-bottom:24px;}
/* E: 220829 추가 */

/* S: 반응형 */
@media (max-width:1200px) {
		.inner{width: 100%; padding: 0 15px; box-sizing: border-box; display: block;}
		.three{width:100%;}
       	.mainContent{padding:0}
       	.popCustom{display:block}
       	.popCustom img{width:100% !important}
       	.popCustom .bw_box{ text-align:center;}
	   	.fullBanner{width:calc(100% + 40px); margin-left:-20px;}
       	.profSlider .bx-controls{position: static;width:100%}
       	.mainTabContent ul{width:100%;margin:0 auto;}
       	.mainTabContent ul li{width:33.3333%;padding-bottom: 10px;}
       	.mainTabContent ul li:nth-child(odd){padding-right:2%}
       	.bookRolling{display:none !important}
       	.mainBookList{/*display:none !important*/width:100%}
		.mainBookList .bookLists{width:100%}
       	.mainBookList .bookLists li{padding:15px 10px;width:49%;box-sizing: border-box;flex-direction: unset}
       	.mainBookList .bookLists li .bookArea{width:auto;height:200px}
       	.mainBookList .bookLists .bookTitle{font-size:1.3rem}
       	.mainBookList .bookLists .bookPrice{font-size:1.5rem}
       	.mainBookList .bookLists .bookPrice span{font-size:1.2rem}
       	.mainBookList .bookLists .bookPrice2{font-size:1.2rem;}
       	.mainBookList .bookLists li img{height:auto}
	    #mainNotice{width:100%;margin-top:30px}
       	#mainTab > ul{flex-wrap: wrap;}
       	#mainTab > ul li{margin:0px 10px 5px}
		.mainSlide{display:none}
       	/*.profSlider .bx-wrapper .bx-controls-direction a{top:-95px}*/
		.lectureArea{width:100%}
		.lectureArea .bx-wrapper .bx-pager{bottom:15px;top:initial !important;right: initial !important;width: 100%;}
		.lecturelol .owl-dots{position:inherit;}
		.openLectureArea li{overflow:hidden}
		.openLectureArea li span:nth-child(1){border-radius: 4px 0 0 4px;}
		.openLectureArea li span:nth-child(1) strong{font-size:2rem;letter-spacing: -0.96px;margin-top:3px}
		.openLectureArea li span:nth-child(2){display:inline-block;box-sizing: border-box;line-height:2.4rem;letter-spacing: -0.64px;color:#999;padding:0px 0px 0 10px;margin-top:16px;vertical-align: middle;font-weight: bold;} 
		.openLectureArea li span:nth-child(3){position:relative;display:inline-block;vertical-align: middle;padding:0px 0 0 10px;margin-top:16px;border-left:1px solid #bcbcbc;font-weight: bold;width: 60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
		.openLectureArea li span:nth-child(4){display:none;vertical-align: middle;font-size:1.2rem;color:#999;padding: 16px 0 0 5px;}
		.tastingArea{width:100%;margin-top:30px}
		.tastingArea img{width:100%}
		.mainReviews{width:100%}
		.mainReviews .mainReViewContent{flex-direction:column}
		.mainReviews .mainReViewContent li{width:100%; height:auto; padding:15px; margin-bottom:15px;}
		.mainReviews p:nth-child(2){padding:10px 0 0;margin-bottom:10px}
		.mainReviews .starPoint{left:auto; right:15px; bottom:10px;}

       /* 스페셜패키지 슬라이드 */
		.mPackSlide2{padding:0 0 30px 0 }
		.mPackSlide2 .item p{font-size:1.2rem;}
		.mPackSlide2 .item p strong{font-size:1.4rem;}
		
		/* 강사진 슬라이드 */
		.profSlider2 .item{background:#F1F1F1;}
		/*.profSlider2 .item .iconArea span{}
		.profSlider2 .item p{}
		.profSlider2 .item strong{}
		.profSlider2 .item em{}*/
		.profSlider2 .item img{width:40% !important}
		
		/* S: 220829 추가 */
		.content{margin:0 !important; padding:0 !important;}
		.pcNone{padding:0 15px;}
		.rollBanner div{height:auto;}
		.rollBanner div img{width:100%;}
		.circleBanner{display:none;}
		.subBanner{margin-bottom:40px;}
		.inner{padding:0 15px !important;}
		.curriculumSection img{width:100%;}
		.noticeSection, .classtimeSection{width:49%;}
		.etcBox{display:flex; justify-content:space-between; margin-top:40px;}
		.etcBox img {width:100%;}
		.wingBanner{display:none}
		.profSlider .swiper-slide{width:40%;}
		.root_daum_roughmap_landing{width:100% !important;}
		.locationSection .col-lg-6, .locationSection .col-md-12, .locationSection .col-lg-12{margin-bottom:20px;}
		.titleSection{margin-bottom:20px;}
		.titleSection h3{display:none;}
		.sVideo{display:none !important;}
		/* E: 220829 추가 */
		.bottomBanner{display:none !important;}
		/*
		.bottomBanner{height:auto;}
		.bottomBanner img{width:100%}
		*/ 
}
@media (max-width:992px) {
	.mNone{width:100%;}
	.prof .swiper-slide{width:80%;}
}
@media (max-width:768px) {
		.bw_box img{width:calc(100% - 20px); margin:0 10px;}
		.mNone .swiper-slide{width:80%}
		.bx-wrapper img{width:100%}	
		.mainContent{margin-top:20px;}
       	.flex{flex-direction: column;}
       	#sideBar{display:none}
       	.mainReviews{width:100%}
       	#mainNotice{width:100%}
       	.mainTabContent ul li{width:50%;padding-bottom: 10px;}
       	#mainTab > ul li a{padding:5px 10px;font-size:1.2rem}
       	#mainNotice .mainNoticeTap li a{font-size:1rem}
       	.bookRolling{display:none !important}
       	.mainBookList .bookLists{width:100%}
       	.mainBookList .bookLists li{padding:15px 10px;width:49%;box-sizing: border-box;}
       	.mainBookList .bookLists li .bookArea{width:auto;height:200px}
       	.mainBookList .bookLists .bookTitle{font-size:1.3rem}
       	.mainBookList .bookLists .bookPrice{font-size:1.5rem}
       	.mainBookList .bookLists .bookPrice span{font-size:1.2rem}
       	.mainBookList .bookLists .bookPrice2{font-size:1.2rem;}
       	.mainBookList .bookLists li img{height:auto}
       	.specialArea{padding-bottom:30px}
       	.profSlider h2{font-size:3rem}
       	.profSlider .bx-controls{position: static;}
       	.profSlider .bx-wrapper .bx-controls-direction a{top:50%}
       	.openLectureArea li span{font-size:1.4rem;letter-spacing: -0.48px;line-height:1;}
       	.openLectureArea li span:nth-child(1) strong{font-size:1.4rem;letter-spacing: -0.96px;margin-top:3px;}
		.tastingArea ul li strong{width:75%;font-size: 1.4rem;line-height:2;}
       	.tastingArea ul li p{width:75%;font-size: 1.4rem;line-height: 1.5rem;}
		.openLectureArea li span:nth-child(2){display:none}
		.openLectureArea li span:nth-child(4){display:none}
		.mainReviews .mainReViewContent{flex-direction: column;}
       	.mainReviews .mainReViewContent li{width:100%;height:auto;margin-bottom:10px; padding:16px 12px}		
		.mainReviews .starPoint em{ font-size:1.4rem;}
		.mainReviews .starPoint img{width:12px; margin-right:5px}
		.mainReviews p:nth-child(1){width:80%}
		.mainReviews p:nth-child(2){font-size:1.2rem; width:80%;padding:10px 0 0; line-height:1.5}
		.mainReviews .starPoint{bottom:17px}
		#mainNotice .mainNoticeContent li{font-size:1.4rem}
		.sales{font-size:1.2rem;}
		.prof .swiper-slide{width:80%;}
       	#row_5 .profBtn{width:40%; margin:20px 0; float:right; font-size:1.2rem; padding:12px;}
       	#row_5 .profNav{display:none;}
       	#row_5 .profTag{display:none;}
       	.profSlider .swiper-slide:hover p{padding:16px;}
    	.bookArea{width: auto;
	    height: auto;
	    background: none;
	    overflow: hidden;
	    display: flex;
	    }
		.bookArea img{
			width: 42% !important;
		    align-self: flex-end;
		    margin: 0 auto;
		    box-shadow:none
		}
		
		/* S: 220829 추가 */
		h2{font-size:1.6rem;}
		#row_6 .col-md-12{margin-bottom:40px;}
		.noticeSection{float:none;}
		.noticeSection, .classtimeSection{width:100%;}
		.videoSection h1{font-size:3rem;}
		.etcBox{display:block;}
		.topBanner{display:none;}
		#wrapper{margin-top:0;}
		.wingBanner{display:none; bottom:40px; top:auto; position:fixed;}
		.d_day, .classPlan, .oneonone{display:none}
		.videoSection .videoList{display:none;}
		.mVideoList{display:block !important; margin-top:40px;}
		.mVideoList img{width:100%; }
		.mVideoList p{font-size:1.6rem; margin-top:16px; font-weight:700;}
		.openLectureArea li .classOpen h3{font-size:1.4rem;}
		
		/* E: 220829 추가 */
}
@media (max-width:320px) {

	.bookArea{height:170px}
	.mainBookList .bookLists li .bookArea{height:240px;}
	.mainBookList .bookLists li{width:100%}
	.profSlider2 .item img{width:50% !important;}
}
/* E: main CSS */
