/*     2106905 : BLANK 컨텐츠      */
.blank__2106905__ {box-sizing:border-box;display:block;position:relative;width:100%;height:315px}
.blank__2106905__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2106905__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2106905__ {height:15px}
}

/*     2106915 : 타이틀 텍스트      */
.title__2106915__ {font-size:0}
.title__2106915__ p {
	display:inline-block;position:relative;margin:0;padding:0;
	font-size:48px;font-weight:bold;color:#ffffff;letter-spacing:-.03em;line-height:1.4em;
}
.title__2106915__ p:before {content:'';position:absolute;background:#d00000;font-size:0}

.title__2106915__.style_top p {padding-top:10px}
.title__2106915__.style_top p:before {top:0;left:0;width:24px;height:4px}

.title__2106915__.style_right p {padding-right:14px}
.title__2106915__.style_right p:before {top:16%;right:0;width:4px;height:24px}

.title__2106915__.style_bottom p {padding-bottom:12px}
.title__2106915__.style_bottom p:before {bottom:0;left:0;width:24px;height:4px}

.title__2106915__.style_left p {padding-left:14px}
.title__2106915__.style_left p:before {top:16%;left:0;width:4px;height:24px}

.title__2106915__.style_circle1 p {padding-left:18px}
.title__2106915__.style_circle1 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
}

.title__2106915__.style_circle2 p {padding-left:18px}
.title__2106915__.style_circle2 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
	border:2px solid #d00000;background:none;box-sizing:border-box;
}

@media all and (min-width:1024px){
	.title__2106915__ p {font-size:48px}
	.title__2106915__.style_top p:before {width:20px}
	.title__2106915__.style_right p:before {height:20px}
	.title__2106915__.style_bottom p:before {width:20px}
	.title__2106915__.style_left p:before {height:20px}
}

/*     2106925 : BLANK 컨텐츠      */
.blank__2106925__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px}
.blank__2106925__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2106925__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2106925__ {height:15px}
}

/*     2106935 : 블록 설정      */
.block_option__2106935__ {display:table;width:100%}
.block_option__2106935__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__2106935__ {}
}


@media (min-width:1024px){
	.row__2106935__ {background-size:cover;background-repeat: no-repeat; margin-top:-20px;}
	.row__2106935__ > div {vertical-align:middle;}
}

/*     2106865 : 블록 설정      */
.block_option__2106865__ {display:table;width:100%}
.block_option__2106865__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__2106865__ {}
}


@media (min-width:1024px){
	.row__2106865__ {background-size:cover;background-repeat: no-repeat; margin-top:-20px;}
	.row__2106865__ > div {vertical-align:middle;}
}

/*     2106875 : BLANK 컨텐츠      */
.blank__2106875__ {box-sizing:border-box;display:block;position:relative;width:100%;height:160px}
.blank__2106875__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2106875__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2106875__ {height:15px}
}

/*     2106885 : HTML 편집기      */
.Student TextBox {text-align:center}
p.subtext {
    text-align: center; font-size:28px; margin-bottom: 10px;
}
h2.title {
    font-size: 48px;    text-align: center; color:#222; line-height:1.5; font-weight:600; margin:0;letter-spacing:-0.035em;
}
.point2 {position: absolute; font-family: "Roboto", sans-serif; font-size:150px;color:#0FAE63; opacity:0.5;margin-top: -30px;}
.point3 {
    position: absolute; font-family: "Roboto", sans-serif; font-size: 150px; right: 0;color:#0FAE63;opacity:0.5;margin-top: -30px;}

.mainText {position:relative; width:75%; margin:0 auto}
.point4{width: 100%; background: #78FCB2; padding: 5px 8px;font-size:48px; color:#222; font-weight:600;}


/*     2106895 : BLANK 컨텐츠      */
.blank__2106895__ {box-sizing:border-box;display:block;position:relative;width:100%;height:200px}
.blank__2106895__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2106895__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2106895__ {height:15px}
}

/*     2106945 : BLANK 컨텐츠      */
.blank__2106945__ {box-sizing:border-box;display:block;position:relative;width:100%;height:120px}
.blank__2106945__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2106945__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2106945__ {height:15px}
}

/*     2106955 : 블록 설정      */
.block_option__2106955__ {display:table;width:100%}
.block_option__2106955__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__2106955__ {}
}


