@charset "utf-8";

/* sub content */
/* .sub-content {padding-top: 7.75rem;} */

.topImg {width: 100%; text-align: center;/* height: 345px; background-repeat: no-repeat; background-position: center center; background-image: url('../images/sub/topImg.jpg');*/}

.sub-wrap {padding-bottom: 3.125rem;}
.sub-wrap .sub-head {margin-bottom: 3.125rem;}
.sub-head > h2 {padding: 1.25rem 0; margin-bottom: 2.5rem; background-color: #f2f2f2; font-size: 1.625rem; font-family: 'S-CoreDream-7ExtraBold'; text-align: center; }
.sub-head .title-box {padding: 0 2.63rem; text-align: center;}
.title-box .t1 {margin-bottom: 0.9375rem; font-size: 1.625rem; font-family: 'S-CoreDream-7ExtraBold'; word-break: keep-all;}
.title-box .t2 {display: inline-block; padding: 0.625rem 1.875rem; margin-bottom: 1.875rem; background-color: #117721; font-size: 1.125rem; font-family: 'S-CoreDream-6Bold'; color: #fff; border-radius: 1.875rem; word-break: keep-all;}
.title-box .lead {line-height: 1.5rem; word-break: keep-all;}

.title-box .lead.border {
  padding: 1.25rem 0;
  margin: 1.25rem 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
}
.title-box .lead strong {
  display: block;
  margin-bottom: 0.3125rem;
}


/* img-wrap */
.img-wrap {
  margin: 2.5rem 0;
  text-align: center;
}
.img-wrap.mb0 {
  margin-bottom: 0;
}
.img-wrap.mhid {
  margin: 1.125rem 0;
}

.img-wrap:after {
  content:'';
  display:block;
  clear:both;
}

.img-wrap.two figure {
  float: left;
  width: 48.75%;
  margin-right: 2.5%;
}
.img-wrap.three figure {
  float: left;
  width: 31.6666%;
  margin-right: 2.5%;
}

.img-wrap figure:nth-last-of-type(1) {margin-right: 0;}

/*  */
.txt-wrap {margin: 2.5rem 0;}
.txt-wrap .text {
  margin-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.625rem;
  text-align: justify;
}
.txt-wrap .title {
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  font-family: 'S-CoreDream-6Bold';
}
.txt-wrap .title.number {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: start;
}
.txt-wrap .title.number .tit {
  font-size: 1.25rem;
}
.txt-wrap .title.number .circle {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-shrink: 1;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.625rem;
  background-color: #117721;
  color: #fff;
  border-radius: 50%;
  text-align: center;
}
.txt-wrap .title.number .circle.two {
  font-size: 1.125rem;
}
.txt-wrap .stitle {
  display: block;
  margin-bottom: 0.3125rem;
  font-size: 1.125rem;
}
.txt-wrap .text.last {margin-bottom: 0;}

/* row column */
.row { overflow: hidden; }
.row:after {
	content: "";
	overflow: hidden;
	display: block;
	clear: both;
}
.row .column {
	float:left;
	padding-left: 2.5%;
}
.row .column:first-child{
	padding-left: 0;
}
.row .column.right {
	float: right;
}
.row .column.right {
	padding-left: 2.5%;
}
.row .column.right + .column {
	padding-left: 0;
}
.row .column figure {
	text-align: center;
}
.row.half > .column:first-child {width: 48.75%;}
.row.half > .column {width: 51.25%;}
.row.half > .column.right:first-child {width: 51.25%;}
.row.half > .column.right + .column {width: 48.75%;}


/*  리틀 포레스트 */
.s1_box {
  margin-bottom: 2.5rem;
  text-align: center;
}
.s1_box .title {
  position: relative;
  padding-top: 7.5rem;
  margin-bottom: 0.625rem;
  font-size: 1.625rem;
  line-height: 1.6;
  font-family: 'S-CoreDream-6Bold';
  word-break: keep-all;
}
.s1_box .title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4.4375rem;
  height: 6.4375rem;
  background: url('../images/sub/s1_icon.png') no-repeat;
  background-size: 100% auto;
}
.s1_box .stitle {
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  line-height: 1.6;
  font-family: 'S-CoreDream-6Bold';
  word-break: keep-all;
}
.s1_box .img-wrap {
  margin: 0;
}
.s1_box .text {
  text-align: center;
  word-break: keep-all;
}
.s1_box .box {
  padding: 0 168px;
  margin: 1.875rem 0;
}
.s1_box .area {
  position: relative;
  padding: 1.875rem 0;
  border-bottom: 1px solid #999;
}
.s1_box .area:after {
  content: "";
  position: absolute;
  bottom: -0.375rem;
  left: 50%;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  border: 1px solid #999;
  background-color: #fff;
  z-index: 1;
}
.s1_box .area.first {padding-top: 0;}
.s1_box .area.last {
  padding-bottom: 0;
  border-bottom: 0;
}
.s1_box .area.last:after {display: none;}
.s1_box .area .name {
  display: block;
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  font-family: 'S-CoreDream-6Bold';
  color: #888;
}
.s1_box .area .text {
  font-size: 1rem;
  line-height: 1.5rem;
  word-break: keep-all;
}

.contest-box {
  padding: 1.875rem 3.125rem;
  border: 2px solid #f7eaea;
  background: url('../images/sub/s1_bg.png');
  box-shadow: 0.625rem 0.625rem 0 #f5f5f5;
}
.contest-box .title {
  margin-bottom: 1.875rem;
  padding-top: 0;
  font-family: 'YanoljaYacheR';
  font-size: 2.5rem;
}
.contest-box .title:before {
  display: none;
}
.contest-box .text {
  font-family: 'YanoljaYacheR';
  font-size: 1.625rem;
  line-height: 2.25rem;
}



/* 스쿨 오브 숲 */
.mini_interview {
  position: relative;
  padding: 1.875rem;
  margin-top: 5rem;
  background-color: #f7f7f7;
  border-top: 4px solid #117721;
}
.mini_interview .label {
  display: inline-block;
  position: absolute;
  top: -1.313rem;
  left: 50%;
  transform: translateX(-50%);
  width: 26.25rem;
  height: 2.625rem;
  background-color: #117721;
  font-size: 1.375rem;
  text-align: center;
  color: #fff;
  line-height: 2.625rem;
  border-radius: 2.5rem;
}
.mini_interview .tit {
  padding: 1.875rem 0;
  font-family: 'S-CoreDream-4Regular';
  text-align: center;
  font-size: 1.375rem;
  line-height: 2rem;
  color: #117721;
  word-break: keep-all;
}
.mini_interview .tit strong {
  font-family: 'S-CoreDream-7ExtraBold';
}
.mini_interview .box {
  padding: 1.875rem;
  margin-bottom: 1.875rem;
  background-color: #fff;
}
.mini_interview .box .teacher {
  margin-bottom: 1.25rem;
}
.mini_interview .box .teacher.last {
  margin-bottom: 0;
}
.mini_interview .box .teacher .thumb {
  float: left;
  width: 21.56rem;
}
.mini_interview .box .teacher .text {
  float: left;
  width: calc(100% - 21.56rem);
}
.mini_interview .box .teacher .text .name {
  padding-top: 1.875rem;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  font-family: 'S-CoreDream-7ExtraBold';
}
.mini_interview .box .teacher .text .txt {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: justify;
}

.mini_interview .box2 .student {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 1.875rem;
  margin-right: 1.875rem;
  margin-bottom: 0.625rem;
}
.mini_interview .box2 .thumb {
  margin-right: 1.25rem;
}

.mini_interview .box2 .text .name {
  margin-bottom: 0.5rem;
  font-family: 'S-CoreDream-6Bold';
}
.mini_interview .box2 .text .txt {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: justify;
}

/* 산울림 뉴스 */
.news-list .notice {
  padding: 1.25rem 0;
}
.news-list .notice .label-wrap {
  position: relative;
}
.news-list .notice .label-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  top: 50%;
  background-color: #117721;
  z-index: -1;
}
.news-list .notice .label {
  display: inline-block;
  padding: 0.625rem 6.25rem;
  background-color: #117721;
  color: #fff;
  text-align: center;
  border-radius: 2.5rem;
  font-size: 1.375rem;
  font-family: 'S-CoreDream-6Bold';
}

