/* 슬릭 슬라이더 */
.slick-dots li button:before
{
    background-color: #649C37;
}


/* 컨텐츠 배경 도형 색깔 */
/* 육각형 */
.hexagon {
    background: #C0E8B6;
}
.hexagon::before {
    border-bottom-color:#C0E8B6;
}
.hexagon::after {
    border-top-color:#C0E8B6;
}
/* 네모 */
.square{
    background-color: #96D1F2;
}
/* 동그라미 */
.circle{
    background-color: #FFC977;
}
/* 세모 */
.triangle{
    border-bottom-color: #FFE550;
}

/* 이미지 보더 */
.boder_img{
    border: solid 2px #148cce;
}


#space {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(4deg, #2D628B, #092730 );
    z-index: 10;
    height: 100%;
    width: 100%;
}
.mobile_space{
    display: none;
    background-image: url("../images/mobile_space.png");
    background-repeat: repeat;
    background-size: cover;
}
/* 별똥별 */
.shooting_stars {
    z-index: 35;
    width: 5px;
    height: 85px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    position: absolute;
    top: 0;
    right: 20%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0), #fffcdb9c);
    animation: animShootingStar 8s linear infinite;
    overflow: hidden;
}

@keyframes animShootingStar{
    from{
        transform: translateY(0px) translateX(0px) rotate(225deg);
        opacity: 1;
        height: 5px;
    }to{
        transform: translateY(2000px) translateX(-2000px) rotate(225deg);
        opacity: 1;
        height: 500px;
    }
}


