@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);}

section#psyc_mian{    background-image: linear-gradient(to bottom, #fcf8ee 50%, #4a674f 50%);}

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;}

img{
    margin-top: -1px;
    display: block;
    position: relative;
}


div.m_content span:nth-child(3){padding-top: 30px; padding-bottom: 90px; background: #fff;}

.se_bg{background: #ebf0fa; padding-bottom: 20px;}
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.png') 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; padding-top: 3vw;}
	.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;}
    .ch_d .priv-table .btn-apply{padding: 8px 12px !important;}
}
@media all and (max-width: 540px) {
  .psmtop {margin-top: -27vw;}
}

@media all and (max-width: 430px) {
 .psmtop{margin-top: -27.2vw;}
    section:nth-child(4){padding-bottom: 30px !important;}
    div.m_content span:nth-child(3){padding-bottom: 60px !important;}
    .ch_d .priv-table .btn-apply{padding: 1.5vw 1.5vw !important; font-size: 3.2vw !important;}
    .ch_d .priv-table th, .ch_d .priv-table td{font-size: 3vw !important;line-height: 4.2vw !important;}
}

@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: 375px) {
	div.reviewcon > ol.rev_head > li.su_name span.hakkki{margin-top:1vw;}

}


.button-section {
    background: #fcf8f5;
    margin-top: 0; /* 상단 여백 제거 */
    padding: 0; /* 기본 패딩 제거 */
}

/* 이미지(span) 스타일 */
.image-span {
    display: inline-block;
    margin: 0;
}

/* 버튼 이미지(span) 스타일 */
.button-span {
    cursor: pointer; /* 마우스를 올렸을 때 커서가 손 모양으로 변경 */
    position: relative; /* 버튼 이미지의 위치를 top 속성으로 변경 */
    top: -42px; /* 위로 42px 만큼 이동하여 여백을 줄임 */
    transition: transform 0.3s ease-in-out; /* 부드러운 확대 효과 */
    margin: 0; /* 불필요한 마진 제거 */
}

/* 버튼 이미지 확대 효과 */
.button-span img {
    display: block; /* 이미지를 블록으로 설정하여 정렬 */
    width: 100%; /* 원하는 크기로 조정 */
    height: auto; /* 비율에 맞춰 높이 자동 조정 */
}

div.chibtnar{display: flex;justify-content: center; position: relative;margin: 0 auto; margin-top: -50px;    text-align: center;    gap: 8px;}
.chibtn2{ display:block; width: clamp(140px, 44vw, 200px); height: 58px; overflow:hidden;}
.chibtn2 img{width: 100%; height: 100%; object-fit: contain; display: block;}

/* 아주 작은 화면에서 살짝 더 촘촘하게 */
@media (max-width: 360px){
    .chibtnar{ gap:8px; }
    .chibtn2{ width: clamp}
}

section:nth-child(4){padding-bottom:10vw; background:#eef4ea;}
section:nth-child(6){padding-bottom:12vw; background:#fff;}


/* ==============================
   기본 테이블 스타일
============================== */
.priwp{padding: 0 3.8vw 8vw 3.8vw;}
.priwp span.prtit{ display: block; background: #f5f2ea; border-radius: 2vw 2vw 0 0;}
.ch_d .priv-table {
  background: #f5f2ea;
  border-radius: 0;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 0 0 2vw 2vw;
  padding: 0 3vw 6vw 3vw;
  height: 100%;
}

.ch_d .priv-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: center;
  word-break: keep-all;
}

/* ==============================
   캡션
============================== */
.ch_d .priv-table .kv-caption {
  caption-side: top;
  text-align: center;
}
.ch_d .priv-table .kv-caption .cap-top {
  display: block;
  color: #476f54;
  font-size: 26px;
  line-height: 1.3;
  word-break: keep-all;
}
.ch_d .priv-table .kv-caption .cap-main {
  display: block;
  color: #476f54;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.25;
  word-break: keep-all;
}

/* ==============================
   셀 공통
============================== */
.ch_d .priv-table th,
.ch_d .priv-table td {
  border: 1px solid #d8d6d7;
  padding: 16px 12px;
  font-size: 16px;
  line-height: 1.5;
  word-break: break-word;    /* 줄바꿈 허용 */
  white-space: normal;       /* 자동 줄바꿈 */
  vertical-align: middle;
}

/* ==============================
   왼쪽 라벨(th)
============================== */
.ch_d .priv-table th {
  background: #3e664b;
  color: #ffffff;
  font-weight: 700;
  width: 22%;
  text-align: center;
  white-space: normal;       /* 한 줄 고정 해제 */
  word-break: keep-all;
}

/* ==============================
   오른쪽 셀(td)
============================== */
.ch_d .priv-table td {
  background: #ffffff;
  color: #1c2118;
  white-space: normal;
  word-break: break-word;
}

/* 민간자격명 행 강조 */
.ch_d .priv-table tr:nth-child(2) td {
  background: #e9f0e9;
  color: #476f54;
  font-weight: 700;
}

/* ==============================
   버튼
============================== */
.ch_d .priv-table .btn-apply {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  background: #e46f3d;
  color: #ffffff;
  border-radius: 2vw;
  font-weight: 400;
  font-size: 3.2vw;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
  text-align: center;
  white-space: nowrap; /* 버튼 텍스트는 한 줄 유지 */
}
.ch_d .priv-table .btn-apply:hover {
  background: #c65f33;
}

/* ==============================
   반응형(모바일)
============================== */
@media (max-width: 960px) {
  .ch_d .priv-table {
           padding: 4vw 3vw 6vw 3vw;
  }

  .ch_d .priv-table .kv-caption .cap-top {
    font-size: 20px;
  }
  .ch_d .priv-table .kv-caption .cap-main {
    font-size: 26px;
  }

  /* 표 가로 스크롤 대신 텍스트 줄바꿈으로 대응 */
  .ch_d .priv-table table {
    min-width: 100%;
  }

  .ch_d .priv-table th,
  .ch_d .priv-table td {
    font-size: 14.5px;
    padding: 14px 8px;
    line-height: 1.5;
  }

  /* 두 줄 이상 잘 보이게 */
  .ch_d .priv-table td,
  .ch_d .priv-table th {
    white-space: normal;
    
  }
    
    .ch_d .priv-table td{word-break: keep-all;}
    .ch_d .priv-table th{word-break: break-word;}

  /* 버튼 크기 살짝 줄이기 */
  .ch_d .priv-table .btn-apply {
    font-size: 14px;
    padding: 10px 14px;
  }
}

@media (max-width: 600px) {
  .ch_d .priv-table .kv-caption .cap-main {
    font-size: 22px;
  }
  .ch_d .priv-table th,
  .ch_d .priv-table td {
      font-size: 2.4vw;
      padding: 10px 6px;
      line-height: 3.5vw;
  }
    .chibtn2{width: clamp(140px, 44vw, 250px);margin-top: -9.5vw;}  
    section:nth-child(4){padding-bottom: 50px;}
}