@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500&display=swap');*/

#wrap {
  min-width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}

#header {
  background: #ffffff url(../images/basic/bg_header.png) no-repeat center top;
  border-bottom: 1px solid #000000
}

#header .headerContents {
  position: relative;
  width: 1080px;
  height: 130px;
  /* height:120px;  */
  margin: 0 auto;
}

.searchBox {
  position: absolute;
  bottom: 30px;
  /* bottom:18px; */
  right: 0;
}

.searchBox .word_result {
  position: relative;
  background: #eaeaea;
  border-radius: 30px;
  overflow: hidden;
  padding: 4px 0 4px 20px;
}

.searchBox .searchTitle {
  padding-right: 20px;
  text-align: right;
}

.searchBox .word_result input {
  border: 0;
  background-color: transparent;
  height: 30px;
  line-height: 30px;
  width: 260px;
  margin-right: 40px;
}

.searchBox .word_result .btn-search {
  position: absolute;
  right: 15px;
  top: 10px;
  height: 17px;
  width: 17px;
  overflow: hidden;
  background: url('../images/basic/btn_header_search.png') no-repeat center center;
  text-indent: -100px;
}

.mainVisual {
  position: relative;
  width: 100%;
}

.mainvisualSlider .item {
  /* height: 760px; */
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.mainvisualSlider .item .flower_box {
  position: absolute;
  top: 150px;
  right: 290px;
  width: 800px;
  height: 300px;
}

.mainvisualSlider .item img {
  width: 100%;
}

/*
.mainvisualSlider .slick-slide img {transform: scale(0.9); opacity: 0.5; transition: all 300ms ease;}
.mainvisualSlider .slick-center img {opacity: 1; transform: scale(1); }
*/

.mainvisualSlider .slick-slide img,
.mainvisualSlider .slick-slide iframe {
  transform: scale(0.9);
  opacity: 0.5;
  transition: all 300ms ease;
}

.mainvisualSlider .slick-center img,
.mainvisualSlider .slick-center iframe {
  opacity: 1;
  transform: scale(1);
  width: 100%;
}


.mainVisual .sliderBtns {
  width: 1280px;
  margin-left: -640px;
  position: absolute;
  top: 320px;
  z-index: 1000;
  left: 50%;
}

.mainVisual .sliderBtns .sbtn_next {
  position: absolute;
  right: -30px;
}

.mainVisual .sliderBtns .sbtn_prev {
  position: absolute;
  left: -30px;
}

/*
.mainVisual .slick-prev { background-image: url(../images/basic/btn_top_slider_prev.png); background-repeat: no-repeat; width: 65px; height: 65px;
overflow: hidden; text-indent: -100px; top:300px;left: 15px;z-index: 1000;}
.mainVisual .slick-next { background-image: url(../images/basic/btn_top_slider_next.png); background-repeat: no-repeat; width: 65px; height: 65px;
overflow: hidden; text-indent: -100px; top:300px;
right: 15px; z-index: 1000;}
*/

.mainvisualSlider {
  /* height: 740px; */
  overflow: hidden;
}

.mainTitleBox {
  position: relative;
  /*! width: 1080px; */
  margin: 0 auto;
  padding: 65px 0 65px 0;
  text-align: center;
}

.mainTitleBox .mainTitle {
  margin-bottom: 30px;
}

.section-contents {
  width: 1080px;
  margin: 0 auto;
}

.section-contents .item {
  float: left;
  width: 516px;
  height: 415px;
  box-sizing: border-box;
  margin-left: 48px;
}

.section-contents:after {
  content: "";
  display: block;
  clear: both;
}

.section-contents .item:hover {
  border-bottom: #52acff 2px solid;
}

.section_news {
  background: #f7f7f7;
  padding: 60px 0 55px 0;
}

.section_news .newsItem {
  position: relative;
  float: left;
  width: 516px;
  background-color: #fff;
  box-sizing: border-box;
}

.section_news .newsItem:nth-child(1) {
  margin-bottom: 48px;
}

.section_news .newsItem:nth-child(2) {
  margin-left: 47px;
  margin-bottom: 48px;
}

.section_news .newsItem:nth-child(3) {
  margin-bottom: 0;
}

.section_news .newsItem:nth-child(4) {
  margin-left: 47px;
}

.newsItem .thumb {
  position: relative;
  width: 516px;
  height: 315px;
  overflow: hidden;
}

.newsItem .text {
  height: 140px;
  box-sizing: border-box;
  padding-top: 40px;
  text-align: center;
  box-sizing: border-box;
}

.newsItem .thumb img {
  transform: scale(1);
  transition: all 300ms ease-in-out;
}

.newsItem:hover {
  box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.2);
}