.news-list .notice .news li {
  padding: 1.875rem 0;
  border-bottom: 1px solid #cdcdcd;
}
.news-list .notice .news li:last-child {border-bottom: 0;}
.news-list .notice .news li .tit {
  margin-bottom: 0.625rem;
  font-size: 1.375rem;
  font-family: 'S-CoreDream-6Bold';
  color: #117721;
}
.news-list .notice .news li .tit .region {
  display: inline-block;
  padding: 0.3125rem 0.75rem;
  margin-right: 0.3125rem;
  background-color: #292929;
  color: #fff;
  font-size: 1rem;
  border-radius: 0.3125rem;
}
.news-list .notice .news li .txt {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: justify;
}

/* 비디오태그 삽입 */
.video-wrap {
  position: relative;

}
.video-wrap:before {
  content:'';
  display: block;
  padding-top: 40.25%;
}
.video-wrap video {
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 0;
  top: 0;
  transform: translateX(-50%);
}


/* 페이지 이동 */
.page_move {
	padding-top: 1.875rem;
	text-align: center;
}

.page_move a {
  position: relative;
	display: inline-block;
	font-size: 0.875rem;
	font-family: 'S-CoreDream-4Regular';
	color: #000;
	background-color: #fff;
	padding: 0.625rem 0.938rem;
	margin: 0.313rem;
	border: 1px solid #ccc;
	transition: 100ms ease-in;
	-webkit-transition: 100ms ease-in;
	-moz-transition: 100ms ease-in;
	-o-transition: 100ms ease-in;
	-ms-transition: 100ms ease-in;
}