@media (min-width:1024px){
	.row__2106955__ {background-size:cover;background-repeat: no-repeat; margin-top:-20px;}
	.row__2106955__ > div {vertical-align:middle;}
}

/*     2106965 : HTML 편집기      */
.category-buttons {
  display: flex;
  justify-content: space-between; /* 버튼 사이 동일한 간격 */
  border: 1px solid #222;
  border-radius: 9999px;
  padding: 5px;
  width: 1220px; /* 전체 너비 고정 */
  margin: 0 auto;
  box-sizing: border-box;
}

.category-btn {
  width: 200px; /* ✅ 버튼 너비 고정 */
  background-color: transparent;
  border: none;
  padding: 14px 0;
  cursor: pointer;
  border-radius: 9999px;
  font-size: 24px;
  transition: background-color 0.3s, color 0.3s;
  text-align: center; font-weight:600;
}
.category-btn:last-child{
  width: 280px; /* ✅ 버튼 너비 고정 */
  background-color: transparent;
  border: none;
  padding: 14px 0;
  cursor: pointer;
  border-radius: 9999px;
  font-size: 24px;
  transition: background-color 0.3s, color 0.3s;
  text-align: center;
}

.category-btn:hover {
  background-color: #e0e0e0;
}

.category-btn.active {
  background-color: #00b264;
  color: white;
}

.category-btn.active:hover {
  background-color: #00b264;
}


/*     2106975 : HTML 편집기      */
.html__2106975__ * {line-height:1.4em;letter-spacing:-0.035em; font-size:24px;}

/*     2106985 : HTML 편집기      */
.html__2106985__ * {margin:0;
line-height:1.3em;letter-spacing:-0.04em;font-size:48px;}

/*     2106995 : 이미지 (비율형)      */
.img_ratio__2106995__ {max-width:100%;vertical-align:top}
.img_ratio__2106995__ * {box-sizing:border-box}
.img_ratio__2106995__ a {display:block;vertical-align:top}
.img_ratio__2106995__ img {width:100%;vertical-align:top}

@media (min-width:768px){
	.img_ratio__2106995__ img {width:auto}
}

/*     2107085 : BLANK 컨텐츠      */
.blank__2107085__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}
.blank__2107085__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2107085__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2107085__ {height:15px}
}

/*     2107115 : 블록 설정      */
.block_option__2107115__ {display:table;width:100%}
.block_option__2107115__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__2107115__ {}
}


@media (min-width:1024px){
	.row__2107115__ {background-size:cover;background-repeat: no-repeat; margin-top:-20px;}
	.row__2107115__ > div {vertical-align:middle;}
}

/*     2107065 : HTML 편집기      */
.html__2107065__ * {line-height:1.4em;letter-spacing:-0.035em; font-size:24px;}

/*     2107055 : HTML 편집기      */
.html__2107055__ * {margin:0;
line-height:1.3em;letter-spacing:-0.04em;font-size:48px;}

/*     2107075 : 장문 텍스트      */
.textarea__2107075__ p {
	display:block;margin:0;padding:0;
	font-size:15px;font-weight:normal;color:#444444;letter-spacing:-0.035em;line-height:1.5em;
}

@media all and (min-width:1024px){
	.textarea__2107075__ p {font-size:20px}
}

/*     2107095 : HTML 편집기      */
    .container {
      width: 1440px;
      display: flex;
      justify-content: space-between;
      padding: 40px 0;
    }

    .card {
      width: 260px;
      height: 400px;
      perspective: 1000px;
    }

    .card-inner {
      width: 100%;
      height: 100%;
      transition: transform 0.8s;
      transform-style: preserve-3d;
      position: relative;
    }

    .card:hover .card-inner {
      transform: rotateY(180deg);
    }

   .card-front,
