@charset "utf-8";

#wrap {min-width:1200px;}
#header{ background: #58C8F2 url(../images/basic/bg_header.png) no-repeat center top;}
#header .headerContents{position: relative; width: 1080px; height:110px; margin: 0 auto; }

.searchBox {position: absolute; bottom:18px; right:0;}
.searchBox .word_result {position:relative; background: #fff; 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: 720px; width: 1080px;}

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

.mainVisual .sliderBtns {width:1080px; margin-left:-540px;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:720px; overflow: hidden;}

.mainTitleBox { position: relative; width: 1080px; margin: 0 auto; padding: 65px 0 65px 0; text-align: center;}
.mainTitleBox:before {content: ""; position: absolute; top:-40px; left: 50%; display: block; height:80px; width: 1px; background: #3d9bf2; z-index: 1000; }

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

.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: #222;}
.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:-80px;bottom: 0;}
.bannerBox { width: 1080px; margin: 0 auto;}

#footer { width: 100%; background-color: #6F6F6F;}
.footerContents {position: relative; width: 1080px; height:85px; margin: 0 auto;}

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

.links { position: absolute;top:30px; right: 200px;}
.links a { color: #fff; font-size: 14px; 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;}
.magazineSelect select { padding: 5px}

.subContents {text-align: center;width: 1080px;margin: 0 auto;}
.subContents img {display:inline-block}
.sub_btns { text-align: center; padding: 60px 0;}

a:active {outline: none;}