.page_move .page-prev:before {
  content: "\e93d";
  font-family: xeicon;
  margin-right: 0.625rem;
}

.page_move .page-next:after {
  content: "\e940";
  font-family: xeicon;
  margin-left: 0.625rem;
}

.page_move a:hover,
.page_move a:active,
.page_move a:focus {
	background-color: #1a9431;
	color: #fff;
	border: 1px solid #1a9431;
}

/* common */
.ccolor {color: #117721;}
.ccolor.under {display: inline; border-bottom: 1px solid #117721;}

.ltsp_1 {letter-spacing: -0.025em;}

.font-serif {
  font-family: 'Nanum Myeongjo', serif;
}

.word-keep {word-break: keep-all !important;}

.fz-20 {font-size: 1.25rem !important;}
.fw-400 {font-family: 'S-CoreDream-4Regular';}
.fw-600 {font-family: 'S-CoreDream-6Bold';}
.fw-700 {font-family: 'S-CoreDream-7ExtraBold';}

.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}


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

}

@media all and (max-width:1220px) {
  .mini_interview .box .teacher .thumb {
    width: 28.56rem;
  }
  .mini_interview .box .teacher .text {
    width: calc(100% - 28.56rem);
  }

  .mini_interview .box2 .student {
    align-items: flex-start;
  }
  .mini_interview .box2 .thumb {
    width: 5.25rem;
  }
  .mini_interview .box2 .text  {
    width: calc(100% - 5.25rem);
  }

}

@media all and (max-width: 1024px) {
  .video-wrap:before {
    padding-top: 50%;
  }
}

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

  /* .topImg {height: 270px; background-image: url('../images/sub/topImg_mo.jpg'); background-size: cover;} */
  .sub-content {padding-top: 100px;}
  .sub-head .title-box {padding: 0;}
  .row .column {
		float: none !important;
		padding-left:0 !important;
		width:100% !important;
	}
	.row .column figure {
		text-align: center;
	}
  .row .column:first-child {
		padding-bottom: 1.429rem;
	}

  .s1_box .box {
    padding: 0;
  }

  .news-list .anchor {
    padding-top: 100px; margin-top: -100px;
  }
  .news-list .notice .label-wrap:after {
    margin-top: 50px;
  }

  .video-wrap:before {
    padding-top: 56%;
  }

  .video-wrap video {
    width: 100%;
    height: auto;
  }

}

@media all and (max-width:768px) {
  .sub-head > h2 {
    padding: 0.7143rem 0;
    font-size: 1.143rem;
  }
  .sub-wrap .sub-head {margin-bottom: 1.429rem;}

  .news-list .notice .news li .txt,
  .s1_box .area .text,
  .mini_interview .box .teacher .text,
  .mini_interview .box .teacher .text .txt,
  .mini_interview .box2 .text,
  .txt-wrap .text {
    font-size: 1.143rem; line-height: 1.6;
  }

  .mini_interview {
    padding: 0.875rem;
  }
  .mini_interview .label {width: 16.25rem;}
  .mini_interview .box .teacher .thumb {
    float: none;
    width: 100%;
    text-align: center;
  }
  .mini_interview .box .teacher:first-child {
    margin-bottom: 2.429rem;
  }
  .mini_interview .box .teacher .text {
    float: none;
    width: 100%;
  }
  .mini_interview .box .teacher .text .name {
    padding-top: 1.25rem;
    margin-bottom: 0.7143rem;
  }
  .mini_interview .box2 .student {
    margin-right: 0;
    margin-bottom: 1.625rem;
    margin-left: 0;
  }
  .txt-wrap {margin: 1.429rem 0;}
  .img-wrap {margin: 1.429rem 0;}
  .img-wrap figure {
		width: 100% !important;
		text-align: center;
    margin-bottom: 1.429rem;
	}
  .img-wrap.two figure,
  .img-wrap.three figure {
		float:none;
		margin-right: 0;
	}
  .img-wrap figure:last-child {
		margin-bottom: 0;
	}

  .news-list .notice .label {
    padding: 0.5rem 1.429rem;
  }
  .news-list .notice .news li .tit .region {
    margin-bottom: 0.5rem;
  }

  .contest-box {
    padding: 1.875rem;
  }
  .contest-box .title {
    font-size: 2rem;
  }
  .contest-box .text {
    font-size: 1.375rem;
    line-height: 1.6;
  }

  .mo-icon {
    width: calc(100% / 2);
  }
}
@media all and (max-width:460px) {

}