.newsItem:hover .thumb img {
  transform: scale(1.1)
}

/* 20201019 수정 */
/* .newsItem:hover .thumb:before {content: ""; display: block; position: absolute; height: 100%; width: 100%; background-color: rgba(0,0,0,0.7); z-index: 100;top: 0;left: 0;}
.newsItem:hover .thumb:after {content: url(../images/basic/btn_img_more_plus1.png); position:absolute; left:50%;top:50%; margin: -25px 0 0 -25px; z-index: 200;}  */
.newsItem .overBox {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
}

.newsItem:hover .overBox {
  display: block;
  opacity: 1;
}

.newsItem .overBox .ico-more {
  display: block;
  text-align: center;
  margin-bottom: 22px;
  padding-top: 105px;
}

.newsItem .overBox .text {
  display: block;
  font-size: 20px;
  color: #fff;
  text-align: center;
  border-bottom: none !important;
  padding-top: 20px !important;
  height: auto !important;
}

/* //20201019 수정 */

.newsItem:hover .subject {
  color: #0084ff
}

.newsItem:nth-child(1):hover .text {
  border-bottom: #52acff 4px solid;
}

.newsItem:nth-child(2):hover .text {
  border-bottom: #29ce93 4px solid;
}

.newsItem:nth-child(3):hover .text {
  border-bottom: #ad61ff 4px solid;
}

.newsItem:nth-child(4):hover .text {
  border-bottom: #ff7152 4px solid;
}

.newsItem .text .subject {
  display: block;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 15px;
}

.newsItem .text .subscript {
  color: #777;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -1px;
}

.section_sns {
  width: 1080px;
  margin: 0 auto;
  padding-top: 65px;
  text-align: center;
}

.section-title {
  margin-top: 50px;
  margin-bottom: 37px;
  text-align: center;
}

.snslist {
  margin-bottom: 70px;
}

.snslist li {
  float: left;
  margin-left: 30px;
}

.snslist li:first-child {
  margin: 0;
}

.snslist:after {
  content: "";
  display: block;
  clear: both;
}

.magazine_btns {
  text-align: center;
  padding-bottom: 100px;
}

.section_review {
  width: 1080px;
  margin: 0 auto;
  padding-top: 65px;
  text-align: center;
  padding-bottom: 50px;
}

.section-magazine {
  position: relative;
  margin-bottom: 50px;
}

.section-magazine:before {
  content: "";
  position: absolute;
  display: block;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: #666666;
}

.section-magazine .contGroup {
  width: 1080px;
  box-sizing: border-box;
  margin: 0 auto;
  height: 427px;
  overflow: hidden;
}

.section-magazine .contGroup .grd {
  position: relative;
  float: left;
  overflow: hidden;
}

.section-magazine .contGroup .bx1 {
  float: left;
  width: 294px;
  height: 427px;
}

.section-magazine .contGroup .bx2 {
  width: 222px;
  height: 204px;
}

.section-magazine .contGroup .bx3 {
  width: 220px;
  height: 204px;
}

.section-magazine .contGroup .bx4 {
  float: right;
  width: 344px;
  height: 427px;
}