.card-back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;         /* 카드 경계 바깥으로는 안 보이도록 */
  box-sizing: border-box;   /* 패딩까지 포함한 크기 계산 */
}

.card-back {
  background-color: #00A958;
  color: white;
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-align: center;
  padding: 20px;
  /* 아래 두 줄을 추가합니다 */
  word-break: break-word;   /* 단어 단위로 자동 줄바꿈 */
  overflow-wrap: break-word;
}

    .card-front {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      background-color: #000;
    }

    .card-front img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .card-front span {
      position: absolute;
      bottom: 20px;
      left: 20px;
      color: white;
      font-size: 24px;
      font-weight: bold;
      text-shadow: 0 1px 3px rgba(0,0,0,0.6);
      z-index: 2;
    }

    .card-back {
      background-color: #00A958;
      color: white;
      transform: rotateY(180deg);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      text-align: center;
      padding: 20px;
		font-weight:400
    }

/*     2107125 : BLANK 컨텐츠      */
.blank__2107125__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}
.blank__2107125__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2107125__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2107125__ {height:15px}
}

/*     2107015 : BLANK 컨텐츠      */
.blank__2107015__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}
.blank__2107015__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2107015__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2107015__ {height:15px}
}

/*     2107025 : HTML 편집기      */
.html__2107025__ * {margin:0;
line-height:1.3em;letter-spacing:-0.04em;font-size:48px;}

/*     2107035 : HTML 편집기      */
.Value_contents {
        list-style: none;}
ul.value_Wrap {
    display: flex; gap:30px; flex-wrap:wrap;justify-content: center;}
.Value_contents {width:445px; height:500px; box-sizing:border-box; background:#fff;border-radius:10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);}
.Value_contents > img{border-radius:10px 10px 0px 0px;}
.Value_textBox{text-align:center;     padding: 0px 20px;}
.Value_title{font-size:28px; color:#222;letter-spacing:-0.035em;word-break: auto-phrase;
    margin: 25px 0 0;}
.Valuetext{font-size:20px; line-height:1.4; color:#444;letter-spacing:-0.035em;word-break: auto-phrase;    margin: 10px;}
@media (max-width: 1440px) {
.Value_contents {
    width: 400px;
    height: 450px;
 }
.Value_title {font-size:24px; }
.Valuetext {font-size:18px;}
}

/*     2107045 : BLANK 컨텐츠      */
.blank__2107045__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}
.blank__2107045__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2107045__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2107045__ {height:15px}
}

/*     2107135 : BLANK 컨텐츠      */
.blank__2107135__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}
.blank__2107135__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2107135__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2107135__ {height:15px}
}

/*     2107175 : HTML 편집기      */
.html__2107175__ * {line-height:1.4em;letter-spacing:-0.035em; font-size:24px;}

/*     2107185 : HTML 편집기      */
.html__2107185__ * {margin:0;
line-height:1.3em;letter-spacing:-0.04em;font-size:48px;}

/*     2107155 : HTML 편집기      */
.diffrent{margin:0;}
.point{display: ruby-text; width: 100%; background: #78FCB2; padding: 5px 8px;font-size:28px; color:#444; font-weight:500;}

.zigzag {display:flex;justify-content: space-between;margin-bottom:120px;}
.differTextbox{width:40%;margin-top:80px;}
.differtitle{font-size:32px; color:#222; line-height:1.5; margin:0;letter-spacing:-0.035em}
.differText{font-size:20px; color:#444; line-height:1.5;letter-spacing:-0.035em}
.differImgbox > img{border-radius:10px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}

/*     2107165 : BLANK 컨텐츠      */
.blank__2107165__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}
.blank__2107165__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__2107165__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__2107165__ {height:15px}
}