/* 최상단 베너 */
.banner_container {
    background: linear-gradient(4deg, #2D628B, #092730 );
    overflow: hidden;
}
/* 배너 안에 작은 애들 */
.bgmin_box {
    position: absolute;
    z-index: 10;
}

.bgmin_01 {
    right: 3%;
    top: 3%;
}

.bgmin_02 {
    right: 12%;
    top: 24%;
}

.bgmin_03 {
    left: 8%;
    top: 22%;
}

.bgmin_04{
    left: 0;
    top: 0;
}

.tit_box .sub_tit {
    color: #fff;
}


/* 교과서 그리드 */
.book_box{
    width: 23%;
}

/* 컨텐츠 섹션 01 */
.section_01{
    background-color:#B9E6FF;
}

.books_intro{
    padding: 150px 0;
}
.books_intro .ct_sub_tit{
    background-color: #148cce;
}
.books_intro .ct_min_tit{
    background-color: #148cce;
}
.books_intro .border_box{
    border-color: #148cce;
    padding: 25px;
}

/* 교과서 특징 */
/* hover */
.books_intro .hovct_container .hovct_box:hover{
    border-color: #148cce;
    background-color: #fff;
}
.hovct_box:hover .hov_t1{
    color: #148cce;
}
/* on */
.books_intro .hovct_container .hovct_box.on{
    border-color: #148cce;
    background-color: #fff;
}
.hov_t1.on{
    color: #148cce;
}

.touch_img{
    background: url('../images/book_hov_science_01_1.png') no-repeat;
    background-position: center;
    background-size: contain;

    position: relative;
    z-index: 2;
    transition: 3s;    
}
/* .touch_img:hover{
    background: url('../images/book_hov_science_01_2.png') no-repeat;
    background-position: center;
    background-size: auto;
    width: 100%;
    height: 100%;
} */
.hovimg_box:hover .change_img{
    opacity: 1;
}
.change_img{
    background: url('../images/book_hov_science_01_2.png') no-repeat;
    background-position: center;
    background-size: contain;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 3;
}


.round_img{
    background: url('../images/book_hov_science_02.png') no-repeat;
    background-position: center;
    background-size: contain;
}
.clean_img{
    background: url('../images/book_hov_science_03.png') no-repeat;
    background-position: center;
    background-size: contain;
}
.aroma_img{
    background: url('../images/book_hov_science_04.png') no-repeat;
    background-position: center;
    background-size: contain;
}

.class_list > li{
    list-style: disc;
    margin-left: 10px;
    color: #148cce
}
.class_t1{
    color: #148cce;
}
/* 활동자료 */
.scidata_box {
    justify-content: space-between;
    margin-bottom: 50px;
}
.scidata_box_01{
    margin-bottom: 100px;
}
.scidata_img{
    width: 63%;
    justify-content: space-between;
}
.scidata_t_box{
    width: 35%;
    text-align: center;
}

.scidata_img > img{
    display: block;
}
.scidata_img .data_img_01{
    width: 100%;
}
.scidata_img .data_img_02{
    width: 48%;
}

.scidata_ct .scidata_list{
    margin-top: 40px;
    text-align: left;
    padding: 25px 18px;
}

/* 연구용교과서 */
.bookres_container{
    position: relative;
}

.bookres_container .scidata_t_box{
    align-content: space-between;
    grid-gap: 15px;
}
.bookres_container .scidata_box_01,
.bookres_container .scidata_box_02{
    justify-content: space-between;
    align-items: center;
}
.bookres_container .scidata_box_01 .border_box{
    width: 100%;
    height: 20%;
}
.bookres_container .scidata_box_02 .border_box{
    width: 100%;
    height: 23%;
}
.bookres_container .scidata_box_01 .long_box{
    height: 28%;
}
.bookres_container .res_t1{
    color: #148cce;
}
.bookres_container .res_img{
    width: 100%;
}


/* 컨텐츠 섹션 02 */
.section_02{
    background-color:#C0E8B6;
    position: relative;
}

/* 클로버 이미지 */
.clover_box_01 {
    right: 0;
}

.clover_box_02 {
    left: 0;
    bottom: 50%;
}

.clover_box_03 {
    right: 0;
    bottom: 10%;
}


.expe_intro{
    padding: 150px 0 0;
}
.expe_intro .ct_sub_tit{
    background-color: #649C37;
}
.expe_intro .ct_min_tit{
    background-color: #649C37;
}
.expe_intro .border_box{
    border-color: #1B8500;
}
.expe_intro .ct_box_tit{
    color: #1B8500;
}

/* 실험관찰 활용 */
.exclass_container{
    padding: 20px 50px 100px;
}
.exclass_container .exclass_box{
    justify-content: space-between;
    margin-bottom: 100px;
}
.exclass_t_list{
    height: calc(100% - 95px);
    grid-gap: 10px;
    align-content: space-between;
}

.exclass_container .border_box{
    width: 100%;
    height: 33%;
}
.exclass_t_box .ct_tit_wrapper{
    margin-bottom: 30px;
}
.exclass_container .res_img{
    width: 100%;
}
.exclass_img{
    margin-top: 45px;
    width: 68%;
}
.exclass_t_box{
    width: 30%;
}
.exclass_t_box .res_t2 {
    line-height: 35px;
}

/* 꾸러미자료 */
.exdata_box .ct_min_tit{
    margin-bottom: 30px;
}
.exdata_ct{
    width: 500px;
    margin: 0 auto;
    border-color: #649c37;
}
.exdata_ct .data_img{
    width: 100%;
}

/* 컨텐츠 섹션 03 */
/* 집필진 */
.writer_intro {
    padding: 100px 0 0;
}
.writer_ct{
    padding: 80px 30px 50px;
    background-color: #fff;
}
.writer_box .job {
    padding-bottom: 10px;
}
.science_writer_01{
    height: calc(85% - 60px);
}


/* 컨텐츠 섹션 04 */

.clsdata_intro {
    padding: 100px 0;
}

/* 비디오 */
.video_info {
    display: inline-block;
    font-weight: 900;
    font-size: 34px;
    background-color: #fff3bb;
    padding: 10px 25px;
    margin-top: 30px;
}

.clsdata_intro .video_ex {
    margin: 25px 0;
}


.science_btn{
    background-color: #FFD900;
    color: #000;
}