@charset "utf-8";
/* CSS Document */
h1.logo{    margin: 0;}
.m_content span img{text-align: center; width: 100%; height: auto; vertical-align: top;}
.m_content2 span img{text-align: center; width: 100%; height: auto; vertical-align: top;}

div#tab3 ul li.on a{border-width: 0 0px 3px 0px; border-style: solid; border-image: linear-gradient(to right, #1841ca, #00c776); border-image-slice: 1;}
div#tab3.affix{ position: fixed; width: 100%; overflow: hidden; transform: translate3d(0,0,0); -webkit-transform: translateZ(0);}


div.btnarea{position: absolute;width: 100%; margin-top: -315px;}
.btnarea .btn01{position: relative; margin-left: 105px; width: 100px; background-color: #1c2f86; padding: 3px;  border-radius: 80px; line-height: 18px; color: #fff; font-size: 14px;}

div.m_content span:nth-child(4){background-color: #ede5d9; display: block;}
div.m_content2 span:nth-child(4){background-color: #e5f2f8; display: block;}

/*심리학*/
.se_bg{background: #ebf0fa; padding: 2vw 0 6vw 0;}
div .btnarea{position: absolute; margin: 0 auto; margin-top: -80px; display: flex; justify-content: center; text-align: center; }
.btnarea button.m_btn{width: 80%; height: 50px; line-height: 50px; display: inline-block; background-size: cover; background-position: -50% -50%; border-radius: 6px; font-size: 1.125em;    font-family: 'GmarketSansMedium' !important;}
.btn_navy{background-color:#172267; color: #fff; }
.fle-1{display: flex;}
.psmtop{display: block; position: relative; margin-top: -27vw;}

/*수강후기*/
.review_w{margin-top: -1px !important;clear:both; width:100%;height: auto; margin:0px auto;padding:0; background:#40468c url('../images/bg_hugi.jpg') no-repeat 50% 0; background-size: cover;padding-bottom:7vw;}
.review_w.social{background:#8b6745 url('../images/m_review_social_bg.png') no-repeat 50% 0;}
.review_w.child{background:#fff;width:92%;margin:0 4vw;padding-bottom:4vw;}
.review_w.liberal{background:#fff;width:92%;margin:0 auto;padding-bottom:6vw;}
.review_wp{clear:both;background-color: #fee404; padding: 0vw 0 8vw 0;}
.review_wp.liberal{clear:both;background-color: #3ab280; padding: 4vw 0 4vw 0;}

.review_w > h2.introd{margin:0px auto 0;display:block; width: 100%;text-align:center;padding:4vw 0 0vw 0;}
.review_w > p.intro_tt{margin:0px auto 0;display:block; text-align:center;padding:9vw 0 4.5vw 0;}
.review_w.social > p.intro_tt{margin:0px auto 0;display:block; width: 100%;text-align:center;padding:9vw 0 4.5vw 0;}
.review_w.social > p.intro_tt img{width:100%;}
.review_w.child > p.intro_tt{margin:0px auto 0;display:block; width: 100%;text-align:center;padding:4vw 0 2vw 0;}
.review_w.liberal > p.intro_tt{margin:0px auto 0;display:block; width: 100%;text-align:center;padding:4.5vw 0 4vw 0;}
.review_w > p.intro_tt > span{display:table-cell;vertical-align:middle;height:44px;padding:2px 5px 0;width:750px;text-align:center;}


.review_w > .carousel_wrap{margin:0 4vw;position:relative;text-align:center;font-family: 'GmarketSansMedium';font-weight: normal;letter-spacing:-0.7px;}
.review_w > .carousel_wrap .swiper{position:relative;overflow:hidden;text-align:center;width:100%;height:76vw;margin:0 auto;border:0px solid red;border-radius: 8vw 0 8vw 0;}
.review_w > .carousel_wrap .swiper-wrapper .swiper-slide{height:68vw; /*background:#fff;*/ padding:0; width: 100% !important; }




.swiper-button-prev{float:left;}
.swiper-button-next {transform:rotate(180deg);float:right;}
.swiper-slide {flex-shrink: 0;height:67vw;position: relative;transition-property: transform;}

div.review_wrap{position:relative;overflow:hidden;text-align:center;border: 3px solid #132052; background:#fff;width:100%;height:70vw;margin:0 auto;border-radius: 8vw 0 8vw 0;
    box-sizing: border-box;}

div.reviewcon{clear:both;width:88%; margin:5.2vw auto;overflow:hidden;}
div.reviewcon > ol.rev_head{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left; padding:0;text-align: left;}
div.reviewcon > ol.rev_head > li{margin:0px;padding:0;vertical-align:middle;}


div.reviewcon > ol.rev_head > li.su_pic{position:relative;width:22vw;height:22vw;border-radius:50%;margin:0px;padding:0;border:1px solid #cfd0d2;overflow:hidden;}
div.reviewcon > ol.rev_head > li.su_pic img{width:20.5vw;height:auto;padding:0;position: absolute;left:50%;bottom: 0;margin: 0vw 0 0 -10.45vw;}
div.reviewcon > ol.rev_head > li.su_pic img.hei{margin:-11vw 0 0 -11vw;}
div.reviewcon > ol.rev_head > li.su_pic img.hei2{margin:-11vw 0 0 -10.68vw;}

div.reviewcon > p.su_txtt{
	float: left; width: 100%; height:auto;margin:3.2vw 3vw 0vw 1vw;padding:0 2vw 0 0;overflow: hidden;
	display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient:vertical; text-overflow:ellipsis;
	font-size:3.73vw;line-height:5.5vw;letter-spacing:-0.3px;text-align:left;color:#6b6964;font-weight: normal;
	word-break:keep-all;word-wrap:break-word;    font-family: 'GmarketSansMedium' !important;
}


div.reviewcon > ol.rev_head > li.su_name{display:inline-block;width:70%;margin:0px 0 0 4vw;background:url('../images/ico_star.png') no-repeat 8px top; background-size: 30%;text-align: left;}
div.reviewcon > ol.rev_head > li.su_name.social{background:url('../images/ico_social_star.png') no-repeat 8px top;background-size: 30%;}
div.reviewcon > ol.rev_head > li.su_name.jjang{width:66%;}
div.reviewcon > ol.rev_head > li.su_name p{color:#020202; font-size:5.51vw;letter-spacing:1px;padding-top:7vw;margin:0;font-weight:700;font-family: 'GmarketSansMedium' !important;}
div.reviewcon > ol.rev_head > li.su_name p > span{font-weight:500;margin-left:0.8vw;color:#505050;}
div.reviewcon > ol.rev_head > li.su_name span.hakkki{display:block;margin-top:4.2vw; color:#505050; font-size:3.5vw;line-height:4.3vw;letter-spacing:-0.5px;border:0px solid red;word-break: keep-all;font-family: 'GmarketSansMedium' !important;}



div.reviewcon  a.more{    display: inline-block; position: absolute; right: 6vw; bottom: 6vw; background: #fff url(../images/btn_more.png) no-repeat right 0.5vw; padding-top: 0.5vw; padding-right: 22px; width: 15vw; height: 6vw; box-sizing: border-box; border: 0px solid red;}
div.reviewcon  a.more:hover{background:#fff url('../images/btn_more.png') no-repeat right center;cursor:pointer;transition:all 0.2s;color:#211e1b;}
div.reviewcon  a.more span.more{font-size: 3.2vw; font-family: 'Pretendard', sans-serif; font-weight: 400; display: inline-block; width: 100%; height: 100%;}


.swiper-scrollbar{position: relative; z-index: 50; height: 2vw !important; width: 100%; /*display: none;*/margin:20vw auto 0;background: rgba(0, 0, 0, 0.8);}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 1);
	border-radius: 2vw !important;
	left: 0;top: 0;
}

div.reviewcon > span.huijan{
	display: inline-block; position: absolute;right:4vw;top:-4px; background:url('../images/review_huj.png') no-repeat top left;background-size:cover;
	color:#fff;font-size:3.5vw;line-height:3.82vw;padding-top:3.38vw;width: 13.42vw; height: 14.84vw; background-size: 100%;
}
div.reviewcon > span.huijan.social{background:url('../images/review_social_huj.png') no-repeat top left;background-size:cover;}
div.reviewcon > span.huijan.child{background:url('../images/child/review_huj.png') no-repeat top left;background-size:cover;}
div.reviewcon > span.huijan.liberal{background:url('../images/liberal/review_huj.png') no-repeat top left;background-size:cover;}


@media all and (max-width: 1024px) {
   
}
@media all and (max-width: 912px) {
    .psmtop {margin-top: -26.5vw;}
}
@media all and (max-width: 820px) {
}

@media all and (max-width: 768px) {
   
}


@media all and (max-width: 640px) {
	.review_w{padding-bottom:8vw}
	.review_w > h3{padding:10vw 0 5vw 0;}
	div.review_wrap{border: 2px solid #132052;}

	div.reviewcon > ol.rev_head > li.su_name{background-position:4px top; background-size: 30%;}
	div.reviewcon > ol.rev_head > li.su_name p{padding-top:6.5vw;}
	div.reviewcon > ol.rev_head > li.su_name span.hakkki{margin-top:2.5vw;}

	.swiper-scrollbar{height: 1.5vw !important;}
	.swiper-scrollbar-drag {border-radius: 1.5vw !important;}
}
@media all and (max-width: 540px) {
  .psmtop {margin-top: -27vw;}
}

@media all and (max-width: 430px) {
 .psmtop{margin-top: -27.2vw;}
}
@media all and (max-width: 412px) {
    
}

@media all and (max-width: 414px) {
	.review_w > h3{padding:8.7vw 0 4vw 0;}
	div.reviewcon > ol.rev_head > li.su_name{background-position:4px top; background-size: 30%;}
	div.reviewcon > ol.rev_head > li.su_name p{padding-top:6vw;}
	div.reviewcon > ol.rev_head > li.su_name span.hakkki{margin-top:2vw;}

	.swiper-scrollbar{height: 1.5vw !important;}
	.swiper-scrollbar-drag {border-radius: 1.5vw !important;}
    .psmtop{margin-top: -111px;}
}
@media all and (max-width: 390px) {
    .psmtop{margin-top: -27.2vw;}
}


@media all and (max-width: 375px) {
	div.reviewcon > ol.rev_head > li.su_name span.hakkki{margin-top:1vw;}

}

@media all and (max-width: 360px) {
  }
}