.section-magazine .contGroup .bx5 {
  width: 442px;
  height: 223px;
}

.section-magazine .contGroup .grd .overBox {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(49, 146, 235, 0.9);
  opacity: 0;
  transition: all 300ms ease-in-out;
}

.section-magazine .contGroup .grd:hover .overBox {
  display: block;
  opacity: 1;
}

.section-magazine .contGroup .grd .overBox .ico-more {
  display: block;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 60px;
}

.section-magazine .contGroup .grd .overBox .text {
  display: block;
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.section-magazine .contGroup .bx4 .overBox .ico-more {
  display: block;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 140px;
}

.section-magazine .contGroup .bx4 .overBox .text {
  display: block;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.section-magazine .contGroup .bx2 img {
  transform: scale(1);
  transition: all 300ms ease-out;
}

.section-magazine .contGroup .bx2:hover img,
.section-magazine .contGroup .bx3:hover img,
.section-magazine .contGroup .bx4:hover img,
.section-magazine .contGroup .bx5:hover img {
  transform: scale(1.1);
  transition: all 300ms ease-out;
}

.section_policy {
  margin-bottom: 50px;
}

.section_policy .section-title {}

.section_policy .contSlider {
  width: 1080px;
  height: 460px;
  margin: 0 auto;
  padding-top: 50px;
  /*! overflow: hidden; */
  background-color: #efefef;
  box-sizing: border-box;
}

.section_policy .contSlider .sliderItem {
  float: left;
  width: 25%;
  text-align: center;
}

.section_policy .contSlider .sliderItem a {
  outline: 0;
}

.section_policy .contSlider .sliderItem img {
  display: inline;
}

.section_policy .slick-prev {
  background-image: url(../images/basic/btn_slider_prev.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 34px;
  overflow: hidden;
  text-indent: -100px;
  top: 210px;
  left: 15px;
  z-index: 1000;
}

.section_policy .slick-next {
  background-image: url(../images/basic/btn_slider_next.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 34px;
  overflow: hidden;
  text-indent: -100px;
  top: 210px;
  right: 15px;
  z-index: 1000;
}

.newBookList {
  width: 1080px;
  margin: 0 auto;
  /*! padding-top: 65px; */
  text-align: center;
  padding-bottom: 50px;
}

.newBookList:after {
  content: "";
  display: block;
  clear: both;
}

.newBookList .newBookItem {
  float: left;
  width: 25%;
  text-align: center;
}

.newBookList .newBookItem img {
  transform: scale(1);
  transition: all 300ms ease-out;
}

.newBookList .newBookItem:hover img {
  box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}

.bookMore_btns {
  text-align: center;
  position: relative;
  width: 1080px;
  margin: 0 auto;
}

.bookMore_btns p {
  margin-bottom: 40px;
}

.bookMore_btns .btn_goto_top {
  position: absolute;
  right: 0;
  bottom: 0;
}

.bannerBox {
  width: 1080px;
  margin: 0 auto;
  padding-top: 133px;
  padding-bottom: 41px;
}

.bannerBox ul li {
  display: inline-block
}

.bannerBox ul li:nth-child(n+2) {
  margin-left: 27px;
}

#footer {
  width: 100%;
  background-color: #999999;
}

.footerContents {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  padding: 38px 0 50px 0;
  overflow: hidden;
}

.footerContents .footer_left {
  float: left
}

.footerContents .footer_right {
  float: right
}


.addr {
  display: inline-block;
  padding-top: 20px;
}

.links {
  position: absolute;
  top: 30px;
  right: 200px;
}

.links a {
  color: #fff;
  font-size: 11px;
  padding: 5px 10px;
  /*! background-color:#e99429; */
  color: #fff;
  /*! border-radius: 5px; */
  margin-right: 10px;
  border: #4e4a46 1px solid;
}

/* .links a:nth-child(2) {background-color: #c8951d;} */
.magazineSelect {
  /*position: absolute; */
  right: 0;
  top: 22px;
}

.social_link ul li {
  display: inline-block
}

.social_link ul li:nth-child(n+2) {
  padding-left: 0px;
}

.magazineSelect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 176px;
  height: 36px;
  padding: 1px 0 1px 15px;
  border-radius: 30px;
  background: #858585;
  font-size: 1.0em;
  background-image: url("../images/basic/select_latest.png");
}


a:active {
  outline: none;
}








.section_book_sentence {
  margin: 0 auto;
  padding-top: 65px;
  text-align: center;
  overflow: hidden;
}

/*.section_book .book_wrap * {border: 1px dotted #ad61ff; }*/
.section_book_sentence .book_wrap .book_left,
.section_book_sentence .book_wrap .book_right {
  height: 381px;
  margin: 0;
  position: relative
}

.section_book_sentence .book_wrap .book_left {
  float: left;
  width: 50%;
}

.section_book_sentence .book_wrap .book_left .book_article {
  background: #e4f6ff;
  width: calc(100% - 20px);
  height: 313px;
  float: left;
}

.section_book_sentence .book_wrap .book_right {
  width: 50%;
  float: right;
  margin-top: 68px;
}

.section_book_sentence .book_wrap .book_right .book_article {
  background: #ebf3ee;
  width: calc(100% - 20px);
  height: 313px;
  float: right;
}

.section_book_sentence .book_wrap .book_left:hover .book_article {
  background: #1da1e3;
  color: #ffffff
}

.section_book_sentence .book_wrap .book_right:hover .book_article {
  background: #75c172;
  color: #ffffff
}

.section_book_sentence .book_wrap .book_article .book_article_text {
  width: 324px;
}

.section_book_sentence .book_wrap .book_left .book_article .book_article_text {
  padding-top: 36px;
}

.section_book_sentence .book_wrap .book_right .book_article .book_article_text {
  padding-top: 46px;
}

.section_book_sentence .book_wrap .book_article .book_article_text p {
  font-size: 1.4em;
  font-family: 'Noto Serif KR', serif;
  text-align: left;
  letter-spacing: -2px;
}

.section_book_sentence .book_wrap .book_article .book_article_text p>span {
  font-family: 'Noto Serif KR';
  font-weight: bold;
}

.section_book_sentence .book_wrap .book_left .book_article .book_article_text {
  float: right;
  padding-right: 228px;
}

.section_book_sentence .book_wrap .book_right .book_article .book_article_text {
  float: left;
  padding-left: 228px;
}



.section_book_sentence .book_article_img {
  width: 213px;
  height: 312px;
  position: absolute;
  background: #BCBCBC
}

.section_book_sentence .book_wrap .book_left .book_article_img {
  right: 0;
  top: 20px;
  /*background-image: url("../images/basic/bg_book_left.png");background-repeat: no-repeat*/
  box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.5)
}

.section_book_sentence .book_wrap .book_right .book_article_img {
  left: 0;
  top: -20px;
  /*background-image: url("../images/basic/bg_book_right.png");background-repeat: no-repeat*/
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5)
}

