/*메인*/
.ccont{width: 100%; height: 770px; background-image: url(../images/child_bg.png); background-repeat: no-repeat;
	background-position: center center; background-size: cover; z-index: 20; transition: 0.7s ease; animation: fadeIn 1s 1;}
p.tx01	{width: 585px; height: 22px; background: url(../images/child_vi01.png) no-repeat top left; position: absolute; top: 101px; left: 37px; animation-delay: .4s; opacity: 0;}
p.tx02 {width: 624px; height: 210px;  background: url(../images/child_vi02.png) no-repeat left top; position: absolute; top: 150px; left:15px; opacity: 0;animation-delay: .2s;}
p.tx03{width: 606px; height: 310px; background: url(../images/child_vi03.png) no-repeat top left; position: absolute; top: 150px; left:18px; animation-delay: .5s;}
p.tx04{width: 540px;height: 402px;background: url(../images/child_vi04_2.png) no-repeat top right;position: absolute;top: 119px;left: 663px;animation-delay: .3s;}

.con_wp{position: relative; width: 1200px; height: 730px; margin: 0 auto;}
section.con{text-align: center; position: relative; margin-top: -188px;}
section.con article.ch_a{background: #fbf8f4; padding-bottom: 110px;}
section.con article.ch_b{background: #eef3ea; padding-bottom: 110px;}
section.con article.ch_c{background: #dae4d7;}
section.con > article:nth-child(1){    background-image: linear-gradient(to bottom, #fcf8ee 50%, #4a674f 50%);}
div#visual_01{background:#4a674f;}



section.con article.ch_b div.lastest{    margin: 0 auto; display: flex;justify-content: space-around;width: 1200px;}

div.sup_divScroll {position: absolute; top: 200px; right: 150px; z-index: 10; width: 118px;height:303px;display:none; transition:all .3s;}
div.sup_divScroll.sticky {
	position: fixed;top:200px;right: 150px;display:block;

	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
		animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}


@media all and (max-width:1366px) {
	div.sup_divScroll.sticky{display:none;}
}

@media all and (max-width:1366px) {
	div.sup_divScroll.sticky{display:none;}
}

#scroll_menu{
	position: relative;
	width:100%;
	display:inline-block;
	/* margin-left:1px; */
	font-family: 'GmarketSansMedium';
	font-weight:normal;
	font-size: 17px;
	color: #5c5c5c;
	letter-spacing:-0.3;
	/*background: url("../images/child_menu.png") no-repeat left;*/
	border-radius:15px;
	/* box-shadow: 0 3px 9px rgb(0, 0, 0, 12%); */
	overflow:hidden;
	background-color:#fff; 
	height: 294px;
	/* margin: -1px; */
	border: 2px solid #32170a;
	border-radius: 16px;
}

#scroll_menu > dt{width:100%;height: 100px;font-size: 18px;line-height:117px;border-radius:15px 15px 0 0;border:1px solid #86271f;border-bottom:0;background:#a74238;z-index:99;display:table;}
#scroll_menu > dt > a.sel_tit{color: #fff; line-height:22px;display:table-cell;width:100%; height:100%;text-align:center;vertical-align:middle;padding-top:5px;box-sizing:border-box;}
#scroll_menu > dt > a.sel_tit:hover{color:#fff4d3 !important;}
#scroll_menu > dt > a.sel_tit > span.smt{font-size:15px;}

#scroll_menu > dd{width:100%;height:77px;text-align:center;line-height:77px; border-bottom: 2px solid #ded7d2;}
#scroll_menu > dd.start{height: 76px;line-height: 76px;}
#scroll_menu > dd:last-child{border-radius:0 0 15px 15px; /* border-bottom:1px solid #d7d7d7; */height: 70px;}

#scroll_menu > dd > a{display:inline-block;width:100%;height:100%;/* display:flex; *//* align-items:center; */justify-content: center;/* text-align:center; */}
#scroll_menu > dd > a.on{color: #e86e3d !important}
#scroll_menu > dd > a:hover{color: #476f53 !important}
#scroll_menu > dt > a.on{color: #fff4d3 !important}

#scroll_menu > dd.start > a{padding-top: 18px;height:87px;line-height: 20px;border:0px solid red;}

#scroll_menu > dd.tlines a{line-height: 23px;height: 76px;padding-top: 15px;}
.fos1{color: #ffd7b9; font-weight: bold;}

#scroll_menu > dd.chtop > a{padding: 0;display:block;
  width:100%;
  padding:0; 
  text-align:center;   }
#scroll_menu > dd.chtop{height: 38px;line-height: 20px;}
#scroll_menu > dd.chtop a{height: 44px;display: flex;/* justify-content: center; */width: 100%;display: block;width: 100%;height: 38px;}
#scroll_menu > dd > a .top_visual{ display: block; width: 100%; height: 38px; line-height: 38px; background: #f7e7dc; font-weight: 700; font-size: 14px; letter-spacing: 1px; display:flex; justify-content:center; align-items:center; gap:6px; width:100%; height: 38px; line-height: 38px; padding-left: 10px;}
#scroll_menu > dd.chtop > a .top_visual::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #a74238;}
#scroll_menu > dd.chtop > a .top_visual{transform: translateX(-1px);}
#scroll_menu > dd.chtop > a{ padding-left:0 !important; }

/*푸터*/
#footer{position: absolute; display: block;}

/*수강후기*/
.review_w.social{clear:both; width:100%;height:790px;margin:0px auto;padding:0;background:#0fa8c3 url('././../images/bg_hugi.png') no-repeat 50% 0;background-size: cover;}
.review_w.social > h2.introd{font-family: 'GmarketSansMedium';display:block;font-size: 38px;color:#fff;text-align:center;width:100%;font-weight: normal;letter-spacing:-0.5px;}
.review_w.social > p.intro_tt{font-family: 'GmarketSansBold';color:#fff;text-align:center;font-size: 50px;line-height:44px;font-weight: normal;margin:0px auto;display:table;padding-top: 104px;}
.review_w.social > p.intro_tt span .int_txt{font-family: 'GmarketSansMedium';}
.review_w.social > p.intro_tt > span{display:table-cell;vertical-align:middle;height:44px; line-height: 68px;}

.review_w.social > .carousel_wrap{width:1180px; margin:0 auto;position:relative;text-align:center;font-family: 'GmarketSansMedium';font-weight: normal;letter-spacing:-0.3px;}
.review_w.social > .carousel_wrap .swiper-container{width:1052px; margin:0 auto;position:relative;overflow:hidden;text-align:center;border:0px solid yellow;}
.review_w.social > .carousel_wrap .swiper {width:1052px; margin:0 auto;position:relative;/*overflow:hidden;*/text-align:center;}
.review_w.social > .carousel_wrap .swiper-wrapper .swiper-slide{
	width:408px; height:285px;margin-top:50px;
	background:#fff;border-radius:15px;padding:16px;
	opacity:0.9;
}

.swiper-slide-active{
	width:500px !important; height:400px;z-index:99999;
	background:#fff;border:4px solid #301e12;border-radius:0px;
	margin-left:-14%;margin-top:0px;padding:0px;
	-webkit-box-shadow:8px 8px 12px rgba(58,59,61,0.2), -8px 8px 12px rgba(58,59,61,0.2);
	opacity:1;
}

.review_w.social > .carousel_wrap .swiper-wrapper .swiper-slide-active{ width:500px; height:400px;z-index:99999; background:#fff;border:3px solid #365834;
	margin-left:-148px;margin-top:0px;padding:0px;  -webkit-box-shadow: 4px 4px 8px rgba(58,59,61,0.2), -4px 4px 8px rgba(58,59,61,0.2); opacity:1; 
	border-radius: 45px 0 45px 0; box-sizing: border-box; overflow: hidden;}
.swiper-slide-next{margin-left:-147px; width:440px !important;}
.swiper-slide-prev{width:408px !important;}

.swiper-button-prev, .swiper-button-next {
	display:inline-block;width:35px;height:71px;
	background:url('../../../images/common/s_btn_left.png') no-repeat 50% 50%;
	text-indent:-9999em;margin-top:0px !important;border:0px solid yellow;opacity:0.5;
}

.swiper-button-prev,
  .swiper-button-next {position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44* 27); height: var(--swiper-navigation-size); margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color));}

.swiper-button-prev:hover, .swiper-button-next:hover{background:url('../../../images/common/s_btn_left.png') no-repeat 50% 50%;cursor: pointer;opacity:1;}
.swiper-button-prev{float:left;}
.swiper-button-next {transform:rotate(180deg);float:right;}


.swiper-slide-active > div.reviewcon > ol.rev_head{display:table;width:90%;text-align:left;margin:36px 0 0 36px;padding:0;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li{margin:0px;padding:0;display:table-cell;vertical-align:middle;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_pic{display:inline-block;width:124px;height:124px;border-radius:50%;margin:0px;padding:0;border:1px solid #e3e3e1;position:relative;overflow:hidden;background-color:#f2f2f2;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_pic img{width:124px;height:auto;padding:0;position: absolute;bottom:0; left:50%;margin:0px 0 0 -62px;border:none;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_pic img.def{/*width:116px;height:107px;position: absolute;top:0; left:50%;margin:8px 0 0 -58px;*/}

.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_name{display:inline-block;width:60%;margin:0px 0 0 28px;background:url('../../../images/main/ico_star.png') no-repeat 6px top;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_name p{color:#020202; font-size:34px;letter-spacing:1px;padding-top:38px;margin:0;font-weight:700;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_name p > span{font-weight:500;margin-left:5px;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_name span.hakkki{display:block;padding-top:14px; color:#858585; font-size:18px;letter-spacing:-0.5px;}

div.reviewcon > ol.rev_head{display:table;width:90%;text-align:left;margin:26px 0 0 26px;padding:0;}
div.reviewcon > ol.rev_head > li{margin:0px;padding:0;display:table-cell;vertical-align:middle;}
div.reviewcon > span.huijan{display:none;}
div.reviewcon > span.more{display:none;}

/*div.reviewcon > ol.rev_head > li.su_name{display:inline-block;width:60%;margin:0px 0 0 28px;background:url('../../../images/main/ico_star.png') no-repeat 6px top;}*/
div.reviewcon > ol.rev_head > li.su_name p{color:#020202; font-size:20px;letter-spacing:-0.3px; padding-top: 0px; margin: 0;font-weight: normal; display: inline-block; text-align: left;}
div.reviewcon > ol.rev_head > li.su_name p > span{font-weight:500;margin-left:2px;}
div.reviewcon > ol.rev_head > li.su_name span.hakkki{display:block;padding-top:10px; color:#858585; font-size:15px;letter-spacing:-0.5px;word-break: keep-all;}
div.reviewcon > ol.rev_head > li.su_pic{display:inline-block;width:92px;height:92px;border-radius:50%;margin:0px;padding:0;border:1px solid #e3e3e1;position:relative;overflow:hidden;background-color:#f2f2f2;}
div.reviewcon > ol.rev_head > li.su_pic img{width:92px;height:auto;padding:0;position: absolute;bottom:0; left:50%;margin:0px 0 0 -46px;border:none;}
div.reviewcon > ol.rev_head > li.su_pic img.def{/*width:86px;height:80px;position: absolute;top:0; left:50%;margin:5px 0 0 -43px;*/}

div.reviewcon > p.su_txtt{ margin:19px 34px 0 32px;padding:0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height:86px; text-overflow:ellipsis; font-size:15px;line-height:23px;letter-spacing:-0.5px; word-break: keep-all; text-align:left;}

.swiper-slide-active > div.reviewcon > p.su_txtt{margin: 18px 42px 0 42px; padding: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis !important; width: 410px; height: 130px; font-size: 16px; line-height: 27px; letter-spacing: -0.3px; word-break: keep-all; text-align: left; font-family: 'GmarketSansMedium' !important; font-weight: normal; position: relative;}

.swiper-slide-active > div.reviewcon  a.more{    display: inline-block; position: absolute; right: 50px; bottom: 45px; background: #fff url(../../../images/common/btn_more.png) no-repeat right 5px; padding-top: 5px; padding-right: 22px; width: 60px; height: 24px; box-sizing: border-box; border: 0px solid red;}
.swiper-slide-active > div.reviewcon  a.more:hover{background:#fff url('../../../images/common/btn_more_on.png') no-repeat right 5px;cursor:pointer;transition:all 0.2s;color:#211e1b;}
.swiper-slide-active > div.reviewcon  a.more span.more{font-size: 14px; font-family: 'Pretendard', sans-serif; font-weight: 400; display: inline-block; width: 100%; height: 100%;}
.swiper-slide .more{display:none;}

.swiper-slide-active > div.reviewcon > span.huijan{display: inline-block;position: absolute;right:37px;top:0px;background:url('../images/review_huijang.png') no-repeat top left;color:#fff;font-size:16px;text-align:center; line-height:20px;padding-top:22px;width:66px;height:84px;z-index:99;font-family: 'GmarketSansMedium';font-weight: normal;}

.ch_btn{background-color: #4b0b03; padding:0; color: #fff; font-size: 20px; border-radius: 5px;width: 262px; height:58px;font-family: 'GmarketSansMedium';font-weight: normal;}
.ch_btn:hover {background-color: #237e8c;}

.ch_con_w{border:0px solid red;width:1200px; margin:0 auto;}
.ch_con_w > div{width:100%;height:139px;position:relative;}
.ch_con_w > div > .btnn{position: absolute;right:37px;top:37px;}


/*민간자격증 표*/

.ch_d {
  padding-top: 0px;
  padding-bottom: 120px;
  background-color: #fff;
  border-radius: 18px;
  font-family: 'GmarketSansMedium', sans-serif;
}

/* 표 래퍼(베이지 배경이 셀 사이 간격으로 보이게 함) */
.ch_d .priv-table {
  background: #f5f2ea;
  border-radius: 10px;
  width: 1200px;
  margin: 0 auto;
  padding: 60px 45px;
}

/* ===== 테이블: 간격형 레이아웃 ===== */
.ch_d .priv-table table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 6px 6px;          /* 셀 사이 여백 (가로 x 세로) */
  table-layout: fixed;
}

/* ===== 캡션 ===== */
.ch_d .priv-table .kv-caption {
  caption-side: top;
  text-align: center;
  padding: 10px 12px 18px;
  border-bottom: 0;
}
.ch_d .priv-table .kv-caption .cap-top {
  display: block;
  color: #476f54;
  font-size: 26px;
  line-height: 1.25;
  margin-bottom: 6px;
}
.ch_d .priv-table .kv-caption .cap-main {
  display: block;
  color: #476f54;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  word-break: keep-all;
}

/* ===== 헤더(각 셀 독립 박스) ===== */
.ch_d .priv-table thead th {
  background: #476f54;
  color: #ffffff;
  padding: 16px 18px;
  font-size: 22px;
  white-space: nowrap;
  text-align: center;
  border: 1px solid #3e644a;           /* 셀 자체 테두리 */
    height: 60px;
    line-height: 30px;
}
.ch_d .priv-table thead th:last-child { text-align: center; }

/* ===== 바디(각 셀 독립 박스) ===== */
.ch_d .priv-table tbody td {
  background: #ffffff;
  color: #1c2118;
  padding: 12px;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #d8d6d7;           /* 셀 자체 테두리 */
  line-height: 28px;
}
.ch_d .priv-table tbody td.col-action { text-align: center; }

/* 짝수행 톤 차이(선택) */
/* .ch_d .priv-table tbody tr:nth-child(even) td { background:#fbfbf7; } */

/* 두 번째 컬럼 강조(연녹 배경) */
.ch_d .priv-table .col-cert {
  font-weight: 700;
  color: #476f54;
  background: #e9f0e9;
}

/* ===== 버튼 ===== */
.ch_d .priv-table .btn-apply {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px 8px;
  background: #e46f3d;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  font-weight: 400;
  font-size: 17px;
  cursor: pointer;
  text-decoration: none;
}
.ch_d .priv-table .btn-apply:hover { background: #c65f33; }

/* ====== 모바일(반응형) ====== */
@media (max-width: 760px) {
  /* 섹션 여백 축소 */
  .ch_d {
    padding: 40px 16px;
  }

  /* 래퍼 가로폭/패딩 축소 */
  .ch_d .priv-table {
    width: 100%;
    padding: 24px 12px;
    border-radius: 12px;
  }

  /* 표를 카드 리스트로 전환 */
  .ch_d .priv-table thead { display: none; }
  .ch_d .priv-table table,
  .ch_d .priv-table tbody,
  .ch_d .priv-table tr,
  .ch_d .priv-table td {
    display: block;
    width: 100%;
  }

  /* 셀 간 간격: border-spacing 대신 카드 마진으로 처리 */
  .ch_d .priv-table table { border-spacing: 0; }
  .ch_d .priv-table tbody tr {
    margin: 0 0 12px;
    background: transparent;
  }

  /* 각 행을 카드처럼 보이게 */
  .ch_d .priv-table tbody tr > td:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .ch_d .priv-table tbody tr > td:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  /* 셀 스타일 */
  .ch_d .priv-table tbody td {
    border: 1px solid #e3e5dc;
    border-bottom: none;
    padding: 12px 14px;
    font-size: 15px;
    background: #fff;
    text-align: left;
  }
  .ch_d .priv-table tbody tr > td:last-child {
    border-bottom: 1px solid #e3e5dc;
  }

  /* 라벨 출력: data-label을 사용 */
  .ch_d .priv-table tbody td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: 12px;
    color: #6b756b;
    margin-bottom: 4px;
  }

  /* 강조 컬럼(모바일에서도 유지) */
  .ch_d .priv-table .col-cert {
    background: #e9f0e9;
    font-weight: 700;
    color: #476f54;
  }

  /* 버튼: 가로폭 100% */
  .ch_d .priv-table .btn-apply {
    width: 100%;
    padding: 12px 0;
    font-size: 16px;
    margin-top: 4px;
    display: inline-flex;
    justify-content: center;
  }

  /* 캡션 폰트 축소 */
  .ch_d .priv-table .kv-caption .cap-top { font-size: 18px; }
  .ch_d .priv-table .kv-caption .cap-main { font-size: 22px; }
}

/* 큰 태블릿(가변 폭 보정) */
@media (min-width: 761px) and (max-width: 1160px) {
  .ch_d { padding: 60px 20px; }
  .ch_d .priv-table { width: 100%; padding: 40px 24px; }
  .ch_d .priv-table table { border-spacing: 10px 8px; }
  .ch_d .priv-table thead th { font-size: 16px; padding: 14px 16px; }
  .ch_d .priv-table tbody td { font-size: 15px; padding: 14px 16px; }
}



.chibtn.wch750{width: 750px !important;}
.chibtn-wp{ display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; font-family: 'GmarketSansMedium', sans-serif; }

.chibtn-wp .chibtn-orange{font-family: 'GmarketSansMedium', sans-serif;background: #e46f3d;color: #ffffff;font-size: 35px;font-weight: 500;border: none;border-radius: 19px;padding: 18px 48px;cursor: pointer; transition: all 0.2s ease;width: 585px;height: auto;line-height: 80px}.chibtn-wp button.chibtn-orange:hover{background: #c65f33;}
.chibtn-wp .chibtn-orange:hover{background: #c65f33;}

.chibtn-wp .chibtn-green{ font-family: 'GmarketSansMedium', sans-serif; background: #2f5a3d; color: #ffffff; font-size: 35px; font-weight: 500; border: none; border-radius: 19px; padding: 18px 48px; cursor: pointer; transition: all 0.2s ease; width: 585px; height: auto; line-height:80px}
.chibtn-wp .chibtn-green:hover {background: #254830;}

.chibtn .btn-line1 {
  display: block;
  font-weight: 500;
  font-size: 30px;
  color: #eed0cb;
  line-height: 50px;
  padding: 15px 0 0;
}

.chibtn .btn-line2 {
  display: block;
  font-weight: 700;
  padding-bottom: 10px;
  line-height: 50px;
  font-size: 40px;
}