@charset "UTF-8";

/*체험활동이란*/
.active_top{margin-bottom: 50px;}
.active_top > div{
  width: 32%;
  float: left;
  margin-left: 2%;
}
.active_top > div:first-child{margin-left: 0;}

.active_top > div:nth-child(1) .tit{background: #e4f4fa;}
.active_top > div:nth-child(2) .tit{background: #f0e8f8;}
.active_top > div:nth-child(3) .tit{background: #fbe8ec;}
.active_top > div .tit{
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  text-align: center;
}
.active_top > div .tit span{
  font-size: 1.250em;
  font-weight: 500;
  color: #282828;
  text-align: center;
  display: inline-block;
  position: relative;
  height: 70px;
  line-height: 70px;
}
.active_top > div .info{
  padding: 21px 24px;
  border: 1px solid #dcdcdc;
  border-top: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  min-height: 187px;
}
.active_top > div .info > p{
    font-weight: 300;
    color: #555555;
    line-height: 1.5;
}
.active_btm{
    overflow: hidden;
    border: 1px solid #dcdcdc;
    padding: 30px;
    border-radius: 15px;
    margin-top: 50px;
}
.active_btm > div{
    float: left;
    width: 23.4%;
    margin-left: 2.13%;
}


.active_btm.typeB{margin-top: 6px;
  border: 0;
  padding: 0;
  border-radius: 0;
}
.active_btm.typeB > div{
  float: left;
  width: 31.9%;
  margin-left: 2.13%;
}
.active_btm.typeB > div dl dd{
  min-height: 132px;
}

.active_btm > div:first-child{
    margin-left: 0;
}
.active_btm > div dl dt{color: #141414;font-weight: 500;font-size: 1.125em;height: 49px;line-height: 49px;text-align: center;background: #eaeaea;}
.active_btm > div:nth-child(1) dl dt{/* background: #ffcd60; */}
.active_btm > div:nth-child(2) dl dt{/* background: #67df7b; */}
.active_btm > div:nth-child(3) dl dt{/* background: #07b4f7; */}
.active_btm > div:nth-child(4) dl dt{/* background: #f17c77; */}
.active_btm > div dl dd{
  border: 1px solid #dcdcdc;
  border-top: 0;
  color: #555555;
  font-weight: 300;
  font-size: 0.938em;
  line-height: 1.4;
  padding: 20px 15px;
  word-break: keep-all;
}





/*하단 구직 버튼*/
.lookfor_box{
    position: relative;
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    margin-top: 50px;
}
.lookfor_box .lookfor_cont{
    padding: 27px 30px 27px 40px;
}
.lookfor_box .lookfor_cont p{
    color: #3d3d3d;
    font-size: 0.938em;
    font-weight: 300;
    margin-top: 12px;
}
.lookfor_box .lookfor_cont p:first-child{
    margin-top: 0;
}
.lookfor_box a{
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 50%;
    background: #5a6388;
    color: #fff;
    font-weight: 300;
    font-size: 0.875em;
    width: 111px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    transform: translateY(-50%);
}

/* 뉴스레터 */
.news_btn{margin-bottom: 20px;}
.news_btn > a{border-radius: 5px;padding-left: 38px;position: relative;padding-right: 10px;font-size: 0.875em;height: 38px;line-height: 36px;}
/* .news_btn > a:before{

} */
.news_btn .ty01{
  background: #2b83bb url(/_static/crezone/img/sub/news_on.png) no-repeat center left 10px;
  border: 1px solid #2b83bb;
  color: #fff;
}
.news_btn .ty02{
  background: #fff url(/_static/crezone/img/sub/news_off.png) no-repeat center left 10px;
  border: 1px solid #bdbdbd;
  }




/* 현장체험학습 소개 // 크레존이야기 - 참여(전체) */
.act_box{display: table; table-layout: fixed; width: 100%; margin-bottom: 30px;}
.act_box > div{display: table-cell; }
.act_box > div div a{
  border: 1px solid #111111;
  border-radius: 3px;
  padding: 11px 0;
  display: inline-block;
  width: 49.5%;
  text-align: center;
  font-size: 14px;
}
.act_box > div p{color: #141414; margin-bottom: 13px; position: relative; padding-left: 13px;}
.act_box > div p:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    background: #f25574;
    width: 3px;
    height: 3px;
    border-radius: 3px;
}
.act_box > div.act_right{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-left: 1px;
  }
.act_box > div.act_right > div{width: 50%;}
.act_box > div.act_right > div a{width: 99%;}

.join_btn{display: flex;margin-top: 16px; align-items: flex-start;  flex-wrap: wrap;}
.join_btn > a:last-child{margin-right: 0;}
.join_btn > a{display: inline-block;border: 1px solid;
  /* padding: 6px 2.4%; */
  padding: 6px 2px;
  margin-right: 1.6%;border-radius: 3px;text-align: center;font-size: 15px; flex: auto;}
.join_btn > a:nth-child(1){border: 1px solid #353535; color: #fff; background-color: #353535; }
.join_btn > a:nth-child(2){border: 1px solid #353535;}
.join_btn > a:nth-child(3){border: 1px solid #f14165;}
.join_btn > a:nth-child(4){border: 1px solid #f68e5c;}
.join_btn > a:nth-child(5){border: 1px solid #2b83bb;}

.join_btn.type2 > a:nth-child(1){border: 1px solid #353535; flex: auto; background: #fff; color: #353535;}
.join_btn.type2 > a:nth-child(2){border: 1px solid #f14165; flex: auto;}
.join_btn.type2 > a:nth-child(3){border: 1px solid #f68e5c; flex: auto;}
.join_btn.type2 > a:nth-child(4){border: 1px solid #2b83bb; flex: auto;}


/* 교사연구회 버튼 */
.research_btn{display: flex;flex-wrap: wrap; margin-bottom: 18px;}
.research_btn > a{text-align: center;padding: 10px 3px;border: 1px solid #f7f7f7;background-color: #f7f7f7;flex: 1;margin-left: 16px; color: #111;}
.research_btn > a:first-child{margin-left: 0;}
.research_btn > a:hover, .research_btn > a:focus{border-color: #f25574; background-color: #fff;}

/* Q&A */
.qna_top{display: table; table-layout: fixed; width: 100%; padding: 29px 27px; background: #fafafa; border: 1px solid #dcdcdc; border-radius: 10px; margin-bottom: 45px;}
.qna_top > div{display: table-cell; vertical-align: middle;}
.qna_top > div:first-child{width: 126px;}
.qna_top > div:last-child{padding-left: 36px;}
.qna_top > div p{word-break: keep-all;}
.qna_top > div p + p{margin-top: 13px;}

/* 연구회 공개 자료방 */
.research_wrap{margin-bottom: 30px;}
.re_doc a{font-size: 14px;     position: relative;  padding-left: 9px;}
.re_doc a.on{ text-decoration: underline; text-underline-offset: 5px;}
.re_doc a + a{margin-left: 5%;}
.re_doc a:before{
  content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    background: #b3b4b5;
    width: 3px;
    height: 3px;
    border-radius: 3px;
}
.research_top ul{display: flex;flex-wrap: wrap;padding: 20px;border: 1px solid #dedede;border-top: 0;}
.research_top ul li{width: 32%;position: relative;padding-left: 9px;margin-top: 10px; margin-right: 2%;}
.research_top ul li:nth-child(-n+3){margin-top: 0;}
.research_top ul li:nth-child(3n){margin-right: 0;}
.research_top ul li a{font-size: 14px;}
.research_top ul li:before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  background: #b3b4b5;
  width: 3px;
  height: 3px;
  border-radius: 3px;
}

.research_btm{margin-top: 40px;}
.research_btm .research_box dd .re_area button{position: relative; width: 101px; top: auto; right: auto; margin-left: 5px;}
.research_btm .research_box dd > div{padding-right: 0;}
.re_area{display: flex;}
.re_area2{display: flex; }
.re_area2 > a{margin-left: 5px;}
.re_area2 .re_do{background: #000; height: 32px; width: 32px; text-align: center; line-height: 28px;}
.re_area2 .re_do img{vertical-align: middle;}
.re_area2 .re_fr{
  position: relative;
  height: 32px;
  line-height: 30px;
  padding-left: 10px;
  color: #111;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  width: 91px;
  text-align: center;
}
.re_area2 .re_fr:before{
  display: block;
    content: "";
    position: absolute;
    background: url(/_static/crezone/img/sub/bookm04.png)no-repeat;
    width: 11px;
    height: 14px;
    left: 14px;
    top: 8px;
}
.re_chart{padding: 20px; border: 1px solid #dedede; border-top: 0; display: none;}
.re_chart .tbl_ipt input[type=checkbox] + label{vertical-align: middle;}

.rec_box2{background: #f7f7f7; padding: 10px; margin-top: 5px; display: none;}
.rec_box2 ul{display: flex; flex-wrap: wrap;}
.rec_box2 ul li:nth-child(-n+3){margin-top: 0;}
.rec_box2 ul li{width: 32%; margin-right: 2%; margin-top: 8px;}
.rec_box2 ul li:nth-child(3n){margin-right: 0;}
.rec_box2 .tbl_ipt input[type=checkbox] + label{font-size: 14px; padding-left: 20px;}
.rec_box2 .tbl_ipt input[type=checkbox] + label:before{width: 14px; height: 14px;}
.rec_box2 .tbl_ipt input[type=checkbox]:checked + label:before{background-size: 14px;}

.rec_box{display: flex; flex-wrap: wrap; align-items: center; margin-top: 20px;}
.rec_box:first-child{margin-top: 0;}
.rec_box .rec_l{width: 105px; margin-right: 3.5%;}
.rec_l p{padding-left: 23px; position: relative; font-size: 15px; color: #111111;}
.rec_l p:before{position: absolute; left: 0; top: 50%; 
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url(/_static/crezone/img/sub/resear_icon.png);
  width: 15px; height: 15px; content: ""; display: block;
} 
.rec_box .rec_all{border: 1px solid #dedede; padding: 3px 6px;}
.rec_box .rec_btn a{   
  color: #111;
  font-size: 14px;
  border: 1px solid #dedede;
  margin-right: 0;
  display: block;
  padding: 6px 28px 6px 6px;
  position: relative;
  background: #fff url(/_static/crezone/img/sub/select_arrow.png) no-repeat center right 12px;
}
/* .rec_box .rec_btn a:before{
  background: #fff url(/_static/crezone/img/sub/select_arrow.png) no-repeat center right 12px;
} */

.rec_r > div{display: flex;}
.rec_r > div > div + div{margin-left: 7px;}


.research_box dl{display: table;table-layout: fixed;width: 100%;border: 1px solid #cccccc;}
.research_box dt, .research_box dd{display: table-cell;}
.research_box dt{
  position: relative;
  width: 143px;
  background: #f7f7f7;
  text-align: center;
  color: #0e0e0e;
  vertical-align: middle;
  height: 52px;
  line-height: 50px;
  color: #111111;
  border-right: 1px solid #cccccc;
  font-weight: 500;
}
.research_box dd{
    vertical-align: middle;
    padding: 6px 8px;
    position: relative;
}
.research_box dd > div{padding-right: 98px;}
/* .research_box dd > div a{
  padding: 2px 8px;color: #111111;font-weight: 300;display: inline-block;font-size: 15px;}
.research_box dd > div a + a{margin-left: 5px;} */

.research_box dd button{
  position: absolute;
  top: 9px;
  right: 6px;
  width: 86px;
  height: 32px;
  line-height: 30px;
  padding-right: 10px;
  color: #111;
  font-size: 14px;
  background: #ffffff;
  /* border-radius: 5px; */
  border: 1px solid #aaaaaa;
  margin-right: 0;
}
.research_top.active .research_box dd button:after .research_btm.active .research_box dd button:after{
  background: url(/_static/crezone/img/sub/resear_arrow2.png);
}
.research_box dd button:after{
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 11px;
  height: 7px;
  background: url(/_static/crezone/img/sub/resear_arrow.png);
}

.active .research_box dd button:after{
  background: url(/_static/crezone/img/sub/resear_arrow2.png);
}


.research_btm .research_box dd .re_area button:after{
  background: url(/_static/crezone/img/sub/resear_arrow2.png);
}
.research_btm.active .research_box dd .re_area button:after{
  background: url(/_static/crezone/img/sub/resear_arrow.png);
}

/* .research_top.active .research_box dd button:after{
  top: 8px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
} */

/* 크레커 신청 상단 타이틀 */
.crack_box{margin-bottom: 10px;}
.crack_box p{font-size: 18px; margin-bottom: 7px;}
.crack_box a{color: #2b83bb;}
.crack_box a > span{color: #111;}

/* MY크레존 - 마이페이지 */
.taste_wrap{display: table; table-layout: fixed; width: 100%;}
.taste_wrap > div{display: table-cell; }
.taste_wrap > div:first-child{padding-right: 2%;}
.taste_wrap > div:last-child{padding-left: 2%;}
.taste_wrap.type02 > div{display: block; padding-left: 0; padding-right: 0;}

/* 나의 관심 콘텐츠 */
.taste_wrap.no_wrap{margin-bottom: 30px;}
.taste_wrap.no_wrap li{width: 20%; margin-top: 0; 
}
.taste_wrap.no_wrap li > a{position: relative; min-height: initial;}
.taste_wrap.no_wrap li > a:before{margin: 0 auto;}
.taste_wrap.no_wrap li > div.file_doc{text-align: center; max-width: 120px;
  margin: 8px auto 0; font-size: 15px; color: #353535; word-break: keep-all;
}
.taste_wrap.no_wrap .t_cont.t_cont2 li a.t_new:before{
  background-image: url(/_static/crezone/img/main/visual_icon101.png); background-repeat: no-repeat;
}
.taste_wrap.no_wrap .t_cont.t_cont2 li a:before{ background-image: url(/_static/crezone/img/main/visual_icon102.png); background-repeat: no-repeat;}
.taste_wrap.no_wrap li > a .tbl_ipt{
  position: absolute;
  left: 70%;
  top: 17%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.taste_wrap.no_wrap .tbl_ipt input[type=checkbox] + label{padding-left: 20px; 
  vertical-align: middle;
}
.interest_btn{margin-top: 20px; text-align: right;}
.interest_btn > a{width: 113px; height: 32px; line-height: 30px; color: #222; background-color: #f4f4f4; text-align: center; display: inline-block; font-size: 15px; font-weight: 300;}
.interest_btn > a + a{margin-left: 5px;}
.interest_btn > a:last-child{
  color: #fff; background-color: #f05674; width: 84px;
}

.taste_slide .slick-prev{
  background: url(/_static/crezone/img/sub/t_arrow_left.png)no-repeat;
  width: 14px; height: 26px;
  left: -5px;
  z-index: 1;
}
.taste_slide .slick-next{
  background: url(/_static/crezone/img/sub/t_arrow_right.png)no-repeat;
  width: 14px; height: 26px;
  right: -5px;
  z-index: 1;
}
/* .visual_right .visual_btm > div:first-child{margin-top: 30px;padding: 10px;background: #fff;border-radius: 10px;}
.visual_right .visual_btm > div:last-child{margin-top: 30px;background: #fff;border-radius: 10px;padding: 15px 18px;}
.visual_right .visual_btm > div.on{display: block;} */
.t_cont{
    overflow: hidden;
}
ul.t_cont {
  display: flex;
  flex-wrap: wrap;
}
.t_cont li{
  width: 33.3333%;
    /* min-height: 115px; */  margin-top: 22px;
}
.t_cont li a{
  display: block;
  text-align: center;
  font-size: 0.938em;
  min-height: 69px;
  width:100%;
  padding:0 5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

}
.t_cont li a:before{
  content:'';
  display: block;
  background-position:center top;
  background-repeat: no-repeat;
  margin: 0 auto 10px;
  background-size: 100%;
}

.t_cont li a > img{margin: 0 auto ; height: 31px;}
.t_cont li a > img + span{display: block; 
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
    padding-top: 3px;
}

/* .taste_slide.s_type_fav div:nth-of-type(1) .t_cont li:nth-child(1) a:before{background-image: url(/_static/crezone/img/main/visual_icon1.png);width: 41px;height: 38px;}
.taste_slide.s_type_fav div:nth-of-type(1) .t_cont li:nth-child(2) a:before{background-image: url(/_static/crezone/img/main/visual_icon2.png);width: 46px;height: 39px;}
.taste_slide.s_type_fav div:nth-of-type(1) .t_cont li:nth-child(3) a:before{background-image: url(/_static/crezone/img/main/visual_icon3.png);width: 40px;height: 38px;}
.taste_slide.s_type_fav div:nth-of-type(1) .t_cont li:nth-child(4) a:before{background-image: url(/_static/crezone/img/main/visual_icon4.png);width: 51px;height: 36px;}
.taste_slide.s_type_fav div:nth-of-type(1) .t_cont li:nth-child(5) a:before{background-image: url(/_static/crezone/img/main/visual_icon5.png);width: 32px;height: 36px;}
.taste_slide.s_type_fav div:nth-of-type(1) .t_cont li:nth-child(6) a:before{background-image: url(/_static/crezone/img/main/visual_icon6.png);width: 37px;height: 36px;}
.taste_slide.s_type_fav div:nth-of-type(2) .t_cont li:nth-child(1) a:before{background-image: url(/_static/crezone/img/main/visual_icon7.png);width: 41px;height: 33px;}
.taste_slide.s_type_fav div:nth-of-type(2) .t_cont li:nth-child(2) a:before{background-image: url(/_static/crezone/img/main/visual_icon8.png);width: 43px;height: 36px;}
.taste_slide.s_type_fav div:nth-of-type(2) .t_cont li:nth-child(3) a:before{background-image: url(/_static/crezone/img/main/visual_icon9.png);width: 43px;height: 38px;}
.taste_slide.s_type_fav div:nth-of-type(2) .t_cont li:nth-child(4) a:before{background-image: url(/_static/crezone/img/main/visual_icon10.png);width: 39px;height: 38px;}
.taste_slide.s_type_fav div:nth-of-type(2) .t_cont li:nth-child(5) a:before{background-image: url(/_static/crezone/img/main/visual_icon11.png);width: 40px;height: 37px;}
.taste_slide.s_type_fav div:nth-of-type(2) .t_cont li:nth-child(6) a:before{background-image: url(/_static/crezone/img/main/visual_icon12.png);width: 41px;height: 31px;}
.taste_slide.s_type_fav div:nth-of-type(3) .t_cont li:nth-child(1) a:before{background-image: url(/_static/crezone/img/main/visual_icon13.png);width: 43px;height: 36px;}
.taste_slide.s_type_fav div:nth-of-type(3) .t_cont li:nth-child(2) a:before{background-image: url(/_static/crezone/img/main/visual_icon14.png);width: 43px;height: 38px;}
.taste_slide.s_type_fav div:nth-of-type(3) .t_cont li:nth-child(3) a:before{background-image: url(/_static/crezone/img/main/visual_icon15.png);width: 37px;height: 30px;}
.taste_slide.s_type_fav div:nth-of-type(3) .t_cont li:nth-child(4) a:before{background-image: url(/_static/crezone/img/main/visual_icon16.png);width: 40px;height: 38px;}
.taste_slide.s_type_fav div:nth-of-type(3) .t_cont li:nth-child(5) a:before{background-image: url(/_static/crezone/img/main/visual_icon17.png);width: 26px;height: 38px;}
.taste_slide.s_type_fav div:nth-of-type(3) .t_cont li:nth-child(6) a:before{background-image: url(/_static/crezone/img/main/visual_icon18.png);width: 41px;height: 33px;}
.taste_slide.s_type_fav div:nth-of-type(4) .t_cont li:nth-child(1) a:before{background-image: url(/_static/crezone/img/main/visual_icon19.png);width: 32px;height: 36px;}
.taste_slide.s_type_fav div:nth-of-type(4) .t_cont li:nth-child(2) a:before{background-image: url(/_static/crezone/img/main/visual_icon20.png);width: 30px;height: 36px;}
.taste_slide.s_type_fav div:nth-of-type(4) .t_cont li:nth-child(3) a:before{background-image: url(/_static/crezone/img/main/visual_icon21.png);width: 41px;height: 38px;}
.taste_slide.s_type_fav div:nth-of-type(4) .t_cont li:nth-child(4) a:before{background-image: url(/_static/crezone/img/main/visual_icon22.png);width: 32px;height: 36px;}
.taste_slide.s_type_fav div:nth-of-type(4) .t_cont li:nth-child(5) a:before{background-image: url(/_static/crezone/img/main/visual_icon23.png);width: 31px;height: 39px;}
.taste_slide.s_type_fav div:nth-of-type(4) .t_cont li:nth-child(6) a:before{background-image: url(/_static/crezone/img/main/visual_icon24.png);width: 40px;height: 38px;}
.taste_slide.s_type_fav div:nth-of-type(5) .t_cont li:nth-child(1) a:before{background-image: url(/_static/crezone/img/main/visual_icon25.png);width: 38px;height: 36px;}
.taste_slide.s_type_fav div:nth-of-type(5) .t_cont li:nth-child(2) a:before{background-image: url(/_static/crezone/img/main/visual_icon26.png);width: 25px;height: 36px;} */



.t_cont li:nth-child(-n+3){margin-top: 0;}


.t_cont.t_cont2 li a:before{background-image: url(/_static/crezone/img/main/visual_icon100.png);width: 71px;height: 52px;}
.t_cont.t_cont2 li a.t_new:before{background-image: url(/_static/crezone/img/main/visual_icon101.png); }
.t_cont.t_cont2 li a{color: #003939;}
/* .t_cont.t_cont2 li:nth-child(1n) a:before{background-image: url(/_static/crezone/img/main/visual_icon100.png);width: 71px;height: 52px;} */



.taste_box{border: 1px solid #dcdcdc; padding: 26px 5.8%;}
.taste_box.type1{padding: 65px 5.8%; } 
.taste_box.type2{padding: 65.1px 5.8% 12px; }
.taste_box.type2 .folder_add_box {
  position: relative;
  top: -54px;
}
.taste_box.type2 .folder_add_box a {
  display: inline-block;
  border: 1px solid #eee;
  padding: 5px;
  background-color: #f4f4f4;
  font-size: 15px;
  color: #222;
  position: absolute;
  right: 0;
}
.taste_box .t_list li:first-child{margin-top: 0;}
.taste_box .t_list li{
  position: relative;
  margin-top: 15px;
  padding-right: 75px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #353535;
}
.taste_box .t_list li span{
  color: #757575;
  position: absolute;
  right: 0;
  display: inline-block;
  letter-spacing: -0.01em;
  font-size: 0.938em;
  font-weight: 300;
}

.taste_wrap .sub_tit{}
.taste_wrap .sub_tit a{
  position: absolute;
  right: 0;
  top: auto;
  left: auto;
  bottom: -5px;
  
}
.taste_wrap .sub_tit a.t_doc{
  font-size: 14px;
  bottom: 1px;
  padding-right: 17px;
  color: #1f1e1e;
}
.taste_wrap .sub_tit a.t_doc:after{
  position: absolute;
    top: auto;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #1f1e1e;
    border-right: 1px solid #1f1e1e;
    transform: rotate(45deg);
    left: auto;
    bottom: 3px;
    right: 2px;
}


/* my크레존 - 즐겨찾기 */
.bookmark_area{display: table; table-layout: fixed; width: 100%;}
.bookmark_area > div{display: table-cell;}
.bookmark_area div strong{color: #393939;font-size: 22px;display: block;position: relative;padding-bottom: 24px;margin-bottom: 27px;}
.bookmark_area div strong:before{
  position: absolute;
  content: "";
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #f25574;
  top: auto;
  left: 0;
  bottom: 0;
  }

.bookmark_area div ul li{padding-bottom: 15px;color: #393939;font-size: 15px;font-weight: 300;/* word-break: keep-all; */}
.bookmark_area div ul li:last-child{padding-bottom: 0; }
.bookmark_area div ul li a{/* display: inline-block; */display: block;position: relative;padding-right: 19px;/* word-break: keep-all; */}

.book_top{border: 1px solid #dcdcdc;width: 500px;padding: 3%;}
.book_top ul{/* overflow: hidden; */display: flex;flex-wrap: wrap;}
.book_top ul li{/* float: left; */width: 23.5%;/* position: relative; */}
.book_top ul li a.on{color: #f25574; font-weight: 500;}
.book_top ul li a:before{
  content: "";
  width: 17px;
  height: 17px;
  background: url(/_static/crezone/img/sub/bookm01.png)no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.book_top ul li:nth-last-child(-n+2){padding-bottom: 0;}
.book_top ul li{padding-right: 2%;margin-right: 2%;border-right: 1px dashed #dcdcdc;}
.book_top ul li:nth-child(4n){padding-right: 0; margin-right: 0; border: 0;}

.book_mid{text-align: center; vertical-align: middle; padding: 0 5px;} 

.book_btm{border: 1px solid #dcdcdc; width: 360px; padding: 3%; background-color: #fff7f9;}
.book_btm ul li{position: relative;}
.book_btm ul li a:before{
  content: "";
  width: 8px;
  height: 8px;
  background: url(/_static/crezone/img/sub/bookm02.png)no-repeat;
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1;
}

.book_bt{overflow: hidden; margin-top: 16px;}
.book_bt > div{float: left; }
.book_bt > div a{font-size: 13px; display: inline-block; border-radius: 3px;}
.book_bt > div:last-child{float: right;}
.book_lb a{border: 1px solid #aaaaaa; color: #383838; position: relative; 
  padding: 5px 12px 5px 31px ;
}
.book_lb a:before{
  display: block; content: ""; position: absolute;
  background: url(/_static/crezone/img/sub/bookm04.png)no-repeat;
  width: 11px; height: 14px;  
  left: 13px; top: 6px;
}
.book_rb a{
  border: 1px solid #222;
  color: #fff;
  background-color: #222222;
  padding: 5px 19px 5px 35px;
  position: relative;
  }
.book_rb a:before{
  display: block;
  content: "";
  position: absolute;
  background: url(/_static/crezone/img/sub/bookm05.png)no-repeat;
  width: 12px;
  height: 12px;
  left: 13px;
  top: 8px;
}
.book_rb a:last-child{
  padding: 5px 15px 5px 34px;
}
.book_rb a:last-child:before{
  background: url(/_static/crezone/img/sub/bookm06.png)no-repeat;
  width: 11px;
  height: 11px;
  top: 8px;
  left: 18px;
}

/* 이달의 추천 큐레이션 */

.edal_tab{display: flex;/* border: 1px solid; *//* border-width: 1px 0; */ margin-bottom: 20px;}
.edal_tab li{width: 8.34%;text-align: center;border-width: 1px 1px 1px 0;border-color: #dedede;border-style: solid;}
.edal_tab li:first-child{border-left: 1px solid #dcdcdc;}
.edal_tab li a{color: #5c5c5c;font-weight: 300;display: block;padding: 10px 0;/* border: 1px solid; *//* border-width: 1px 0; */}
.edal_tab li.on{background-color: #f25574;border: 1px solid #f25574;}
.edal_tab li.on a{color: #fff; font-weight: 500;}

.edal_box{padding: 30px; border: 1px solid #dcdcdc;}
.edal_box.type02{margin-top: 15px;}
.edal_box.type02 .edal_tab{margin-bottom: 0;}
.edal_box em{display: block; text-align: center; margin-bottom: 19px; color: #161616; font-size: 30px; line-height: 1; font-weight: 500;}
.edal_box.type_under{ margin: 20px 0 30px;}
.edal_box.type_under > div{display: table; table-layout: fixed; width: 100%;}
.edal_box.type_under > div > div:first-child{
  background: url(/_static/crezone/img/sub/edal_month.png) no-repeat center;
  width: 65px; height: 62px; position: relative;
}
.edal_box.type_under > div > div:last-child{padding-left: 20px;}
.edal_box.type_under span{position: absolute; left: 50%; top: auto;
  bottom: 14px;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  font-size: 18px; color: #121212;
}
.edal_box.type_under p:first-child{margin-top: 0;}
.edal_box.type_under p{color:#4f4e4e; margin-top: 5px;}
.edal_box.type_under > div > div{display: table-cell; vertical-align: middle;}

.edal_area{background-color: #f8f8f8;padding: 29px 33px; border: 1px solid #dcdcdc;}
.edal_area > div{display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap;
}
.edal_area > div strong{font-size: 17px;color: #121212;display: block;margin-bottom: 8px;}
.edal_area > div ul{}
.edal_area > div ul li:first-child{margin-top: 0;}
.edal_area > div ul li{
  position: relative;
  padding-left: 12px;
  margin-top: 6px;
}
.edal_area > div ul li a{font-size: 15px; color: #3d3d3d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;}
.edal_area > div ul li:before{
  content: '';
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #898989;
}
.edal_cont > div{width: 46%;}
.edal_cont > div:last-child{margin-left: 8%;}

.edal_link{margin-top: 10px;}
.edal_link > div{display: flex;}
.edal_link a{padding: 5px 5px;display: block;color: #393939;font-size: 15px;font-weight: 300;width: 100%;text-align: center;}
.edal_link a:nth-child(1){background: #e4f4fa; border: 1px solid #8acae2; border-radius: 10px;}
.edal_link a:nth-child(2){background: #f0e8f8; border: 1px solid #d1b2f1; border-radius: 10px; margin-left: 5px;}

.edal_slide .slick-prev{
  background: url(/_static/crezone/img/sub/edal_left.png) no-repeat center;
  width: 36px;
  height: 36px;
  left: -16px;
  z-index: 1;
}
.edal_slide .slick-next{
  background: url(/_static/crezone/img/sub/edal_right.png) no-repeat center;
  width: 36px;
  height: 36px;
  right: -17px;
  z-index: 1;
}

/* 현장체험학습 모델(svg - path) */
.hyun_wrap{}
/* .hyun_wrap svg path:{} */
.hyun_wrap svg a{display: block; position: relative;}
.hyun_wrap svg a:before{
  width: 41px; height: 64px;
  content: ""; display: block;
  background: url(/_static/crezone/img/sub/hyun_bg.png)no-repeat;
}
.hyun_wrap svg a path{
  fill: #fff;
  /* cursor: pointer; */
}

.hyun_wrap svg a.on path{ 
  fill: #ffe5eb;
}

.hyun_area{display: table; table-layout: fixed; width: 100%; padding: 30px 6.6%; background-color: #f9f9f9; border: 1px solid #d5d5d5; }
.hyun_area > div{display: table-cell;vertical-align: bottom;}

.hyun_area2{
  padding: 30px 6.6%;
  background-color: #f9f9f9;
  border: 1px solid #d5d5d5;
  margin-top: 1px;
  display: none;
}
.hym{display: flex; justify-content: space-between;}
.hym_list li{display: inline-block; }
.hym_list li a{padding: 5px 10px;
    display: block;
    color: #919191;
    font-weight: 300;
    border:1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 5px;
  }
.hym_list li.active a{ background-color: #353535; color: #fff; border: 1px solid #353535;}
.hym_sear{border-bottom: 1px solid #757575;}
.hym_sear > div{display: flex;align-items: center;}
.hym_sear > div span{font-weight: 500;}
.hym_sear > div a{border: 1px solid;border-radius: 3px;padding: 3px 8px;font-size: 15px; color: #222222; font-weight: 300;}
.hyun_wrap .hym_sear .brd_input{width: auto;}

.hyun_l{width: 308px; position: relative;}
.hyun_l > a{position: absolute; top: auto; left: auto; bottom: auto; right: auto; 
  display: none;
} 
.hyun_l > a.on{display: block;}
.hyun_l > a:nth-child(1){left: 125px;top: 140px;}
.hyun_l > a:nth-child(2){left: 80px;top: 240px;}
.hyun_l > a:nth-child(3){right: 90px;top: 20px;}
.hyun_l > a:nth-child(4){bottom: 170px;right: 20px;}
.hyun_l > a:nth-child(5){right: 50px;bottom: 280px;}
.hyun_l > a:nth-child(6){bottom: 190px;right: 5px;}
.hyun_l > a:nth-child(7){top: 0; left: 90px;}
.hyun_l > a:nth-child(8){bottom: 110px; left: 40px;}
.hyun_l > a:nth-child(9){bottom: 145px;right: 90px;}
.hyun_l > a:nth-child(10){left: 30px;top: 30px;}
.hyun_l > a:nth-child(11){left: 105px;top: 170px;}
.hyun_l > a:nth-child(12){left: 75px;top: 30px;}
.hyun_l > a:nth-child(13){right: 65px;top: 220px;}
.hyun_l > a:nth-child(14){left: 65px;bottom: 150px;}
.hyun_l > a:nth-child(15){left: 70px;bottom: 20px;}
.hyun_l > a:nth-child(16){left: 55px;top: 160px;}
.hyun_l > a:nth-child(17){left: 92px;top: 145px;}
.hyun_l > a:before{
  width: 41px;
  height: 64px;
  content: "";
  display: block;
  color: #fff;
  background: url(/_static/crezone/img/sub/hyun_bg.png)no-repeat;
}
.hyun_l > a > span{position: absolute;color: #fff;left: 8px;top: 14px;font-size: 14px;}
.hyun_r{padding-left: 7.2%;}
.hyun_r .hy_name{display: flex; flex-wrap: wrap;}
.hyun_tab{margin-bottom: 40px;}
.hyun_tab ul{
  display: table;
  table-layout: fixed;
  width: 100%;
  border-radius: 50px;
  /* padding: 10px 0; */
  border:1px solid #dcdcdc;
  background-color: #fefefe;
  }
.hyun_tab ul li{display: table-cell;border-radius: 50px;text-align: center;}
.hyun_tab ul li.on{/* background-color: #000; */}
.hyun_tab ul li a{font-size: 18px;display: block;border-radius: 50px;padding: 9px 0;color: #919191;font-weight: 300;}
.hyun_tab ul li.on a{color: #fff;background-color: #353535;/* border-radius: 50px; */font-weight: 400;}

.hy_local{margin-bottom: 20px;}
.hy_local strong{display: block; margin-bottom: 10px;}

.hy_col{}
.hy_col1{display: flex; margin-top: 15px;}
.hy_col1:first-child{margin-top: 0;}
.hy_col1 > div{border-bottom: 1px solid #757575;width: 55%;}
.hy_col1 > div:nth-child(2){width: 40%; margin-left: 5%;}
.hy_col1 > div.type100{width: 100%;}
.hy_mini{display: flex;align-items: center;}
.hy_mini > div{width: 50%;}

.hy_col1 p{font-weight: 500;/* display: inline-block; */}

.hyun_wrap .skin2 .sch_slt{ border: 0; float: none;
  background: transparent url(/_static/crezone/img/sub/hy_arrow.png) no-repeat center right 0;
  width: calc(100% - 34px); margin-right: 0; padding: 0 13px 0 16px;
  font-size: 14px; color: #757575;
}
.hyun_wrap .brd_input{background-color: transparent; border:0;
  width: calc(100% - 44px); padding-left: 16px;
}
.hyun_wrap .tbl_ipt input[type=checkbox] + label:before{width: 14px; height: 14px; border-radius: 3px; border: 1px solid #d5d5d5; background-size: 12px;}
.hyun_wrap .tbl_ipt input[type=checkbox] + label{color: #353535; font-size: 14px; padding-left: 20px; padding-right: 10px; margin-bottom: 10px;}
/* .hyun_wrap .tbl_ipt input[type=checkbox]:checked + label:before{
  background-size: 14px;
} */

.hy_col2{border-bottom: 1px solid #757575;margin-top: 15px;}
.hy_col2 p{font-weight: 500;}
.hy_btn{text-align: center;}
.hy_btn a{display: block; width: 192px; height: 45px; line-height: 43px; border: 1px solid; border-radius: 3px;
margin: 30px auto 0; color: #222222; font-weight: 300;}

.hy_pink{font-size: 12px; color: #f25574; margin-top: 5px; font-weight: 300;}


.hyun_open{margin-top: 15px; text-align: center;}
/* .hyun_open span{display: inline-block; color: #222222; padding-right: 15px;
  background: url(/_static/crezone/img/sub/hyun_open.png)no-repeat;
} */
.hyun_open a{
  display: inline-block;
  color: #222222;
  padding-right: 20px;
  background-image: url("/_static/crezone/img/sub/hyun_open.png");
  background-position: center right 0;
  background-repeat: no-repeat;
}

.hyun_doc{margin: 15px 0; text-align: right;}
/* .hyun_doc > ul{display: flex;} */
.hyun_doc > ul li{display: inline-block; font-size: 14px; padding: 0 9px; position: relative;}
.hyun_doc > ul li:last-child:before{display: none;}
.hyun_doc > ul li:before{
  right: 0; top: 50%; content: ""; position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  height: 12px ; width: 1px; background-color: #dcdcdc;
}
.hyun_doc > ul li:last-child{padding-right: 0;
 
}
.hyun_doc > ul li a{color: #666666; font-weight: 300;}
.hyun_doc > ul li.active a{color: #000; font-weight: 500;}


/* 체험가이드 추천 프로그램 */

.cho_wrap{    max-width: 871px; margin: 0 auto;}
/* .cho_box{    max-width: 871px; margin: 0 auto;} */
.cho_box ul{display: flex; position: relative; justify-content: space-between;}
.cho_box ul:before{
  content:'';
  display: block;
  position: absolute;
  left: 0;
  top: 81px;
  border-top: 1px dashed #d6d6d6;
  width: 100%;
  height: 1px;
}
.cho_box ul li{ position: relative;}
.cho_box ul li.hoo_next{
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #f25574;
  border-right: 0 solid transparent;
  width: 10px;
  height: 15px;
  top: 74px;
}

.cho_box ul li div{width: 166px; height: 166px; border-radius: 50%; border: 1px solid #dedede; background-color: #fff; position: relative;}
.cho_box ul li div:before{content:'';display: block;height: 81px;}
.cho_box ul li:nth-child(1) div:before{
  background: url(/_static/crezone/img/sub/hoo_icon1.png) center center no-repeat;
}

.cho_box ul li:nth-child(3) div:before{
  background: url(/_static/crezone/img/sub/hoo_icon2.png) center center no-repeat;
}
.cho_box ul li:nth-child(5) div:before{
  background: url(/_static/crezone/img/sub/hoo_icon3.png) center center no-repeat;
}
.cho_box ul li:nth-child(7) div:before{
  background: url(/_static/crezone/img/sub/hoo_icon4.png) center center no-repeat;
}
.cho_box ul li strong{display: block;text-align: center;font-size: 14px;position: relative; padding: 6px 0 3px;}
.cho_box ul li strong:before{
  content: ""; position: absolute; display: block; width: 64px; height: 1px;
  background-color: #111111;
  left: 50%; top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.cho_box ul li p{text-align: center;font-weight: 300;}

.cho_mid{margin-top: 40px;}
.cho_txt{text-align: center;}
.cho_txt em{margin-bottom: 14px; font-size: 22px; font-weight: 500; color: #161616; display: block;}
.cho_txt p{font-size: 15px; font-weight: 300; color: #777; line-height: 1.5;}

.cho_tab{margin-top: 30px;}
.cho_tab ul{display: flex; }
.cho_tab ul li{width: 50%;}
.cho_tab ul li:last-child{margin-left: 5px;}
.cho_tab ul li a{border: 1px solid #f25574; color: #f25574; display: block; text-align: center;     padding: 6px 5px; font-size: 18px;}
.cho_tab ul li.on a{border: 1px solid #f25574; color: #ffffff; background-color: #f25574;}
.cho_tab ul li a span{position: relative; display: inline-block; padding-left: 25px;}
.cho_tab ul li.on a span:before{
  background-image: url(/_static/crezone/img/sub/cho_on1.png);
}
.cho_tab ul li a span:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(calc( -50%));
    -webkit-transform: translateY(calc( -50% ));
    width: 17px;
    height: 16px;
    background: url(/_static/crezone/img/sub/cho_off1.png);
}
.cho_tab ul li:last-child a span:before{width: 16px;}
.cho_tab ul li:last-child a span:before{
  width: 16px;
  background: url(/_static/crezone/img/sub/cho_off2.png);
}
.cho_tab ul li.on:last-child a span:before{
  background: url(/_static/crezone/img/sub/cho_on2.png);
}

.cho_doc{display: flex; margin-top: 12px; justify-content: space-between;}
.cho_doc dl dt{display: inline-block;}
.cho_doc dl dd{display: inline-block;}
.cho_doc p{width: 92px; height: 32px; line-height: 30px; color: #fff; background-color: #f25574; font-weight: 300; border-radius: 50px; text-align: center;}
.cho_doc p.type1{}
.cho_doc p.type2{}
.cho_doc dl{width: 123px; height: 32px; line-height: 30px; color: #777; font-size: 14px; background-color: #f0f0f0;  border-radius: 50px; text-align: center;}
.cho_doc dl dt{position: relative; padding-right: 7px;}
.cho_doc dl dt:before{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #d5d5d5;
}
.cho_doc dl dd{padding-left: 3px;}


.cho_cont > div{display: none; margin-top: 20px; border: 1px solid #dddddd; background-color: #f9f9f9; border-radius: 15px; padding: 28px;}
.cho_cont > div.on{display: block;}
.cho_slide .slick-prev {
  background: url(/_static/crezone/img/sub/cho_left.png)no-repeat;
  width: 49px;
  height: 49px;
  left: -93px;
  z-index: 1;
}
.cho_slide .slick-next {
  background: url(/_static/crezone/img/sub/cho_right.png)no-repeat;
  width: 49px;
  height: 49px;
  right: -93px;
  z-index: 1;
}
.cho_slide .slick-slide img{margin: 0 auto;}
.cho_size{
  width: 100%;
  position: relative;
  padding-top: 50.185%;
  display: block;
}
.cho_size img{
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 408px;
  margin: 0 auto;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}


.cho_tip{margin-top: 47px;}
.cho_tip ul{display: flex;justify-content: space-evenly;width: 100%;}
.cho_tip ul li{text-align: center;background: #f9f9f9;width: 390px;border-width: 1px 0 1px 0;border-style: solid;border-color: #dddddd;}
.cho_tip ul li:first-child{width: 100%;background-color: #6c6c6c;min-width: 94px;max-width: 94px;border: 1px solid #6c6c6c;}
.cho_tip ul li:last-child{border-right: 1px solid #dddddd; position: relative;}
.cho_tip ul li:last-child:before{
  content: "";
  display: block;
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1px; height: 15px;
  background-color: #1b1464;
}
.cho_tip ul li > span{color: #fff;  padding: 10px 2px 10px 23px; display: inline-block; font-size: 13px; position: relative ;}
.cho_tip ul li > span:before{
  content: "";
  display: block;
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 15px; height: 12px;
  background-image: url("/_static/crezone/img/sub/cho_tip01.png");
}
.cho_tip ul li a{display: block; color: #393939; font-weight: 500; padding: 8px 2px; }
.cho_tip ul li a > span{display: inline-block; position: relative; padding-left: 25px; }
.cho_tip ul li:nth-child(3) a > span{padding-left: 20px;}
.cho_tip ul li:nth-child(2) a > span:before{
  content: "";
  display: block;
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 18px; height: 14px;
  background-image: url(/_static/crezone/img/sub/cho_tip02.png);
}
.cho_tip ul li:nth-child(3) a > span:before{
  content: "";
  display: block;
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(calc( -50% - 0.5px));
  -webkit-transform: translateY(calc( -50% - 0.5px));
  width: 14px; height: 15px;
  background-image: url(/_static/crezone/img/sub/cho_tip03.png);
}

.cho_area{margin-top: 40px;}
.cho_area ~ .feelings_wrap{margin-top: 40px;}
.cho_area .card_slide .st_list{padding: 0; border: 0;}
.cho_area .card_slide .slick-dots li.slick-active button:before{
  border: 1px solid #f25574;
  background-color: #f25574;  
}
.st_box.typeC .st_btm dl:first-child dt{padding-right: 2px; margin-right: 2px;}
.st_box.typeC .st_btm dl:first-child dt:before{display: none;}
.st_box.typeC .st_btm dl dt em{color: #fff;background-color: #59cf95;border: 1px solid #59cf95;font-size: 13px;width: 22px;display: block;height: 22px;text-align: center;line-height: 20px;/* padding: 2px 4.1px; */}
.st_box.typeC .st_btm dl dt em.rating2{background-color: #7c9afa;border: 1px solid #7c9afa;}
.st_box.typeC .st_btm dl dt em.rating3{background-color: #59cf95;border: 1px solid #59cf95;}
.st_box.typeC .st_btm dl dd em{color: #f25574;border: 1px solid #f25574;font-size: 13px;display: block;padding: 1.6px 6px;}
.st_box.typeC .st_btm dl dd em.words2{color: #000;border: 1px solid #000;}

.view_file.cho_file .file_cont{padding: 10px;}
.view_file.cho_file .file_cont .bg_file{border-top: 1px solid #d7d7d7; padding-top: 10px; margin-top: 10px;}
.view_file.cho_file .file_cont .bg_file:first-child{margin-top: 0;}
.view_file.cho_file .file_cont .bg_file:last-child{border-bottom: 1px solid #d7d7d7; padding-bottom: 10px;}
.view_file.cho_file .file_cont .bg_file p{  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
  font-size: 15px;
}
.view_file.cho_file .file_cont .bg_file > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.view_file.cho_file .file_cont .bg_file .lef_area{
  position: static; 
  transform: initial;
  -webkit-transform: initial;
}

/* 소통게시판 */
.sotong_list{display: flex;}
.sotong_list div:last-child{margin-left: 30px;}
.sotong_list div .board_list{border-top: 0 ;}
.sotong_tit{border-bottom: 2px solid #2c2c2c;padding-left: 0;}
.sotong_tit p{display: inline-block;border: 2px solid #2c2c2c;background: #fff;width: 213px;text-align: center;padding: 9px 0; border-radius: 10px 10px 0 0;border-bottom: 2px solid #fff;position: relative;bottom: -2px;}
.sotong_tit p span{position: relative; padding-left: 28px; display: inline-block; color: #111; font-weight: 500;}
.sotong_tit p span:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(calc(-50% - 0.5px));
  -webkit-transform: translateY(calc(-50% - 0.5px));
  width: 18px;
  height: 17px;
  background: url(/_static/crezone/img/sub/sotong_01.png);
}
.sotong_list div:last-child .sotong_tit p span:before{background: url(/_static/crezone/img/sub/sotong_02.png)}
.sotong_list .board_list tbody tr{border-bottom: 1px dashed #dedede;}

/* 나의 커뮤니티 */
.cmun{display: flex; padding: 15px 0;}
.cmun > div{display: flex;  align-items: center;}
.cmun > div:last-child{margin-left: 60px;}
.cmun > div span:last-child{margin-left: 10px;}

/* 체험활동자원 상세 1_2_0_0 */
.joo_info{margin-top: 30px;}
.joo_info > ul{display: flex; flex-wrap: wrap;}
.joo_info > ul li{ width: 23%; margin-right: 2.66%; margin-top: 25px;}
.joo_info > ul li:nth-child(4n){margin-right: 0;}
/* .joo_info > ul li:nth-child(-n+4){margin-top: 0;} */
.joo_info .st_box{    padding: 15px 7px; }
.joo_info .st_box p {   overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
  font-size: 1em;
  font-weight: 500;
  text-align: center;
}

.joo_info > ul li > a{
  width: 100%;
  position: relative;
  padding-top: 66.522%;
  display: block;
}
.joo_info > ul li > a img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 크레존이야기_소개 */
.ssogae_wrap{
  background: #f2fbff url("/_static/crezone/img/sub/ssogae_one.png")no-repeat;
  padding-bottom: 0;
  background-size: contain;
}
.ssogae_area{padding: 110px 5.5% 6.7% 5.5%;z-index: -1;}
.ssogae_area em {
  width: 125px;
  height: 35px;
  background-color: #fbbf2f;
  background-color: #f25574;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  display: block;
  line-height: 35px;
  text-align: center;
}
.ssogae_t1{
    padding-right: 56%;
    margin-top: 20px;
}
.ssogae_t1 p{color: #222222;font-size: 35px;font-weight: 300;word-break: keep-all;}
.ssogae_t1 p strong{color: #2767ad; font-weight: 500; display: inline-block;}
.ssogae_t2{margin-top: 11.75%;padding-right: 9.8%;}
.ssogae_t2 span{display: inline-block;color: #2f2f2f;line-height: 1.6;font-size: 20px; font-weight: 300;}

/* 크레존이야기_목적 */
.ssogae_wrap2{
  background: #f2fbff url("/_static/crezone/img/sub/ssogae_two.png")no-repeat;
  padding-bottom: 0;
  background-size: contain;
}
.ssogae_area2{padding: 11% 4% 6.7% 5.5%;/* background-color: #f2fbff; */z-index: -1;padding-top: 110px;}
.ssogae_area2 em{width: 125px;height: 35px;background-color: #f7946d; background-color: #f25574;color: #fff;font-size: 17px;font-weight: 600;display: block;line-height: 35px;text-align: center;}
.ssogae_box{padding-left: 58%;/* padding-left: 5.8%; */}
.ssogae_t3{
    padding-right: 0;
    margin-top: 20px;
}
.ssogae_t3 p{color: #222222;font-size: 35px;font-weight: 300;/* word-break: keep-all; */}
.ssogae_t3 p strong{color: #2767ad; font-weight: 500; display: inline-block;}
.ssogae_t4{margin-top: 11.75%;padding-right: 9.3%;/* margin-top: 98px; */}
.ssogae_t4 span{display: inline-block;color: #2f2f2f;line-height: 1.6;font-size: 20px;font-weight: 300;word-break: keep-all;}

/* 크레존이야기_텍스트 */
.ssogae_tit{text-align: center; margin-bottom: 30px;}
.ssogae_tit p{font-size: 30px; font-weight: 400; display: inline-block;}
.ssogae_tit strong{ font-weight: 500; color:#305184;}



/* 크레존이야기_콘텐츠 */
.ssogae_btn{display: flex; justify-content: center; }
.ssogae_btn a:first-child{margin-left: 0;}
.ssogae_btn a{margin-left: 25px;     display: block;
  text-align: center;}
.ssogae_btn a img{display: block;}
.ssogae_btn a img.de_on{display: none;}
.ssogae_btn a.on img.de_on{display: block;}
.ssogae_btn a.on img.de_off{display: none;}


.ssogae_btn a span{display: inline-block; position: relative;  margin-top: 10px;}
.ssogae_btn a.on span{
  text-decoration: underline #353535;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
}

.ssogae_list{display: table; table-layout: fixed; width: 100%; 
  border: 1px solid #dedede; border-radius: 20px;
  box-shadow: 0 2px 10px 0 #ddd; padding: 3.5%; margin-top: 40px;
}
.ssogae_list > div{display: table-cell; vertical-align: top;}
.ssogae_list > div:last-child{padding-left: 3%; padding-top: 20px; width: 49%;}
.ssogae_list > div img{border-radius: 20px;}
.ssogae_list > div strong{font-size: 24px;
  font-weight: 600;
  word-break: keep-all;
  display: block;
  padding-right: 30px;}
.ssogae_list ul{margin-top: 25px;}
.ssogae_list ul li{
  position: relative;
  padding-left: 12px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #dedede;
}
.ssogae_list ul li:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.ssogae_list ul li:before{
  content: '';
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background: #d7d7d7;
}

.ssogae_btn2{display: flex; justify-content: center; margin-top: 40px;}
.ssogae_btn2 a:first-child{margin-left: 0;}
.ssogae_btn2 a{margin-left: 10px; width: 160px; height: 40px; line-height: 38px;
  border: 1px solid #dedede; color: #111; display: block; text-align: center;
  border-radius: 50px;
}
.ssogae_btn2 a:hover,.ssogae_btn2 a:focus{
  border-color: #353535; background-color: #353535; color: #fff;
}
.ssogae_btn2 a span{display: block; position: relative; text-align: center; margin-top: 10px;}


/* 크레존이야기_연혁 */
.year_top{background-color: #f2f2f2;border-radius: 15px;text-align: center;padding: 47px 25px; margin-bottom: 49px;}
.year_top p{max-width: 850px;color: #232323;font-size: 1.375em;font-family: ariburi;/* text-align: left; */margin: 21px auto 0;letter-spacing: -0.03em;word-break: keep-all;line-height: 1.5;}
.year_wrap{position: relative;}
.year_wrap:after{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  border: 4px solid #b3b3b3;
  border-radius: 15px;
  width: 7px;
  height: 7px;
  background: #ffffff;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.year_btm{position: relative; overflow: hidden;}
.year_btm:before{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  border: 4px solid #b3b3b3;
  border-radius: 15px;
  width: 7px;
  height: 7px;
  background: #ffffff;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.year_btm:after{
  content: '';
  display: block;
  background-color: #dddddd;
  position: absolute;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  top: 0;
  width: 1px;
}
.year_btm > div{
    float: left;
    width: 40%; position: relative;
    min-height: 90px;
}
.year_btm > div:first-child{margin-top: 74px; }
.year_btm > div:last-child{margin-bottom: 30px;}
.year_btm > div:nth-child(odd):after{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 11px;
  right: -7px;
  border: 4px solid #b3b3b3;
  border-radius: 15px;
  width: 7px;
  height: 7px;
  background: #ffffff;
}
.year_btm > div:nth-child(odd){
  margin-left: 10%;
}
.year_btm > div:nth-child(even){
    margin-left: 50%;
}
.year_btm > div:nth-child(even):after{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 11px;
  left: -7px;
  border: 4px solid #b3b3b3;
  border-radius: 15px;
  width: 7px;
  height: 7px;
  background: #ffffff;
}
.year_btm > div:nth-child(even) strong{text-align: right;}
.year_btm > div strong{
    font-weight: 600;
    color: #353535;
    font-size: 30px;
    line-height: 1;
    display: block;
    margin-bottom: 18px;
}
.year_btm > div strong:before{
  content: '';
  display: block;
  background: #b3b3b3;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 16px;
  left: 92px;
  z-index: 1;
}
.year_btm > div strong:after{
  content:'';
  display: block;
  position: absolute;
  top: 18px;
  right: 0;
  width: calc(100% - 92px);
  height: 1px;
  background-color: #dedede;
}

.year_btm > div:nth-child(even) strong:before{
  left:auto;
  right: 92px;
}
.year_btm > div:nth-child(even) strong:after{
  right: auto;
  left: 0;
}
.year_btm > div dl{
    position: relative;
    margin-top: 9px;
    overflow: hidden;
}
.year_btm > div:nth-child(even) dl{float: right;}
.year_btm > div p{
    color: #747474;
    font-size: 1.063em;
    padding-left: 10px;
    text-align: left;
    float: left;
    padding-right: 10px;
}
.year_btm > div:nth-child(even) p{float: right;  padding-right: 10px;}

/* 크레존이야기_서비스 */
.list_vision{display: flex;/* table-layout: fixed; */width: 100%;margin-top: 40px;overflow: hidden;align-items: center;flex: 1;}
 .list_vision.long .top .tit{min-height: 840px; border-radius: 0;}
 .list_vision.long .top .tit:before { content: ""; position: absolute; top: -64px; left: 0; background: #afc3fa; border-radius: 50%; width: 128px; height: 128px; }
 .list_vision.long .top .tit:after { content: ""; position: absolute; bottom: -64px; left: 0; background: #afc3fa; border-radius: 50%; width: 128px; height: 128px; }
 .list_vision .top .tit > span{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%;}
 .list_vision:first-child{margin-top: 0;}
 .list_vision .top{/* display: table-cell; */width: 215px;vertical-align: middle;position: relative;}
 .list_vision .top:after{ 
    content: '';
    position: absolute;
    height: 19px;
    top: 50%;
    width: 100px;
    display: block;
    background-image: url("/_static/crezone/img/sub/ssogae_line01.jpg");
    background-repeat: no-repeat;
    right: -10px;
    z-index: 9;
    border-radius: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.list_vision:nth-child(2) .top:after{background-image: url("/_static/crezone/img/sub/ssogae_line02.jpg");}
.list_vision:nth-child(3) .top:after{background-image: url("/_static/crezone/img/sub/ssogae_line03.jpg");}
.list_vision:nth-child(4) .top:after{background-image: url("/_static/crezone/img/sub/ssogae_line04.jpg");}
.list_vision:nth-child(5) .top:after{background-image: url("/_static/crezone/img/sub/ssogae_line05.jpg");}
 
 .list_vision .top .tit {width: 133px;height: 133px;border-radius: 50%;background: #e6f5fa;position: relative;text-align: center;font-weight: 600;font-size: 20px;color: #353535;}
 .list_vision:nth-child(2) .top .tit{background-color: #dff7f4;}
 .list_vision:nth-child(3) .top .tit{background-color: #e5ecfc;}
 .list_vision:nth-child(4) .top .tit{background-color: #eae8f3;}
 .list_vision:nth-child(5) .top .tit{background-color: #fdebeb;}

 .list_vision.long .top:after{display: none;}
 .list_vision:nth-child(3) .btm{padding-top: 32px; padding-bottom: 32px;}
 .list_vision .btm{border: 1px solid #dddddd;position: relative;border-radius: 100px;flex: 1;padding: 39.5px 40px 39.5px 8.1%; overflow: hidden;}
 .list_vision .btm .cont{font-weight: 500;font-size: 17px;color: #353535;line-height: 1;padding-left: 12px;position: relative;margin-top: 18px;}
 .list_vision .btm .cont:first-child{margin-top: 0;}
 .list_vision .btm .cont:before{
  content: '';
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #666666;
}
 .list_vision .btm p{ color: #171717; margin-top: 6px; }

 .sso_img{position: absolute; bottom: 0; right: 0; z-index: -1;}
 .list_vision:nth-child(3) .sso_img{bottom: 5px;right: -5px;}
 .list_vision:nth-child(4) .sso_img{bottom: -20px; right: 20px;}
 .list_vision:nth-child(5) .sso_img{bottom: 5px;}
 
/* 크레커 이용안내 */
.cracker_wrap{
  background-image: url(/_static/crezone/img/sub/cracker_bg.png);
  height: 604px;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 5.8% 0.6% 10px;
  margin-top: 10px;
}
.cracker_wrap .card_slide{
  
}
.cracker_wrap .card_con > div{padding-top: 54.758%;}
.cracker_wrap .card_con img{max-width: 988px;}
.cracker_wrap .slick-list{
  /* position: absolute; */
  width: 100%;
  /* height: 541px; */
  max-width: 988px;
}
.cracker_wrap .card_slide .slick-dots li.slick-active button:before{
  background-color: #fff; border-color: #f35d7b;
}
.cracker_wrap .card_slide .slick-dots li button:before{background-color: #c8c8c8;}
.cracker_wrap .card_slide .slick-prev {
  background: rgba(0,0,0,0.3 ) url(/_static/crezone/img/sub/cracker_left.png)no-repeat center;
  width: 90px;
  height: 124px;
  left: 0;
  z-index: 1;
}
.cracker_wrap .card_slide .slick-next {
  background: rgba(0,0,0,0.3 ) url(/_static/crezone/img/sub/cracker_right.png)no-repeat center;
  width: 90px;
  height: 124px;
  right: 0;
  z-index: 1;
}

/* 이용안내_브라우저 최적화 */
.site_up{display: flex;}
.site_up > div {margin-left: 20px;width: 16.66%;}
.site_up > div:first-child{margin-left: 0;}
.site_up > div.on a:before{
  content: '';
  display: block;
  border: 2px solid #f25574;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.site_up > div a{background-color: #f7f7f7;border-radius: 50%;display: block;padding: 18% 0; position: relative;}
.site_up > div a img {display: block;margin: 0 auto;width: 44%;}
.site_up span{display: block;text-align: center;margin-top: 9px;}

.site_down{margin-top: 50px;}
.site_down > div{display: none;}
.site_down > div.on{display: block;}
.site_down a{display: block; position: relative; text-align: center;}
.site_down a strong{position: absolute;
  display: inline-block; width: 266px; height: 47px; font-size: 20px;
  background-color: #111111; border: 1px solid #171718; color: #fff;
  left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    border-radius: 40px;
    line-height: 43px;
    opacity: 0.8;
}
.case_list p em{margin-bottom: 0;}
.case_list em{display: inline-block; color: #393939; margin-bottom: 15px;}
.case_list em img{vertical-align: baseline;}
.case_list strong{display: block; color: #777777; line-height: 1.4; font-weight: 400;}

/* 이용안내_이메일 수집거부 */
.email_wrap{
  background: #fbfaf3 url(/_static/crezone/img/sub/email_bg.jpg)no-repeat;
  padding-bottom: 0;
  background-size: contain;
}

.email_wrap .ssogae_area em{background-color: #2b83bb;width: 190px;}
.email_wrap .ssogae_area{    padding: 11% 5.5% 12.4%;}
.email_wrap .ssogae_t1{padding-right: 60%;}
.email_wrap .ssogae_t1 p{font-size: 25px;color: #222222;}
.email_wrap .ssogae_t1 p span{color: #2b83bb;font-weight: 500;}


.email_wrap .ssogae_t2{margin-top: 4.1%;}
.email_wrap .ssogae_t2 strong{display: inline-block;padding-top: 15px;position: relative;color: #222222;font-weight: 300;}
.email_wrap .ssogae_t2 strong:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #d5d5d5;
  position: absolute;
  top: 0;
  left: 0;
}

/* 이용안내_뷰어 */
.viewer:first-child{margin-top: 0;}
.viewer{display: table; table-layout: fixed; width: 100%; border: 1px solid #dcdcdc;  border-radius: 0 0 0 50px; margin-top: 20px;} 
.viewer > div{display: table-cell; padding: 20px 0; position: relative; vertical-align: top;}
.viewer > div:first-child{width: 160px; text-align: center; border-right: 1px solid #dcdcdc;}
.viewer > div:first-child:before{
  content: ""; display: block; width: 18px; height: 29px;
  position: absolute; right: -18px; top: 50%;
  transform: translateY(calc(-50% - 0.5px));
  -webkit-transform: translateY(calc(-50% - 0.5px));
  background-image: url(/_static/crezone/img/sub/viewer_tail.png);
  z-index: 1;
}
.viewer > div:last-child{background-color: #f9f9fb; padding-left: 6.4%;      padding-right: 14%;
  word-break: keep-all;}
.viewer > div a{display: block;}
.viewer > div span{display: block; margin-top: 9px;}
.viewer > div dt{font-size: 18px; color: #393939; font-weight: 500; margin-bottom: 16px;}
.viewer > div dd{font-size: 14px; color: #393939;}

/* 이용안내_연구회 공개 자료방 */
.yeongu_wrap{display: flex;     align-items: center;justify-content: space-between;}
/* .yeongu_btn{float: right;} */
.yeongu_btn a{color: #ffffff; font-size: 15px; width: 210px; height: 35px; line-height: 33px;
  background: #111111; border-radius: 50px; display: block; text-align: center;
} 

/* 마이크로_소개A */
.intro_con { background: #effbff; padding:230px 0 75px 150px; position: relative; overflow: hidden; height:880px;}
.intro_con .img {position: absolute; right:0; top:0; z-index:0;}
.intro_con .img img {width:100%;}
.intro_con .txt {position: absolute; z-index:1;}
.intro_con h5 {background: #fbbf2f; color:#fff; font-size:17px; padding:5px 10px; margin-bottom:30px; display: inline-block;}
.intro_con .sTit {font-size:34px; color:#222; margin-bottom:90px;}
.intro_con .sTit span {font-weight: bold; color:#2767ad;}
.intro_con p {word-break: keep-all;}

/* 마이크로_행사안내A */
.event_list {border-top:2px solid #393939; border-bottom:2px solid #393939; padding:5px 0; display: flex; margin-bottom: 30px;}
.event_list .left {}
.event_list .left .img {border-radius: 20px; overflow: hidden; border:1px solid #ddd; margin:20px; background: #fff; text-align: center;}
.event_list .right {width:calc(100% - 540px); margin-left:20px;}
.event_list .right li { padding:20px; border-bottom:1px solid #ddd; }
.event_list .right li:last-child {border-bottom:0;}
.event_list .right li a {overflow: hidden;}
.event_list .right li a .day {width:60px; height:60px; background:#f25574; color:#fff; font-size:30px; font-weight: 500; text-align: center; line-height: 55px; border-radius: 50%; margin-right:30px;  float:left; }
.event_list .right li a .day.violet{background-color: #aa3ed5;}
.event_list .right li a .day.sky{background-color: #2c84bb;}
.event_list .right li a dt {font-size:18px; font-weight: 500; coloR:#353535; padding-bottom:10px;  text-overflow: ellipsis; white-space: nowrap; 
    overflow: hidden;
    word-break: keep-all;}
.event_list .right li a dt span { }
.event_list .right li a dd {color:#888; font-size:14px; line-height: 180%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;}
.event_list .right li a dd.date {background: url('/_static/crezone/img/sub/icon-01.png') left center no-repeat; padding-left:25px;}
.event_list .right li a dd.pin {background: url('/_static/crezone/img/sub/icon-02.png') left center no-repeat;padding-left:25px;}


@media all and (max-width:1350px){
/* 체험가이드 추천 프로그램 */
.cho_slide .slick-prev{left: 0;}
.cho_slide .slick-next{right: 0;}
}

@media all and (max-width:1200px){
  /* 현장체험학습 모델(svg - path) */
  .hyun_tab{margin-bottom: 25px;}

  .hyun_area{padding: 30px 4.6%;}
  .hyun_area2{padding: 30px 4.6%;}
  .hyun_r{padding-left: 5.2%;}

  /* my크레존 - 즐겨찾기 */
  .book_mid{width: 38px;}
  .book_btm{width: 39%;}
}

@media all and (max-width:1024px){
  /* 마이크로_행사안내A */
  .event_list {display: block;}
  .event_list  .right {width:100%;}

  /*체험활동이란*/
  .active_top > div .tit span{font-size: 1.250em;}
  .active_top > div .info{padding: 11px 14px;}

  /* 마이크로_소개A */
  .intro_con {padding:230px 40px 75px 40px; height:780px;}
  .intro_con .img img {width:70%; float: right;}
  .intro_con .sTit {font-size:30px; margin-bottom:60px;}
}

@media all and (max-width:860px){
  /* 나의 관심 콘텐츠 */
  .taste_wrap.no_wrap li{width: 33.33%; margin-top: 30px;}
  .taste_wrap.no_wrap li:nth-child(-n+3){margin-top: 0;}


  /* 마이크로_행사안내A */
  .event_list .left .img {margin:20px 0;}
  .event_list .right {margin-left:0;}
  .event_list .right li {padding:20px 0;}

  /* 마이크로_소개A */
  .intro_con {padding:230px 30px 75px 30px; height:700px;}
  .intro_con .img img {width:70%; float: right;}
  .intro_con .sTit {font-size:24px; margin-bottom:60px;}

  /* 이용안내_브라우저 최적화 */
  .site_up > div a{padding: 15% 0;}

  /* 크레존이야기_텍스트 */
  .ssogae_tit p{font-size: 22px; }
  .ssogae_tit p img{width: 16px;}

  /* 크레존이야기_소개 */
  .ssogae_wrap{
    background: #f2fbff url("/_static/crezone/img/sub/ssogae_one.png")no-repeat right 0 top 120px;
    background-size: 540px;
  }
  .ssogae_area{padding: 5%;}
  .ssogae_area em{width: 115px; height: 30px; line-height: 30px; font-size: 16px; font-weight: 500;}
  .ssogae_t1{padding-right: 0;}
  .ssogae_t1 p{font-size: 26px;}
  .ssogae_t2{
    margin-top: 7.75%;
    padding-right: 290px;
  }
  .ssogae_t2 span{font-size: 18px;}
  .ssogae_t2 span br{display: none;}

  /* 크레존이야기_목적 */
  .ssogae_wrap2{
    background: #f2fbff url("/_static/crezone/img/sub/ssogae_two.png")no-repeat left 0 top 20px;
    background-size: 500px;
  }
  .ssogae_box{padding-left: 250px;}
  .ssogae_area2{padding: 5%;}
  .ssogae_area2 em{width: 115px; height: 30px; line-height: 30px; font-size: 16px; font-weight: 500;}
  .ssogae_t3 p{font-size: 26px;}
  .ssogae_t3 p br{display: none;}
  .ssogae_t4{
    margin-top: 9.75%;
    padding-right: 0;
  }
  .ssogae_t4 span{font-size: 18px;}

  /* 현장체험학습 모델(svg - path) */
  .hyun_area > div{display: block;}
  .hyun_l{margin: 0 auto;}
  .hyun_r{padding-left: 0; margin-top: 15px;}

  /* 이달의 추천 큐레이션 */
  .edal_box{padding: 20px;}
  .edal_box em{font-size: 24px; margin-bottom: 14px;}

  .edal_area{padding: 20px 25px;}
  .edal_area > div strong{font-size: 16px;}
  .edal_area > div ul li a{font-size: 14px;}
  .edal_link a{font-size: 14px;}
  .edal_cont > div{width: 48%;}
  .edal_cont > div:last-child{margin-left: 4%;}

  /* my크레존 - 즐겨찾기 */
  .book_top{width: 56%; padding: 2.5%;}
  /* .book_mid{width: 38px;} */
  .book_btm{padding: 2.5%;}

  /* MY크레존 - 마이페이지 */
  .taste_wrap > div{display: block;}
  .taste_wrap > div:first-child{padding-right: 0;}
  .taste_wrap > div:last-child{padding-left: 0;}
  .taste_wrap > div + div{margin-top: 20px;}

   /*체험활동이란*/
   .active_top{margin-bottom: 30px;}
   .active_top > div .tit span{font-size: 1.125em; height: 50px; line-height: 50px;}
   .active_top > div .tit span:before{
    background-size: 100%; width: 11px; height: 10px; left: -16px;}
   .active_top > div .tit span:after{
    background-size: 100%; width: 11px; height: 10px; right: -16px;}

    .active_btm{padding: 20px; margin-top: 30px;}
    .active_btm > div dl dt{font-size: 1em;}
    .active_btm > div dl dd{padding: 5px 10px;}

    /* 현장체험학습 소개 // 크레존이야기 - 참여(전체) */
    .act_box > div{display: block; }
    .act_box > div + div{margin-top: 25px;}
    .act_box > div p{margin-bottom: 10px;}
    
    .join_btn.type2 > a{width: 49%; margin-right: 0; margin-top: 8px;}
    .join_btn.type2 > a:nth-child(-n+2){margin-top: 0;}
    .join_btn.type2 > a:nth-child(odd){margin-right: 2%;}

    /* 연구회 공개 자료방 */
    .rec_box{display: block;}
    .re_chart .slt_cont.skin2 .sch_slt{padding: 0 26px 0 10px;}
    .rec_r{margin-top: 8px;}
    .rec_r > div {flex-wrap: wrap;}
    .rec_r > div > div + div{margin-left: 0;}
    .rec_r > div > div + div{
      margin-right: 7px; 
      margin-bottom: 7px;}
    .rec_r > div > div:first-child{margin-right: 7px;}
    .rec_box .rec_all{height: 32px;}


    /* 체험가이드 추천 프로그램 */
    .ocean_btm{margin-top: 35px;}
    .ocean_btm p{font-size: 16px;}
    .cho_box ul:before{top: 53px;}
    .cho_box ul li div{width: 125px; height: 125px;}
    .cho_box ul li strong{ font-size: 13px;} 
    .cho_box ul li p{ font-size: 14px;} 
    .cho_box ul li.hoo_next{top: 46px;}
    .cho_box ul li div:before{
      height: 53px;
      width: 30px;
      background-size: 30px !important;
      margin: 0 auto;
    }
    .cho_box ul li:nth-child(1) div:before{background-size: 20px !important;}

    /* 소통게시판 */
    .sotong_list{display: block;}
    .sotong_list div:last-child{margin-left: 0; margin-top: 25px;}
    .sotong_tit p{width: 165px; padding: 6px 0;}
    .sotong_tit p span{font-size: 15px; font-weight: 400; padding-left: 18px;}
    .sotong_tit p span:before{width: 14px; height: 13px; background-size: 14px;}
    .sotong_list div:last-child .sotong_tit p span:before{background-size: 14px;}
}


@media all and (max-width:767px){
  
}
@media all and (max-width:640px){
   /* 현장체험학습 소개 // 크레존이야기 - 참여(전체) */
   .act_box > div p{margin-bottom: 8px; font-size: 15px;}
   .act_box > div div a{font-size: 13px; padding: 8px 0;}
   .act_box > div div a + a{margin-left: 2px;}
   .act_box > div > div > div{display: flex;}
   .join_btn > a{flex: auto !important; width: 100%; margin-right: 0; margin-top: 8px; padding: 5px 10px; font-size: 15px;}
   /* .join_btn > a:nth-child(-n+2){width: 100%; margin-top: 0;} */
   /* .join_btn > a:nth-child(2){margin-left: 2%;} */
 
    .join_btn.type2 > a{width: 100%; margin-left: 0; margin-top: 8px;}
     .join_btn.type2 > a:nth-child(-n+2){margin-top: 8px;}
     .join_btn.type2 > a:nth-child(1){margin-top: 0;}
     .join_btn.type2 > a:nth-child(2n){margin-left: 0;}
     .join_btn.type2 > a:nth-child(odd){margin-right: 0;}
  
}

@media all and (max-width:580px){
  /* 나의 관심 콘텐츠 */
  .taste_wrap.no_wrap li{width: 50%; margin-top: 25px;}
  .taste_wrap.no_wrap li:nth-child(-n+3){margin-top: 25px;}
  .taste_wrap.no_wrap li:nth-child(-n+2){margin-top: 0;}
  .taste_wrap.no_wrap .t_cont.t_cont2  li > a{min-height: initial;}
  .taste_wrap.no_wrap li > div.file_doc{font-size: 13px;     max-width: 100px; margin: 6px auto 0;}
  .taste_wrap.no_wrap .t_cont.t_cont2 li a:before{    height: 33px; width: 45px;}

  .taste_wrap.no_wrap .tbl_ipt input[type=checkbox] + label:before{width: 13px; height: 13px;}
  .taste_wrap.no_wrap .tbl_ipt input[type=checkbox] + label{padding-left: 16px;}
  .taste_wrap.no_wrap .tbl_ipt input[type=checkbox]:checked + label:before{background-size: 9px;}

  .taste_wrap.no_wrap .brd_input{height: 28px;}

  .interest_btn > a{width: 100%;     height: 28px;
    line-height: 26px;
    font-size: 14px;}
  .interest_btn > a + a{margin-left: 0; margin-top: 8px;}
  .interest_btn > a:last-child{width: 100%;}

  /* 이용안내_연구회 공개 자료방 */
  .yeongu_wrap{display: block;}
  .yeongu_btn a{width: 100%; height: 30px; line-height: 28px; font-size: 14px;}

  /* 이용안내_뷰어 */
  .viewer{border-radius: initial; margin-top: 15px;}
  .viewer > div{display: block; padding: 10px 0;}
  .viewer > div:first-child{width: auto; border-right: 0;}
  .viewer > div:first-child:before{display: none;}
  .viewer > div:last-child{
    padding-left: 10px;
    padding-right: 10px;
  }
  .viewer > div a > img{width: 28px; background-size: 28px;}
  .viewer > div span{margin-top: 6px;}
  .viewer > div a span img {width: 13px; background-size: 13px;}
  .viewer > div dt{font-size: 16px; margin-bottom: 12px;}
  .viewer > div dd{font-size: 13px;}

  /* 이용안내_이메일 수집거부 */
  .email_wrap{
    background: #fbfaf3 url(/_static/crezone/img/sub/email_bg.jpg)no-repeat bottom 0 right 0;
    padding-bottom: 0;
    background-size: 80%;
  }

  .email_wrap .ssogae_area em{width: 160px;}
  .email_wrap .ssogae_area{padding: 4%;}
  .email_wrap .ssogae_t1{padding-right: 45%;}
  .email_wrap .ssogae_t1 p{color: #222222;font-size: 16px;}
  .email_wrap .ssogae_t1 p span{font-weight: 400;}


  .email_wrap .ssogae_t2{/* margin-top: 4.1%; */}
  .email_wrap .ssogae_t2 strong{/* display: inline-block; */padding-top: 10px;/* position: relative; *//* color: #222222; *//* font-weight: 300; */font-size: 15px;}
  .email_wrap .ssogae_t2 strong:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #d5d5d5;
    position: absolute;
    top: 0;
    left: 0;
  }

  /* 이용안내_브라우저 최적화 */
  .site_up{    flex-wrap: wrap;justify-content: center;}
  .site_up > div{width: 27.6%; margin-top: 10px;}
  .site_up > div:nth-child(-n+3){margin-top: 0;}
  .site_up > div:nth-child(4n){margin-left: 0;}
  .site_up > div a{padding: 18% 0;}
  .site_up span{font-size: 15px; margin-top: 6px;}

  .site_down{margin-top: 25px;}
  .site_down a strong{font-size: 16px; width: 180px; height: 37px; line-height: 33px;}

  /* 크레커 이용안내 */
  .cracker_wrap .card_slide .slick-prev {
    width: 35px;
    height: 52px;
    background-size: 16px;
  }
  .cracker_wrap .card_slide .slick-next {
    width: 35px;
    height: 52px;
    background-size: 16px;
  }

  /* 크레존이야기_콘텐츠 */
  .ssogae_btn a{margin-left: 15px;}
  .ssogae_btn a img{width: 74px;}
  .ssogae_btn a span{font-size: 14px;}
  .ssogae_btn a.on span{text-underline-offset:4px; text-decoration-thickness:1px;}

  .ssogae_list{margin-top: 25px; padding: 15px;}
  .ssogae_list > div{display: block;}
  .ssogae_list > div:first-child{text-align: center;}
  .ssogae_list > div:last-child{width: 100%; padding-left: 0;}
  .ssogae_list > div strong{font-size: 18px; font-weight: 500; padding-right: 0;}
  .ssogae_list ul li{font-size: 14px; padding-left: 8px; padding-bottom: 8px; margin-bottom: 8px;}
  .ssogae_list ul li:before{top: 7px;}

  .ssogae_btn2{margin-top: 25px;}
  .ssogae_btn2 a{height: 30px; line-height: 28px; font-size: 13px; margin-left: 8px;}

  /* 크레존이야기_텍스트 */
  .ssogae_tit p{font-size: 17px;}
  .ssogae_tit p img{width: 12px;}

  /* 크레존이야기_서비스 */
  .list_vision{display: block;/* table-layout: fixed; *//* width: 100%; */margin-top: 25px;/* overflow: hidden; */align-items: center;flex: 1;}
 .list_vision.long .top .tit{min-height: 840px; border-radius: 0;}
 .list_vision.long .top .tit:before { content: ""; position: absolute; top: -64px; left: 0; background: #afc3fa; border-radius: 50%; width: 128px; height: 128px; }
 .list_vision.long .top .tit:after { content: ""; position: absolute; bottom: -64px; left: 0; background: #afc3fa; border-radius: 50%; width: 128px; height: 128px; }
 .list_vision .top .tit > span{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%;}
 .list_vision:first-child{margin-top: 0;}
 .list_vision .top{/* display: table-cell; */width: auto;vertical-align: middle;position: relative;/* display: block; *//* margin: 0 auto; *//* text-align: center; */}
 .list_vision .top:after{
    content: '';
    position: absolute;
    height: 19px;
    top: 50%;
    width: 100px;
    background-image: url(/_static/crezone/img/sub/ssogae_line01.jpg);
    background-repeat: no-repeat;
    right: -10px;
    z-index: 9;
    border-radius: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: none;
}

.list_vision:nth-child(2) .top:after{background-image: url(/_static/crezone/img/sub/ssogae_line02.jpg);}
.list_vision:nth-child(3) .top:after{background-image: url(/_static/crezone/img/sub/ssogae_line03.jpg);}
.list_vision:nth-child(4) .top:after{background-image: url(/_static/crezone/img/sub/ssogae_line04.jpg);}
.list_vision:nth-child(5) .top:after{background-image: url(/_static/crezone/img/sub/ssogae_line05.jpg);}
 
 .list_vision .top .tit {width: 80px;height: 80px;font-weight: 400;font-size: 16px;margin: 0 auto 8px;}
 .list_vision:nth-child(2) .top .tit{background-color: #dff7f4;}
 .list_vision:nth-child(3) .top .tit{background-color: #e5ecfc;}
 .list_vision:nth-child(4) .top .tit{background-color: #eae8f3;}
 .list_vision:nth-child(5) .top .tit{background-color: #fdebeb;}

 .list_vision.long .top:after{display: none;}
 .list_vision:nth-child(3) .btm{padding-top: 32px;padding-bottom: 32px;}
 .list_vision .btm{padding: 20px 28px 20px;overflow: hidden;}
 .list_vision .btm .cont{font-weight: 400;font-size: 14px; padding-left: 8px;margin-top: 12px;}
 .list_vision .btm .cont:first-child{margin-top: 0;}
 .list_vision .btm .cont:before{
  content: '';
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #666666;
}
 .list_vision .btm p{ color: #171717; margin-top: 6px; }

 .sso_img{width: 56px;right: 10px;}
 .list_vision:nth-child(3) .sso_img{bottom: 5px;right: 0;}
 .list_vision:nth-child(4) .sso_img{bottom: -10px;right: 5px;}
 .list_vision:nth-child(5) .sso_img{bottom: 5px;}

  /* 크레존이야기_연혁 */
  .year_top{padding: 20px 15px;}
  .year_top img{width: 140px;}
  .year_top p{font-size: 1em; margin-top: 15px;}

  .year_btm > div{float: none; width: 100%; margin-top: 0; padding-left: 20px;}
  .year_btm > div strong{text-align: right;
    font-size: 1.125em; margin-bottom: 9px;
  }
  .year_btm > div:nth-child(even){margin-left: 0;}
  .year_btm > div strong:before{
    left: auto;
    right: 60px;
    top: 7px;
  }
  .year_btm > div:nth-child(even) strong:before{right: 60px;}
  .year_btm > div strong:after{
    right: auto;
    left: 0;
    top: 9px;
    width: calc(100% - 60px);
  }
  .year_btm > div:nth-child(odd):after{
    left: 0;
    width: 4px;
    height: 4px;
    border-width: 2px;
    top: 6px;
  }
  .year_btm > div:nth-child(even) dl{float: none;}
  .year_btm > div:nth-child(even):after{left: 0;width: 4px;height: 4px;border-width: 2px;top: 6px;}
  .year_btm:after{left: 4px;transform: none;-webkit-transform: none;} 
  .year_btm:before{left: 0; transform: none; -webkit-transform: none;
    width: 4px;
    height: 4px;
    border-width: 2px;
    top: 0;
  }
  .year_wrap:after{left: 0; transform: none; -webkit-transform: none;
    width: 4px;
    height: 4px;
    border-width: 2px;
    bottom: 0;
  }
  .year_btm > div p{font-size: 0.938em;
    padding-left: 20px;
  }
  .year_btm > div:nth-child(even) p{float: left;  padding-right: 0;}
  .year_btm > div:nth-child(odd){margin-left: 0;}

  /* 크레존이야기_소개 */
  .ssogae_wrap{
    /* background-position: 0px 821%; */
    background: #f2fbff url(/_static/crezone/img/sub/ssogae_one.png)no-repeat right 0 bottom 50px;
    background-size: 60%;
    }
    .ssogae_area{padding: 4%;}
    .ssogae_area em{width: 95px;height: 28px;line-height: 28px;font-size: 15px;font-weight: 400;}
    .ssogae_t1{padding-right: 37px;}
    .ssogae_t1 p{font-size: 20px;}
    .ssogae_t2{
      margin-top: 6.75%;
      padding-right: 35%;
    }
    .ssogae_t2 span{font-size: 15px;}

    /* 크레존이야기_목적 */
    .ssogae_wrap2{
      /* background-position: 0px 821%; */
      background: #f2fbff url(/_static/crezone/img/sub/ssogae_two.png)no-repeat left 0 top 20px;
      background-size: 70%;
      }
      .ssogae_box{padding-left: 40%;/* word-break: keep-all; */}
      .ssogae_area2{padding: 8% 4% 4%;}
      .ssogae_area2 em{width: 95px;height: 28px;line-height: 28px;font-size: 15px;font-weight: 400;}
      .ssogae_t3 p{font-size: 20px;}
      .ssogae_t4{
        margin-top: 6.75%;
        padding-right: 0;
      }
      .ssogae_t4 span{font-size: 15px;}

  /* 현장체험학습 모델(svg - path) */
  .hyun_l{width: 250px;}
  .hyun_l > a:before{width: 31px; height: 44px; background-size: 31px;}
  .hyun_l svg{width: 250px; height: 400px;}
  .hyun_l > a > span{font-size: 12px; left: 5px; top: 9px;}
  .hyun_area{padding: 15px;}

  .hyun_area2{padding: 15px;}
  .hym{display: block;}
  .hym_sear > div{position: relative; margin-top: 10px;}
  .hym_sear > div a{position: absolute; right: 0; top: auto; bottom: -1px; font-size: 14px;}
  .hym_sear > div span{font-size: 15px;}
  .hyun_wrap .hym_sear .brd_input{width: calc(100% - 110px);}
  .hym_list li a{padding: 4px 8px; font-size: 15px;}

  .hyun_l > a:nth-child(1){left: 115px;top: 100px;}
  .hyun_l > a:nth-child(2){left: 80px;top: 200px;}
  .hyun_l > a:nth-child(3){right: 80px;top: 20px;}
  .hyun_l > a:nth-child(4){bottom: 137px;right: 20px;}
  .hyun_l > a:nth-child(5){right: 45px;bottom: 230px;}
  .hyun_l > a:nth-child(6){bottom: 160px;right: 5px;}
  .hyun_l > a:nth-child(7){top: 0;left: 86px;}
  .hyun_l > a:nth-child(8){bottom: 100px;left: 70px;}
  .hyun_l > a:nth-child(9){bottom: 145px;right: 90px;}
  .hyun_l > a:nth-child(10){left: 20px;top: 20px;}
  .hyun_l > a:nth-child(11){left: 85px;top: 130px;}
  .hyun_l > a:nth-child(12){left: 60px;top: 25px;}
  .hyun_l > a:nth-child(13){right: 60px;top: 175px;}
  .hyun_l > a:nth-child(14){left: 50px;bottom: 120px;}
  .hyun_l > a:nth-child(15){left: 55px;bottom: 20px;}
  .hyun_l > a:nth-child(16){left: 50px;top: 140px;}
  .hyun_l > a:nth-child(17){left: 76px;top: 112px;}

  .hy_col1{flex-wrap: wrap; margin-top: 12px;}
  .hy_col1 > div{width: 100%;}
  .hy_col1 > div:nth-child(2){width: 100%; margin-left: 0; margin-top: 12px;}

  .hyun_tab{margin-bottom: 20px;}
  .hyun_tab ul li a{padding: 6px 0;}
  .hyun_tab ul li a{font-size: 15px;}

  .hy_local{margin-bottom: 15px;}

  .hy_col2{margin-top: 12px;}
  .hy_col2 p{font-size: 15px;}
  .hyun_wrap .skin2 .sch_slt{font-size: 13px; height: 24px;}
  .hyun_wrap .brd_input{height: 24px;}
  .hy_btn a{font-size: 14px; width: 100px; height: 30px; line-height: 28px; margin: 20px auto 0;}

  /* 이달의 추천 큐레이션 */
  .edal_box{padding: 15px;}
  .edal_box.type_under{margin: 15px 0 20px;}
  .edal_box em{font-size: 19px; margin-bottom: 9px;}
  .edal_tab{ flex-wrap: wrap; }
  .edal_tab li{width: 16.64%;}
  .edal_tab li:nth-child(7){border-left: 1px solid #dcdcdc;}
  .edal_tab li.on:nth-child(7){border-left: 1px solid #f25574;}
  .edal_tab li:nth-child(-n+6){border-bottom: 0;}
  .edal_tab li a{font-size: 15px; padding: 5px 0;}

  .edal_area{padding: 15px 15px;}
  .edal_area > div strong{font-size: 15px; margin-bottom: 6px;}
  .edal_area > div ul li a{font-size: 13px;}
  .edal_link a{font-size: 13px;}
  .edal_cont > div{width: 100%;}
  .edal_cont > div:last-child{margin-left: 0; margin-top: 17px;}
  .edal_area > div ul li{margin-top: 4px;}
  .edal_slide .slick-prev{width: 24px; height: 24px; background-size: 24px; left: -11px;}
  .edal_slide .slick-next{width: 24px; height: 24px; background-size: 24px; right: -12px;}

  .edal_box.type_under > div > div{display: block;}
  .edal_box.type_under > div > div:first-child{width: 55px; height: 52px; margin: 0 auto; background-size: 55px;}
  .edal_box.type_under span{font-size: 16px; bottom: 10px;}
  .edal_box.type_under > div > div:last-child{padding-left: 0; margin-top: 12px;}
  .edal_box.type_under p{font-size: 14px; margin-top: 4px;}

  /* my크레존 - 즐겨찾기 */
  .bookmark_area > div{display: block;}
  .book_top{width: 100%; padding: 15px;}
  .book_top ul li{width: 48.5%; padding-right: 0; margin-right: 0; border-right: 0;}
  .book_top ul li:nth-child(odd){    padding-right: 2%;
    margin-right: 2%;
    border-right: 1px dashed #dcdcdc;}
  .book_top ul li a:before{width: 13px; height: 13px; background-size: 13px;}
  .book_mid{width: 20px; margin: 8px auto; padding: 0;}
  .book_mid img{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  .book_btm{width: 100%; padding: 15px;}
  .bookmark_area div strong{
    font-size: 17px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .bookmark_area div ul li{font-size: 14px; padding-bottom: 12px;}
  .bookmark_area div strong:before{
    width: 20px; height: 1px;
  }

  .book_bt > div a{font-size: 12px; }
  .book_lb a{padding: 5px 10px 5px 29px ;}
  .book_rb a{padding: 5px 17px 5px 33px;}
  .book_rb a:last-child{padding: 5px 13px 5px 32px;}

  /* MY크레존 - 마이페이지 */
  .t_cont li a{background-size: 100%; font-size: 13px; min-height: 59px;}
  .t_cont li a:before{margin: 0 auto;}
  .t_cont li:nth-child(1) a:before{width: 20.5px;}
  .t_cont li:nth-child(2) a:before{width: 23px;}
  .t_cont li:nth-child(3) a:before{width: 20px;}
  .t_cont li:nth-child(4) a:before{width: 25.5px;}
  .t_cont li:nth-child(5) a:before{width: 16px;}
  .t_cont li:nth-child(6) a:before{width: 18.5px;}

  .t_cont.t_cont2 li a{min-height: 53px;}
  .t_cont.t_cont2 li a:before{width: 35px;height: 36px;}
  .t_cont.t_cont2 li a.t_new:before{}


  .taste_box{padding: 20px 5.8%;}
  .taste_box.type1{padding: 20px 5.8%; } 
  .taste_box.type2{padding: 20px 5.8%;}
  .taste_box .t_list li{font-size: 14px; margin-top: 11px;}
  .taste_wrap .sub_tit a.t_doc{font-size: 12px; padding-right: 12px;}
  .taste_wrap .sub_tit a.t_doc:after{width: 4px; height: 4px;}

  .taste_slide .slick-prev{width: 10px; background-size: 10px; left: -8px; height: 20px;}
  .taste_slide .slick-next{width: 10px; background-size: 10px; right: -8px; height: 20px;}

  /* 연구회 공개 자료방 */
  .research_box dt{border-right: 0; height: 32px; line-height: 30px; font-size: 15px;}
  .research_box dt, .research_box dd{display: block;}
  .research_box dt{width: auto;}
  .research_box dd button{
    width: 100%;
    padding-right: 15px;
    position: relative;
    height: 24px;
    line-height: 22px;
    top: auto; right: auto;
    margin-top: 8px; 
    font-size: 13px;
  }
  .research_box dd button:after{width: 7px; height: 4px; background-size: 7px !important; top: 10px;}
  .research_box dd > div{padding-right: 0;}

  .research_top ul{padding: 10px;}
  .research_top ul li{width: 49%; margin-right: 2%; position: relative;padding-left: 9px;margin-top: 8px; }
  .research_top ul li:nth-child(-n+3){margin-top: 8px;}
  .research_top ul li:nth-child(-n+2){margin-top: 0;}
  .research_top ul li:nth-child(3n){margin-right: 2%;}
  .research_top ul li:nth-child(2n){margin-right: 0;}
  .research_top ul li a{font-size: 13px;}

  .re_doc a{display: block; font-size: 13px;}
  .re_doc a:before{top: 6px;}
  .re_doc a + a{margin-left: 0; margin-top: 7px;}
  .re_doc a.on{    text-underline-offset: 3px;}

  .re_area{display: block; position: relative;}
  .re_area2 .re_do{position: absolute; right: 0; top: 0;}
  .re_area2 .re_fr{    width: 50%; margin-top: 8px; margin-left: 0; height: 24px; line-height: 22px; font-size: 13px;}
  .re_area2 .re_fr:before{background-size: 7px; width: 7px; height: 10px; top: 6px;}
  .research_btm{margin-top: 20px;}
  .research_btm .research_box dd .re_area button{width: 50%;}
  .research_btm .research_box dd .re_area input{width: calc(100% - 37px);}

  .rec_box .rec_all{font-size: 15px;}
  .rec_box .rec_all .tbl_ipt input[type=checkbox] + label:before{width: 15px; height: 15px;}
  .rec_box .rec_btn{width: calc(100% - 75px); margin-right: 0;} 
  .rec_box:nth-of-type(3) .rec_r .slt_cont.skin2{width: 100%; margin-right: 0;}
  .rec_box:nth-of-type(3) .rec_r .slt_cont.skin2 .sch_slt{width: 100%;}

  .rec_box:nth-of-type(4) .slt_cont.skin2{width: 49%;}
  .rec_box:nth-of-type(4) .slt_cont.skin2:last-child{width: 100%;}
  .rec_box:nth-of-type(4) .slt_cont.skin2 .sch_slt{width: 100%;}
  .rec_box:nth-of-type(4) .rec_r > div > div:first-child{margin-right: 0;}
  .rec_box:nth-of-type(4) .rec_r > div > div:nth-child(2n){margin-left: 2%;}
  .rec_box:nth-of-type(4) .rec_r > div > div + div{margin-right: 0;}
  
  .re_chart{padding: 6px 8px;}
  .rec_box2{padding: 10px 5px;}
  .rec_box2 .tbl_ipt input[type=checkbox] + label{font-size: 13px;}
  .rec_box2 .tbl_ipt input[type=checkbox] + label:before{width: 13px; height: 13px;}
  .rec_box2 .tbl_ipt input[type=checkbox]:checked + label:before{background-size: 13px;}
  .rec_box2 ul li:nth-child(-n+3){margin-top: 6px;}
  .rec_box2 ul li:nth-child(-n+2){margin-top: 0;}
  .rec_box2 ul li{width: 49%; margin-right: 2%; margin-top: 6px;}
  .rec_box2 ul li:nth-child(3n){margin-right: 2%;}
  .rec_box2 ul li:nth-child(2n){margin-right: 0;}

   /*체험활동이란*/
  .active_top > div{float: none; width: 100%; margin-top: 15px; margin-left: 0;}
  .active_top > div:first-child{margin-top: 0;}
  .active_top > div .info{min-height: 100%;}
  .active_top > div .info > p{font-size: 0.938em;}
  .active_top > div .tit span{height: 40px; line-height: 40px; font-size: 1em;}
  .active_top > div .tit span:before{top: 6px;}
  .active_top > div .tit span:after{bottom: 6px;}


  .active_btm > div{width: 48.9%; margin-top: 15px;}
  .active_btm > div:nth-child(3n){margin-left: 0;}
  .active_btm > div:nth-child(-n+2){margin-top: 0;}

  .active_btm > div dl dt{height: 39px; line-height: 39px;}


  .active_btm.typeB > div{width: 48.9%;}
  .active_btm.typeB > div dl dd{min-height: 140px;}
  


  
 

    /* Q&A */
    .qna_top{padding: 18px 15px; 
       margin-bottom: 25px;}
    .qna_top > div{display: block; }
    .qna_top > div:first-child{width: 63px; margin: 0 auto;}
    .qna_top > div:last-child{padding-left: 0; margin-top: 15px;}
    .qna_top > div p + p{margin-top: 10px; font-size: 14px;}

    /* 교사연구회 버튼 */
  .research_btn > a{width: 100%; font-size: 14px; margin-left: 0; flex: auto; margin-top: 5px;}
  .research_btn > a:first-child{margin-top: 0;}

  /* 크레커 신청 상단 타이틀 */
  .crack_box p{font-size: 16px; margin-bottom: 5px;}
  .crack_box a{font-size: 14px;}

  /* 체험가이드 추천 프로그램 */
  .ocean_btm{margin-top: 25px;}
  .ocean_btm p{font-size: 15px;}
  .cho_box{margin-top: 15px;}
  .cho_box ul:before{top: 26px;}
  .cho_box ul li strong{font-size: 12px; padding: 4px 0 1px;} 
  .cho_box ul li strong:before{width: 34px;}
  .cho_box ul li p{font-size: 13px;} 
  .cho_area ~ .feelings_wrap{margin-top: 30px;}

  .cho_box ul{display: flex;flex-direction: column;align-items: center;}
  .cho_box ul:before{
  display: none;
  }
  .cho_box ul li div{width: 110px;height: 110px;margin: 0 auto;}
  .cho_box ul li.hoo_next{top: 0; margin:6px 0;
  width: 7px;
  height: 10px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  }
  .cho_box ul li div:before{background-size: 25px !important; height: 43px;}
  .cho_box ul li:nth-child(1) div:before{background-size: 15px !important;}

  .view_file.cho_file .file_cont .bg_file > div{display: block;}

  .cho_mid{margin-top: 30px;}
  .cho_cont > div{margin-top: 15px; padding: 15px;}
  .cho_slide .slick-prev{width: 29px; height: 29px; background-size: 29px; left: -13px;}
  .cho_slide .slick-next{width: 29px; height: 29px; background-size: 29px; right: -13px;}
  .cho_txt em{font-size: 18px; margin-bottom: 10px;}
  .cho_txt p{font-size: 14px;}
  .cho_tab ul li a{font-size: 15px; padding: 4px 2px;}
  .cho_tab ul li a span{padding-left: 20px; vertical-align: middle;}
  .cho_tab ul li a span:before{width: 13px; background-size: 13px; height: 12px;}
  .cho_tab ul li:last-child a span:before{width: 13px; background-size: 13px; height: 13px;
    transform: translateY(calc( -50% - 0.5px));
    -webkit-transform: translateY(calc( -50% - 0.5px ));}

  .cho_doc{margin-top: 8px;}
  .cho_doc p{width: 82px;height: 28px;line-height: 26px;/* color: #fff; *//* background-color: #f25574; *//* font-weight: 300; *//* border-radius: 50px; *//* text-align: center; */font-size: 15px;}
  .cho_doc dl{width: 103px;height: 28px;line-height: 26px;/* color: #777; */font-size: 13px;/* background-color: #f0f0f0; *//* border-radius: 50px; *//* text-align: center; */}
  .cho_doc dl dt{position: relative; padding-right: 7px;}
  .cho_doc dl dt:before{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #d5d5d5;
  }
  .cho_doc dl dd{padding-left: 3px;}

  .cho_tip{margin-top: 30px;}
  .cho_tip ul li:first-child{min-width: 74px; max-width: 74px;}
  .cho_tip ul li > span{font-size: 12px; padding: 6px 2px 6px 20px;}
  .cho_tip ul li > span:before{width: 13px; height: 10px; background-size: 13px; left: 3px; padding-left: 18px; background-repeat: no-repeat;}
  .cho_tip ul li a{font-size: 14px; padding: 6px 2px;}
  .cho_tip ul li:last-child:before{left: -5px;}

  


  /* 나의 커뮤니티 */
  .cmun{display: block; padding: 12px 0 2px;}
  .cmun > div{display: flex;  align-items: center;}
  .cmun > div:last-child{margin-left: 0; margin-top: 10px;}
  .cmun > div span{font-size: 15px;}
  .cmun > div span:last-child{margin-left: 10px;}
  .cmun > div span img{width: 29px;}

  /* 체험활동자원 상세 1_2_0_0 */
  .joo_info > ul li{ width: 48%; margin-right: 4%; margin-top: 15px;}
  .joo_info > ul li:nth-child(4n){margin-right: 0;}
  .joo_info > ul li:nth-child(2n){margin-right: 0;}
  .joo_info > ul li:nth-child(-n+2){margin-top: 0;}
  .joo_info .st_box{padding: 10px 5px;}
  .joo_info .st_box p{font-size: 14px; }
}

@media all and (max-width:479px){
  /*체험활동이란*/
  .active_btm > div{float: none; width: 100%; margin-left: 0;}
  .active_btm > div:nth-child(-n+2){margin-top: 15px;}
  .active_btm > div:first-child{margin-top: 0;}

  /* 현장체험학습 소개 */
  .active_btm.typeB > div{width: 100%; margin-left: 0;}
  .active_btm.typeB > div dl dd{min-height: auto;}

  
}

@media all and (min-width: 320px) and (max-width: 339px){


  

}