.section_book_preview {
  margin: 0 auto;
  padding-top: 65px;
  text-align: center;
  overflow: hidden;
  background: #f7f7f7;
  padding-bottom: 100px;
}

.section_book_preview .preview_book_list {
  width: 1080px;
  margin: 0 auto;
  /*! padding-top: 65px; */
  text-align: center;
  padding-bottom: 50px;
}

/*.preview_book_list *{border: 1px dotted red}*/


.preview_book_list .preview_book_item {
  float: left;
  width: 225px;
  text-align: center;
  height: 454px;
  position: relative;
  overflow: hidden;
  display: block;
}

.preview_book_list .preview_book_item:nth-child(n+2) {
  margin-left: 57px;
}

.preview_book_item .book_item_top {
  position: relative;
  width: 100%;
  height: 358px;
  margin: 0
}

.preview_book_item .book_item_top .thumb_img {
  position: relative
}

.preview_book_item .book_item_top a {
  display: block
}

.preview_book_item .book_item_top .thumb_dimm {
  position: absolute;
  width: 100%;
  height: 358px;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  padding-top: 25px;
  display: none;
}

.preview_book_item .book_item_top .thumb_dimm span {
  color: #ffffff;
  font-size: 1.0em;
  text-align: center;
  display: block;
  width: 100%;
  font-family: 'Noto Serif KR', sans-serif
}

