@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: 2px solid #000000}
#header .headerContents{position: relative; width: 1080px; height:120px; margin: 0 auto; }

.searchBox {position: absolute; 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;}

/*
.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); }


.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-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 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: 32px;}

#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: 35px; 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;}
.preview_book_item .book_cover{font-size: 1.2em; font-family: 'Noto Serif KR', sans-serif; text-align: center; font-weight: bold;}
.preview_book_item .book_item_text{padding: 23px 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: 600px; background: rgba(0, 0, 0, 0.5); 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 .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: 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;}
.subContentsWrap .contentsWrap .contents .contents_title2{font-size: 1.0em; color: #55555; letter-spacing: -1px; padding: 10px 0 20px 0; text-align: center; }
.subContentsWrap .contentsWrap .contents .contents_img{font-size: 1.0em; color: #555555; letter-spacing: -1px; padding: 30px 0 20px 0; text-align: center;}
.subContentsWrap .contentsWrap .subContentsQuot{text-align: center;}



.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}