.preview_book_item .book_item_top .thumb_dimm.show {
  display: block;
}

.preview_book_item .book_item_top .book_item_title {
  height: 100px;
  background: #ffffff;
  padding: 15px 10px 20px 10px;
}

.preview_book_item .book_item_bottom {
  position: absolute;
  width: 100%;
  height: 358px;
  top: 454px;
  background: #ffffff
}

.preview_book_item .book_item_bottom.up {
  top: 96px;
}

/* .preview_book_item p{font-size: 1.2em; font-family: 'Noto Serif KR', sans-serif; text-align: justify;letter-spacing: -1px; line-height: 140%;} */
.preview_book_item p {
  font-size: 1.12em;
  font-family: 'Noto Serif KR', sans-serif;
  text-align: justify;
  letter-spacing: -1.2px;
  line-height: 146%;
}

.preview_book_item .book_cover {
  font-size: 1.2em;
  font-family: 'Noto Serif KR', sans-serif;
  text-align: center;
  font-weight: bold;
  letter-spacing: -0.08rem;
}

.preview_book_item .book_item_text {
  padding: 14px 13px 0px 13px;
}


.subMainContents {
  text-align: center;
  width: 1380px;
  margin: 0 auto;
}


.subContentsWrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 100px;
}


.subContentsWrap .subContentsTitle {
  position: relative
}

.subContentsWrap .subContentsDimm {
  position: absolute;
  width: 100%;
  height: 99.5%;
  background: rgba(0, 0, 0, 0.3);
  top: 0
}

.subContentsWrap .subContentsDimm .subHeader {
  padding-top: 157px;
  margin: 0 auto;
  text-align: center
}

.subContentsWrap .subContentsDimm .subHeader>div {
  padding-bottom: 29px;
}

.subContentsWrap .subContentsDimm .subHeader>div>span {
  font-size: 2.45em;
  color: #ffffff;
  font-weight: lighter;
  letter-spacing: -5px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ffffff
}

.subContentsWrap .subContentsDimm .subHeader .desc {
  display: block;
  font-size: 2.5em;
  color: #ffffff;
  letter-spacing: -2px;
  font-weight: bold
}

.subContentsWrap .subContentsDimm .subHeader .desc2 {
  display: block;
  font-size: 2.2em;
  color: #ffffff;
  letter-spacing: -2px;
  font-weight: bold;
  line-height: 130%;
}

.subContentsWrap .contentsWrap {
  position: relative;
  width: 1080px;
  background: #ffffff;
  padding: 30px 0 30px 0;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
  margin: -154px auto 0 auto;
  z-index: 999;
}

.subContentsWrap .subContentsSns {
  width: 42px;
  width: 100px;
  margin: 0 auto;
  padding-bottom: 39px;
}

.subContentsWrap .subContentsSns li {
  display: inline-block
}

.subContentsWrap .subContentsSns li:nth-child(n+2) {
  margin-left: 10px;
}

.subContentsWrap .subContentsSns li a {
  display: block;
}

.subContentsWrap .contentsWrap .contents {
  padding: 46px 59px;
  font-size: 1.3em;
  color: #666666;
  line-height: 25px;
}

.subContentsWrap .contentsWrap .contents .contents_title {
  font-size: 1.2em;
  color: #333333;
  letter-spacing: -1px;
  padding: 0 0 50px 0;
  text-align: center;
  line-height: 35px;
}

.subContentsWrap .contentsWrap .contents .contents_title2 {
  font-size: 1.3em;
  color: #0066cc;
  letter-spacing: -1px;
  padding: 0 0 50px 0;
  text-align: center;
  line-height: 35px;
}

.subContentsWrap .contentsWrap .contents .contents_title2 a {
  font-size: 1.3em;
  color: #0066cc;
  letter-spacing: -1px;
  padding: 0 0 50px 0;
  text-align: center;
  line-height: 35px;
}

.subContentsWrap .contentsWrap .contents .contents_img {
  font-size: 1.0em;
  color: #555555;
  letter-spacing: -1px;
  padding: 30px 0 20px 0;
  text-align: center;
}



.subContentsWrap .contentsWrap .contents .contents_img2 {
  font-size: 1.0em;
  color: #555555;
  letter-spacing: -1px;
  padding: 30px 0 0px 0;
  text-align: center;
}

.subContentsWrap .contentsWrap .contents .contents_txt {
  font-size: 1.0em;
  color: #555555;
  letter-spacing: -1px;
  padding: 0px 0 20px 0;
  text-align: center;
}

.subContentsWrap .contentsWrap .contents p {
  font-family: 'Noto Sans KR', sans-serif;
  padding: 0 30px;
  word-break: keep-all;
  text-align: justify;
  letter-spacing: -1.3px;
  line-height: 150%;
}

.subContentsWrap .contentsWrap .contents .subtitle {
  font-size: 1.15em;
  font-family: 'Noto Sans KR', sans-serif;
  color: #4776d1;
  padding: 0 30px;
  word-break: keep-all;
  text-align: justify;
  letter-spacing: -1.5px;
  line-height: 180%;
}

.subContentsWrap .contentsWrap .contents .tag {
  font-family: 'Noto Sans KR', sans-serif;
  color: #333;
  border: 1px solid #333;
  padding: 4px 10px;
  margin-left: 7px;
  letter-spacing: -1.5px;
  line-height: 260%;
}

.subContentsWrap .contentsWrap .contents .subtitle2 {
  font-size: 1.15em;
  font-family: 'Noto Sans KR', sans-serif;
  color: #333;
  margin: 33px 20px 20px 30px;
  word-break: keep-all;
  text-align: justify;
  letter-spacing: -1.5px;
  line-height: 180%;
  padding-left: 25px;
  font-weight: 500;
  border-left: 2px solid #141414;
}

.subContentsWrap .contentsWrap .contents .pic {
  font-family: 'Noto Sans KR', sans-serif;
  width: 850px;
  border: 1px solid #e1e1e1;
  background-color: #f9f9f9;
  border-radius: 0px;
  /* border: 1px solid #ccc;background-color: #f2f2f2; */
  padding: 15px 25px;
  margin: 10px 0 0 30px;
  word-break: keep-all;
  text-align: justify;
  letter-spacing: 0.5px;
  font-size: 1rem;
  line-height: 150%;
}

.subContentsWrap .contentsWrap .contents .pic2 {
  font-family: 'Noto Sans KR', sans-serif;
  width: 850px;
  border: 0px solid #e1e1e1;
  background-color: #f9f9f9;
  border-radius: 0px;
  padding: 15px 25px;
  margin: 10px 0 0 30px;
  word-break: keep-all;
  text-align: justify;
  letter-spacing: 0.5px;
  font-size: 1rem;
  line-height: 150%;
}

.subContentsWrap .contentsWrap .subContentsQuot {
  text-align: center;
}

.subContentsWrap .contentsWrap .contents span {
  font-size: 1rem;
  color: #949494;
  font-family: 'Noto Sans KR', sans-serif;
  padding: 30px 30px;
  word-break: keep-all;
  text-align: justify;
  letter-spacing: -1.0px;
}

.imgcaption {
  padding-top: 0px !important;
  text-align: center;
  display: inline-block;
  font-weight: 500;
}





.subContents img {
  display: inline-block
}

.subContents .book_img {
  text-align: center
}

.subContents .book {
  width: 1000px;
  text-align: center;
  font-size: 2.45em;
  color: #555555;
  font-weight: bold;
  letter-spacing: -2px;
  padding-bottom: 100px;
  border-bottom: 1px solid #cccccc;
  margin: 100px auto 0 auto;
}

.sub_btns {
  text-align: center;
  padding: 60px 0;
}

.subContents .subContentsSns {
  padding-top: 50px;
}

#urlArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0
}

select::-ms-expand {
  display: none
}

/*슬라이드 수정*/
.mainvisualSlider .moving_pic {
  width: 100%;
  position: relative;
  overflow: hidden;
  transform: scale(.9);
  transition: all 300ms ease;
  opacity: .5;
}

.mainvisualSlider .moving_pic img {
  transform: scale(1);
}



.mainvisualSlider .slick-cloned .moving_pic {
  width: 100%;
  position: relative;
  overflow: hidden;
  transform: scale(.9);
  transition: all 300ms ease;
  opacity: .5;
}

.mainvisualSlider .slick-active .moving_pic,
.mainvisualSlider .slick-current .moving_pic,
.mainvisualSlider .slick-center .moving_pic {
  opacity: 1;
  transform: scale(1);
}

.moving_pic .tit {
  display: block;
  position: absolute;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  width: 894px;
  height: 133px;
  display: block;
}

.moving_pic .tit span {
  width: 894px;
  height: 133px;
  display: block;
  font-size: 0;
  background: url(../images/contents/txt_01.png) no-repeat center center/cover;
  animation: h_move03 1s infinite;
}

.moving_pic .tit:before {
  content: "";
  display: block;
  width: 189px;
  height: 118px;
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  background: url(../images/contents/txt_02.png) no-repeat center center/cover;
  animation: h_move 1s infinite;
}

.moving_pic .tit:after {
  content: "";
  display: block;
  width: 216px;
  height: 132px;
  content: "";
  position: absolute;
  top: 0;
  left: 283px;
  background: url(../images/contents/txt_03.png) no-repeat center center/cover;
  animation: h_move02 1s infinite;
}

.moving_pic .level_img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.slick-active .white-back {
  width: 0%;
   height: 100%;
   background: #fff;
   position: absolute;
   animation: showback 4s infinite;
 }



@keyframes showback{
  0%{width: 0%;}
  100%{width: 100%;}
}




.moving_pic .level_img li {
  float: left;
  margin: 0 14px;
}

.moving_pic .level_img li span {
  width: 243px;
  height: 200px;
  display: block;
  background: #ddd;
  position: relative;
}

.moving_pic .level_img li span:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: .7;
  z-index: 1;
  transition: all .5s;
}



.moving_pic .level_txt {
  position: absolute;
  top: 575px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding-top: 18px;
  border-top: 1px solid #fff;
  display: flex;
  justify-content: center;
}

.moving_pic .level_txt li {
  float: left;
  width: 20%;
  text-align: center;
  position: relative;
}

.moving_pic .level_txt li span {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}



.moving_pic .level_txt li:before {
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  content: "";
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -23px;
  ;
  left: 50%;
  transform: translateX(-50%);
  transition: all .5s;
}

.moving_pic .level_txt li.on:before {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  top: -24px;
}

.moving_pic .level_txt li.on:after {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  content: "";
  border-radius: 50%;
  position: absolute;
  top: -28px;
  ;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all .5s;
}

.moving_pic .level_txt li.on:after {
  opacity: 1;
}

.youtube_more {
  height: 75px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/contents/youtube_more.png) no-repeat center center/cover;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}

/*animation: h_move .6s infinite;*/